@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg-dark:#07090e;--bg-surface:#0e131f;--bg-card:#121826;--bg-card-hover:#1a2235;--bg-input:#0f1520;--cyan-primary:#00f0ff;--cyan-dim:#00f0ff26;--cyan-glow:#00f0ff59;--crimson-primary:#ff2a5f;--crimson-dim:#ff2a5f26;--amber-primary:#fa0;--emerald-primary:#10b981;--purple-primary:#8b5cf6;--border-subtle:#ffffff12;--border-cyan:#00f0ff4d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Outfit", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-glow-cyan:0 0 20px #00f0ff26;--shadow-card:0 4px 24px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:.4rem;font-family:inherit;display:inline-flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-primary)}input,select,textarea{background-color:var(--bg-input);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);border:1px solid #2a364f;outline:none;width:100%;padding:.5rem .875rem;font-size:.825rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--cyan-primary);box-shadow:0 0 14px #00f0ff33}option{color:var(--text-primary);background-color:#0e131f}.app-layout{background:var(--bg-dark);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content-area{background:var(--bg-dark);background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-size:36px 36px;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.page-container{flex-direction:column;gap:1.15rem;width:100%;max-width:1700px;margin:0 auto;padding:1.25rem 1.5rem 2rem;display:flex}.cyber-sidebar{border-right:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;z-index:30;background:#080c14;flex-direction:column;justify-content:space-between;width:240px;min-width:240px;height:100vh;display:flex}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.95rem 1.15rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.2rem;padding:.6rem .65rem;display:flex;overflow-y:auto}.nav-item{color:#8a9bbf;cursor:pointer;letter-spacing:.01em;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.575rem .75rem;font-size:.775rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:#38d9f5!important;background:#00f0ff17!important;border-color:#00f0ff40!important;box-shadow:inset 0 0 12px #00f0ff0d!important}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.cyber-topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:20;background:#080c14f7;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;min-height:54px;padding:0 1.25rem;display:flex}.search-trigger{color:var(--text-muted);cursor:pointer;background:#121826cc;border:1px solid #1e2b42;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;min-width:200px;padding:.4rem .85rem;font-size:.775rem;transition:border-color .2s,color .2s;display:flex}.search-trigger:hover{color:var(--text-secondary);border-color:#00f0ff4d}.cyber-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0c111ceb;padding:1.15rem;transition:border-color .2s}.cyber-card:hover{border-color:#ffffff1f}.glass-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0c111ceb}.cyber-panel-header{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0c111ceb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.cyber-panel-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.cyber-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.95rem;width:100%;display:grid}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.stats-grid-row{grid-template-columns:repeat(4,1fr);gap:.95rem;width:100%;display:grid}@media (width<=1100px){.stats-grid-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid-row{grid-template-columns:1fr}}.stat-card-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0c111ceb;flex-direction:column;justify-content:space-between;min-height:106px;padding:1rem 1.1rem;transition:transform .2s,box-shadow .2s;display:flex}.stat-card-box:hover{transform:translateY(-1px)}.stat-card-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-card-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;font-weight:600}.stat-card-value{font-family:var(--font-display);color:var(--text-primary);margin-top:.2rem;font-size:1.45rem;font-weight:800;line-height:1.2}.stat-card-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card-bottom{font-size:.66rem;font-family:var(--font-mono);color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:.4rem;padding-top:.4rem;display:flex}.dashboard-split,.dashboard-split-grid{grid-template-columns:5fr 7fr;gap:1.15rem;width:100%;display:grid}@media (width<=1024px){.dashboard-split,.dashboard-split-grid{grid-template-columns:1fr}}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);font-size:.8rem;font-weight:700}.btn-cyan{color:#05080e!important;font-family:var(--font-display)!important;cursor:pointer!important;text-transform:uppercase!important;letter-spacing:.04em!important;background:linear-gradient(135deg,#00f0ff,#00b4d8)!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:.4rem!important;padding:.45rem .9rem!important;font-size:.775rem!important;font-weight:700!important;text-decoration:none!important;transition:all .18s!important;display:inline-flex!important;box-shadow:0 0 16px #00f0ff40!important}.btn-cyan:hover{transform:translateY(-1px)!important;box-shadow:0 0 28px #00f0ff73!important}.btn-dark{color:#cbd5e1!important;font-size:.775rem!important;font-family:var(--font-mono)!important;cursor:pointer!important;background:#111b2b!important;border:1px solid #243047!important;border-radius:8px!important;align-items:center!important;gap:.4rem!important;padding:.45rem .85rem!important;transition:all .18s!important;display:inline-flex!important}.btn-dark:hover{border-color:var(--cyan-primary)!important;color:var(--cyan-primary)!important;background:#1a2840!important}.btn-ghost{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;align-items:center!important;gap:.4rem!important;padding:.45rem .65rem!important;font-size:.775rem!important;transition:all .18s!important;display:inline-flex!important}.btn-ghost:hover{color:var(--text-primary)!important;background:#ffffff0f!important}.cyber-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:100%;font-size:.8rem;overflow:hidden}.cyber-table th{text-align:left;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);letter-spacing:.05em;background:#0b1019;padding:.7rem 1rem;font-size:.66rem;font-weight:600}.cyber-table td{color:#dde4f0;vertical-align:middle;background:#10161f;border-bottom:1px solid #ffffff0a;padding:.7rem 1rem}.cyber-table tr:last-child td{border-bottom:none}.cyber-table tr:hover td{background:#16202f}.badge-critical{color:#ff4d7d;font-family:var(--font-mono);text-transform:uppercase;background:#ff2a5f1f;border:1px solid #ff2a5f59;border-radius:5px;padding:.18rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.badge-high{color:#ffbe33;font-family:var(--font-mono);text-transform:uppercase;background:#ffaa001f;border:1px solid #ffaa0059;border-radius:5px;padding:.18rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.badge-medium{color:#a78bfa;font-family:var(--font-mono);text-transform:uppercase;background:#8b5cf61f;border:1px solid #8b5cf659;border-radius:5px;padding:.18rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.badge-low{color:#34d399;font-family:var(--font-mono);text-transform:uppercase;background:#10b9811f;border:1px solid #10b98159;border-radius:5px;padding:.18rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.progress-track{background:#1a2435;border-radius:3px;width:100%;height:5px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s}.page-section-title{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;display:flex}@keyframes scanBeam{0%{top:0%}to{top:100%}}@keyframes pulse-crimson{0%,to{box-shadow:0 0 #ff2a5f66}50%{box-shadow:0 0 0 6px #ff2a5f00}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse-alarm{animation:1.8s infinite pulse-crimson}.blink{animation:1.5s infinite blink}.anim-fade-up{animation:.3s fadeInUp}.scanline-container{position:relative;overflow:hidden}.scanline-container:after{content:"";opacity:.5;pointer-events:none;background:linear-gradient(90deg,#0000,#00f0ff,#0000);height:2px;animation:4s linear infinite scanBeam;position:absolute;top:0;left:0;right:0}.alert-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;background:#0c111ce6;padding:1rem;transition:border-color .2s;position:relative;overflow:hidden}.alert-card:hover{border-color:#00f0ff4d}.alert-card.severity-critical{background:#ff2a5f0d;border-color:#ff2a5f66}.alert-card.severity-high{background:#ffaa000a;border-color:#ffaa0059}.alert-card.severity-medium{background:#8b5cf60a;border-color:#8b5cf64d}.cmd-overlay{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:flex-start;padding-top:6rem;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;inset:0}.cmd-dialog{border-radius:var(--radius-xl);background:#0c1120;border:1px solid #00f0ff40;width:100%;max-width:560px;animation:.2s fadeInUp;overflow:hidden;box-shadow:0 24px 80px #000000b3,0 0 40px #00f0ff14}.cmd-input-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.cmd-input{flex:1;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;font-size:.875rem!important}.cmd-result-list{max-height:22rem;padding:.5rem;overflow-y:auto}.cmd-section-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:.4rem .75rem .25rem;font-size:.62rem}.cmd-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8rem;transition:background .15s,color .15s;display:flex}.cmd-item:hover{color:var(--text-primary);background:#00f0ff14}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.uppercase{text-transform:uppercase}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:var(--radius-md)}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.text-cyan{color:var(--cyan-primary)}.text-crimson{color:var(--crimson-primary)}.text-amber{color:var(--amber-primary)}.text-emerald{color:var(--emerald-primary)}.text-purple{color:var(--purple-primary)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-col{color:var(--text-primary)}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.pt-2{padding-top:.5rem}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}