:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#09090d;--bg-elevated:#101018;--bg-surface:#16161f;--bg-surface-hover:#1e1e2a;--bg-overlay:#09090db8;--bg-sidebar-top:#12121a;--bg-glow-1:#8b5cf629;--bg-glow-2:#34d3990f;--accent:#8b5cf6;--accent-soft:#a78bfa;--accent-muted:#8b5cf624;--accent-border:#8b5cf659;--success:#34d399;--success-muted:#34d39924;--warning:#fbbf24;--warning-muted:#fbbf2424;--danger:#f87171;--danger-muted:#f8717124;--info:#60a5fa;--info-muted:#60a5fa24;--risk-low:var(--success);--risk-low-muted:var(--success-muted);--risk-moderate:var(--warning);--risk-moderate-muted:var(--warning-muted);--risk-high:var(--danger);--risk-high-muted:var(--danger-muted);--banner-warning-btn-bg:#fbbf2447;--banner-warning-btn-bg-hover:#fbbf2466;--banner-warning-btn-border:#fbbf2485;--banner-danger-btn-bg:#f8717147;--banner-danger-btn-bg-hover:#f8717166;--banner-danger-btn-border:#f8717185;--banner-info-btn-bg:#60a5fa3d;--banner-info-btn-bg-hover:#60a5fa5c;--banner-info-btn-border:#60a5fa7a;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-tertiary:#a1a1aa;--text-inverse:#09090d;--border:#ffffff0f;--border-strong:#ffffff1a;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #00000059;--shadow-glow:0 0 0 1px var(--accent-border), 0 12px 40px #8b5cf614;--card-sheen:#ffffff08;--surface-tint:#ffffff0a;--surface-tint-strong:#ffffff14;--surface-tint-soft:#ffffff06;--gauge-track:#ffffff12;--score-gradient-from:#fff;--score-gradient-to:#e4e4e7;--chart-grid:#ffffff0f;--chart-tick:#d4d4d8;--chart-tick-muted:#a1a1aa;--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hover:#fff3;--badge-success-fg:#86efac;--badge-warning-fg:#fde047;--badge-danger-fg:#fda4af;--badge-info-fg:#93c5fd;--badge-accent-fg:#c4b5fd;--badge-neutral-fg:#e4e4e7;--badge-neutral-bg:#ffffff14;--badge-neutral-border:#ffffff2e;--sidebar-width:260px;--header-height:72px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-display:"Sora", "Source Sans 3", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration:.28s}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f4f2fa;--bg-elevated:#fff;--bg-surface:#fff;--bg-surface-hover:#f0ecf9;--bg-overlay:#2e10655c;--bg-sidebar-top:#faf8ff;--bg-glow-1:#7c3aed24;--bg-glow-2:#7c3aed0d;--accent:#7c3aed;--accent-soft:#6d28d9;--accent-muted:#7c3aed1f;--accent-border:#7c3aed52;--success:#059669;--success-muted:#0596691f;--warning:#d97706;--warning-muted:#d977061f;--danger:#dc2626;--danger-muted:#dc26261f;--info:#2563eb;--info-muted:#2563eb1a;--banner-warning-btn-bg:#d9770638;--banner-warning-btn-bg-hover:#d9770657;--banner-warning-btn-border:#d977066b;--banner-danger-btn-bg:#dc262633;--banner-danger-btn-bg-hover:#dc262652;--banner-danger-btn-border:#dc262666;--banner-info-btn-bg:#2563eb29;--banner-info-btn-bg-hover:#2563eb42;--banner-info-btn-border:#2563eb61;--card-surface-bg:#fff;--card-surface-border:#0f172a24;--card-surface-border-hover:#0f172a38;--card-surface-shadow:0 1px 2px #0f172a0d, 0 4px 14px #0f172a0f;--card-surface-shadow-hover:0 2px 4px #0f172a0f, 0 8px 20px #0f172a14;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-inverse:#f8fafc;--border:#7c3aed1a;--border-strong:#7c3aed33;--shadow-sm:0 1px 2px #4c1d950a, 0 1px 3px #0f172a08;--shadow-md:0 10px 28px #4c1d9514, 0 2px 8px #0f172a0a;--shadow-glow:0 0 0 1px var(--accent-border), 0 14px 36px #7c3aed1a;--card-sheen:#7c3aed09;--surface-tint:#7c3aed0e;--surface-tint-strong:#7c3aed17;--surface-tint-soft:#7c3aed08;--gauge-track:#7c3aed1a;--score-gradient-from:#0f172a;--score-gradient-to:#475569;--chart-grid:#7c3aed14;--chart-tick:#334155;--chart-tick-muted:#64748b;--scrollbar-thumb:#7c3aed38;--scrollbar-thumb-hover:#7c3aed57;--badge-success-fg:#047857;--badge-warning-fg:#b45309;--badge-danger-fg:#b91c1c;--badge-info-fg:#1d4ed8;--badge-accent-fg:#6d28d9;--badge-neutral-fg:#475569;--badge-neutral-bg:#7c3aed12;--badge-neutral-border:#7c3aed29}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh;font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(1200px 600px at 10% -10%, var(--bg-glow-1), transparent 55%), radial-gradient(900px 500px at 90% 0%, var(--bg-glow-2), transparent 50%), var(--bg-base);transition:background-color var(--duration) var(--ease-out), color var(--duration-fast) var(--ease-out);line-height:1.5}#root{min-height:100vh}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;font-weight:700;line-height:1.25}p{color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.45}}.animate-fade-up{animation:fade-up var(--duration) var(--ease-out) both}.cost-tooltip,.chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:10px;padding:10px 12px}.cost-tooltip p,.chart-tooltip p{color:var(--text-secondary);font-size:.75rem}.cost-tooltip strong,.chart-tooltip strong{color:var(--text-primary);margin-top:2px;font-size:.9rem;display:block}.sidebar-backdrop{z-index:35;background:var(--bg-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease-out);display:block;position:fixed;inset:0}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.sidebar{z-index:40;width:var(--sidebar-width);gap:var(--space-5);padding:var(--space-5);background:linear-gradient(180deg, var(--bg-sidebar-top) 0%, var(--bg-elevated) 100%);border-right:1px solid var(--border);transition:transform var(--duration) var(--ease-out);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar__brand{align-items:center;gap:var(--space-3);display:flex}.sidebar__logo{width:42px;height:42px;color:var(--accent-soft);background:var(--accent-muted);border:1px solid var(--accent-border);box-shadow:var(--shadow-glow);border-radius:12px;place-items:center;display:grid}.sidebar__product{font-family:var(--font-display);letter-spacing:.06em;color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.1}.sidebar__portal{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft);font-size:.72rem;font-weight:600}.sidebar__close{width:36px;height:36px;color:var(--text-secondary);background:var(--surface-tint);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:10px;place-items:center;margin-left:auto;display:grid}.sidebar__close:hover{color:var(--text-primary);background:var(--surface-tint-strong)}.sidebar__section-label{margin-bottom:var(--space-2);padding-inline:var(--space-2);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-size:.68rem;font-weight:600}.sidebar__nav ul{flex-direction:column;gap:4px;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);width:100%;color:var(--text-secondary);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);text-align:left;border-radius:12px;padding:11px 12px;display:flex}.sidebar__link:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar__link.is-active{color:var(--text-primary);background:var(--accent-muted);border:1px solid var(--accent-border)}.sidebar__link.is-disabled{opacity:.55;cursor:not-allowed}.sidebar__soon{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-left:auto;font-size:.65rem;font-style:normal;font-weight:700}.sidebar__footer-note{padding:var(--space-4);border-radius:var(--radius-md);background:var(--card-sheen);border:1px solid var(--border);margin-top:auto}.sidebar__footer-note p{color:var(--text-primary);font-size:.85rem;font-weight:600}.sidebar__footer-note span{color:var(--text-tertiary);margin-top:4px;font-size:.75rem;display:block}@media (width>=961px){.sidebar-backdrop{display:none}.sidebar{box-shadow:none}}.topbar{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:flex}.topbar__float{z-index:30;min-height:var(--header-height);padding:var(--space-3) clamp(16px, 3vw, 36px);background:var(--bg-base);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);animation:topbar-float-in var(--duration-fast) var(--ease-out) both;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.app-shell.is-nav-open .topbar__float{left:var(--sidebar-width)}@keyframes topbar-float-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar__left,.topbar__right{align-items:center;gap:var(--space-4);display:flex}.topbar__menu{width:42px;height:42px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:12px;place-items:center;display:grid}.topbar__menu:hover{background:var(--bg-surface-hover);border-color:var(--accent-border)}.topbar__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.topbar__title{font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800}.topbar__theme{height:42px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.topbar__theme:hover{background:var(--bg-surface-hover);border-color:var(--accent-border)}.topbar__theme-label{letter-spacing:.02em;font-size:.78rem;font-weight:600}.topbar__clock{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-end;min-width:132px;padding:8px 14px;display:flex}.topbar__time{font-family:var(--font-mono);color:var(--text-primary);font-size:.95rem;font-weight:500}.topbar__date{letter-spacing:.06em;color:var(--text-tertiary);font-size:.68rem;font-weight:600}@media (width<=960px){.topbar{flex-direction:column;align-items:flex-start}.topbar__right{justify-content:flex-end;width:100%}.app-shell.is-nav-open .topbar__float{left:0}}@media (width<=560px){.topbar__clock,.topbar__theme-label{display:none}}.app-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-5) 0 var(--space-2);border-top:1px solid var(--border);color:var(--text-tertiary);flex-wrap:wrap;font-size:.8rem;display:flex}.app-footer strong{color:var(--text-secondary);font-weight:600}.app-footer__meta{color:var(--text-tertiary)}.app-shell{min-height:100vh}.app-shell__main{min-height:100vh;padding:0 clamp(16px, 3vw, 36px) var(--space-6);transition:margin-left var(--duration) var(--ease-out);flex-direction:column;margin-left:0;display:flex}.app-shell.is-nav-open .app-shell__main{margin-left:var(--sidebar-width)}.app-shell__content{padding-top:var(--space-6);flex:1}@media (width<=960px){.app-shell.is-nav-open .app-shell__main{margin-left:0}}.error-fallback{padding:var(--space-8) var(--space-4);place-items:center;display:grid}.error-fallback--page{background:var(--bg-base);min-height:100vh}.error-fallback__card{width:min(100%,440px);padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);text-align:center}.error-fallback__icon{width:52px;height:52px;margin-bottom:var(--space-4);color:var(--warning);background:var(--warning-muted);border-radius:14px;place-items:center;display:inline-grid}.error-fallback__card h2{margin:0 0 var(--space-2);color:var(--text-primary);font-size:1.25rem;font-weight:800}.error-fallback__card p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:.95rem;line-height:1.5}.error-fallback__retry{height:40px;color:var(--text-primary);background:var(--accent-muted);border:1px solid var(--accent-border);border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:inline-flex}.error-fallback__retry:hover{background:#8b5cf638}.budget-limit-toast{z-index:1200;padding:max(1.25rem, env(safe-area-inset-top)) 1rem 1rem;pointer-events:auto;background:#02060e73;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.budget-limit-toast__card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated,var(--bg-surface));width:min(28rem,100%);color:var(--text-primary);margin-top:4.5rem;padding:1rem 1.1rem .95rem;box-shadow:0 18px 40px #00000059}.budget-limit-toast__card--warning{background:linear-gradient(180deg, var(--risk-moderate-muted) 0%, var(--bg-surface) 55%);border-color:#fbbf2466}.budget-limit-toast__card--danger{background:linear-gradient(180deg, var(--risk-high-muted) 0%, var(--bg-surface) 55%);border-color:#f8717173}.budget-limit-toast__top{grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;display:grid}.budget-limit-toast__icon{margin-top:2px;display:inline-flex}.budget-limit-toast__card--warning .budget-limit-toast__icon{color:var(--risk-moderate)}.budget-limit-toast__card--danger .budget-limit-toast__icon{color:var(--risk-high)}.budget-limit-toast__copy h2{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.budget-limit-toast__copy p{color:var(--text-secondary);margin:.35rem 0 0;font-size:.86rem;line-height:1.45}.budget-limit-toast__meta{grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0 0;display:grid}.budget-limit-toast__meta div{margin:0}.budget-limit-toast__meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:.68rem}.budget-limit-toast__meta dd{color:var(--text-primary);margin:.2rem 0 0;font-size:.95rem;font-weight:700}.budget-limit-toast__close{border-radius:var(--radius-sm,8px);width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.budget-limit-toast__close:hover{color:var(--text-primary);background:#ffffff0f}.budget-limit-toast__actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.95rem;padding-top:.75rem;display:flex}.budget-limit-toast__btn{appearance:none;border:1px solid var(--border);background:var(--surface-tint-strong);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:600}.budget-limit-toast__btn:hover{background:var(--surface-tint)}.budget-limit-toast__card--warning .budget-limit-toast__btn{background:var(--banner-warning-btn-bg);border-color:var(--banner-warning-btn-border)}.budget-limit-toast__card--warning .budget-limit-toast__btn:hover{background:var(--banner-warning-btn-bg-hover)}.budget-limit-toast__card--danger .budget-limit-toast__btn{background:var(--banner-danger-btn-bg);border-color:var(--banner-danger-btn-border)}.budget-limit-toast__card--danger .budget-limit-toast__btn:hover{background:var(--banner-danger-btn-bg-hover)}.budget-limit-toast__btn--primary{font-weight:700}.budget-limit-toast__card--warning .budget-limit-toast__btn--primary{background:var(--banner-warning-btn-bg-hover);border-color:var(--banner-warning-btn-border);color:var(--text-primary)}.budget-limit-toast__card--warning .budget-limit-toast__btn--primary:hover{filter:brightness(1.06)}.budget-limit-toast__card--danger .budget-limit-toast__btn--primary{background:var(--banner-danger-btn-bg-hover);border-color:var(--banner-danger-btn-border);color:var(--text-primary)}.budget-limit-toast__card--danger .budget-limit-toast__btn--primary:hover{filter:brightness(1.06)}.card{background:linear-gradient(180deg, var(--card-sheen), transparent 42%), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}[data-theme=light] .card{background:var(--card-surface-bg);border-color:var(--card-surface-border);box-shadow:var(--card-surface-shadow)}[data-theme=light] .card:hover{border-color:var(--card-surface-border-hover);box-shadow:var(--card-surface-shadow-hover)}.card--pad-sm{padding:var(--space-4)}.card--pad-md{padding:var(--space-5)}.card--pad-lg{padding:var(--space-6)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.card__title{color:var(--text-primary);font-size:.95rem;font-weight:700}.card__subtitle{color:var(--text-tertiary);margin-top:4px;font-size:.8rem}.card__body{min-width:0}.status-badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-direction:row;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex!important}.status-badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge__dot.is-pulse{animation:1.8s ease-in-out infinite pulse-soft}.status-badge--success{background:var(--risk-low-muted);border-color:color-mix(in srgb, var(--badge-success-fg) 45%, transparent);color:var(--badge-success-fg)!important}.status-badge--warning{background:var(--risk-moderate-muted);border-color:color-mix(in srgb, var(--badge-warning-fg) 45%, transparent);color:var(--badge-warning-fg)!important}.status-badge--danger{background:var(--risk-high-muted);border-color:color-mix(in srgb, var(--badge-danger-fg) 45%, transparent);color:var(--badge-danger-fg)!important}.status-badge--info{color:var(--badge-info-fg);background:var(--info-muted);border-color:color-mix(in srgb, var(--badge-info-fg) 45%, transparent)}.status-badge--accent{color:var(--badge-accent-fg);background:var(--accent-muted);border-color:color-mix(in srgb, var(--badge-accent-fg) 45%, transparent)}.status-badge--neutral{color:var(--badge-neutral-fg);background:var(--badge-neutral-bg);border-color:var(--badge-neutral-border)}.metric-card__row{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.metric-card__icon{background:var(--surface-tint);width:42px;height:42px;color:var(--text-secondary);border-radius:12px;place-items:center;display:grid}.metric-card__icon--accent{color:var(--accent-soft);background:var(--accent-muted)}.metric-card__icon--warning{color:var(--warning);background:var(--warning-muted)}.metric-card__icon--danger{color:var(--danger);background:var(--danger-muted)}.metric-card__label{color:var(--text-secondary);font-size:.82rem}.metric-card__value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);align-items:baseline;gap:8px;margin-top:2px;font-size:2rem;font-weight:800;display:flex}.metric-card__value small{font-family:var(--font-body);color:var(--text-tertiary);font-size:.85rem;font-weight:500}.metric-card__hint{margin-top:var(--space-3);color:var(--text-tertiary);font-size:.8rem}.risk-indicator__gauge-wrap{padding:var(--space-5) 0 var(--space-5);place-items:center;display:grid}.risk-indicator__gauge{place-items:center;width:180px;height:180px;display:grid;position:relative}.risk-indicator__svg{position:absolute;inset:0;overflow:visible}.risk-indicator__track{stroke:var(--gauge-track)}.risk-indicator__progress{transition:stroke-dashoffset .7s var(--ease-out)}.risk-indicator__gauge-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.risk-indicator__score{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(180deg, var(--score-gradient-from) 20%, var(--score-gradient-to) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.55rem;font-weight:700;line-height:1;display:block}.risk-indicator__max{color:var(--text-tertiary);font-size:.8rem;font-weight:500}.risk-indicator__details{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.risk-indicator__details span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:.72rem;display:block}.risk-indicator__details strong{color:var(--text-primary);font-size:.95rem}.risk-indicator__level-text.is-low{color:var(--risk-low)}.risk-indicator__level-text.is-moderate{color:var(--risk-moderate)}.risk-indicator__level-text.is-high{color:var(--risk-high)}.risk-indicator__factors{margin:var(--space-4) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--border);flex-direction:column;gap:.45rem;list-style:none;display:flex}.risk-indicator__factor{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:.88rem;display:flex}.risk-indicator__factor.is-primary-factor{background:color-mix(in srgb, var(--accent-muted) 70%, transparent);border:1px solid color-mix(in srgb, var(--accent-soft) 35%, transparent);border-radius:8px;margin:0 -.45rem;padding:.35rem .45rem}.risk-indicator__factor-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.risk-indicator__factor-meta span{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.risk-indicator__factor-meta small{color:var(--text-tertiary);opacity:.9;font-size:.72rem}.risk-indicator__primary-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-soft);font-size:.62rem;font-style:normal;font-weight:700}.risk-indicator__factor strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.risk-indicator__factor strong em{text-transform:uppercase;letter-spacing:.04em;opacity:.85;margin-left:.35rem;font-size:.75rem;font-style:normal;font-weight:500}.risk-indicator__factor strong.is-low{color:var(--risk-low)}.risk-indicator__factor strong.is-moderate{color:var(--risk-moderate)}.risk-indicator__factor strong.is-high{color:var(--risk-high)}.risk-indicator__unavailable{font-family:var(--font-display);letter-spacing:-.03em;font-size:2rem;font-weight:800}.risk-indicator__unavailable-hint{margin-top:var(--space-3);color:var(--text-secondary);font-size:.85rem}.risk-matrix-card__grid-wrap{margin-bottom:var(--space-4);overflow-x:auto}.risk-matrix-card__table{border-collapse:separate;border-spacing:6px;table-layout:fixed;width:100%}.risk-matrix-card__table th,.risk-matrix-card__table td{text-align:center;vertical-align:middle;padding:0}.risk-matrix-card__table thead th,.risk-matrix-card__table tbody th{letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);font-size:.68rem;font-weight:600;line-height:1.25}.risk-matrix-card__table thead th small,.risk-matrix-card__table tbody th small{letter-spacing:0;text-transform:none;color:var(--text-muted,var(--text-tertiary));opacity:.85;margin-top:2px;font-size:.65rem;font-weight:500;display:block}.risk-matrix-card__corner{letter-spacing:.04em;white-space:nowrap;font-size:.62rem;display:block}.risk-matrix-card__table tbody th{text-align:left;width:28%;padding-right:4px}.risk-matrix-card__cell{min-height:44px;font-family:var(--font-display);font-variant-numeric:tabular-nums;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border:1px solid #0000;border-radius:10px;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.risk-matrix-card__cell.is-low{color:var(--risk-low);background:color-mix(in srgb, var(--risk-low) 14%, transparent);border-color:color-mix(in srgb, var(--risk-low) 28%, transparent)}.risk-matrix-card__cell.is-moderate{color:var(--risk-moderate);background:color-mix(in srgb, var(--risk-moderate) 14%, transparent);border-color:color-mix(in srgb, var(--risk-moderate) 28%, transparent)}.risk-matrix-card__cell.is-high{color:var(--risk-high);background:color-mix(in srgb, var(--risk-high) 14%, transparent);border-color:color-mix(in srgb, var(--risk-high) 28%, transparent)}.risk-matrix-card__cell.is-active{box-shadow:0 0 0 1px color-mix(in srgb, currentColor 35%, transparent)}.risk-matrix-card__cell.is-overall{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 55%, transparent), 0 8px 20px color-mix(in srgb, currentColor 18%, transparent);transform:scale(1.06)}.risk-matrix-card__calcs{padding:var(--space-3) 0 0;border-top:1px solid var(--border);gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.risk-matrix-card__calc{padding:var(--space-3);background:var(--surface-tint-soft);border:1px solid var(--border);border-radius:12px}.risk-matrix-card__calc.is-primary{border-color:color-mix(in srgb, var(--accent-soft) 45%, var(--border));background:color-mix(in srgb, var(--accent-muted) 55%, transparent)}.risk-matrix-card__calc-top{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:6px;display:flex}.risk-matrix-card__calc-top span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:.72rem}.risk-matrix-card__calc-top em{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-soft);font-size:.65rem;font-style:normal;font-weight:700}.risk-matrix-card__equation{font-variant-numeric:tabular-nums;color:var(--text-primary);align-items:baseline;gap:.35rem;margin:0;font-size:.95rem;font-weight:600;display:flex}.risk-matrix-card__equation span{color:var(--text-tertiary);font-weight:500}.risk-matrix-card__equation strong.is-low{color:var(--risk-low)}.risk-matrix-card__equation strong.is-moderate{color:var(--risk-moderate)}.risk-matrix-card__equation strong.is-high{color:var(--risk-high)}.risk-matrix-card__axes{color:var(--text-tertiary);margin:4px 0 0;font-size:.75rem}.risk-matrix-card__overall{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-secondary);font-size:.88rem;line-height:1.45}.risk-matrix-card__overall strong.is-low{color:var(--risk-low)}.risk-matrix-card__overall strong.is-moderate{color:var(--risk-moderate)}.risk-matrix-card__overall strong.is-high{color:var(--risk-high)}@media (width<=560px){.risk-matrix-card__calcs{grid-template-columns:1fr}}.risk-matrix-card__unavailable{font-family:var(--font-display);letter-spacing:-.03em;font-size:2rem;font-weight:800}.risk-matrix-card__unavailable-hint{margin-top:var(--space-3);color:var(--text-secondary);font-size:.85rem}.alerts-panel__count{color:var(--accent-soft);background:var(--accent-muted);border:1px solid var(--accent-border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.alerts-panel__empty{padding:var(--space-4) var(--space-2);text-align:center}.alerts-panel__empty strong{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;display:block}.alerts-panel__empty p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.alerts-panel__list{gap:var(--space-3);flex-direction:column;max-height:360px;padding-right:4px;display:flex;overflow:auto}.alert-item--resolved{opacity:.72}.alert-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff06;border-left-width:3px}.alert-item--low{border-left-color:var(--risk-low)}.alert-item--moderate{border-left-color:var(--risk-moderate)}.alert-item--high{border-left-color:var(--risk-high)}.alert-item__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:6px;display:flex}.alert-item__title-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.alert-item__title-row strong{color:var(--text-primary);font-size:.88rem}.alert-item__top time{color:var(--text-tertiary);white-space:nowrap;padding-top:4px;font-size:.72rem}.alert-item p{font-size:.82rem;line-height:1.45}.activity-feed__icon{color:var(--text-tertiary)}.activity-feed__empty{padding:var(--space-4) var(--space-2);text-align:center}.activity-feed__empty strong{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;display:block}.activity-feed__empty p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.activity-feed__scroll--active{overscroll-behavior:contain;max-height:22.5rem;margin-right:-2px;padding-right:6px;overflow-y:auto}.activity-feed__scroll--active::-webkit-scrollbar{width:6px}.activity-feed__scroll--active::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.activity-feed__scroll--active::-webkit-scrollbar-track{background:0 0}.activity-feed__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.activity-item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);grid-template-columns:14px 1fr;display:grid}.activity-item:last-child{border-bottom:0;padding-bottom:0}.activity-item__dot{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px;margin-top:6px}.activity-item__dot--risk{background:var(--risk-high)}.activity-item__dot--sensor{background:var(--info)}.activity-item__dot--vision{background:var(--accent-soft)}.activity-item__dot--advisory{background:var(--warning)}.activity-item__dot--system{background:var(--success)}.activity-item__top{justify-content:space-between;gap:var(--space-3);align-items:baseline;display:flex}.activity-item__top strong{color:var(--text-primary);font-size:.88rem}.activity-item__top time{color:var(--text-tertiary);white-space:nowrap;font-size:.72rem}.activity-item p{margin-top:2px;font-size:.8rem}.trend-chart__canvas{width:100%;height:280px}.trend-chart__empty{text-align:center;height:100%;color:var(--text-secondary);place-items:center;margin:0;padding:1.5rem;font-size:.85rem;line-height:1.45;display:grid}.chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:10px;padding:10px 12px}.chart-tooltip p{color:var(--text-secondary);font-size:.75rem}.chart-tooltip strong{color:var(--text-primary);margin-top:2px;font-size:.9rem;display:block}.chart-tooltip__level{margin-top:4px;font-size:.75rem;font-weight:600;display:block}.chart-tooltip__level.is-low{color:var(--risk-low)}.chart-tooltip__level.is-moderate{color:var(--risk-moderate)}.chart-tooltip__level.is-high{color:var(--risk-high)}.trend-chart__legend{gap:var(--space-3) var(--space-5);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;font-size:.75rem;display:flex}.trend-chart__legend i{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.trend-chart__legend .is-low{background:var(--risk-low)}.trend-chart__legend .is-moderate{background:var(--risk-moderate)}.trend-chart__legend .is-high{background:var(--risk-high)}.loading-status{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.loading-status--compact{gap:10px;padding:10px 12px}.loading-status__pulse{flex-shrink:0;width:10px;height:10px;position:relative}.loading-status__pulse:before{content:"";background:var(--accent-muted);border-radius:50%;animation:1.6s ease-out infinite loading-pulse-ring;position:absolute;inset:-4px}.loading-status__pulse-core{background:var(--accent-soft);width:10px;height:10px;box-shadow:0 0 0 1px var(--accent-border);border-radius:50%;animation:1.6s ease-in-out infinite loading-pulse-core;display:block}.loading-status__copy{flex:1;gap:8px;min-width:0;display:grid}.loading-status__label{letter-spacing:.01em;color:var(--text-secondary);margin:0;font-size:.82rem;font-weight:500}.loading-status__track{background:#ffffff0f;border-radius:999px;height:2px;position:relative;overflow:hidden}.loading-status__bar{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);width:36%;animation:1.4s ease-in-out infinite loading-progress-sweep;position:absolute;inset:0 auto 0 0}@keyframes loading-pulse-ring{0%{opacity:.55;transform:scale(.7)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}@keyframes loading-pulse-core{0%,to{opacity:.85}50%{opacity:.45}}@keyframes loading-progress-sweep{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media (prefers-reduced-motion:reduce){.loading-status__pulse:before,.loading-status__pulse-core,.loading-status__bar{animation:none}.loading-status__bar{opacity:.35;width:100%;transform:none}}.skeleton{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff14 45%,#ffffff0a 100%) 0 0/220% 100%;height:12px;animation:1.5s ease-in-out infinite skeleton-shimmer;display:block}.skeleton--circle{flex-shrink:0;border-radius:50%!important}.skeleton--radius-sm{border-radius:6px}.skeleton--radius-md{border-radius:10px}.skeleton--radius-lg{border-radius:14px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:#ffffff0f;animation:none}}.page-loading{gap:14px;width:100%;animation:.35s ease-out page-loading-in;display:grid}.page-loading__grid{gap:12px;display:grid}.page-loading__grid--cctv{grid-template-columns:minmax(0,1.7fr) minmax(220px,.9fr);align-items:start;gap:14px}.page-loading__row{gap:12px;display:grid}.page-loading__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}.page-loading__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.page-loading__row--4{grid-template-columns:repeat(4,minmax(0,1fr))}.page-loading__card{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);align-content:start;gap:0;min-height:88px;padding:14px;display:grid}.page-loading__card--tall{min-height:180px}.page-loading__card--viewport{min-height:320px;padding:10px}.page-loading__card--viewport .skeleton{height:100%;min-height:300px}.page-loading__gap{margin-top:12px}.page-loading__inline{align-items:center;gap:12px;display:flex}.page-loading__stack{gap:8px;width:100%;display:grid}.page-loading__stack--side{gap:12px}.page-loading__chips{flex-wrap:wrap;gap:8px;display:flex}@keyframes page-loading-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=960px){.page-loading__row--4,.page-loading__row--3{grid-template-columns:repeat(2,minmax(0,1fr))}.page-loading__grid--cctv{grid-template-columns:1fr}}@media (width<=640px){.page-loading__row--2,.page-loading__row--3,.page-loading__row--4{grid-template-columns:1fr}.page-loading__card--viewport{min-height:220px}.page-loading__card--viewport .skeleton{min-height:200px}}@media (prefers-reduced-motion:reduce){.page-loading{animation:none}}.alert-banner{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);padding:12px 14px;display:flex}.alert-banner--danger{background:var(--risk-high-muted);border-color:#f8717159}.alert-banner--warning{background:var(--risk-moderate-muted);border-color:#fbbf2459}.alert-banner--info{background:var(--info-muted);border-color:#60a5fa59}.alert-banner__icon{flex-shrink:0;margin-top:1px}.alert-banner--danger .alert-banner__icon{color:var(--risk-high)}.alert-banner--warning .alert-banner__icon{color:var(--risk-moderate)}.alert-banner--info .alert-banner__icon{color:var(--info)}.alert-banner__text{color:var(--text-primary);flex:1;margin:0;font-size:.88rem;line-height:1.45}.alert-banner__actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.alert-banner__btn{height:30px;color:var(--text-primary);background:var(--surface-tint-strong);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.alert-banner__btn:hover{background:var(--surface-tint)}.alert-banner--danger .alert-banner__btn:not(.alert-banner__btn--ghost){background:var(--banner-danger-btn-bg);border-color:var(--banner-danger-btn-border)}.alert-banner--danger .alert-banner__btn:not(.alert-banner__btn--ghost):hover{background:var(--banner-danger-btn-bg-hover)}.alert-banner--warning .alert-banner__btn:not(.alert-banner__btn--ghost){background:var(--banner-warning-btn-bg);border-color:var(--banner-warning-btn-border)}.alert-banner--warning .alert-banner__btn:not(.alert-banner__btn--ghost):hover{background:var(--banner-warning-btn-bg-hover)}.alert-banner--info .alert-banner__btn:not(.alert-banner__btn--ghost){background:var(--banner-info-btn-bg);border-color:var(--banner-info-btn-border)}.alert-banner--info .alert-banner__btn:not(.alert-banner__btn--ghost):hover{background:var(--banner-info-btn-bg-hover)}.alert-banner__btn--ghost{justify-content:center;width:30px;padding:0}@media (width<=560px){.alert-banner{flex-wrap:wrap}.alert-banner__actions{justify-content:flex-end;width:100%}}.cost-monitoring-reminder{border-radius:var(--radius-md);background:var(--risk-moderate-muted,#fbbf241a);border:1px solid #fbbf2466;flex-wrap:wrap;align-items:flex-start;gap:.75rem 1rem;padding:12px 14px;display:flex}.cost-monitoring-reminder__icon{color:var(--risk-moderate,#fbbf24);flex-shrink:0;margin-top:2px;display:inline-flex}.cost-monitoring-reminder__copy{flex:14rem;min-width:0}.cost-monitoring-reminder__copy strong{color:var(--text-primary);font-size:.9rem;display:block}.cost-monitoring-reminder__copy p{color:var(--text-secondary);margin:.3rem 0 0;font-size:.82rem;line-height:1.45}.cost-monitoring-reminder__btn{appearance:none;border:1px solid var(--banner-warning-btn-border);background:var(--banner-warning-btn-bg);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:999px;align-self:center;padding:.45rem .95rem;font-size:.8rem;font-weight:600}.cost-monitoring-reminder__btn:hover{background:var(--banner-warning-btn-bg-hover);border-color:var(--banner-warning-btn-border)}.dashboard{gap:var(--space-6);flex-direction:column;display:flex}.dashboard__intro{justify-content:space-between;gap:var(--space-4);display:flex}.dashboard__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:var(--space-2);font-size:.75rem;font-weight:700}.dashboard__heading{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800}.dashboard__lead{margin-top:var(--space-2);max-width:54ch;font-size:.95rem}.dashboard__meta{gap:var(--space-3) var(--space-5);margin-top:var(--space-3);color:var(--text-secondary);flex-wrap:wrap;font-size:.82rem;display:flex}.dashboard__metrics{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard__status-row,.dashboard__charts,.dashboard__ops-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.dashboard__charts{grid-template-columns:1.15fr .85fr}.dashboard__ops-row{grid-template-columns:1fr 1fr}@media (width<=1100px){.dashboard__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard__status-row,.dashboard__charts,.dashboard__ops-row{grid-template-columns:1fr}}@media (width<=800px){.dashboard__metrics{grid-template-columns:1fr}}.health-banner{border-radius:var(--radius-md);border:1px solid var(--card-surface-border,var(--border));background:var(--card-surface-bg,var(--bg-surface));box-shadow:var(--card-surface-shadow,var(--shadow-sm));justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.health-banner--success{border-color:color-mix(in srgb, var(--risk-low) 35%, transparent)}.health-banner--warning{border-color:color-mix(in srgb, var(--risk-moderate) 35%, transparent)}.health-banner--danger{border-color:color-mix(in srgb, var(--risk-high) 35%, transparent)}.health-banner__main{align-items:center;gap:10px;min-width:0;display:flex}.health-banner__icon{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.health-banner--success .health-banner__icon{color:var(--badge-success-fg);background:var(--risk-low-muted);border:1px solid color-mix(in srgb, var(--badge-success-fg) 40%, transparent)}.health-banner--warning .health-banner__icon{color:var(--badge-warning-fg);background:var(--risk-moderate-muted);border:1px solid color-mix(in srgb, var(--badge-warning-fg) 40%, transparent)}.health-banner--danger .health-banner__icon{color:var(--badge-danger-fg);background:var(--risk-high-muted);border:1px solid color-mix(in srgb, var(--badge-danger-fg) 40%, transparent)}.health-banner__copy{min-width:0}.health-banner__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.health-banner__title-row h2{font-size:1rem;font-weight:700;line-height:1.2}.health-banner__main p{max-width:52ch;color:var(--text-tertiary);margin-top:2px;font-size:.78rem}.health-banner__meta{flex-shrink:0;align-items:center;gap:16px;display:flex}.health-banner__meta span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px;font-size:.65rem;display:block}.health-banner__meta strong{color:var(--text-primary);font-size:.85rem}@media (width<=800px){.health-banner{flex-direction:column;align-items:stretch;gap:12px}.health-banner__meta{border-top:1px solid var(--border);justify-content:space-between;padding-top:10px}}.device-card__header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.device-card__icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.device-card__icon--success{color:var(--risk-low);background:var(--risk-low-muted)}.device-card__icon--warning{color:var(--risk-moderate);background:var(--risk-moderate-muted)}.device-card__icon--danger{color:var(--risk-high);background:var(--risk-high-muted)}.device-card__copy{flex:1;min-width:0}.device-card__title-row{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.device-card__title-row h3{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.98rem;font-weight:700;line-height:1.25;overflow:hidden}.device-card__title-row .status-badge{flex:none;margin-left:auto}.device-card__copy>p{margin-top:4px;font-size:.8rem}.device-card__metrics{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.device-card__metrics dt{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:.72rem}.device-card__metrics dd{color:var(--text-primary);font-size:.9rem;font-weight:600}@media (width<=560px){.device-card__metrics{grid-template-columns:1fr}}.cloud-services{gap:var(--space-4);flex-direction:column;display:flex}.cloud-services__intro h3{margin-bottom:4px;font-size:1.05rem}.cloud-services__intro p{max-width:68ch;font-size:.88rem}.cloud-services__grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cloud-card{--cloud-accent:var(--accent-soft);border-color:color-mix(in srgb, var(--cloud-accent) 28%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--cloud-accent) 8%, transparent) 0%, transparent 55%);position:relative;overflow:hidden}.cloud-card__top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.cloud-card__icon{width:36px;height:36px;color:var(--text-primary);background:color-mix(in srgb, var(--cloud-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--cloud-accent) 32%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.cloud-card__label{letter-spacing:.02em;color:var(--cloud-accent);background:color-mix(in srgb, var(--cloud-accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--cloud-accent) 28%, transparent);white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600}.cloud-card h4{color:var(--text-primary);font-size:.95rem;font-weight:700}.cloud-card__desc{color:var(--text-secondary);margin-top:4px;font-size:.8rem;line-height:1.45}.cloud-card__role{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb, var(--cloud-accent) 22%, var(--border));color:var(--cloud-accent);font-size:.78rem;font-weight:600}[data-theme=light] .cloud-card{--cloud-accent:#334155}[data-theme=light] .cloud-card__icon{color:#1e293b;background:#f1f5f9;border-color:#0f172a1a}[data-theme=light] .cloud-card__label{color:#0f4c75;background:#e8f4fc;border-color:#0f4c752e}[data-theme=light] .cloud-card__role{color:#475569;border-top-color:#0f172a1a}@media (width<=1100px){.cloud-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cloud-services__grid{grid-template-columns:1fr}}.events-timeline__scroll--active{overscroll-behavior:contain;max-height:22.5rem;margin-right:-2px;padding-right:6px;overflow-y:auto}.events-timeline__scroll--active::-webkit-scrollbar{width:6px}.events-timeline__scroll--active::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.events-timeline__scroll--active::-webkit-scrollbar-track{background:0 0}.events-timeline__list{flex-direction:column;margin:0;padding-left:4px;display:flex;position:relative}.events-timeline__item{gap:var(--space-3);padding:var(--space-3) 0;grid-template-columns:16px 1fr;display:grid;position:relative}.events-timeline__item:not(:last-child):before{content:"";background:#ffffff0f;width:2px;position:absolute;top:22px;bottom:-6px;left:7px}.events-timeline__marker{background:var(--text-tertiary);border-radius:50%;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 4px #ffffff08}.events-timeline__item.is-success .events-timeline__marker{background:var(--risk-low)}.events-timeline__item.is-warning .events-timeline__marker{background:var(--risk-moderate)}.events-timeline__item.is-danger .events-timeline__marker{background:var(--risk-high)}.events-timeline__top{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:4px;display:flex}.events-timeline__top strong{color:var(--text-primary);font-size:.9rem}.events-timeline__meta{align-items:center;gap:var(--space-2);display:flex}.events-timeline__meta time{color:var(--text-tertiary);white-space:nowrap;font-size:.72rem}.events-timeline__body p{font-size:.82rem}.events-timeline__empty{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.45}.maint-warnings__icon{color:var(--risk-moderate)}.maint-warnings__scroll--active{overscroll-behavior:contain;max-height:22.5rem;margin-right:-2px;padding-right:6px;overflow-y:auto}.maint-warnings__scroll--active::-webkit-scrollbar{width:6px}.maint-warnings__scroll--active::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.maint-warnings__scroll--active::-webkit-scrollbar-track{background:0 0}.maint-warnings__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.maint-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff06;border-left-width:3px}.maint-item--online{border-left-color:var(--risk-low)}.maint-item--warning{border-left-color:var(--risk-moderate)}.maint-item--offline{border-left-color:var(--risk-high)}.maint-item__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:6px;display:flex}.maint-item__title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.maint-item__title strong{color:var(--text-primary);font-size:.88rem}.maint-item__top time{color:var(--text-tertiary);white-space:nowrap;padding-top:4px;font-size:.72rem}.maint-item.is-active .maint-item__top time{color:var(--accent-soft);font-weight:600}.maint-item p{font-size:.82rem;line-height:1.45}.maint-warnings__empty{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.45}.system-status{gap:var(--space-6);flex-direction:column;display:flex}.system-status__intro{max-width:60ch}.system-status__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:var(--space-2);font-size:.75rem;font-weight:700}.system-status__heading{font-family:var(--font-display);letter-spacing:.06em;font-size:clamp(1.55rem,2.8vw,2.1rem);font-weight:800}.system-status__lead{margin-top:var(--space-2);font-size:.95rem}.system-status__section-label{margin-bottom:var(--space-4)}.system-status__section-label h3{margin-bottom:4px;font-size:1.05rem}.system-status__section-label p{font-size:.88rem}.system-status__devices{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1100px){.system-status__devices{grid-template-columns:repeat(4,minmax(0,1fr))}}.system-status__ops{gap:var(--space-4);grid-template-columns:1.1fr .9fr;display:grid}@media (width<=960px){.system-status__devices,.system-status__ops{grid-template-columns:1fr}}.budget-monitor{border-radius:var(--radius-md);background:var(--card-surface-bg,var(--bg-surface));border:1px solid var(--card-surface-border,var(--border));box-shadow:var(--card-surface-shadow,none);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.budget-monitor--success{border-color:#34d39938}.budget-monitor--warning{border-color:#fbbf2438}.budget-monitor--danger{border-color:#f8717138}.budget-monitor__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-monitor__header h3{font-size:.95rem;font-weight:700;line-height:1.2}.budget-monitor__header p{color:var(--text-tertiary);margin-top:2px;font-size:.75rem}.budget-monitor__controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.budget-monitor__controls label{flex-direction:column;gap:4px;min-width:96px;display:flex}.budget-monitor__controls label span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);font-size:.68rem;font-weight:600}.budget-monitor__controls input{border:1px solid var(--border-strong);background:var(--bg-elevated);width:110px;color:var(--text-primary);appearance:textfield;border-radius:8px;outline:none;padding:7px 9px;font-size:.85rem}.budget-monitor__controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.budget-monitor__controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.budget-monitor__controls input:focus{border-color:var(--accent-border);box-shadow:var(--shadow-glow)}.budget-monitor__controls button,.budget-monitor__save{letter-spacing:.02em;color:#06110c;cursor:pointer;background:#34d399;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 16px;font-size:.8rem;font-weight:600;transition:background .16s,filter .16s;display:inline-flex}.budget-monitor__save:hover{background:#6ee7b7}.budget-monitor__save:active{background:#10b981}.budget-monitor__save:focus-visible{outline-offset:2px;outline:2px solid #34d399}.budget-monitor__controls em{color:var(--risk-low);padding-bottom:8px;font-size:.75rem;font-style:normal;font-weight:600}.budget-monitor__metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.budget-monitor__metrics div{border:1px solid var(--border);background:#ffffff08;border-radius:8px;padding:8px 10px}.budget-monitor__metrics span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px;font-size:.65rem;display:block}.budget-monitor__metrics strong{font-family:var(--font-display);color:var(--text-primary);font-size:.98rem;font-weight:700}.budget-monitor__bar{background:#ffffff0f;border-radius:999px;height:8px;position:relative;overflow:hidden}.budget-monitor__fill{border-radius:inherit;height:100%;transition:width .4s var(--ease-out)}.budget-monitor__fill--success{background:linear-gradient(90deg,#34d399,#6ee7b7)}.budget-monitor__fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.budget-monitor__fill--danger{background:linear-gradient(90deg,#ef4444,#f87171)}.budget-monitor__marker{background:#ffffff8c;width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px)}.budget-monitor__note{color:var(--text-secondary);margin-top:6px;font-size:.75rem;line-height:1.35}@media (width<=720px){.budget-monitor__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.budget-monitor__controls input{width:100%}.budget-monitor__controls label{flex:1;min-width:0}}.cost-monitoring-control{border-radius:var(--radius-md);border:1px solid var(--card-surface-border,var(--border));background:var(--card-surface-bg,var(--bg-surface));box-shadow:var(--card-surface-shadow,none);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1rem;padding:14px 16px;display:flex}.cost-monitoring-control--paused{border-color:#fbbf2447}.cost-monitoring-control__copy{flex:16rem;min-width:min(100%,18rem)}.cost-monitoring-control__copy h3{margin:0;font-size:.95rem;font-weight:700}.cost-monitoring-control__copy p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.8rem;line-height:1.45}.cost-monitoring-control__actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.cost-monitoring-control__btn{appearance:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .95rem;font-size:.8rem;font-weight:600}.cost-monitoring-control__btn:hover{color:var(--text-primary);border-color:#ffffff38}.cost-monitoring-control__btn--primary{border-color:var(--accent-border,#60a5fa73);background:var(--accent-muted,#60a5fa1f);color:var(--accent-soft,#93c5fd)}.cost-summary{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cost-summary__card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--card-surface-bg,var(--bg-surface));border:1px solid var(--card-surface-border,var(--border));box-shadow:var(--card-surface-shadow,var(--shadow-sm))}.cost-summary__top{margin-bottom:var(--space-4)}.cost-summary__icon{width:36px;height:36px;color:var(--text-secondary);background:#ffffff0a;border-radius:10px;place-items:center;display:grid}.cost-summary__card--success .cost-summary__icon{color:var(--risk-low);background:var(--risk-low-muted)}.cost-summary__card--warning .cost-summary__icon{color:var(--risk-moderate);background:var(--risk-moderate-muted)}.cost-summary__card--danger .cost-summary__icon{color:var(--risk-high);background:var(--risk-high-muted)}.cost-summary__label{color:var(--text-secondary);font-size:.8rem}.cost-summary__value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-top:4px;font-size:1.7rem;font-weight:700}.cost-summary__hint{margin-top:var(--space-2);color:var(--text-tertiary);font-size:.78rem}@media (width<=1100px){.cost-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.cost-summary{grid-template-columns:1fr}}.spend-timeline__chart{width:100%;height:300px}.cost-tooltip strong{margin-top:4px;font-size:.82rem;display:block}.weekly-spend{gap:var(--space-4);flex-direction:column;display:flex}.weekly-spend__intro h3{margin-bottom:4px;font-size:1.05rem}.weekly-spend__intro p{max-width:60ch;font-size:.88rem}.weekly-spend__stats{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.weekly-spend__stat{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--card-surface-bg,var(--bg-surface));border:1px solid var(--card-surface-border,var(--border));box-shadow:var(--card-surface-shadow,var(--shadow-sm))}.weekly-spend__stat span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:6px;font-size:.72rem;display:block}.weekly-spend__stat strong{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem;font-weight:700}.weekly-spend__trend{color:var(--risk-low);align-items:center;gap:8px;display:flex}.weekly-spend__chart{width:100%;height:240px}@media (width<=1100px){.weekly-spend__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.weekly-spend__stats{grid-template-columns:1fr}}.cost-trend__chart{width:100%;height:280px}.cost-trend__changes{gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.cost-trend__changes span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:.72rem;display:block}.cost-trend__changes strong{color:var(--text-primary);font-size:.9rem;display:block}.cost-trend__changes em{color:var(--accent-soft);margin-top:2px;font-size:.75rem;font-style:normal;display:block}@media (width<=700px){.cost-trend__changes{grid-template-columns:repeat(2,minmax(0,1fr))}}.cloud-breakdown__layout{gap:var(--space-6);grid-template-columns:240px 1fr;align-items:center;display:grid}.cloud-breakdown__chart{width:100%;height:220px;position:relative}.cloud-breakdown__total{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.cloud-breakdown__total span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:.72rem}.cloud-breakdown__total strong{font-family:var(--font-display);color:var(--text-primary);font-size:1.35rem}.cloud-breakdown__list{flex-direction:column;gap:2px;display:flex}.cloud-breakdown__list li{gap:var(--space-3);border-bottom:1px solid var(--border);grid-template-columns:10px 1fr auto;align-items:center;padding:8px 0;display:grid}.cloud-breakdown__list li:last-child{border-bottom:0}.cloud-breakdown__swatch{border-radius:50%;width:10px;height:10px}.cloud-breakdown__list strong{color:var(--text-primary);font-size:.88rem;display:block}.cloud-breakdown__list p{font-size:.75rem}.cloud-breakdown__list em{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-style:normal;font-weight:700}.cost-tooltip span{color:var(--text-secondary);margin-top:2px;font-size:.72rem;display:block}@media (width<=800px){.cloud-breakdown__layout{grid-template-columns:1fr}.cloud-breakdown__chart{max-width:260px;margin:0 auto}}.cloud-breakdown__empty{padding:var(--space-4) 0;color:var(--text-secondary);margin:0;font-size:.95rem}.cost-insights__icon{color:var(--accent-soft)}.cost-insights__list{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cost-insights__list li{padding:var(--space-4);border-radius:var(--radius-md);background:var(--card-surface-bg,#ffffff06);border:1px solid var(--card-surface-border,var(--border));box-shadow:var(--card-surface-shadow,none)}.cost-insights__list h4{color:var(--text-primary);margin-bottom:6px;font-size:.95rem}.cost-insights__list p{font-size:.85rem;line-height:1.5}@media (width<=800px){.cost-insights__list{grid-template-columns:1fr}}.cost-page{gap:var(--space-6);flex-direction:column;display:flex}.cost-page__intro{max-width:64ch}.cost-page__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:var(--space-2);font-size:.75rem;font-weight:700}.cost-page__heading{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800}.cost-page__lead{margin-top:var(--space-2);font-size:.95rem}.cost-page__section-label{margin-bottom:var(--space-4)}.cost-page__section-label h3{margin-bottom:4px;font-size:1.05rem}.cost-page__section-label p{font-size:.88rem}.cost-page__split{gap:var(--space-4);grid-template-columns:1fr 1.15fr;display:grid}@media (width<=1100px){.cost-page__split{grid-template-columns:1fr}}.snapshot-feed{gap:var(--space-3);background:var(--card-surface-bg,var(--bg-surface));border:1px solid var(--card-surface-border,var(--border));box-shadow:var(--card-surface-shadow,none);border-radius:var(--radius-lg);padding:var(--space-4);flex-direction:column;min-width:0;display:flex}.snapshot-feed__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.snapshot-feed__header h3{color:var(--text-primary);font-size:1.05rem;font-weight:700}.snapshot-feed__header p{color:var(--text-tertiary);margin-top:.25rem;font-size:.85rem}.snapshot-feed__viewport{aspect-ratio:4/3;background:radial-gradient(ellipse at 30% 20%, #8b5cf614, transparent 55%), var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);place-items:center;display:grid;position:relative;overflow:hidden}.snapshot-feed__image{object-fit:contain;background:#000;width:100%;height:100%;display:block}.snapshot-feed__loading{background:var(--bg-elevated);z-index:1;place-items:center;display:grid;position:absolute;inset:0}.snapshot-feed__spinner{border:2.5px solid #ffffff24;border-top-color:var(--accent-soft);border-radius:50%;width:2.25rem;height:2.25rem;animation:.7s linear infinite snapshot-feed-spin}@keyframes snapshot-feed-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.snapshot-feed__spinner{border-top-color:var(--accent-soft);border-right-color:var(--accent-soft);opacity:.85;animation:none}}.snapshot-feed__placeholder{align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-6);color:var(--text-secondary);flex-direction:column;max-width:36ch;display:flex}.snapshot-feed__placeholder strong{color:var(--text-primary)}.snapshot-feed__placeholder p{color:var(--text-tertiary);font-size:.88rem;line-height:1.45}.snapshot-feed__meta{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.snapshot-feed__meta span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.2rem;font-size:.72rem;display:block}.snapshot-feed__meta strong{color:var(--text-primary);font-size:.95rem}@media (width<=640px){.snapshot-feed__meta{grid-template-columns:1fr}}.snapshot-status__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.snapshot-status__list li{gap:var(--space-3);color:var(--text-tertiary);align-items:flex-start;display:flex}.snapshot-status__list strong{color:var(--text-primary);margin-top:.15rem;font-size:.95rem;display:block}.snapshot-status__label{color:var(--text-tertiary);font-size:.75rem;display:block}.snapshot-status__row{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.occ-overlay__icon{color:var(--accent-soft)}.occ-overlay__hero{border-bottom:1px solid var(--border);margin-bottom:14px;padding:12px 0 14px}.occ-overlay__hero span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:.7rem;display:block}.occ-overlay__hero strong{font-family:var(--font-display);color:var(--text-primary);align-items:baseline;gap:8px;font-size:2rem;font-weight:700;display:flex}.occ-overlay__hero small{font-family:var(--font-body);color:var(--text-tertiary);font-size:.85rem;font-weight:500}.occ-overlay__rows{flex-direction:column;gap:12px;display:flex}.occ-overlay__rows>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.occ-overlay__rows .status-badge{flex-shrink:0}.occ-overlay__label{color:var(--text-secondary);font-size:.8rem}.occ-overlay__age{color:var(--text-primary);font-size:.85rem!important}.occ-overlay__advisory{border-top:1px solid var(--border);margin-top:14px;padding-top:12px;font-size:.8rem;line-height:1.45}.occ-overlay__stale{color:var(--text-primary);background:var(--risk-moderate-muted);border:1px solid #fbbf2447;border-radius:8px;margin:0 0 12px;padding:8px 10px;font-size:.78rem;line-height:1.4}.camera-snapshot{gap:var(--space-6);flex-direction:column;display:flex}.camera-snapshot__intro{max-width:60ch}.camera-snapshot__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:var(--space-2);font-size:.75rem;font-weight:700}.camera-snapshot__heading{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800}.camera-snapshot__lead{margin-top:var(--space-2);color:var(--text-secondary);font-size:.95rem;line-height:1.5}.camera-snapshot__layout{gap:var(--space-4);grid-template-columns:minmax(0,1.6fr) minmax(260px,.85fr);align-items:start;display:grid}.camera-snapshot__main{min-width:0}.camera-snapshot__side{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}@media (width<=1100px){.camera-snapshot__layout{grid-template-columns:1fr}}