:root{--bg:#0a0e1a;--bg2:#0f1628;--surface:#0f1628d9;--border:#00c8ff26;--accent:#00c8ff;--danger:#ff4060;--warn:#fa0;--safe:#00e676;--text:#e0eaff;--text2:#89b;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:220px;padding:24px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{color:var(--accent);border-bottom:1px solid var(--border);letter-spacing:.05em;margin-bottom:8px;padding:0 20px 20px;font-size:1.1rem;font-weight:700}.sidebar-logo span{color:var(--text)}.nav-item{cursor:pointer;color:var(--text2);border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;transition:all .15s;display:flex}.nav-item:hover{color:var(--text);background:#00c8ff0f}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:#00c8ff14}.main{flex:1;margin-left:220px;padding:32px}.page-title{color:var(--text);margin-bottom:24px;font-size:1.5rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px}.stat-value{color:var(--accent);font-size:2rem;font-weight:700}.stat-label{color:var(--text2);margin-top:4px;font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-safe{color:var(--safe);background:#00e67626}.badge-low{color:var(--accent);background:#00c8ff26}.badge-medium{color:var(--warn);background:#ffaa0026}.badge-high{color:var(--danger);background:#ff406033}.badge-critical{color:#ff2050;background:#ff003c4d;border:1px solid #ff2050}.badge-BLOCK{color:var(--danger);background:#ff406033}.badge-ALLOW{color:var(--safe);background:#00e67626}.badge-WARN{color:var(--warn);background:#ffaa0026}.badge-REDACT{color:var(--accent);background:#00c8ff26}.badge-QUARANTINE{color:#ff6400;background:#ff640033}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .15s}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#0ad}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--accent);border:1px solid var(--border);background:#00c8ff1a}.btn-ghost:hover{background:#00c8ff33}.btn:disabled{opacity:.5;cursor:not-allowed}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#0000004d;border-radius:8px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .15s}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:120px;font-family:inherit}.label{color:var(--text2);margin-bottom:6px;font-size:.8rem;display:block}.field{flex-direction:column;gap:6px;display:flex}.alert-box{border-radius:var(--radius);border:1px solid;margin-top:16px;padding:14px 18px;font-size:.9rem}.alert-ALLOW{border-color:var(--safe);color:var(--safe);background:#00e67614}.alert-BLOCK{border-color:var(--danger);color:var(--danger);background:#ff40601a}.alert-WARN{border-color:var(--warn);color:var(--warn);background:#ffaa0014}.alert-REDACT{border-color:var(--accent);color:var(--accent);background:#00c8ff14}.alert-QUARANTINE{color:#ff6400;background:#ff64001a;border-color:#ff6400}.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th{color:var(--text2);text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-weight:500}.table td{vertical-align:top;border-bottom:1px solid #00c8ff0f;padding:10px 12px}.table tr:hover td{background:#00c8ff08}.threat-feed{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow-y:auto}.feed-item{border:1px solid var(--border);background:#0003;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:.85rem;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-critical{background:var(--danger);box-shadow:0 0 6px var(--danger)}.dot-high{background:#ff6400}.dot-medium{background:var(--warn)}.dot-low{background:var(--accent)}.dot-safe{background:var(--safe)}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:360px;padding:40px}.login-title{color:var(--accent);margin-bottom:8px;font-size:1.4rem;font-weight:700}.login-sub{color:var(--text2);margin-bottom:28px;font-size:.85rem}.section-title{color:var(--text);margin-bottom:16px;font-size:1rem;font-weight:600}.result-section{flex-direction:column;gap:12px;margin-top:20px;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.detail-key{color:var(--text2)}.detail-val{color:var(--text)}.pulse-dot{background:var(--safe);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #00e67666}50%{box-shadow:0 0 0 6px #00e67600}}.status-bar{color:var(--text2);align-items:center;gap:8px;margin-bottom:24px;font-size:.8rem;display:flex}.tabs{gap:4px;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:var(--text2);border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .15s}.tab.active{color:var(--accent);background:#00c8ff26}.tab:hover{background:#00c8ff14}.report-content{white-space:pre-wrap;color:var(--text);font-size:.88rem;line-height:1.7}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.grid-3{grid-template-columns:repeat(3,1fr)}