:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#f5f7f9;--bg: #f5f7f9;--surface: #ffffff;--surface-soft: #f8fafc;--line: #dde5ee;--line-strong: #c8d3df;--text: #17212b;--muted: #657385;--muted-strong: #415164;--green: #16a163;--green-soft: #e7f8ef;--red: #dc4c4c;--red-soft: #fdecec;--amber: #d58a00;--amber-soft: #fff5db;--blue: #2563eb;--blue-soft: #eaf1ff;--shadow: 0 12px 30px rgba(30, 43, 57, .08)}:root[data-theme=dark]{color-scheme:dark;color:#e6edf5;background:#0e141b;--bg: #0e141b;--surface: #141c25;--surface-soft: #101820;--line: #263342;--line-strong: #36475a;--text: #e6edf5;--muted: #95a3b5;--muted-strong: #c2ccd8;--green: #35c981;--green-soft: rgba(53, 201, 129, .14);--red: #ff6b6b;--red-soft: rgba(255, 107, 107, .14);--amber: #f4b740;--amber-soft: rgba(244, 183, 64, .15);--blue: #6da2ff;--blue-soft: rgba(109, 162, 255, .15);--shadow: 0 16px 40px rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}a,button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}button{border:0}button:disabled{cursor:not-allowed;opacity:.66;transform:none!important}input,select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 12px;color:var(--text)}input:hover,select:hover{border-color:var(--line-strong)}input:focus,select:focus,a:focus-visible,button:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb24}h1,h2,h3,p{margin:0}h1{letter-spacing:0}h2{font-size:20px}.root-shell{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr)}.app-sidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:22px;border-right:1px solid var(--line);background:var(--surface);padding:20px 14px}.brand-lockup{display:flex;align-items:center;gap:10px;border-radius:8px}.brand-lockup strong,.sidebar-account strong{display:block;color:var(--text);font-size:14px}.brand-lockup small,.sidebar-account small{display:block;max-width:172px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.brand-mark,.icon-tile,.summary-card-icon{display:grid;place-items:center;border-radius:8px}.brand-mark{width:38px;height:38px;background:#15202c;color:#fff}:root[data-theme=dark] .brand-mark{background:#e6edf5;color:#101820}.sidebar-nav{display:grid;align-content:start;gap:6px}.sidebar-nav a{min-height:40px;display:flex;align-items:center;gap:10px;border-radius:8px;color:var(--muted-strong);padding:0 12px;font-weight:700}.sidebar-nav a:hover{background:var(--surface-soft);color:var(--text)}.sidebar-nav a.active{background:var(--blue-soft);color:var(--blue)}.sidebar-account{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:12px;min-width:0}.workspace{min-width:0;padding:22px}.workspace-header,.editor-header,.section-toolbar,.project-heading,.monitor-card-top,.monitor-footer,.incident-item{display:flex;justify-content:space-between;gap:14px}.workspace-header,.editor-header{align-items:center;margin-bottom:18px}.workspace-title{font-size:28px;line-height:1.15}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.primary-button,.ghost-button,.danger-button,.primary-link,.ghost-link,.theme-toggle{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;cursor:pointer;padding:0 14px;font-weight:800;white-space:nowrap}.primary-button,.primary-link{background:var(--blue);color:#fff}.primary-button:hover,.primary-link:hover{background:#1d4ed8;transform:translateY(-1px)}.ghost-button,.ghost-link,.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted-strong)}.ghost-button:hover,.ghost-link:hover,.theme-toggle:hover{border-color:var(--line-strong);color:var(--text);transform:translateY(-1px)}.theme-toggle{min-width:96px}.danger-button{border:1px solid rgba(220,76,76,.22);background:var(--red-soft);color:#b82727}.danger-button:hover{border-color:#dc4c4c6b;transform:translateY(-1px)}.center-panel,.panel,.summary-card,.monitor-card,.auth-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.center-panel{width:min(460px,calc(100% - 32px));margin:15vh auto 0;padding:22px;color:var(--muted-strong)}.status-overview,.public-status-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:22px}.status-overview{margin-bottom:16px}.status-overview.operational,.public-status-hero.operational{border-left:5px solid var(--green)}.status-overview.down,.status-overview.degraded,.public-status-hero.down{border-left:5px solid var(--red)}.status-overview.unknown,.public-status-hero.unknown{border-left:5px solid var(--amber)}.status-overview h2,.public-status-hero h1{margin-top:9px;font-size:clamp(26px,4vw,40px);line-height:1.08}.status-overview p,.public-status-hero p,.panel-heading p,.auth-hero p,.monitor-card-top p,.incident-item p{color:var(--muted);line-height:1.55}.status-overview p,.public-status-hero p{margin-top:8px;max-width:720px}.public-status-hero a{display:inline-block;margin-top:8px;color:var(--blue);font-weight:700;word-break:break-word}.status-indicator{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--surface-soft);color:var(--muted-strong);padding:7px 10px;font-size:12px;font-weight:900;text-transform:capitalize}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.summary-card{display:grid;gap:7px;min-height:112px;padding:16px}.summary-card div{width:24px;height:24px;display:grid;place-items:center;color:var(--blue)}.icon-tile{width:38px;height:38px;background:var(--blue-soft);color:var(--blue)}.summary-card span,.metric span,.project-heading span,.monitor-footer,.muted{color:var(--muted)}.summary-card strong{font-size:30px;line-height:1}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.projects,.project-section,.incident-list,.editor-layout{display:grid;gap:14px}.section-toolbar,.project-heading{align-items:center}.refresh-note,.row-note,.inline-ok,.inline-muted{display:inline-flex;align-items:center;gap:6px}.refresh-note{color:var(--muted);font-size:13px;font-weight:700}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.monitor-card{display:grid;gap:14px;padding:16px}.monitor-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.monitor-card.is-down{border-color:#dc4c4c57}.monitor-name-row{display:flex;align-items:center;gap:8px;min-width:0}.monitor-name-row h3{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.monitor-name-row a,.monitor-link-row a{color:var(--blue)}.monitor-card-top{align-items:flex-start}.monitor-card-top p{margin-top:5px;max-width:100%;overflow-wrap:anywhere;font-size:13px}.status-pill{min-height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900;white-space:nowrap}.status-pill.up{background:var(--green-soft);color:#0c7846}.status-pill.down{background:var(--red-soft);color:#b82727}.status-pill.pending{background:var(--amber-soft);color:#9a6500}:root[data-theme=dark] .status-pill.up{color:#6ee7a8}:root[data-theme=dark] .status-pill.down{color:#ffa3a3}:root[data-theme=dark] .status-pill.pending{color:#ffd87a}.metrics-grid,.inline-fields,.toggle-grid{display:grid;gap:10px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-fields,.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px;min-width:0}.metric strong{overflow:hidden;font-size:15px;text-overflow:ellipsis}.sparkline{height:86px;display:flex;align-items:end;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:10px}.sparkline.empty{justify-content:center;align-items:center;color:var(--muted);font-weight:700}.bar{flex:1;min-width:3px;border-radius:999px}.bar.up{background:var(--green)}.bar.down{background:var(--red)}.monitor-footer{align-items:center;flex-wrap:wrap;font-size:12px}.inline-ok{color:var(--green)}.inline-muted{color:var(--muted)}.monitor-link-row,.editor-actions,.workspace-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.monitor-link-row a{min-height:34px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 10px;font-size:13px;font-weight:800}.monitor-link-row a:hover{border-color:var(--blue);background:var(--blue-soft)}.panel,.auth-card{padding:18px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel-heading.stacked{align-items:flex-start}.incident-item{align-items:flex-start;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:12px}.incident-item strong{display:block;margin-bottom:5px}.incident-meta{display:grid;justify-items:end;gap:5px;font-size:12px;white-space:nowrap}.incident-meta .open{color:var(--red);font-weight:900}.incident-meta .resolved{color:var(--green);font-weight:900}.empty-state{display:grid;gap:10px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.form-panel{display:grid;gap:14px}.form-panel label,.settings-form label{display:grid;gap:7px;color:var(--muted-strong);font-size:13px;font-weight:800}.checkbox-row{display:flex!important;align-items:center;gap:10px}.checkbox-row input{width:16px;height:16px;accent-color:var(--blue)}.editor-actions{grid-column:1 / -1;justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px}.error-banner,.error-line{color:#b82727}.error-banner{border:1px solid rgba(220,76,76,.24);border-radius:8px;background:var(--red-soft);padding:16px}.error-line{font-size:13px;font-weight:700}.auth-page{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:24px;align-items:center;width:min(1180px,100%);margin:0 auto;padding:28px}.floating-theme-control{position:absolute;top:22px;right:28px;z-index:2}.auth-hero{display:grid;gap:20px}.auth-brand{width:fit-content}.auth-hero h1{max-width:760px;font-size:clamp(36px,6vw,68px);line-height:1}.auth-hero p{max-width:680px;font-size:17px}.auth-proof-grid{display:flex;flex-wrap:wrap;gap:10px}.auth-proof-grid span{min-height:34px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted-strong);padding:0 12px;font-size:13px;font-weight:800}.settings-form{display:grid;gap:14px}.auth-card .muted{margin-top:14px}.auth-card .muted a{color:var(--blue);font-weight:900}.public-page{width:min(1200px,100%);margin:0 auto;padding:24px}.public-page-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.public-status-hero{margin-bottom:16px;min-height:178px}.public-status-copy{min-width:0}.public-layout{grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr)}.row-note{margin-top:12px}.public-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.public-summary-grid .summary-card,.public-history-panel{box-shadow:none}.public-section-title{margin-bottom:18px}.public-section-title h2{font-size:30px;line-height:1}.daily-status{display:grid;gap:18px;border-radius:8px;background:var(--surface)}.daily-status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.daily-status-header h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:20px;font-weight:750}.daily-status-header h2 span{color:var(--muted);font-weight:650}.daily-status-header h2 strong{color:var(--green);font-size:inherit;line-height:inherit}.daily-status-header p{margin-top:4px;max-width:720px;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.daily-status-state{display:inline-flex;align-items:center;gap:8px;color:var(--muted-strong);font-weight:750;white-space:nowrap}.daily-status-state span{width:14px;height:14px;border-radius:999px;background:var(--line-strong);box-shadow:0 0 0 4px var(--surface-soft)}.daily-status-state.up{color:var(--green)}.daily-status-state.up span{background:var(--green)}.daily-status-state.down{color:var(--red)}.daily-status-state.down span{background:var(--red)}.daily-status-state.unknown{color:var(--amber)}.daily-status-state.unknown span{background:var(--amber)}.daily-status-bars{display:grid;grid-template-columns:repeat(90,minmax(3px,1fr));gap:5px;min-height:36px;align-items:center}.daily-status-bar{display:block;min-width:0;height:34px;border-radius:999px;background:#8090a6;opacity:.72}.daily-status-bar.up{background:var(--green);opacity:1}.daily-status-bar.degraded{background:var(--amber);opacity:1}.daily-status-bar.down{background:var(--red);opacity:1}.daily-status-bar.unknown{background:#8090a6;opacity:.55}.daily-status-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;font-weight:700}:root[data-theme=dark] .daily-status-bar:not(.up):not(.degraded):not(.down){background:#6f819b}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){.content-layout,.public-layout,.monitor-grid{grid-template-columns:1fr}}@media (max-width: 920px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;grid-template-columns:1fr;border-right:0;border-bottom:1px solid var(--line)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid,.editor-grid,.auth-page{grid-template-columns:1fr}.auth-page{align-items:start}}@media (max-width: 680px){.workspace,.public-page,.auth-page{padding:14px}.app-shell{min-height:100vh}.app-sidebar{gap:10px;padding:10px}.brand-mark{width:32px;height:32px}.brand-lockup strong,.sidebar-account strong{font-size:13px}.brand-lockup small,.sidebar-account small{font-size:11px}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sidebar-nav a{min-height:36px;padding:0 10px;font-size:13px}.sidebar-account{padding:9px 10px}.workspace{padding:14px 10px}.workspace-header{gap:10px;margin-bottom:14px}.workspace-title{font-size:26px}.workspace-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.workspace-actions .theme-toggle,.workspace-actions .ghost-button{width:100%;min-height:36px}.status-overview{gap:12px;padding:16px}.status-overview h2{font-size:25px}.status-overview p{font-size:13px}.summary-grid:not(.public-summary-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-grid:not(.public-summary-grid) .summary-card{min-height:88px;padding:12px}.summary-grid:not(.public-summary-grid) .summary-card strong{font-size:26px}.section-toolbar{gap:8px}.refresh-note{font-size:11px}.project-heading{gap:4px}.monitor-card{gap:12px;padding:14px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sparkline{height:64px}.monitor-link-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.monitor-link-row a{justify-content:center}.editor-header{margin-bottom:12px}.editor-header .workspace-title{font-size:26px}.editor-grid{gap:10px}.panel,.auth-card{padding:14px}.form-panel{gap:12px}.panel-heading.stacked{gap:10px}.panel-heading h2{font-size:18px}.panel-heading p{font-size:13px}input,select{min-height:38px}.editor-actions{display:grid;gap:8px;padding-top:12px}.workspace-header,.editor-header,.status-overview,.public-status-hero,.section-toolbar,.project-heading,.monitor-card-top,.incident-item{align-items:flex-start;flex-direction:column}.status-overview .primary-link,.editor-header .ghost-link,.workspace-header .ghost-button,.workspace-header .theme-toggle,.editor-actions .primary-button,.editor-actions .danger-button{width:100%}.summary-grid,.inline-fields,.toggle-grid{grid-template-columns:1fr}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.incident-meta{justify-items:start}.auth-hero h1{font-size:38px}.floating-theme-control{position:static;display:flex;justify-content:flex-end;margin-bottom:10px}.public-page{width:100%;padding:10px}.public-page-toolbar{margin-bottom:8px}.public-status-hero{min-height:0;gap:12px;padding:18px 14px}.public-status-hero h1{font-size:27px;line-height:1.08}.public-status-hero p{font-size:13px}.public-status-hero a{max-width:100%;font-size:12px;overflow-wrap:anywhere}.public-summary-grid{gap:8px}.public-summary-grid .summary-card{min-height:86px;padding:12px}.public-summary-grid .summary-card strong{font-size:24px}.public-history-panel,.public-layout>.panel{padding:14px}.public-section-title{margin-bottom:12px}.public-section-title h2{font-size:22px}.daily-status-header{gap:8px;flex-direction:column}.daily-status-header h2{display:block;font-size:15px;line-height:1.35}.daily-status-header h2 span,.daily-status-header h2 strong{display:inline}.daily-status-header p{max-width:100%;font-size:11px;white-space:normal;overflow-wrap:anywhere}.daily-status-state{font-size:12px}.daily-status-bars{display:grid;grid-template-columns:repeat(90,5px);gap:4px;min-height:30px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:thin}.daily-status-bar{width:5px;height:26px}.daily-status-footer{font-size:11px}.row-note{align-items:flex-start;font-size:12px}}