*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-5{left:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-\[400px\]{height:400px}.h-full{height:100%}.w-3{width:.75rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.bg-brand-blue{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-brand-red{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pr-8{padding-right:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-brand-blue{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-brand-green{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-brand-red{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html,html *,html *:before,html *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--bg-primary: #05080d;--bg-secondary: #080d14;--bg-card: #080d14;--bg-card-hover: #0c1219;--border-color: #111c2b;--border-active: #182a3d;--text-primary: #dce4ec;--text-secondary: #556677;--text-muted: #2a3a4a;--accent-cyan: #00d4ff;--accent-green: #22c55e;--accent-red: #ef4444;--accent-orange: #f97316;--accent-yellow: #eab308;--accent-purple: #a855f7;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8f9fb;--border-color: #dde2e8;--border-active: #c4cbd4;--text-primary: #1a1a2e;--text-secondary: #64748b;--text-muted: #94a3b8;--accent-cyan: #0891b2;--accent-green: #16a34a;--accent-red: #dc2626;--accent-orange: #ea580c;--accent-yellow: #d97706;--accent-purple: #9333ea}body{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}[data-theme=dark] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%),linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::selection{background:#00d4ff4d;color:#fff}::-moz-selection{background:#00d4ff4d;color:#fff}[data-theme=light] ::-moz-selection{background:#00d4ff33;color:#fff}[data-theme=light] ::selection{background:#00d4ff33;color:#fff}.mono,[data-mono],.timestamp,.ip-address,.hash,.coordinate{font-family:JetBrains Mono,Share Tech Mono,monospace!important;font-size:12px;letter-spacing:.02em}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 4px currentColor,0 0 12px currentColor}50%{opacity:.4;box-shadow:0 0 1px currentColor}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .animate-fade-in{animation:fade-in .3s ease-out}[data-theme=dark] .animate-slide-in{animation:slide-in-right .3s ease-out}@keyframes wt-pulse{0%,to{opacity:1}50%{opacity:.3}}.app-layout{display:flex;height:100vh;overflow:hidden;gap:0}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 24px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:border-color var(--transition-base),background var(--transition-base)}.card:hover{border-color:var(--border-active);background:var(--bg-card-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent-cyan)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{padding:10px 16px;text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-family:JetBrains Mono,Share Tech Mono,monospace}.data-table tbody tr{transition:background var(--transition-fast);border-bottom:1px solid rgba(0,212,255,.04)}.data-table tbody tr:hover{background:#00d4ff0a}.data-table tbody td{padding:11px 16px;color:var(--text-primary);font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-family:JetBrains Mono,Share Tech Mono,monospace}.badge-critical{background:#ff33551a;color:var(--accent-red);border:1px solid rgba(255,51,85,.25);box-shadow:0 1px 2px #00000014}.badge-high{background:#ff88331a;color:var(--accent-orange);border:1px solid rgba(255,136,51,.25);box-shadow:0 1px 2px #00000014}.badge-medium{background:#ffcc0014;color:var(--accent-yellow);border:1px solid rgba(255,204,0,.2)}.badge-low{background:#00d4ff14;color:var(--accent-cyan);border:1px solid rgba(0,212,255,.2)}.badge-success{background:#00ff4114;color:var(--accent-green);border:1px solid rgba(0,255,65,.2);box-shadow:0 1px 2px #00000014}.progress-bar{width:100%;height:6px;background:#00d4ff14;border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(0,212,255,.06)}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-fill-cyan{background:var(--accent-cyan);box-shadow:0 1px 3px #0000001a}.progress-fill-green{background:var(--accent-green);box-shadow:0 1px 3px #0000001a}.progress-fill-red{background:var(--accent-red);box-shadow:0 1px 3px #0000001a}.progress-fill-orange{background:var(--accent-orange);box-shadow:0 1px 3px #0000001a}.live-indicator{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-green)}.live-indicator:before{content:"";width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:live-pulse 1.5s ease-in-out infinite;color:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.boot-logo{font-size:36px;font-weight:800;color:var(--accent-cyan);letter-spacing:4px;font-family:JetBrains Mono,Share Tech Mono,monospace}.boot-status{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:12px;color:var(--text-secondary);letter-spacing:.5px}.boot-progress-track{width:300px;height:3px;background:#00d4ff1a;border-radius:var(--radius-full);overflow:hidden}.boot-progress-bar{height:100%;width:0%;background:var(--accent-cyan);box-shadow:none;border-radius:var(--radius-full);transition:width .3s ease}.sidebar{width:240px;min-width:240px;flex-shrink:0;height:100vh;height:100dvh;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative;z-index:100}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:34px;height:34px;background:#00d4ff0f;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0}[data-theme=light] .sidebar-logo-icon{background:#0891b20f}.sidebar-logo-icon svg{width:18px;height:18px}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.sidebar-brand-name{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:.8px;line-height:1.3}.sidebar-version{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.3px;margin-top:2px}.sidebar-section-label{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;padding:16px 16px 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 0}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:2px 8px;min-height:38px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-family:Inter,system-ui,sans-serif;font-size:13.5px;font-weight:500;line-height:1.4;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid transparent;border-left:3px solid transparent;position:relative}.nav-item:hover{background:#00d4ff0a;color:var(--text-primary)}[data-theme=light] .nav-item:hover{background:#0891b20a}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;transition:opacity var(--transition-fast)}.nav-item:hover .nav-icon{opacity:.85}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{flex-shrink:0;font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:var(--radius-full);line-height:1.4}.nav-badge-live{background:#ef44441a;color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}.nav-item.active{background:#00d4ff0f;color:var(--accent-cyan);font-weight:600;border-left:3px solid var(--accent-cyan);border-color:transparent;border-left-color:var(--accent-cyan)}[data-theme=light] .nav-item.active{background:#0891b20d;color:#0891b2;border-left-color:#0891b2}.nav-item.active .nav-icon{opacity:1;color:var(--accent-cyan)}.sidebar-footer{margin-top:auto;padding:12px 16px 16px;border-top:1px solid var(--border-color)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.sidebar-user:hover{background:#00d4ff08}[data-theme=light] .sidebar-user:hover{background:#00000005}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);border:1.5px solid var(--border-active);background:#00d4ff0f;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.5px}[data-theme=light] .sidebar-avatar{background:#0891b20f}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.3px;line-height:1.4}.sidebar-overlay{display:none}.sidebar-nav::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar-nav,.sidebar{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}.hud-bar{flex-shrink:0;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:50}.hud-left,.hud-right{display:flex;align-items:center;gap:16px}.hud-wordmark{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:1px}.hud-subtitle{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;color:var(--text-secondary);font-weight:500}.hud-subtitle-project{font-weight:700;color:var(--text-primary)}.hud-subtitle-sep{color:var(--border-color)}.hud-status-badge{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:2px;border:1px solid}.status-live{color:var(--accent-green);border-color:#22c55e40;background:#22c55e0f}.status-demo{color:var(--accent-amber);border-color:#f59e0b40;background:#f59e0b0f}.hud-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-live .hud-status-dot{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green);animation:live-pulse 1.5s ease-in-out infinite}.status-demo .hud-status-dot{background:var(--accent-amber);box-shadow:0 0 4px var(--accent-amber);animation:wt-pulse 2s ease-in-out infinite}.hud-status-text{line-height:1}.hud-stat{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#00d4ff08;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.hud-stat-label{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.hud-stat-value{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13px;font-weight:700;color:var(--accent-cyan)}.hud-divider{width:1px;height:24px;background:var(--border-color);flex-shrink:0}.hud-clock-time{font-size:13px;font-weight:700;letter-spacing:1px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#00d4ff08;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.theme-toggle:hover{border-color:var(--border-active);color:var(--accent-cyan);background:#00d4ff14;box-shadow:0 1px 2px #0000000f}.content-area{flex:1;overflow-y:auto;background:var(--bg-primary)}.content-inner{max-width:1600px;margin:0 auto;padding:32px}@media (max-width: 768px){.content-inner{padding:16px}.hud-bar{padding:0 16px}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{border-color:var(--border-active);box-shadow:0 2px 8px #0000000f}.stat-card-label{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-card-value{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:28px;font-weight:700;color:var(--accent-cyan);line-height:1.2}.stat-card-sub{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:11px;color:var(--text-secondary);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:JetBrains Mono,Share Tech Mono,monospace;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:1px solid var(--border-color)}.btn-primary{background:#00d4ff14;color:var(--accent-cyan);border-color:var(--border-active)}.btn-primary:hover{background:#00d4ff26;box-shadow:0 1px 3px #00000014}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{color:var(--text-primary);border-color:var(--border-active);background:#00d4ff0a}.btn-danger{background:#ff335514;color:var(--accent-red);border-color:#ff335540}.btn-danger:hover{background:#ff335526;box-shadow:0 1px 3px #00000014}.btn-sm{padding:5px 10px;font-size:11px}.btn-lg{padding:10px 20px;font-size:13px}.input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:12px;color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-fast);width:100%;outline:none}.input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d4ff1f}.input::-moz-placeholder{color:var(--text-muted);font-family:JetBrains Mono,Share Tech Mono,monospace}.input::placeholder{color:var(--text-muted);font-family:JetBrains Mono,Share Tech Mono,monospace}[data-theme=dark] select.input{color-scheme:dark}[data-theme=light] select.input{color-scheme:light}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:32px;margin-bottom:16px;opacity:.5}.empty-state-title{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.page-container{animation:fade-in .3s ease-out;max-width:1400px;margin:0 auto}.page-header{margin-bottom:24px}.page-title{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:20px;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px}.page-subtitle{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:12px;color:var(--text-secondary);margin-top:4px}.page-actions{display:flex;gap:8px;margin-top:16px}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px}.chart-title{font-family:JetBrains Mono,Share Tech Mono,monospace;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px}.diode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#00ff410d;border:1px solid rgba(0,255,65,.15);border-radius:2px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:10px;font-weight:700;color:var(--accent-green);letter-spacing:1px}.diode-dot{width:6px;height:6px;background:var(--accent-green);border-radius:50%;animation:live-pulse 2s ease-in-out infinite;box-shadow:0 0 3px var(--accent-green)}.hud-clock{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.hud-clock-date{font-size:11px;font-weight:500;color:var(--text-secondary)}.hud-clock-sep{color:var(--border-color);font-size:11px}.hud-clock-time{font-size:13px;font-weight:700;color:var(--accent-cyan);letter-spacing:1px}:root{transition:--bg-base .25s cubic-bezier(.4,0,.2,1),--bg-surface .25s cubic-bezier(.4,0,.2,1),--bg-elevated .25s cubic-bezier(.4,0,.2,1),--border-default .25s cubic-bezier(.4,0,.2,1),--border-strong .25s cubic-bezier(.4,0,.2,1),--text-primary .25s cubic-bezier(.4,0,.2,1),--text-secondary .25s cubic-bezier(.4,0,.2,1),--text-muted .25s cubic-bezier(.4,0,.2,1),--color-accent .25s cubic-bezier(.4,0,.2,1),--color-accent-dim .25s cubic-bezier(.4,0,.2,1)}@keyframes wt-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}@keyframes wt-pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes wt-scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes wt-radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wt-threat-flash{0%{border-color:#ef44441a}50%{border-color:#ef4444b3}to{border-color:#ef44441a}}@keyframes wt-data-stream{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes wt-hex-grid{0%,to{opacity:.03}50%{opacity:.06}}@keyframes wt-border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wt-count-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes wt-alert-in{0%{opacity:0;transform:translate(-20px);border-left-color:transparent}to{opacity:1;transform:translate(0)}}@keyframes wt-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes wt-typing{0%{width:0}to{width:100%}}@keyframes wt-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes wt-ping-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes wt-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-flash{0%{background:var(--flash-color, rgba(239,68,68,.12))}to{background:transparent}}@keyframes scanline-h{0%{top:-4px}to{top:100%}}@keyframes count-glow{0%{text-shadow:0 0 8px var(--glow-color, var(--color-accent))}to{text-shadow:none}}@keyframes critical-pulse{0%,to{box-shadow:inset 0 0 #ef444400}50%{box-shadow:inset 0 0 20px #ef44440f}}@keyframes svg-draw-line{0%{stroke-dashoffset:var(--dash-len, 2000)}to{stroke-dashoffset:0}}@keyframes svg-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes svg-spark-in{0%{opacity:0}to{opacity:1}}@keyframes svg-dot-pulse{0%,to{r:2.5;opacity:1}50%{r:4;opacity:.7}}@keyframes kpi-border-glow{0%,to{border-color:var(--kpi-glow-color, rgba(0,212,255,.08))}50%{border-color:var(--kpi-glow-color, rgba(0,212,255,.22))}}@keyframes flow-dot-move{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(500px);opacity:0}}@keyframes flow-dot-return{0%{transform:translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translate(-500px);opacity:0}}@keyframes empty-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.03)}}@keyframes empty-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-fade-in .15s cubic-bezier(.22,1,.36,1) both}@keyframes deg-row-glow{0%,to{box-shadow:inset 0 0 8px #ef444405}50%{box-shadow:inset 0 0 16px #ef44440f}}.deg-row-critical{animation:deg-row-glow 3s ease-in-out infinite}.svg-chart-line{stroke-dasharray:var(--dash-len, 2000);stroke-dashoffset:var(--dash-len, 2000);animation:svg-draw-line 1.2s cubic-bezier(.22,1,.36,1) forwards}.svg-chart-bar-fill{transform-origin:left center;animation:svg-bar-grow .8s cubic-bezier(.22,1,.36,1) forwards}.svg-sparkline-path{stroke-dasharray:var(--spark-len, 100);stroke-dashoffset:var(--spark-len, 100);animation:kpi-spark-draw 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes kpi-spark-draw{0%{stroke-dashoffset:var(--spark-len, 100)}to{stroke-dashoffset:0}}:root{--bg-base: #050810;--bg-surface: #0a0f1a;--bg-elevated: #111827;--bg-inset: #080c14;--bg-card: #0d1321;--border-default: rgba(0,212,255,.08);--border-strong: rgba(0,212,255,.18);--border-muted: rgba(0,212,255,.04);--border-threat: rgba(239,68,68,.3);--border-warning: rgba(245,158,11,.25);--text-primary: #e2e8f0;--text-secondary: #64748b;--text-muted: #334155;--text-on-accent: #ffffff;--color-accent: #00d4ff;--color-accent-dim: rgba(0,212,255,.08);--color-success: #22c55e;--color-success-dim: rgba(34,197,94,.08);--color-warning: #f59e0b;--color-warning-dim: rgba(245,158,11,.08);--color-danger: #ef4444;--color-danger-dim: rgba(239,68,68,.08);--color-info: #06b6d4;--color-info-dim: rgba(6,182,212,.08);--color-purple: #a855f7;--color-purple-dim: rgba(168,85,247,.08);--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .35s;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-tabular: "JetBrains Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--selection-bg: rgba(0,212,255,.2);--selection-text: #e2e8f0;--sidebar-bg: #060a14;--sidebar-border: rgba(0,212,255,.06);--bg-primary: var(--bg-base);--bg-secondary: var(--bg-surface);--bg-card: var(--bg-card);--bg-card-hover: #111827;--border-color: var(--border-default);--border-active: var(--border-strong);--accent-cyan: var(--color-accent);--accent-green: var(--color-success);--accent-red: var(--color-danger);--accent-orange: var(--color-warning);--accent-yellow: var(--color-warning);--accent-purple: var(--color-purple);--accent-pink: var(--color-purple);--accent-teal: var(--color-info);--accent-sky: var(--color-accent);--accent-amber: var(--color-warning);--accent-indigo: var(--color-accent)}[data-theme=light]{--hud-bg: #f8fafc;--hud-border: rgba(0,0,0,.08);--hud-text: #1e293b;--hud-text-sec: #64748b;--grid-opacity: .04;--grid-color: rgba(0,0,0,.06);--scanline-opacity: 0;--sidebar-bg: #f1f5f9;--sidebar-border: rgba(0,0,0,.06);--card-bg: #ffffff;--card-border: #e2e8f0;--hud-stat-bg: #f1f5f9;--hud-stat-border: rgba(0,0,0,.06);--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: #94a3b8}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:auto}body{font-family:var(--font-sans);font-size:13px;font-weight:400;line-height:1.6;color:var(--text-primary, var(--color-text));background:var(--bg-base, #050810);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--text-primary)}::-moz-selection{background:color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--text-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 20%,transparent);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-accent) 20%,transparent) transparent}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.content-area{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.content-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:var(--grid-opacity);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;animation:wt-hex-grid 8s ease-in-out infinite}.content-area.fullscreen-page{flex:1;height:100vh;overflow:hidden}.content-area.fullscreen-page{--bg-primary: #0a0e14;--bg-secondary: #11151c;--bg-card: #11151c;--bg-card-hover: #181d27;--border-color: #1e2736;--border-active: #2a3548;--text-primary: #e8ecf1;--text-secondary: #8b95a5;--text-muted: #4f5b6b;--accent-cyan: #00d4ff;--accent-green: #22c55e;--accent-red: #ef4444;--accent-orange: #f59e0b;--accent-yellow: #f59e0b;--accent-purple: #8b5cf6;--bg-base: #0a0e14;--bg-surface: #11151c;--bg-elevated: #181d27;--bg-inset: #0a0e14;--border-default: #1e2736;--border-strong: #2a3548;--border-muted: #151c28;--color-accent: #3b82f6;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4;--color-purple: #8b5cf6}.content-area.fullscreen-page:before{display:none}.content-area.fullscreen-page .content-inner{height:100vh;overflow-y:auto}.content-inner{position:relative;z-index:1}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.hud-bar{flex-shrink:0;height:52px;background:var(--hud-bg)!important;border-bottom:1px solid var(--hud-border)!important;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-5);position:relative;z-index:50;color:var(--hud-text)!important}.hud-bar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--hud-glow-color),transparent);opacity:.3}.hud-left,.hud-right{display:flex;align-items:center;gap:var(--sp-4)}.hud-wordmark{font-family:var(--font-mono);font-size:14px;font-weight:800;color:var(--color-accent)!important;letter-spacing:.15em;text-shadow:0 0 12px color-mix(in srgb,var(--color-accent) 30%,transparent);text-transform:uppercase}.hud-subtitle{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:11px;color:var(--hud-text-sec)!important;font-weight:500;letter-spacing:.02em}.hud-subtitle-project{font-weight:700;color:var(--hud-text)!important}.hud-subtitle-sep{color:color-mix(in srgb,var(--color-accent) 20%,transparent)!important}.hud-status-badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:3px 10px;border-radius:var(--r-1);border:1px solid}.status-live{color:var(--color-success)!important;border-color:color-mix(in srgb,var(--color-success) 25%,transparent);background:var(--color-success-dim);box-shadow:0 0 8px color-mix(in srgb,var(--color-success) 20%,transparent),0 0 16px color-mix(in srgb,var(--color-success) 8%,transparent)}.status-demo{color:var(--color-warning)!important;border-color:color-mix(in srgb,var(--color-warning) 25%,transparent);background:var(--color-warning-dim);box-shadow:0 0 8px color-mix(in srgb,var(--color-warning) 20%,transparent),0 0 16px color-mix(in srgb,var(--color-warning) 8%,transparent)}.hud-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.status-live .hud-status-dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success),0 0 14px color-mix(in srgb,var(--color-success) 35%,transparent);animation:wt-pulse-dot 1.5s ease-in-out infinite}.status-demo .hud-status-dot{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning),0 0 14px color-mix(in srgb,var(--color-warning) 35%,transparent);animation:wt-pulse-dot 2s ease-in-out infinite}.hud-status-text{font-family:var(--font-mono);line-height:1}.hud-stat{display:flex;align-items:center;gap:var(--sp-2);padding:3px var(--sp-3);background:var(--hud-stat-bg)!important;border-radius:var(--r-1);border:1px solid var(--hud-stat-border)!important}.hud-stat-label{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--hud-text-sec)!important;text-transform:uppercase;letter-spacing:.1em}.hud-stat-value{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--hud-text)!important;letter-spacing:-.01em}.hud-divider{width:1px;height:20px;background:var(--hud-border)!important;flex-shrink:0}.sidebar{width:230px;min-width:230px;flex-shrink:0;height:100vh;background:var(--sidebar-bg)!important;border-right:1px solid var(--sidebar-border)!important;display:flex;flex-direction:column;overflow-y:auto;position:relative;z-index:100}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--color-accent),transparent 30%,transparent 70%,var(--color-accent));opacity:.2}.sidebar-header{padding:var(--sp-5);border-bottom:1px solid var(--sidebar-border);position:relative}.sidebar-logo{font-family:var(--font-mono);font-size:14px;font-weight:800;color:var(--color-accent);display:flex;align-items:center;gap:var(--sp-3);letter-spacing:.1em;text-shadow:0 0 12px color-mix(in srgb,var(--color-accent) 20%,transparent)}.sidebar-logo-icon{width:30px;height:30px;border:1.5px solid var(--color-accent);border-radius:var(--r-2);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:13px;flex-shrink:0;background:var(--color-accent-dim);box-shadow:0 0 8px color-mix(in srgb,var(--color-accent) 10%,transparent)}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-name{font-size:13px;font-weight:800;letter-spacing:.12em;line-height:1.1}.sidebar-brand-sub{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);letter-spacing:.04em;margin-top:1px}.sidebar-version{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px;letter-spacing:.04em}.sidebar-section{padding:var(--sp-4) var(--sp-3) var(--sp-2)}.sidebar-section-label{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;padding:0 var(--sp-3);margin-bottom:var(--sp-1)}.sidebar-nav{flex:1;overflow-y:auto;padding:0 var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin:1px var(--sp-1);border-radius:var(--r-2);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:all var(--dur-fast) var(--ease-in-out);border:1px solid transparent;position:relative}.nav-item:hover{background:var(--color-accent-dim);color:var(--text-primary);border-color:var(--border-default)}.nav-item.active{background:var(--color-accent-dim);color:var(--color-accent);font-weight:600;border-color:var(--border-strong)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:60%;background:var(--color-accent);border-radius:var(--r-full);box-shadow:0 0 6px var(--color-accent)}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;opacity:.6}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:9px;font-weight:700;padding:2px 7px;border-radius:var(--r-full);border:1px solid;min-width:20px;text-align:center;letter-spacing:.06em}.nav-badge-live{background:var(--color-success-dim);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}.nav-badge-count{background:var(--color-danger-dim);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 25%,transparent)}.sidebar-footer{margin-top:auto;padding:var(--sp-4);border-top:1px solid var(--sidebar-border)}.sidebar-user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-2)}.sidebar-avatar{width:32px;height:32px;border:1px solid var(--border-strong);border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-family:var(--font-mono);font-size:11px;font-weight:600;flex-shrink:0;background:var(--color-accent-dim)}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.sidebar-user-role{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.04em}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-3);padding:var(--sp-5);transition:all var(--dur-base) var(--ease-in-out);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.card:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-muted)}.card-title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase}.card--threat{border-color:var(--border-threat);animation:wt-threat-flash 3s ease-in-out infinite}.card--threat:before{background:linear-gradient(90deg,transparent,var(--color-danger),transparent)}.card--warning{border-color:var(--border-warning)}.card--warning:before{background:linear-gradient(90deg,transparent,var(--color-warning),transparent)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-1);font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid;white-space:nowrap;line-height:1.5}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-critical{background:var(--color-danger-dim);color:var(--color-danger);border-color:#ef444433}.badge-critical .badge-dot{background:var(--color-danger);box-shadow:0 0 4px var(--color-danger)}.badge-high{background:#f9731614;color:var(--color-warning);border-color:#f9731633}.badge-high .badge-dot{background:var(--color-warning);box-shadow:0 0 4px var(--color-warning)}.badge-medium{background:#eab3080f;color:var(--color-warning);border-color:#eab30826}.badge-medium .badge-dot{background:var(--color-warning)}.badge-low{background:var(--color-info-dim);color:var(--color-info);border-color:#06b6d426}.badge-low .badge-dot{background:var(--color-info)}.badge-success{background:var(--color-success-dim);color:var(--color-success);border-color:#22c55e26}.badge-success .badge-dot{background:var(--color-success)}.badge-info{background:var(--color-info-dim);color:var(--color-info);border-color:#06b6d426}.badge-info .badge-dot{background:var(--color-info)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.kpi-sparkline{position:absolute;bottom:0;right:0;width:90px;height:32px;opacity:.35;pointer-events:none}.kpi-sparkline-path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--spark-len, 200);stroke-dashoffset:var(--spark-len, 200);animation:kpi-spark-draw 1.2s cubic-bezier(.22,1,.36,1) .5s forwards}.kpi-sparkline-area{opacity:.15}.donut-chart{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.donut-segment{transition:opacity .2s ease;cursor:pointer}.donut-segment:hover{opacity:1!important}.donut-legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.donut-legend-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.donut-center-text{font-family:var(--font-mono);font-weight:800;fill:var(--text-primary)}.donut-center-label{font-family:var(--font-mono);font-size:7px;fill:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase}.svg-hbar-track{fill:var(--bg-elevated);rx:2}.svg-hbar-fill{transform-origin:left center;animation:svg-bar-grow .8s cubic-bezier(.22,1,.36,1) forwards}.svg-hbar-glow{opacity:.3}.flow-dot-forward{animation:flow-dot-forward 2.5s linear infinite}.flow-dot-backward{animation:flow-dot-backward 2.5s linear infinite;opacity:.2}@keyframes flow-dot-forward{0%{transform:translate(0);opacity:0}5%{opacity:.8}45%{opacity:.8}50%{transform:translate(280px);opacity:0}to{opacity:0}}@keyframes flow-dot-backward{0%{transform:translate(0);opacity:0}50%{opacity:0}55%{opacity:.15}95%{opacity:.15}to{transform:translate(-280px);opacity:0}}.flow-node-border{transition:all .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--text-muted)}.empty-state-icon-ring{animation:empty-ring 8s linear infinite;opacity:.15}.empty-state-icon-inner{animation:empty-breathe 3s ease-in-out infinite}.empty-state-title{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary);margin-top:var(--sp-4);margin-bottom:var(--sp-1);text-transform:uppercase;letter-spacing:.06em}.empty-state-desc{font-size:12px;color:var(--text-muted);max-width:320px;line-height:1.6}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-3);padding:var(--sp-4) var(--sp-5);position:relative;overflow:hidden;transition:all var(--dur-base) var(--ease-in-out)}.kpi-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.kpi-card--danger:after{--kpi-color: var(--color-danger)}.kpi-card--success:after{--kpi-color: var(--color-success)}.kpi-card--warning:after{--kpi-color: var(--color-warning)}.kpi-card--purple:after{--kpi-color: var(--color-purple)}.kpi-label{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-2)}.kpi-value{font-family:var(--font-mono);font-size:22px;font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em}.kpi-sub{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:var(--sp-1)}.kpi-bar{width:100%;height:3px;background:var(--bg-elevated);border-radius:var(--r-full);margin-top:var(--sp-3);overflow:hidden}.kpi-bar-fill{height:100%;border-radius:var(--r-full);transition:width .8s var(--ease-out);background:var(--kpi-color, var(--color-accent));box-shadow:0 0 6px var(--kpi-color, var(--color-accent))}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-3);padding:var(--sp-4) var(--sp-5);position:relative;overflow:hidden;transition:all var(--dur-base) var(--ease-in-out);animation:kpi-border-glow 4s ease-in-out infinite}.kpi-card:hover{border-color:var(--border-strong);transform:translateY(-1px);animation-play-state:paused}.kpi-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--kpi-color, var(--color-accent));opacity:.4;transition:opacity var(--dur-base)}.kpi-card:hover:after{opacity:.8}.kpi-card--danger{--kpi-color: var(--color-danger)}.kpi-card--success{--kpi-color: var(--color-success)}.kpi-card--warning{--kpi-color: var(--color-warning)}.kpi-card--purple{--kpi-color: var(--color-purple)}.kpi-value{font-family:var(--font-mono);font-size:22px;font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.threat-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-left:2px solid var(--threat-color, var(--border-default));background:var(--bg-inset);border-radius:0 var(--r-2) var(--r-2) 0;transition:all var(--dur-fast) var(--ease-in-out);animation:wt-alert-in .4s var(--ease-out) both;margin-bottom:var(--sp-2)}.threat-item--critical{--threat-color: var(--color-danger);border-left-color:var(--color-danger)}.threat-item--high{--threat-color: var(--color-warning);border-left-color:var(--color-warning)}.threat-item--medium{--threat-color: #eab308}.threat-item--low{--threat-color: var(--color-info)}.threat-item:hover{background:var(--bg-elevated)}.threat-item-icon{flex-shrink:0;margin-top:2px}.threat-item-body{flex:1;min-width:0}.threat-item-title{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.4}.threat-item-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:2px;letter-spacing:.02em}.threat-item-confidence{font-family:var(--font-mono);font-size:13px;font-weight:700;flex-shrink:0;margin-top:1px}.threat-item-confidence--high{color:var(--color-danger)}.threat-item-confidence--med{color:var(--color-warning)}.threat-item-confidence--low{color:var(--color-info)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-2);font-family:var(--font-mono);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-in-out);text-decoration:none;border:1px solid transparent;line-height:1.4;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.btn-primary{background:var(--color-accent);color:#000;border-color:var(--color-accent);box-shadow:0 0 12px #00d4ff33}.btn-primary:hover{filter:brightness(1.2);box-shadow:0 0 20px #00d4ff59}.btn-danger{background:transparent;color:var(--color-danger);border-color:#ef44444d;box-shadow:0 0 12px #ef44441a}.btn-danger:hover{background:var(--color-danger-dim);border-color:#ef444480;box-shadow:0 0 20px #ef444433}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent;padding:var(--sp-1) var(--sp-2)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:10px;border-radius:var(--r-1)}.btn-lg{padding:var(--sp-3) var(--sp-5);font-size:12px;border-radius:var(--r-3)}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table thead th{padding:var(--sp-2) var(--sp-4);text-align:left;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border-default)}.data-table tbody tr{transition:background var(--dur-fast) var(--ease-in-out);border-bottom:1px solid var(--border-muted)}.data-table tbody tr:hover{background:var(--color-accent-dim)}.data-table tbody td{padding:var(--sp-2) var(--sp-4);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;vertical-align:middle;letter-spacing:.01em}.data-table tbody tr:last-child td{border-bottom:none}.progress-bar{width:100%;height:4px;background:var(--bg-elevated);border-radius:var(--r-full);overflow:hidden;border:1px solid var(--border-muted)}.progress-fill{height:100%;border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease-out)}.progress-fill-accent{background:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.progress-fill-success{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.progress-fill-danger{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.progress-fill-warning{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.progress-fill-info{background:var(--color-info)}.live-indicator{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-success)}.live-indicator:before{content:"";width:7px;height:7px;background:var(--color-success);border-radius:50%;animation:wt-pulse-dot 1.5s ease-in-out infinite;box-shadow:0 0 6px var(--color-success)}.diode-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px var(--sp-3);background:var(--color-success-dim);border:1px solid color-mix(in srgb,var(--color-success) 15%,transparent);border-radius:var(--r-1);font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--color-success);letter-spacing:.08em}.diode-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:wt-pulse-dot 2s ease-in-out infinite}.threat-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-1);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid}.threat-tag--ddos{background:#ef444414;color:#f87171;border-color:#ef444433}.threat-tag--c2{background:#a855f714;color:#c084fc;border-color:#a855f733}.threat-tag--dns{background:#f59e0b14;color:#fbbf24;border-color:#f59e0b33}.threat-tag--tls{background:#06b6d414;color:#22d3ee;border-color:#06b6d433}.threat-tag--scan{background:#f9731614;color:#fb923c;border-color:#f9731633}.threat-tag--exfil{background:#ef444414;color:#fca5a5;border-color:#ef444433}.threat-tag--benign{background:#22c55e14;color:#4ade80;border-color:#22c55e33}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6)}.boot-logo{font-family:var(--font-mono);font-size:24px;font-weight:800;color:var(--color-accent);letter-spacing:.2em;text-shadow:0 0 20px rgba(0,212,255,.4);text-transform:uppercase}.boot-status{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.06em}.boot-progress{width:200px;height:2px;background:var(--bg-elevated);border-radius:var(--r-full);overflow:hidden}.boot-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--r-full);box-shadow:0 0 8px var(--color-accent);animation:wt-progress-fill 2s var(--ease-out) forwards}@keyframes wt-progress-fill{0%{width:0%}to{width:100%}}.attack-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.attack-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-3);padding:var(--sp-5);position:relative;overflow:hidden;transition:all var(--dur-base) var(--ease-in-out)}.attack-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.attack-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--attack-color, var(--color-accent)),transparent);opacity:.3}.attack-card--ddos{--attack-color: var(--color-danger)}.attack-card--c2{--attack-color: var(--color-purple)}.attack-card--dns{--attack-color: var(--color-warning)}.attack-card--scan{--attack-color: var(--color-info)}.attack-card--exfil{--attack-color: var(--color-danger)}.attack-card--tls{--attack-color: var(--color-info)}.attack-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.attack-card-title{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:.04em}.attack-card-severity{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:2px 8px;border-radius:var(--r-1);text-transform:uppercase;letter-spacing:.08em}.attack-card-desc{font-size:12px;color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.5}.attack-card-rule{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-bottom:var(--sp-4);padding:var(--sp-2) var(--sp-3);background:var(--bg-inset);border-radius:var(--r-1);border:1px solid var(--border-muted)}.attack-card-rule code{color:var(--color-accent);font-weight:600}.detection-flash{padding:var(--sp-3) var(--sp-4);background:var(--color-danger-dim);border:1px solid rgba(239,68,68,.2);border-radius:var(--r-2);animation:wt-flash-in .5s var(--ease-out) both;margin-top:var(--sp-3)}@keyframes wt-flash-in{0%{opacity:0;transform:scale(.97);border-color:transparent}to{opacity:1;transform:scale(1)}}.detection-flash-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.detection-flash-title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-danger);letter-spacing:.06em;text-transform:uppercase}.detection-flash-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);line-height:1.6}.network-map-container{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-3);overflow:hidden}.network-map-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,212,255,.02) 0%,transparent 70%),linear-gradient(rgba(0,212,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.02) 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px;pointer-events:none}.radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:50%;transform-origin:top left;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,212,255,.04) 30deg,transparent 60deg);animation:wt-radar-sweep 6s linear infinite;pointer-events:none}.input{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-default);border-radius:var(--r-2);font-family:var(--font-mono);font-size:11px;color:var(--text-primary);background:var(--bg-inset);transition:border-color var(--dur-fast) var(--ease-in-out),box-shadow var(--dur-fast) var(--ease-in-out);width:100%;outline:none}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #00d4ff14}.input::-moz-placeholder{color:var(--text-muted);font-family:var(--font-mono)}.input::placeholder{color:var(--text-muted);font-family:var(--font-mono)}select.input{color-scheme:dark}.threat-bar{display:flex;height:8px;border-radius:var(--r-full);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-muted)}.threat-bar-segment{height:100%;transition:width var(--dur-slow) var(--ease-out);position:relative}.threat-bar-segment:first-child{border-radius:var(--r-full) 0 0 var(--r-full)}.threat-bar-segment:last-child{border-radius:0 var(--r-full) var(--r-full) 0}.threat-bar-segment:only-child{border-radius:var(--r-full)}.threat-bar-legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}.threat-bar-legend-item{display:flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.threat-bar-legend-dot{width:6px;height:6px;border-radius:50%}.terminal-output{font-family:var(--font-mono);font-size:11px;line-height:1.8;color:var(--color-success);background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--r-2);padding:var(--sp-4);overflow-y:auto;max-height:300px;position:relative}.terminal-output:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;border-radius:var(--r-2)}.terminal-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-prompt{color:var(--color-accent);margin-right:var(--sp-2)}.terminal-time{color:var(--text-muted);margin-right:var(--sp-2)}.terminal-text{color:var(--text-secondary)}.terminal-success{color:var(--color-success)}.terminal-danger{color:var(--color-danger)}.terminal-warning{color:var(--color-warning)}.terminal-cursor{display:inline-block;width:7px;height:14px;background:var(--color-accent);animation:wt-cursor-blink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-16) var(--sp-6);text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:32px;margin-bottom:var(--sp-4);opacity:.4}.empty-state-title{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-1);text-transform:uppercase;letter-spacing:.06em}.empty-state-desc{font-size:13px;color:var(--text-muted);max-width:360px}.chart-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-3);padding:var(--sp-5);position:relative}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.chart-title{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-4)}.pipeline-flow{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-3) 0}.pipeline-node{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--r-2);font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;position:relative;transition:all var(--dur-base) var(--ease-in-out)}.pipeline-node--active{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px #00d4ff1a}.pipeline-node--threat{border-color:var(--color-danger);color:var(--color-danger);box-shadow:0 0 12px #ef44441a;animation:wt-pulse-glow 2s ease-in-out infinite}.pipeline-arrow{color:var(--text-muted);font-size:14px;flex-shrink:0}.section-title{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.section-title:before{content:"";width:8px;height:8px;background:var(--color-accent);border-radius:var(--r-1);box-shadow:0 0 6px var(--color-accent);flex-shrink:0}.section-title--danger:before{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.section-title--warning:before{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.mono{font-family:var(--font-mono);letter-spacing:.01em}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.glow-accent{text-shadow:0 0 8px rgba(0,212,255,.3)}.glow-danger{text-shadow:0 0 8px rgba(239,68,68,.3)}.border-glow{box-shadow:0 0 12px #00d4ff14}.divider{width:1px;height:20px;background:var(--border-default);flex-shrink:0}.divider-h{width:100%;height:1px;background:var(--border-muted);margin:var(--sp-4) 0}.realtime-value{font-family:var(--font-mono);font-weight:800;color:var(--text-primary);animation:wt-count-up .3s var(--ease-out)}@media (max-width: 1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.attack-grid{grid-template-columns:1fr}}@media (max-width: 768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.boot-progress-track{width:300px;height:3px;background:var(--bg-elevated);border-radius:var(--r-full);overflow:hidden;border:1px solid var(--border-muted)}.boot-progress-bar{height:100%;width:0%;background:var(--color-accent);border-radius:var(--r-full);transition:width .3s ease}.mono,[data-mono],.timestamp,.ip-address,.hash,.coordinate{font-family:var(--font-tabular)!important;font-size:12px;letter-spacing:.02em}@keyframes wt-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wt-slide-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes wt-pulse-dot{0%,to{opacity:1}50%{opacity:.25}}@keyframes wt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:wt-fade-in .35s var(--ease-out) both}.animate-slide-in{animation:wt-slide-in .3s var(--ease-out) both}.animate-pulse-dot{animation:wt-pulse-dot 1.5s ease-in-out infinite}.animate-spin{animation:wt-spin 1s linear infinite}.wt-interactive{transition:transform .16s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s}.wt-interactive:active{transform:scale(.98)}.wt-panel{position:relative;overflow:hidden}.wt-panel-accent{position:absolute;top:0;left:0;right:0;height:1px}.wt-no-transition,.wt-no-transition *{transition:none!important}[data-theme=dark] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,transparent 50%,rgba(0,0,0,.4) 100%),linear-gradient(rgba(59,130,246,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.015) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px}[data-theme=light]{--bg-base: #f1f5f9;--bg-surface: #ffffff;--bg-elevated: #f8fafc;--bg-inset: #e2e8f0;--bg-card: #ffffff;--border-default: rgba(0,0,0,.06);--border-strong: rgba(0,0,0,.12);--border-muted: rgba(0,0,0,.03);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-on-accent: #ffffff;--color-accent: #0284c7;--color-accent-dim: rgba(2,132,199,.06);--color-success: #16a34a;--color-success-dim: rgba(22,163,74,.06);--color-warning: #d97706;--color-warning-dim: rgba(217,119,6,.06);--color-danger: #dc2626;--color-danger-dim: rgba(220,38,38,.06);--color-info: #0891b2;--color-info-dim: rgba(8,145,178,.06);--color-purple: #9333ea;--color-purple-dim: rgba(147,51,234,.06)}[data-theme=light] body{background:var(--bg-base);color:var(--text-primary)}[data-theme=light] .app-shell{background:var(--bg-base)}[data-theme=light] .sidebar{background:#1e293b;color:#e2e8f0;border-right-color:#ffffff0d}[data-theme=light] .sidebar .nav-label,[data-theme=light] .sidebar .nav-section-title{color:#94a3b8}[data-theme=light] .sidebar .nav-item:hover,[data-theme=light] .sidebar .nav-item.active{color:#fff;background:#ffffff0f}[data-theme=light] .hud-bar{background:#1e293b;border-bottom-color:#ffffff0d;color:#e2e8f0}[data-theme=light] .wt-panel{background:var(--bg-card);border-color:var(--border-default)}[data-theme=light] .wt-stat-value{color:var(--text-primary)}[data-theme=light] .wt-stat-label{color:var(--text-secondary)}[data-theme=light] .wt-section-title{color:var(--text-primary)}[data-theme=light] .wt-muted{color:var(--text-muted)}[data-theme=light] .content-area,[data-theme=light] .fullscreen-page{background:var(--bg-base)}@media (max-width: 1024px){.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 768px){.stat-grid{grid-template-columns:1fr}.content-inner{padding:var(--sp-4)}.hud-bar{padding:0 var(--sp-4)}.sidebar{width:220px;min-width:220px}.page-title{font-size:18px}.hud-stat{display:none}}@media (max-width: 480px){.sidebar{position:fixed;left:-260px;transition:left var(--dur-base) var(--ease-in-out)}.sidebar.open{left:0}}@media print{.sidebar,.hud-bar,.boot-screen{display:none!important}.content-area{padding:0}body{background:#fff;color:#000}.card,.stat-card{border:1px solid #ddd;-moz-column-break-inside:avoid;break-inside:avoid}}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px);pointer-events:none;z-index:9999}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:.025;background:radial-gradient(ellipse at 50% 0%,transparent 50%,rgba(0,0,0,.4) 100%),linear-gradient(rgba(59,130,246,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.015) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px}@keyframes diode-flow-clear{0%{transform:translate(-8px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(calc(100vw + 8px));opacity:0}}@keyframes diode-flow-attack{0%{transform:translate(-8px);opacity:0}15%{opacity:.9}75%{opacity:.9}to{transform:translate(calc(100vw + 8px));opacity:0}}@keyframes diode-pulse-glow{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 6px currentColor)}}.diode-dot-clear{animation:diode-flow-clear 3.5s linear infinite}.diode-dot-attack{animation:diode-flow-attack 2.8s linear infinite}.diode-triangle-pulse{animation:diode-pulse-glow 2s ease-in-out infinite}@keyframes live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}.live-pulse-dot{animation:live-pulse 1.5s ease-in-out infinite}.glow-border-accent{box-shadow:0 0 8px #00d4ff26,inset 0 0 8px #00d4ff0d}.glow-border-success{box-shadow:0 0 8px #22c55e26,inset 0 0 8px #22c55e0d}.glow-border-danger{box-shadow:0 0 8px #ef444426,inset 0 0 8px #ef44440d}.glow-border-warning{box-shadow:0 0 8px #f59e0b26,inset 0 0 8px #f59e0b0d}.hud-bar-scanlines{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,color-mix(in srgb,var(--color-accent) 1%,transparent) 2px,color-mix(in srgb,var(--color-accent) 1%,transparent) 4px);background-size:100% 4px;animation:wt-scan-overlay 10s linear infinite;opacity:var(--scanline-opacity, 0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover\:border-brand-blue\/30:hover{border-color:#3b82f64d}.hover\:opacity-80:hover{opacity:.8}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}