:root{color-scheme:dark;--bg-page: #0b0e14;--bg-glow-blue: rgba(79, 158, 255, .22);--bg-glow-violet: rgba(124, 92, 255, .18);--bg-glow-cyan: rgba(56, 189, 248, .12);--bg-glow-warm: rgba(255, 107, 97, .1);--card-bg: rgba(255, 255, 255, .06);--card-bg-soft: rgba(255, 255, 255, .035);--card-bg-strong: rgba(255, 255, 255, .1);--card-hover: rgba(255, 255, 255, .09);--card-border: rgba(255, 255, 255, .12);--card-border-strong: rgba(255, 255, 255, .2);--blur-sm: blur(10px) saturate(140%);--blur-md: blur(20px) saturate(150%);--blur-lg: blur(32px) saturate(160%);--text: #f5f6f8;--text-dim: #9aa1ac;--text-faint: #868d99;--accent: #4f9eff;--accent-strong: #3b82f6;--accent-deep: #7c5cff;--accent-ink: #ffffff;--accent-bg: rgba(79, 158, 255, .16);--accent-border: rgba(79, 158, 255, .45);--accent-glow: rgba(79, 158, 255, .4);--critical: #ff6b61;--critical-bg: rgba(255, 107, 97, .14);--critical-border: rgba(255, 107, 97, .45);--high: #ffab3d;--high-bg: rgba(255, 171, 61, .14);--high-border: rgba(255, 171, 61, .45);--medium: #ffd84d;--medium-bg: rgba(255, 216, 77, .14);--medium-border: rgba(255, 216, 77, .42);--low: #3ddc70;--low-bg: rgba(61, 220, 112, .14);--low-border: rgba(61, 220, 112, .42);--code-text: #dbe4ee;--code-bg: rgba(0, 0, 0, .35);--surface-opaque: #161a22;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 11px;--radius-pill: 999px;--shadow-card: inset 0 1px 0 rgba(255, 255, 255, .08), 0 20px 40px -26px rgba(0, 0, 0, .75);--shadow-app: inset 0 1px 0 rgba(255, 255, 255, .1), 0 40px 90px -30px rgba(0, 0, 0, .85);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .28s;--text-xs: .72rem;--text-sm: .82rem;--text-base: .92rem;--text-lg: 1.05rem;--text-xl: 1.3rem;--text-display: 1.9rem;--sidebar-w: 232px}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Plus Jakarta Sans,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;color:inherit}select option{background-color:var(--surface-opaque);color:var(--text)}select option:checked{background-color:var(--accent);color:var(--accent-ink)}button{background:none;border:none;cursor:pointer}a{color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page,.login-screen{background:radial-gradient(760px 620px at 8% -8%,var(--bg-glow-blue),transparent 62%),radial-gradient(680px 520px at 92% 4%,var(--bg-glow-violet),transparent 60%),radial-gradient(720px 620px at 72% 96%,var(--bg-glow-cyan),transparent 62%),radial-gradient(520px 420px at 24% 88%,var(--bg-glow-warm),transparent 60%),var(--bg-page);background-attachment:fixed}.page{height:100vh;display:flex;overflow:hidden}.app-shell{display:flex;width:100%;height:100%}.sidebar{flex:0 0 var(--sidebar-w);display:flex;flex-direction:column;gap:28px;padding:24px 16px;background:var(--card-bg-soft);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-right:1px solid var(--card-border);height:100%;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:var(--text-lg);letter-spacing:-.01em;padding:0 8px}.brand-mark{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(155deg,var(--accent),var(--accent-deep));color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:1rem;flex:0 0 auto;box-shadow:0 6px 18px -6px var(--accent-glow)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-dim);text-align:left;border:1px solid transparent;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease}.sidebar-link .icon{font-size:1rem;flex:0 0 auto;width:20px;text-align:center}@media (hover: hover) and (pointer: fine){.sidebar-link:hover{background:var(--card-bg);color:var(--text)}}.sidebar-link.active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px}.mode-pill{font-size:var(--text-xs);font-weight:700;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);text-align:center}.mode-live{color:var(--low);border-color:var(--low-border);background:var(--low-bg)}.mode-mock{color:var(--medium);border-color:var(--medium-border);background:var(--medium-bg)}.sidebar-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--text);transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.icon-btn:hover{background:var(--card-hover);border-color:var(--card-border-strong)}}.icon-btn:active{transform:scale(.94)}.icon-btn-danger{color:var(--critical);border-color:var(--critical-border);background:var(--critical-bg)}@media (hover: hover) and (pointer: fine){.icon-btn-danger:hover{background:var(--critical);border-color:var(--critical);color:#fff}}.content{flex:1;min-width:0;padding:32px 40px 60px;max-width:1320px;height:100%;overflow-y:auto}.content-view{animation:view-fade var(--duration-base) var(--ease-in-out)}@keyframes view-fade{0%{opacity:0}to{opacity:1}}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.hero h1{margin:0 0 6px;font-size:var(--text-display);font-weight:800;letter-spacing:-.02em}.subtitle{margin:0;color:var(--text-dim);font-size:var(--text-base)}.glass-card{background:var(--card-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:12px;margin-bottom:22px}.stat-widget{position:relative;padding:18px 18px 16px;min-height:118px;display:flex;flex-direction:column;justify-content:flex-end;transition:border-color var(--duration-slow) var(--ease-out),background var(--duration-slow) var(--ease-out)}@media (hover: hover) and (pointer: fine){.stat-widget:hover{border-color:var(--card-border-strong);background:var(--card-hover)}}.stat-value{font-size:1.75rem;font-weight:800;line-height:1.05;letter-spacing:-.02em}.stat-value-sm{font-size:1.2rem;font-variant-numeric:tabular-nums}.stat-label{margin-top:4px;font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-widget.severity-critical .stat-value{color:var(--critical)}.stat-widget.severity-high .stat-value{color:var(--high)}.stat-widget.severity-medium .stat-value{color:var(--medium)}.stat-widget.severity-low .stat-value{color:var(--low)}.stat-ring{position:absolute;top:15px;right:15px;width:46px;height:46px;display:grid;place-items:center;font-size:.63rem;font-weight:800;color:var(--text-dim);font-variant-numeric:tabular-nums}.stat-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--ring-color, var(--accent)) calc(var(--pct, 0) * 1%),rgba(255,255,255,.1) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}.stat-widget.severity-critical .stat-ring{--ring-color: var(--critical)}.stat-widget.severity-high .stat-ring{--ring-color: var(--high)}.stat-widget.severity-medium .stat-ring{--ring-color: var(--medium)}.stat-widget.severity-low .stat-ring{--ring-color: var(--low)}.stat-icon{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:var(--card-bg-soft);border:1px solid var(--card-border);display:grid;place-items:center;font-size:1.05rem}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}.filters select,.filters input{background:var(--card-bg);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--card-border);color:var(--text);padding:11px 18px;border-radius:var(--radius-pill);font-size:var(--text-sm);transition:border-color var(--duration-base) var(--ease-out)}.filters select{cursor:pointer}.filters input{flex:1;min-width:200px}.filters input::placeholder{color:var(--text-faint)}.filters select:focus,.filters input:focus{outline:none;border-color:var(--accent)}.toggle-refresh{border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:var(--text);border-radius:var(--radius-pill);padding:11px 20px;font-size:var(--text-sm);font-weight:700;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.toggle-refresh.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 8px 22px -10px var(--accent-glow)}.toggle-refresh.off{color:var(--text-dim)}@media (hover: hover) and (pointer: fine){.toggle-refresh.off:hover{color:var(--text);border-color:var(--card-border-strong)}}.toggle-refresh:active{transform:scale(.97)}.toggle-refresh:disabled{opacity:.55;cursor:default}.alert-list-card{overflow:hidden}.alert-list-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px}.alert-list-header h2{margin:0;font-size:var(--text-lg);font-weight:800;letter-spacing:-.01em}.alert-count-badge{background:var(--card-bg-soft);border:1px solid var(--card-border);padding:5px 14px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;color:var(--text-dim)}.alert-list{display:flex;flex-direction:column;padding:0 8px 8px;gap:2px}.alert-row-wrap{border-top:1px solid var(--card-border)}.alert-row-wrap:first-child{border-top:none}.alert-row{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:var(--radius-md);transition:background var(--duration-base) var(--ease-out);cursor:pointer}@media (hover: hover) and (pointer: fine){.alert-row:hover{background:var(--card-hover)}}.alert-row.severity-critical{background:linear-gradient(90deg,var(--critical-bg),transparent 70%)}.severity-icon{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;font-size:.95rem}.severity-icon.severity-critical{background:var(--critical-bg);border-color:var(--critical-border)}.severity-icon.severity-high{background:var(--high-bg);border-color:var(--high-border)}.severity-icon.severity-medium{background:var(--medium-bg);border-color:var(--medium-border)}.severity-icon.severity-low{background:var(--low-bg);border-color:var(--low-border)}.alert-main{flex:1;min-width:0}.alert-desc{font-size:var(--text-base);font-weight:600;margin-bottom:3px}.alert-meta{font-size:var(--text-xs);color:var(--text-dim);display:flex;gap:8px;flex-wrap:wrap}.source-badge{color:var(--text);font-weight:600}.severity-chip{flex:0 0 auto;font-size:var(--text-xs);font-weight:700;padding:6px 13px;border-radius:var(--radius-pill);white-space:nowrap;background:var(--card-bg);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--card-border)}.severity-chip-critical{background:var(--critical-bg);border-color:var(--critical-border);color:var(--critical)}.severity-chip-high{background:var(--high-bg);border-color:var(--high-border);color:var(--high)}.severity-chip-medium{background:var(--medium-bg);border-color:var(--medium-border);color:var(--medium)}.severity-chip-low{background:var(--low-bg);border-color:var(--low-border);color:var(--low)}.alert-time{flex:0 0 auto;font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.state-msg{padding:46px 20px;text-align:center;color:var(--text-dim)}.state-msg.error{color:var(--critical)}.banner-note{background:var(--medium-bg);color:var(--medium);border:1px solid var(--medium-border);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);padding:14px 18px;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.55;margin-bottom:18px}.banner-note code{background:#ffffff1a;padding:1px 6px;border-radius:6px;font-size:.82em}.banner-note-detail{margin-top:6px;font-size:var(--text-xs);opacity:.85}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.agent-card{text-align:left;padding:18px 20px;display:flex;flex-direction:column;gap:10px;transition:transform var(--duration-slow) var(--ease-out),background var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}@media (hover: hover) and (pointer: fine){.agent-card:hover{transform:translateY(-2px);background:var(--card-hover);border-color:var(--card-border-strong)}}.agent-card:active{transform:scale(.985)}.agent-card-top{display:flex;align-items:center;gap:10px}.agent-status{position:relative;width:30px;height:17px;border-radius:var(--radius-pill);flex:0 0 auto;background:#ffffff1a;border:1px solid var(--card-border);transition:background var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}.agent-status:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--text-dim);transition:transform var(--duration-slow) var(--ease-out),background var(--duration-slow) var(--ease-out)}.agent-status-active{background:var(--low-bg);border-color:var(--low-border);box-shadow:0 0 14px -2px var(--low-bg)}.agent-status-active:after{background:var(--low);transform:translate(13px)}.agent-status-disconnected{background:var(--critical-bg);border-color:var(--critical-border)}.agent-status-disconnected:after{background:var(--critical)}.agent-status-pending{background:var(--high-bg);border-color:var(--high-border)}.agent-status-pending:after{background:var(--high);transform:translate(6px)}.agent-status-never_connected:after{background:var(--text-faint)}.agent-name{font-weight:700;font-size:var(--text-base)}.agent-meta{font-size:var(--text-xs);color:var(--text-dim);display:flex;gap:6px;flex-wrap:wrap}.agent-alert-chips{display:flex;gap:6px}.mini-chip{font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--card-border)}.mini-chip-critical{background:var(--critical-bg);border-color:var(--critical-border);color:var(--critical)}.mini-chip-high{background:var(--high-bg);border-color:var(--high-border);color:var(--high)}.mini-chip-medium{background:var(--medium-bg);border-color:var(--medium-border);color:var(--medium)}.mini-chip-low{background:var(--low-bg);border-color:var(--low-border);color:var(--low)}.agent-footer{font-size:var(--text-xs);color:var(--text-faint)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:start}.settings-card{padding:24px 26px;display:flex;flex-direction:column;gap:14px}.settings-card h2{margin:0;font-size:var(--text-lg);font-weight:800}.settings-hint{margin:0;font-size:var(--text-sm);color:var(--text-dim);line-height:1.55}.settings-hint code{background:var(--card-bg-soft);border:1px solid var(--card-border);padding:1px 6px;border-radius:6px}.settings-field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--text)}.settings-field select,.settings-field input{background:var(--card-bg-soft);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:11px 14px;font-size:var(--text-base);color:var(--text);font-weight:500;transition:border-color var(--duration-base) var(--ease-out)}.settings-field input::placeholder{color:var(--text-faint)}.settings-field select:focus,.settings-field input:focus{outline:none;border-color:var(--accent)}.settings-current{font-weight:500;color:var(--text-dim);font-style:normal}.settings-toggle{display:flex;align-items:center;gap:12px;font-size:var(--text-base);font-weight:600;cursor:pointer}.settings-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;width:44px;height:25px;margin:0;border-radius:var(--radius-pill);background:#ffffff1f;border:1px solid var(--card-border);cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.settings-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000073;transition:transform var(--duration-base) var(--ease-out)}.settings-toggle input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px -4px var(--accent-glow)}.settings-toggle input[type=checkbox]:checked:after{transform:translate(19px)}.settings-toggle input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-status{margin:0;font-size:var(--text-sm);font-weight:600}.settings-status.ok{color:var(--low)}.settings-status.error{color:var(--critical)}.settings-actions{display:flex;align-items:center;gap:14px;grid-column:1 / -1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;transition:opacity var(--duration-base) var(--ease-out)}.modal-backdrop[data-starting-style],.modal-backdrop[data-ending-style]{opacity:0}.modal-card{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:calc(100% - 48px);max-width:760px;max-height:85vh;height:fit-content;z-index:101;background:var(--card-bg-strong);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--card-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-app);display:flex;flex-direction:column;overflow:hidden;transform-origin:center;transform:scale(1);opacity:1;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.modal-card[data-starting-style],.modal-card[data-ending-style]{opacity:0;transform:scale(.95)}.modal-card[data-ending-style]{transition-duration:.15s;transition-timing-function:var(--ease-in)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px 18px;border-bottom:1px solid var(--card-border);flex:0 0 auto}.modal-header h2{margin:8px 0 6px;font-size:var(--text-lg);font-weight:800;line-height:1.35}.modal-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-sm);color:var(--text-dim)}.modal-close{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--card-border);background:var(--card-bg-soft);font-size:.95rem;color:var(--text);transition:background var(--duration-fast) ease,transform var(--duration-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.modal-close:hover{background:var(--card-hover)}}.modal-close:active{transform:scale(.92)}.modal-body{padding:22px 26px 26px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-section h3{margin:0 0 10px;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.modal-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 20px;margin:0}.modal-fields dt{color:var(--text-dim);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.modal-fields dd{margin:0;font-weight:600;font-size:var(--text-base);word-break:break-word}.log-block{background:var(--code-bg);color:var(--code-text);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px 16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow-y:auto;margin:0}.log-block+.log-block{margin-top:10px}.modal-json-toggle{cursor:pointer;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:10px}.modal-json-toggle:hover{color:var(--text)}.modal-section details[open] .modal-json-toggle{margin-bottom:10px}.repeat-badge{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-size:var(--text-xs);font-weight:800;vertical-align:middle}.ai-analysis{background:var(--card-bg-soft);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px 16px;font-size:var(--text-base);line-height:1.6;white-space:pre-wrap}.ai-status{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-dim)}.ai-status.error{color:var(--critical)}.mitre-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.mitre-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--radius-pill);background:var(--accent-bg);border:1px solid var(--accent-border);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:var(--accent);font-size:var(--text-xs);font-weight:700}.mitre-chip .mitre-id{font-variant-numeric:tabular-nums;opacity:.85}.mitre-chip.inferred{background:var(--card-bg-soft);border:1px dashed var(--card-border-strong);color:var(--text-dim)}.mitre-chip.inferred .mitre-estimated-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;opacity:.8}.empty-hint{font-size:var(--text-sm);color:var(--text-faint)}.login-screen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:350px;padding:38px 30px 30px;display:flex;flex-direction:column;gap:14px;text-align:center}.login-mark{align-self:center;margin-bottom:4px;width:50px;height:50px;border-radius:var(--radius-md);font-size:1.35rem}.login-card h1{margin:0;font-size:var(--text-xl);font-weight:800}.login-card .subtitle{margin:0 0 8px;font-size:var(--text-sm)}.login-card .settings-field{text-align:left}.login-submit{margin-top:4px}.trends-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.trends-grid .glass-card.wide{grid-column:1 / -1}.chart-card{padding:22px 24px;display:flex;flex-direction:column;gap:16px;transition:border-color var(--duration-slow) var(--ease-out)}@media (hover: hover) and (pointer: fine){.chart-card:hover{border-color:var(--card-border-strong)}}.chart-card h2{margin:0;font-size:var(--text-base);font-weight:800}.chart-card .chart-wrap{height:260px}.top-ip-list{display:flex;flex-direction:column;gap:10px}.top-ip-row{display:flex;align-items:center;gap:10px;font-size:var(--text-sm)}.top-ip-row .ip{flex:1;font-variant-numeric:tabular-nums;font-weight:600}.top-ip-row .bar-track{flex:1;height:6px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}.top-ip-row .bar-fill{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent),var(--accent-deep))}.top-ip-row .count{color:var(--text-dim);font-variant-numeric:tabular-nums;width:36px;text-align:right}@media (max-width: 900px){.app-shell{flex-direction:column}.sidebar{flex:0 0 auto;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;height:auto;overflow-x:auto;overflow-y:visible;border-right:none;border-bottom:1px solid var(--card-border)}.sidebar-nav{flex-direction:row}.sidebar-footer{margin-top:0;flex-direction:row;align-items:center;margin-left:auto}.content{padding:20px 18px 40px}.trends-grid{grid-template-columns:1fr}}@media (max-width: 720px){.alert-row{flex-wrap:wrap}.alert-time{margin-left:52px}}.aws-section{margin-top:22px;display:flex;flex-direction:column;gap:14px}.aws-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.aws-section-head h2{margin:0;font-size:var(--text-lg);font-weight:800}.aws-section-head .filters{margin-bottom:0}.aws-chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.aws-summary{margin-bottom:16px}.aws-bucket-row .ip{min-width:0}.aws-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aws-wrap{overflow-wrap:anywhere;word-break:break-word}.aws-sub{color:var(--text-faint);font-size:var(--text-xs);font-weight:500}.aws-warn{color:var(--high);font-weight:700}.aws-list{display:flex;flex-direction:column}.aws-list-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--card-border)}.aws-list-row:first-child{border-top:none}.aws-list-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.aws-list-title{font-size:var(--text-base);font-weight:600;overflow-wrap:anywhere}.aws-list-meta{font-size:var(--text-xs);color:var(--text-dim)}.aws-cluster-card{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.agent-grid+.aws-table-wrap{margin-top:18px}.aws-table-wrap{overflow-x:auto;padding:6px 4px}.aws-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.aws-table th{text-align:left;padding:12px 14px;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap}.aws-table td{padding:12px 14px;border-top:1px solid var(--card-border);vertical-align:top}@media (max-width: 720px){.stat-grid{grid-template-columns:repeat(2,1fr)}.aws-list-row{flex-wrap:wrap}.aws-list-row .alert-time{margin-left:0}.filters select{flex:1 1 100%}.aws-table thead{display:none}.aws-table,.aws-table tbody,.aws-table tr,.aws-table td{display:block;width:100%}.aws-table tr{padding:10px 6px;border-top:1px solid var(--card-border)}.aws-table tr:first-child{border-top:none}.aws-table td{border-top:none;padding:5px 10px;display:flex;gap:10px;align-items:baseline}.aws-table td:before{content:attr(data-label);flex:0 0 96px;font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700}}.aws-toolbar{align-items:center}.aws-range{display:inline-flex;gap:6px;flex-wrap:wrap}.aws-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}button.stat-widget{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.kpi-link:focus-visible,.aws-table-click tr:focus-visible,.aws-chip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover: hover) and (pointer: fine){.kpi-link:hover{border-color:var(--accent-border)}}.kpi-link:active{transform:scale(.98)}.aws-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;color:var(--text-dim);font-size:var(--text-base)}.aws-empty span{font-size:1.8rem}.skeleton-block{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.skeleton{min-height:100px;animation:aws-pulse 1.4s ease-in-out infinite}.skeleton-wide{min-height:220px}@keyframes aws-pulse{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.aws-h2{margin:0;font-size:var(--text-lg);font-weight:800}.aws-section.aws-section-first{margin-top:4px}.aws-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.aws-check{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-dim);cursor:pointer}.chart-donut{height:220px!important}.aws-legend{display:inline-flex;align-items:center;gap:6px}.aws-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.aws-filterbar input{min-width:160px}.aws-count{margin:0 0 12px;font-size:var(--text-sm);color:var(--text-dim)}.aws-facets{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.aws-facet{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.aws-facet-title{flex:0 0 76px;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.aws-facet .aws-chip-row{flex:1;min-width:0}.aws-chip-btn{font-family:inherit;background:var(--card-bg);color:var(--text-dim);cursor:pointer;max-width:100%}.aws-chip-btn.mini-chip-low{background:var(--low-bg);color:var(--low)}.aws-chip-btn.mini-chip-high{background:var(--high-bg);color:var(--high)}@media (hover: hover) and (pointer: fine){.aws-chip-btn:hover{border-color:var(--accent-border);color:var(--text)}}.aws-chip-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text)}.aws-chip-text{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.aws-nowrap{white-space:nowrap}.aws-table-click tbody tr{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.aws-table-click tbody tr:hover{background:var(--card-hover)}}@media (max-width: 720px){.aws-filterbar input{flex:1 1 100%;min-width:0}.aws-facet-title{flex-basis:100%}.aws-kpis{grid-template-columns:repeat(2,1fr)}.aws-chip-text{max-width:150px}.aws-toolbar .toggle-refresh{flex:1 1 auto}}