:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;font-weight:400;color-scheme:dark;color:#f5f7faeb;background-color:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}:root{--bg:#0b1020;--panel:#0f172a;--panel-2:#0e152b;--border:#1f2937;--text:#e5e7eb;--muted:#a3aab9;--accent:#7c5cff;--accent-2:#22d3ee;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}:root[data-theme=light]{--bg:#f7f7fb;--panel:#ffffff;--panel-2:#fafafa;--border:#e5e7eb;--text:#0f172a;--muted:#6b7280;--accent:#6d28d9;--accent-2:#0891b2;--success:#16a34a;--warning:#d97706;--danger:#dc2626}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 600px at 20% -10%,rgba(124,92,255,.12),transparent 40%),radial-gradient(1000px 500px at 90% 0%,rgba(34,211,238,.1),transparent 45%),linear-gradient(180deg,#0b1020 0% 40%,#0a0f1e);color:var(--text);font-size:14px}:root[data-theme=light] body{background:radial-gradient(1200px 600px at 20% -10%,rgba(109,40,217,.08),transparent 40%),radial-gradient(1000px 500px at 90% 0%,rgba(8,145,178,.08),transparent 45%),linear-gradient(180deg,#fff,#fafafa)}.container{max-width:1200px;margin:0 auto;padding:32px 24px}.header{display:flex;align-items:flex-end;justify-content:space-between;padding:16px 0 24px}.topnav{display:flex;align-items:center;gap:8px}.topnav a,.topnav button{color:var(--text);font-size:inherit}.ghost{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);text-decoration:none;line-height:1}.ghost:hover{border-color:#334155;background:var(--panel-2)}.ghost:visited{color:var(--text)}.ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #7c5cff40}.ghost:active{transform:translateY(1px);background:var(--panel-2);border-color:#334155}.dropdown{position:relative}.menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:180px;padding:6px;box-shadow:0 12px 30px #02061773;z-index:120}.menu-item{display:block;padding:8px 10px;color:var(--text);text-decoration:none;border-radius:8px;font-size:inherit}.menu-item:hover{background:var(--panel-2)}.menu-item:focus-visible{outline:none;box-shadow:0 0 0 3px #7c5cff40}.menu-item:active{transform:translateY(1px);background:var(--panel-2)}.avatar{width:20px;height:20px;border-radius:999px;display:inline-block}.header h1{margin:0;font-size:28px;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand{text-decoration:none;color:inherit}.sub{color:var(--muted)}.content{display:flex;gap:20px}.sidebar{width:300px;background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px}.sidebar-title{font-weight:600;font-size:14px;color:var(--muted);margin-bottom:8px}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto}.item{padding:10px 12px;border-radius:10px;border:1px solid transparent;background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel-2);cursor:pointer;transition:transform .1s ease,border-color .2s,box-shadow .2s,background .2s;position:relative}.item:hover{border-color:var(--border);transform:translateY(-1px);background:linear-gradient(180deg,#7c5cff0f,#22d3ee0d),var(--panel-2)}.item:focus-visible{outline:none;box-shadow:0 0 0 2px #7c5cff59}.item.active{border-color:#7c5cff73;background:linear-gradient(180deg,#7c5cff1f,#22d3ee1a),var(--panel-2);box-shadow:0 6px 18px #02061759,0 0 0 2px #7c5cff40;transform:translateY(-2px)}.item.active:after{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.item-title{font-size:14px;font-weight:600}.item-sub{font-size:12px;color:var(--muted)}.main{flex:1;background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px}.empty{color:var(--muted)}.page-header{margin-bottom:16px}.page-header h2{margin:0 0 4px}.section{margin:16px 0}.section-title{font-weight:600;color:var(--muted);margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:14px;transition:transform .12s ease,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-title{font-weight:600}.card-sub{color:var(--muted);font-size:12px}.incidents{display:flex;flex-direction:column;gap:12px}.incident{background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel-2);border:1px solid var(--border);border-radius:14px;padding:12px}.incident-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.incident-title{font-weight:600}.incident-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#334155;color:#e2e8f0;padding:2px 8px;border-radius:999px;font-size:12px}.pill.success{background:#16a34a}.updates{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.update{color:var(--text)}.update-time{color:var(--muted);margin-right:6px}.muted{color:var(--muted)}.error{color:#ef4444}.footer{margin-top:16px;color:var(--muted);text-align:center}.panel{background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 10px 30px #02061766}.form{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;flex-direction:column;gap:4px}.form-row label{font-size:12px;color:var(--muted)}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=search],textarea{width:100%;background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:0 12px;height:36px;color:var(--text);box-shadow:inset 0 1px 2px #00000040;transition:background .2s ease,border-color .15s ease,box-shadow .15s ease}textarea{padding:8px 12px;min-height:80px;height:auto;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}input:hover,textarea:hover{border-color:#2a3448}input:focus,textarea:focus{outline:none;border-color:#475569;box-shadow:inset 0 1px 2px #0000004d,0 0 0 3px #7c5cff33}input:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}.input-error,input[aria-invalid=true]{border-color:var(--danger)}.input-error:focus,input[aria-invalid=true]:focus{box-shadow:inset 0 1px 2px #0000004d,0 0 0 3px #ef444440}input:-webkit-autofill{-webkit-text-fill-color:var(--text);transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{box-shadow:inset 0 1px 2px #00000040,0 0 0 30px var(--panel-2) inset}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;transition:all .15s ease;height:36px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn:hover{border-color:#334155}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;height:36px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.row{display:flex;align-items:center;gap:8px}.btn-sm{padding:6px 10px;font-size:12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;height:34px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn-sm:hover{border-color:#334155}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.icon-btn:hover{border-color:#334155;background:var(--panel-2)}.theme-fab{position:fixed;top:14px;right:14px;z-index:100}.hero{text-align:center;margin:40px auto;max-width:840px}.hero-title{font-size:36px;margin:0 0 8px;letter-spacing:.3px}.hero-sub{color:var(--muted);margin:0 0 16px;font-size:16px}.cta-row{display:flex;align-items:center;justify-content:center;gap:10px}select{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:0 10px;color:var(--text);height:36px}select{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:9px 10px;color:var(--text);height:36px;line-height:1.2;vertical-align:middle}select:focus{outline:none;border-color:#334155;box-shadow:0 0 0 3px #7c5cff26}.modal-overlay{position:fixed;inset:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:520px;max-width:90vw;background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-title{font-size:18px;font-weight:600}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;font-size:12px;padding:8px;border-bottom:1px solid var(--border)}.table th{color:var(--muted)}.tabs{display:flex;gap:8px;margin:8px 0 12px}.tab{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease}.tab:hover{border-color:#334155}.tab.active{outline:2px solid #334155;background:linear-gradient(90deg,#7c5cff26,#22d3ee26)}.pill.minor{background:#334155}.pill.major{background:linear-gradient(90deg,#ef4444,#f59e0b)}.pill.operational{background:var(--success)}.pill.degraded{background:var(--warning)}.pill.down{background:var(--danger)}.card.status-operational{border-left:4px solid var(--success)}.card.status-degraded{border-left:4px solid var(--warning)}.card.status-down{border-left:4px solid var(--danger)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-weight:600;font-size:16px}.card-sub{color:var(--muted);font-size:14px;line-height:1.4}:root[data-size=lg] body{font-size:16px}:root[data-size=lg] input[type=text],:root[data-size=lg] input[type=email],:root[data-size=lg] input[type=password],:root[data-size=lg] input[type=search],:root[data-size=lg] select{padding:12px 14px;font-size:16px;height:44px}:root[data-size=lg] .btn{padding:12px 14px;font-size:16px;height:44px}:root[data-size=lg] .btn-primary{height:44px;font-size:16px}:root[data-size=lg] .btn-sm{padding:8px 12px;font-size:16px;height:38px}:root[data-size=lg] .tab{padding:10px 14px}:root[data-size=lg] .pill{font-size:13px;padding:3px 10px}@media (max-width: 900px){.container{padding:24px 16px}.header{align-items:flex-start;gap:8px}.topnav{flex-wrap:wrap;justify-content:flex-end}.content{flex-direction:column}.sidebar{width:100%;margin-bottom:12px}.main{padding:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{margin:28px auto;padding:0 4px}.hero-title{font-size:30px}.cta-row{flex-wrap:wrap}}@media (max-width: 640px){.container{padding:20px 12px}.header{flex-direction:column;align-items:flex-start}.header h1{font-size:24px}.header h1 img{height:44px!important;width:auto}.topnav{width:100%;justify-content:flex-start}.content{gap:12px}.sidebar{padding:10px}.list{max-height:none}.cards{grid-template-columns:1fr}.incident-head{flex-direction:column;align-items:flex-start}.row{flex-wrap:wrap}.table{display:block;overflow:auto}.main{padding:14px}.hero-title{font-size:26px}.hero-sub{font-size:14px}.theme-fab{top:auto;bottom:12px;right:12px}.modal{width:auto;max-width:94vw}}.card svg{width:100%;height:auto;max-width:100%}@media (max-width: 640px){.menu{position:fixed;left:12px;right:12px;top:72px;min-width:0;width:auto;max-width:none;max-height:calc(100vh - 96px);overflow:auto;z-index:1000}}.main{min-width:0}.panel code{display:block;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.panel pre{overflow:auto;max-width:100%}.panel a{word-break:break-word;overflow-wrap:anywhere}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}