@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0B1120;--sidebar-bg: #0D1526;--card-bg: #131F35;--card-border: #1E2D45;--cyan: #00C2FF;--cyan-hover: #00A8DB;--cyan-dim: rgba(0,194,255,.1);--cyan-glow: rgba(0,194,255,.25);--white: #FFFFFF;--muted: #8B9CB6;--green: #22C55E;--yellow: #EAB308;--orange: #F97316;--red: #EF4444;--sidebar-w: 224px;--radius: 10px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--white);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-bg{min-height:100vh;background:linear-gradient(135deg,#0b1120,#0c2a2e 40%,#0b1120,#091828);background-size:300% 300%;animation:gradientShift 12s ease infinite;display:flex;align-items:center;justify-content:center;padding:24px}.layout{display:flex;min-height:100vh}.layout:before{content:"";position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);z-index:100}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--cyan);box-shadow:0 1px 8px #00c2ff26}.sidebar-logo img{display:block;width:140px}.logo-subtitle{font-size:11px;font-weight:700;font-variant:small-caps;color:var(--cyan);letter-spacing:.8px;margin-top:8px}.sidebar-nav{padding:14px 0;flex:1}.nav-section-label{padding:8px 20px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#8b9cb666}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;border-left:2px solid transparent;transition:all .15s;-webkit-user-select:none;user-select:none;margin:1px 0}.nav-item:hover{color:var(--white);background:#ffffff0a}.nav-item.active{color:var(--cyan);border-left-color:var(--cyan);background:var(--cyan-dim);box-shadow:inset 3px 0 12px #00c2ff1f}.nav-icon{font-size:15px;width:18px;text-align:center;opacity:.8}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--card-border)}.status-indicator{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);margin-bottom:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);flex-shrink:0}.main{margin-left:var(--sidebar-w);flex:1;padding:28px 32px;min-height:100vh}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);transition:border-color .2s}.card:hover{border-color:#1e2d45e6}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:22px 20px;position:relative;overflow:hidden;transition:border-color .2s,transform .15s}.stat-card:hover{transform:translateY(-1px)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card.green:before{background:var(--green);box-shadow:0 0 12px #22c55e80}.stat-card.yellow:before{background:var(--yellow);box-shadow:0 0 12px #eab30880}.stat-card.orange:before{background:var(--orange);box-shadow:0 0 12px #f9731680}.stat-card.red:before{background:var(--red);box-shadow:0 0 12px #ef444480}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.stat-value{font-size:38px;font-weight:700;color:var(--white);margin-top:8px;line-height:1}.stat-sub{font-size:11.5px;color:var(--muted);margin-top:4px}.quick-actions{display:flex;gap:12px;margin-bottom:24px}.welcome-banner{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:18px 22px;background:linear-gradient(135deg,#00c2ff0f,#00c2ff05);border:1px solid rgba(0,194,255,.15);border-radius:var(--radius)}.welcome-title{font-size:18px;font-weight:700;color:var(--white)}.welcome-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.welcome-date{font-size:12.5px;color:var(--muted);text-align:right}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;padding:11px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#0003;border-bottom:1px solid var(--card-border)}tbody tr{border-bottom:1px solid var(--card-border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff08}tbody td{padding:13px 16px;color:var(--white)}tbody td.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:600;letter-spacing:.2px}.badge-clear{background:#22c55e26;color:#4ade80}.badge-monitor{background:#eab30826;color:#fde047}.badge-review{background:#f9731626;color:#fb923c}.badge-block{background:#ef444426;color:#f87171}.badge-cyan{background:var(--cyan-dim);color:var(--cyan)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:inherit}.btn-primary{background:var(--cyan);color:#0b1120}.btn-primary:hover{background:var(--cyan-hover);box-shadow:0 0 16px var(--cyan-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-sm{padding:5px 12px;font-size:12.5px}.btn-ghost{background:transparent;color:var(--cyan);border:1px solid var(--card-border)}.btn-ghost:hover{border-color:var(--cyan);background:var(--cyan-dim)}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.btn-success{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.btn-success:hover{background:#22c55e40}.btn-warn{background:#eab30826;color:#fde047;border:1px solid rgba(234,179,8,.3)}.btn-warn:hover{background:#eab30840}.form-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.form-input,.form-select{width:100%;padding:9px 12px;border:1px solid var(--card-border);border-radius:6px;font-size:13.5px;font-family:inherit;color:var(--white);background:#0000004d;outline:none;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--muted)}.form-input:focus,.form-select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00c2ff1a}.form-select option{background:#131f35;color:var(--white)}.dropzone{border:2px dashed var(--card-border);border-radius:var(--radius);padding:44px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#0003}.dropzone:hover,.dropzone.drag-over{border-color:var(--cyan);background:var(--cyan-dim);box-shadow:0 0 20px #00c2ff14}.dropzone-icon{font-size:36px;margin-bottom:12px}.dropzone-text{font-size:14px;color:var(--white);font-weight:500}.dropzone-hint{font-size:12px;color:var(--muted);margin-top:4px}.page-header{margin-bottom:24px}.page-title{font-size:22px;font-weight:700;color:var(--white)}.page-subtitle{font-size:13.5px;color:var(--muted);margin-top:3px}.card-header{padding:14px 20px;border-bottom:1px solid var(--card-border);font-size:13.5px;font-weight:600;color:var(--white);display:flex;align-items:center;justify-content:space-between}.login-card{background:var(--card-bg);border:1px solid var(--card-border);border-top:2px solid var(--cyan);border-radius:12px;padding:32px;box-shadow:0 0 40px #00c2ff14}.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.text-cyan{color:var(--cyan)}.text-muted{color:var(--muted)}.text-white{color:var(--white)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.fw-600{font-weight:600}