.page.wide{max-width:960px}.page.login{max-width:420px;padding-top:64px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.btn:hover:not(:disabled){border-color:var(--muted)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--banner-fg)}.btn.primary:hover:not(:disabled){opacity:.9}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--outage);border-color:color-mix(in srgb,var(--outage) 50%,transparent)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--outage) 12%,transparent);border-color:var(--outage)}.btn.danger.solid{background:var(--outage);border-color:var(--outage);color:#fff}.btn.sm{padding:5px 10px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,.tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.header-actions{display:flex;gap:8px;margin-left:auto}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--card)}.tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.tab:hover{color:var(--fg)}.tab[aria-selected=true]{background:var(--bg);color:var(--fg);box-shadow:0 0 0 1px var(--border)}.count{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--border);color:var(--fg);font-size:.72rem;text-align:center}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 14px;border:1px solid;border-radius:8px;font-size:.9rem;font-weight:600}.toast.success{border-color:var(--operational);background:color-mix(in srgb,var(--operational) 14%,var(--bg))}.toast.error{border-color:var(--outage);background:color-mix(in srgb,var(--outage) 14%,var(--bg))}.toast button{border:0;background:transparent;color:inherit;font-size:1.1rem;line-height:1;cursor:pointer}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.card-title{margin:0 0 16px;font-size:1.05rem}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}.field-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0;font-size:.85rem;font-weight:600}.field-hint{color:var(--muted);font-size:.75rem;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:.92rem;transition:border-color .15s}.textarea{min-height:88px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:0;border-color:var(--primary)}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.form-error{color:var(--outage);font-size:.9rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--muted);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--fg);border-color:var(--muted)}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--banner-fg)}.link-btn{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;text-decoration:underline;cursor:pointer}.admin-incident{position:relative;margin-bottom:14px;padding:16px 18px 16px 22px;border:1px solid var(--border);border-radius:10px;background:var(--card);overflow:hidden}.admin-incident:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--degraded)}.admin-incident.outage:before{background:var(--outage)}.admin-incident.resolved:before{background:var(--operational)}.incident-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px}.incident-title{margin:0;font-size:1.02rem;font-weight:600}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-block;padding:2px 10px;border:1px solid;border-radius:999px;font-size:.74rem;font-weight:600;white-space:nowrap}.badge.investigating,.badge.identified,.badge.monitoring,.badge.degraded{color:var(--degraded);border-color:color-mix(in srgb,var(--degraded) 55%,transparent);background:color-mix(in srgb,var(--degraded) 12%,transparent)}.badge.outage{color:var(--outage);border-color:color-mix(in srgb,var(--outage) 55%,transparent);background:color-mix(in srgb,var(--outage) 12%,transparent)}.badge.resolved{color:var(--operational);border-color:color-mix(in srgb,var(--operational) 55%,transparent);background:color-mix(in srgb,var(--operational) 12%,transparent)}.incident-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;color:var(--muted);font-size:.8rem}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{padding:1px 8px;border-radius:4px;background:var(--border);color:var(--fg);font-size:.74rem}.timeline{list-style:none;margin:14px 0 0;padding:0}.timeline li{position:relative;padding:0 0 12px 20px;font-size:.9rem}.timeline li:before{content:"";position:absolute;left:3px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--muted)}.timeline li:after{content:"";position:absolute;left:6.5px;top:18px;bottom:-2px;width:1px;background:var(--border)}.timeline li:last-child{padding-bottom:0}.timeline li:last-child:after{display:none}.timeline .when{color:var(--muted);font-size:.75rem}.timeline p{margin-top:2px}.incident-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.incident-actions .spacer{flex:1}.confirm-text{color:var(--outage);font-size:.85rem;font-weight:600}.edit-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.empty{padding:32px 16px;border:1px dashed var(--border);border-radius:10px;text-align:center;color:var(--muted)}@media(max-width:560px){.form-row{grid-template-columns:1fr}.header-actions{width:100%;margin-left:0}.header{flex-wrap:wrap}}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009}.modal{width:100%;max-width:400px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 16px 48px #0006}.modal h2{margin:0 0 8px;font-size:1.1rem}.modal-actions{justify-content:flex-end;margin-top:20px}:root{--bg: #fff;--fg: #111827;--muted: #6b7280;--card: #f9fafb;--border: #e5e7eb;--operational: #16a34a;--degraded: #d97706;--outage: #dc2626;--primary: #2563eb;--banner-fg: #fff;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: var(--font-sans)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f172a;--fg: #e5e7eb;--muted: #94a3b8;--card: #1e293b;--border: #334155}}:root[data-theme=dark]{--bg: #0f172a;--fg: #e5e7eb;--muted: #94a3b8;--card: #1e293b;--border: #334155}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans)}.page{max-width:860px;margin:0 auto;padding:24px 16px 48px}.page.embed{padding:8px}.header{display:flex;align-items:center;gap:12px;margin-bottom:24px}h1,h2,p{margin:0}h1,h2{font-family:var(--font-heading)}h1{font-size:1.5rem;color:var(--primary)}h2{margin:32px 0 12px;font-size:1.1rem}section{margin-top:16px}.muted{color:var(--muted)}.small{font-size:.8rem}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.banner{padding:14px 16px;border-radius:8px;color:var(--banner-fg);font-weight:600}.banner.operational{background:var(--operational)}.banner.degraded{background:var(--degraded)}.banner.outage{background:var(--outage)}.component,.incident{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:12px}.label{font-size:.8rem;font-weight:600}.label.operational{color:var(--operational)}.label.degraded{color:var(--degraded)}.label.outage{color:var(--outage)}.days{position:relative;display:flex;gap:2px;margin:10px 0 6px}.day{flex:1;height:28px;border-radius:2px;min-width:2px}.day.operational{background:var(--operational)}.day.degraded{background:var(--degraded)}.day.outage{background:var(--outage)}.day{cursor:pointer;outline:none}.day.active{filter:brightness(1.3)}.tooltip{position:absolute;top:calc(100% + 6px);z-index:10;display:flex;flex-direction:column;gap:4px;width:max-content;max-width:260px;padding:10px 14px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;font-size:.85rem;pointer-events:none}.tooltip.center{transform:translate(-50%)}.tooltip.end{transform:translate(-100%)}.tooltip.start{transform:translate(0);left:0!important}.tooltip.end{left:100%!important}.active-incidents{margin:0 0 24px;padding:16px;border:2px solid var(--degraded);border-radius:10px;background:color-mix(in srgb,var(--degraded) 12%,var(--bg))}.active-incidents:has(.active-incident.outage){border-color:var(--outage);background:color-mix(in srgb,var(--outage) 12%,var(--bg))}.active-incidents h2{margin:0 0 12px;font-size:1.15rem;color:var(--degraded)}.active-incidents:has(.active-incident.outage) h2{color:var(--outage)}.active-incident .incident{margin-bottom:8px;border-left:6px solid var(--degraded)}.active-incident.outage .incident{border-left-color:var(--outage)}.active-incident:last-child .incident{margin-bottom:0}.incident-head{align-items:flex-start}.update{margin-top:14px;font-size:.9rem}.update-message{white-space:pre-line}.update-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.update-message{margin-top:2px}footer{margin-top:32px;text-align:center}