@font-face{font-family:Inter;src:url(/assets/Inter.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{color-scheme:dark;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans: Inter, "Helvetica Neue", Arial, sans-serif;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--type-display-size: 2.5rem;--type-display-line: 1.125;--type-display-tracking: -.04em;--type-title-size: 1.75rem;--type-title-line: 1.107;--type-title-tracking: -.04em;--type-heading-size: 1.25rem;--type-heading-line: 1.15;--type-heading-tracking: -.02em;--type-subheading-size: 1rem;--type-subheading-line: 1.25;--type-subheading-tracking: -.02em;--type-body-size: .9375rem;--type-body-line: 1.467;--type-body-small-size: .8125rem;--type-body-small-line: 1.385;--type-label-size: .8125rem;--type-label-line: 1.231;--type-caption-size: .75rem;--type-caption-line: 1.333;--type-navigation-size: .625rem;--type-navigation-line: 1.3;--type-overline-size: .625rem;--type-overline-line: 1.3;--type-overline-tracking: .12em;--text-3-size: .75rem;--text-3-line: 1.04;--text-3-tracking: -.02em;--text-3-5-size: .875rem;--text-3-5-line: 1.04;--text-3-5-tracking: -.02em;--text-4-size: 1rem;--text-4-line: 1.04;--text-4-tracking: -.04em;--text-5-size: 1.25rem;--text-5-line: 1.04;--text-5-tracking: -.04em;--text-6-size: 1.5rem;--text-6-line: 1.04;--text-6-tracking: -.04em;--text-7-size: 1.75rem;--text-7-line: 1.12;--text-7-tracking: -.02em;--text-10-size: 2.5rem;--text-10-line: 1.12;--text-10-tracking: -.04em;--text-11-size: 2.75rem;--text-11-line: 1.12;--text-11-tracking: -.04em;--text-14-size: 3.5rem;--text-14-line: 1.12;--text-14-tracking: -.06em;--text-20-size: 5rem;--text-20-line: .9;--text-20-tracking: -.06em;--text-50-size: 12.5rem;--text-50-line: .9;--text-50-tracking: -.06em;--scale-1: .688rem;--scale-2: .812rem;--scale-3: 1rem;--scale-4: 1.188rem;--scale-5: 1.438rem;--scale-6: 1.75rem;--scale-7: 2.062rem;--scale-8: 2.5rem;--scale-9: 3rem;--scale-10: 3.562rem;--scale-11: 4.312rem;--scale-12: 5.188rem;--scale-13: 6.188rem;--scale-14: 7.438rem;--scale-15: 8.938rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-13: 3.25rem;--space-14: 3.5rem;--space-15: 3.75rem;--space-16: 4rem;--space-17: 4.25rem;--space-18: 4.5rem;--space-19: 4.75rem;--space-20: 5rem;--space-30: 7.5rem;--radius-1: .25rem;--radius-2: .5rem;--radius-3: .75rem;--radius-4: 1rem;--radius-6: 1.5rem;--radius-full: 25rem;--neutral-0: #ffffff;--neutral-0-a32: rgba(255, 255, 255, .32);--neutral-0-a64: rgba(255, 255, 255, .64);--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--amber-400: #ffd22c;--amber-500: #ffbf00;--amber-600: #feb202;--amber-700: #ff8502;--amber-800: #d53600;--amber-900: #700e01;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #dc3131;--red-600: #dc2626;--red-700: #b22f32;--green-400: #4ade80;--brand: var(--amber-500);--brand-hover: var(--amber-400);--brand-pressed: var(--amber-600);--ink: var(--neutral-950);--surface: var(--neutral-900);--surface-raised: var(--neutral-800);--surface-soft: var(--neutral-700);--text-primary: var(--neutral-50);--text-secondary: var(--neutral-300);--text-muted: var(--neutral-400);--text-subtle: var(--neutral-500);--line: rgba(255, 255, 255, .14);--line-soft: rgba(255, 255, 255, .08);--focus-ring: var(--amber-400);--danger: var(--red-400);--success: var(--green-400);--yellow: var(--brand);--panel: var(--surface);--muted: var(--text-muted);--control-touch-target: 44px;--control-input-height: 52px;--control-button-height: 48px;--screen-gutter: var(--space-6);--screen-gutter-compact: var(--space-4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .24);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .24);--shadow-md: 0 12px 28px rgba(0, 0, 0, .32);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .38);--shadow-xl: 0 30px 80px rgba(0, 0, 0, .46)}*{box-sizing:border-box}html{min-width:320px;background:#0a0a0a}body{margin:0;min-width:320px;min-height:100vh;background:#0a0a0a;color:#fafafa;font-family:var(--font-sans)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.auth-shell,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(255,191,0,.08),transparent 34%),#0a0a0a}.auth-card{width:min(100%,420px);display:flex;flex-direction:column;gap:16px;padding:36px;border:1px solid #333;border-radius:16px;background:#171717;box-shadow:0 28px 90px #0000008c}.brand-logo{width:98px;height:auto;margin-bottom:18px}.eyebrow{color:#ffbf00;font-size:10px;font-weight:700;letter-spacing:.12em}.auth-card h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.04em}.auth-card p{margin:-6px 0 8px;color:#a3a3a3;font-size:14px;line-height:1.5}.auth-card label{display:flex;flex-direction:column;gap:8px;color:#d4d4d4;font-size:13px;font-weight:600}.auth-card input{height:50px;padding:0 14px;border:1px solid #404040;border-radius:8px;outline:none;background:#0f0f0f;color:#fafafa}.auth-card input:focus{border-color:#ffbf00;box-shadow:0 0 0 3px #ffbf001f}.primary-button{min-height:48px;border:0;border-radius:8px;background:#ffbf00;color:#0a0a0a;font-weight:700}.auth-card small{color:#737373;text-align:center;line-height:1.4}.auth-error,.stale-notice{border:1px solid rgba(248,113,113,.36);border-radius:8px;background:#dc31311f;color:#fca5a5;padding:12px 14px;font-size:13px}.loading-screen{gap:18px;align-content:center;color:#a3a3a3;font-size:13px}.loading-screen img{width:100px}.ops-shell{min-height:100vh}.topbar{position:sticky;z-index:10;top:0;height:68px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262626;background:#0a0a0aeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-brand{display:flex;align-items:center;gap:18px}.topbar-brand img{width:86px}.topbar-brand span{padding-left:18px;border-left:1px solid #333;color:#a3a3a3;font-size:13px}.topbar-actions{display:flex;align-items:center;gap:18px;color:#d4d4d4;font-size:13px}.topbar-actions button{padding:8px 12px;border:1px solid #333;border-radius:8px;background:#171717;color:#fafafa}.dashboard{width:min(1500px,100%);margin:0 auto;padding:36px 32px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{margin:7px 0 4px;font-size:clamp(28px,3vw,40px);letter-spacing:-.045em}.page-heading p{margin:0;color:#737373;font-size:13px}.range-switch{display:flex;padding:4px;border:1px solid #333;border-radius:10px;background:#171717}.range-switch button{min-width:54px;height:34px;border:0;border-radius:7px;background:transparent;color:#a3a3a3;font-size:12px;font-weight:600}.range-switch button.active{background:#fafafa;color:#0a0a0a}.platform-status{min-height:72px;display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;border:1px solid #333;border-radius:12px;background:#171717}.status-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#4ade80;box-shadow:0 0 0 7px #4ade801a}.platform-status.degraded .status-dot{background:#f0c96d;box-shadow:0 0 0 7px #f0c96d1a}.platform-status.critical .status-dot{background:#f87171;box-shadow:0 0 0 7px #f871711a}.platform-status div{display:flex;flex-direction:column;gap:4px}.platform-status strong{font-size:14px}.platform-status small,.platform-status time{color:#737373;font-size:11px}.platform-status time{margin-left:auto}.stale-notice{margin-bottom:20px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:22px}.metric-card{min-height:142px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid #2f2f2f;border-radius:12px;background:#171717}.metric-card>span{color:#a3a3a3;font-size:12px}.metric-card strong{font-size:25px;line-height:1;letter-spacing:-.04em}.metric-card small{color:#737373;font-size:11px;line-height:1.35}.metric-card.good strong{color:#b7e8c8}.metric-card.warning strong{color:#f0c96d}.metric-card.danger strong{color:#fca5a5}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.chart-card{overflow:hidden;border:1px solid #2f2f2f;border-radius:12px;background:#171717}.chart-card header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #262626}.chart-card header div{display:flex;flex-direction:column;gap:5px}.chart-card header span,.chart-card header small{color:#737373;font-size:11px}.chart-card header strong{font-size:18px}.chart-area{height:190px;display:grid;place-items:center;color:#525252;font-size:12px}.chart-area svg{width:100%;height:100%}.chart-line{fill:none;stroke:#ffbf00;stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-fill{stroke:none}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:22px}.panel{border:1px solid #2f2f2f;border-radius:12px;background:#171717}.panel-header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #2a2a2a}.panel-header h2{margin:0;font-size:15px}.panel-header span{color:#737373;font-size:11px}.service-row{min-height:58px;display:grid;grid-template-columns:10px minmax(130px,1fr) 110px 100px;align-items:center;gap:12px;padding:8px 18px;border-bottom:1px solid #242424;font-size:12px}.service-row:last-child{border-bottom:0}.service-indicator{width:8px;height:8px;border-radius:50%;background:#f87171}.service-indicator.ok{background:#4ade80}.service-row div{display:flex;flex-direction:column;gap:3px}.service-row small,.service-row>span{color:#737373}.alarm-row{min-height:68px;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid #242424}.alarm-row:last-child{border-bottom:0}.alarm-row div{display:flex;flex-direction:column;gap:4px}.alarm-row strong{font-size:12px;text-transform:capitalize}.alarm-row small{color:#737373;font-size:10px;line-height:1.35}.alarm-state{padding:5px 7px;border-radius:999px;background:#262626;color:#a3a3a3;text-align:center;font-size:9px;font-weight:700;text-transform:uppercase}.alarm-state.ok{background:#4ade801f;color:#9ce5b8}.alarm-state.alarm{background:#f8717124;color:#fca5a5}.empty-inline{padding:24px 18px;color:#737373;font-size:12px}.deployment-panel>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px}.deployment-panel>div span{color:#737373;font-size:12px}.empty-panel{min-height:360px;display:grid;place-items:center;align-content:center;gap:12px;padding:32px;border:1px solid #2f2f2f;border-radius:12px;background:#171717;text-align:center}.empty-panel h2,.empty-panel p{margin:0}.empty-panel p{max-width:480px;color:#a3a3a3;line-height:1.5}.empty-panel .primary-button{padding:0 20px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skeleton-grid div{height:230px;border-radius:12px;background:linear-gradient(110deg,#171717 20%,#222,#171717 50%);background-size:200% 100%;animation:shimmer 1.6s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:62px;padding:0 16px}.topbar-brand span,.topbar-actions>span{display:none}.dashboard{padding:26px 16px 44px}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid,.chart-grid,.detail-grid{grid-template-columns:1fr}.platform-status{align-items:flex-start;flex-wrap:wrap}.platform-status time{width:100%;margin-left:24px}.service-row{grid-template-columns:10px 1fr auto}.service-row>span:last-child{display:none}.deployment-panel>div{align-items:flex-start;flex-direction:column}.auth-card{padding:28px 22px}}