:root{--c-bg: #0B1628;--c-bg-mid: #142035;--c-bg-card: #1A2A42;--c-bg-hover: #1E3050;--c-border: rgba(240,244,255,.08);--c-border-amber:rgba(245,158,11,.3);--c-amber: #F59E0B;--c-amber-glow: #FCD34D;--c-amber-dim: rgba(245,158,11,.12);--c-text: #F0F4FF;--c-text-muted: rgba(240,244,255,.5);--c-text-faint: rgba(240,244,255,.28);--c-green: #22C55E;--c-green-dim: rgba(34,197,94,.12);--c-red: #EF4444;--c-red-dim: rgba(239,68,68,.12);--c-slate: #64748B;--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--sp-2xl: 64px;--sp-3xl: 96px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill:100px;--shadow-card: 0 4px 24px rgba(0,0,0,.3);--shadow-modal:0 24px 80px rgba(0,0,0,.5);--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s;--t-base: .25s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}ul{list-style:none}.u-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);font-family:var(--font-body);font-weight:600;font-size:14px;padding:12px 22px;border-radius:var(--r-md);transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease);white-space:nowrap}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--c-amber);color:#0b1628}.btn-primary:hover{background:var(--c-amber-glow);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-border)}.btn-ghost:hover{border-color:#f0f4ff33;background:#f0f4ff0a}.btn-danger{background:var(--c-red-dim);color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.btn-danger:hover{background:#ef444433}.input{width:100%;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);font-family:var(--font-body);font-size:14px;padding:11px 14px;outline:none;transition:border-color var(--t-fast) var(--ease)}.input:focus{border-color:var(--c-amber)}.input::placeholder{color:var(--c-text-faint)}.badge-up{display:inline-flex;align-items:center;gap:5px;background:var(--c-green-dim);color:var(--c-green);border:1px solid rgba(34,197,94,.2);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}.badge-down{display:inline-flex;align-items:center;gap:5px;background:var(--c-red-dim);color:#fca5a5;border:1px solid rgba(239,68,68,.2);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}.badge-degraded{display:inline-flex;align-items:center;gap:5px;background:var(--c-amber-dim);color:var(--c-amber-glow);border:1px solid rgba(245,158,11,.25);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}.dot-up,.dot-down,.dot-degraded{width:6px;height:6px;border-radius:50%}.dot-up{background:var(--c-green)}.dot-down{background:var(--c-red);animation:blink 1.2s ease-in-out infinite}.dot-degraded{background:var(--c-amber);animation:blink 1.6s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--c-border) 30%,var(--c-border) 70%,transparent);margin:0}.card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-bg-hover);border-radius:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--c-border);background:var(--c-bg-mid);position:sticky;top:0;z-index:50}.app-logo{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.02em;display:flex;align-items:center;gap:7px}.app-bar-right{display:flex;align-items:center;gap:16px}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--c-amber);color:#0b1628;font-family:var(--font-display);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.user-name{font-size:13px;font-weight:600}.user-email{font-size:11px;color:var(--c-text-muted)}.app-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:40px 32px 64px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:32px}.stat-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px 22px}.stat-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:10px}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.02em}.stat-value.up{color:var(--c-green)}.stat-value.down{color:var(--c-red)}.stat-value.degraded{color:var(--c-amber)}.stat-subcount{margin-top:2px;font-size:11px;color:var(--c-text-dim, rgba(232,238,252,.45))}.stat-sub{font-size:12px;color:var(--c-text-faint);margin-top:4px}.skeleton{background:linear-gradient(90deg,var(--c-bg-card) 25%,var(--c-bg-hover) 50%,var(--c-bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-lg)}.skel-row{height:76px}.skel-stat{height:96px}.empty-state{text-align:center;padding:64px 24px;color:var(--c-text-muted)}.empty-icon{font-size:40px;margin-bottom:12px}.empty-h{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--c-text);margin-bottom:8px}.user-chip-btn{background:transparent;border:1px solid transparent;border-radius:var(--r-md, 10px);padding:4px 8px;cursor:pointer;color:inherit;font:inherit;text-align:left}.user-chip-btn:hover{border-color:var(--c-border);background:#ffffff08}.user-chip-text{display:flex;flex-direction:column}.form-error{font-size:12px;color:#fca5a5;margin-top:4px}.badge-pending{display:inline-flex;align-items:center;gap:5px;background:var(--c-amber-dim);color:var(--c-amber-glow);border:1px solid rgba(245,158,11,.25);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}.dot-pending{width:6px;height:6px;border-radius:50%;background:var(--c-amber)}.stat-value.pending{color:var(--c-amber)}.site-status-icon.pending{background:var(--c-amber-dim);color:var(--c-amber)}