:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#202124;--text: #202124;--muted: #8b8f99;--line: #e6e7eb;--line-soft: #f0f1f3;--surface: #ffffff;--ok: #2cc59a;--warning: #ffbf2f;--warning-soft: #fff4c4;--danger: #ff7a59;--danger-soft: #fff0ec;--info: #8f96a3}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}button,a{font:inherit}button{align-items:center;background:#2b2c34;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:650;gap:8px;justify-content:center;min-height:42px;padding:0 18px}button svg{flex:0 0 auto}button:disabled{cursor:not-allowed;opacity:.65}.page-shell{margin:0 auto;max-width:880px;padding:48px 20px 44px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.brand{align-items:center;color:var(--text);display:inline-flex;gap:12px;text-decoration:none}.brand img{height:36px;object-fit:contain;width:36px}.brand span{font-size:1.52rem;font-weight:780;letter-spacing:0}main{display:grid;gap:22px}.status-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 5px #16181d0f;overflow:hidden}.incident-card{display:grid}.incident-card.has-warning{border-color:var(--warning)}.incident-card.has-danger{border-color:var(--danger)}.incident-title{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:22px}.incident-card.has-warning .incident-title{background:var(--warning-soft);border-bottom-color:#ffe3a3}.incident-card.has-danger .incident-title{background:var(--danger-soft);border-bottom-color:#ffd4c9}.incident-title h1{font-size:1.18rem;line-height:1.35;margin:0}.incident-tags{border-bottom:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:10px;padding:20px 22px}.incident-tags span{background:#fff2ca;border-radius:6px;color:#a54e1a;font-size:.9rem;font-weight:700;line-height:1;padding:8px 10px}.incident-entry{display:grid;gap:9px;padding:20px 22px 24px 50px;position:relative}.incident-entry:before{background:var(--warning);border-radius:50%;content:"";height:4px;left:30px;position:absolute;top:31px;width:4px}.incident-card.has-danger .incident-entry:before{background:var(--danger)}.incident-entry+.incident-entry{border-top:1px solid var(--line-soft)}.incident-entry strong{font-size:1rem;line-height:1.35}.incident-entry p{color:#343741;font-size:.98rem;line-height:1.42;margin:0}.incident-entry span,.history-list span,.card-header span,.system-row__main span,.system-row__uptime,footer{color:var(--muted)}.card-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;min-height:68px;padding:0 22px}.card-header__title{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 14px;min-width:0}.card-header h2{font-size:1.1rem;margin:0}.month-range{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;white-space:nowrap}.system-list{display:grid;position:relative}.system-card{overflow:visible}.system-row{border-bottom:1px solid var(--line-soft);position:relative;z-index:1}.system-row:has(.uptime-bars>span:hover),.system-row:has(.uptime-bars>span:focus-visible){z-index:90}.system-row:last-child{border-bottom:0}.system-row summary{cursor:pointer;display:grid;gap:12px 14px;grid-template-columns:minmax(230px,1fr) auto 20px;list-style:none;overflow:visible;padding:20px 22px;position:relative;z-index:1}.system-row:has(.uptime-bars>span:hover) summary,.system-row:has(.uptime-bars>span:focus-visible) summary{z-index:95}.system-row summary::-webkit-details-marker{display:none}.system-row__main{align-items:start;display:flex;gap:10px;min-width:0}.system-row__main div{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 14px;min-width:0}.system-row__main strong{font-size:1rem;line-height:1.25}.system-row__uptime{font-size:.98rem;white-space:nowrap}.system-row__chevron{color:var(--muted);justify-self:end;margin-top:2px;transition:transform .16s ease}.system-row[open] .system-row__chevron{transform:rotate(180deg)}.uptime-bars{display:grid;gap:2px;grid-column:1 / -1;height:20px;min-width:0;position:relative;z-index:2}.uptime-bars>span{border-radius:2px;cursor:default;min-width:1px;outline:none;position:relative;transition:transform .12s ease}.uptime-bars>span:hover,.uptime-bars>span:focus-visible{transform:scaleY(1.12);z-index:100}.uptime-bars>span:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #20212438}.uptime-tooltip{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #16181d29;color:var(--text);display:grid;gap:8px;left:50%;max-width:320px;min-width:270px;opacity:0;padding:12px 14px;pointer-events:none;position:absolute;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;visibility:hidden;z-index:120}.uptime-tooltip:before{background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);content:"";height:10px;left:50%;position:absolute;top:-6px;transform:translate(-50%) rotate(45deg);width:10px}.tooltip-right .uptime-tooltip{left:0;transform:translateY(-4px)}.tooltip-right .uptime-tooltip:before{left:14px;transform:rotate(45deg)}.tooltip-left .uptime-tooltip{left:auto;right:0;transform:translateY(-4px)}.tooltip-left .uptime-tooltip:before{left:auto;right:14px;transform:rotate(45deg)}.uptime-bars>span:hover .uptime-tooltip,.uptime-bars>span:focus-visible .uptime-tooltip{opacity:1;transform:translate(-50%) translateY(0);visibility:visible}.tooltip-right:hover .uptime-tooltip,.tooltip-right:focus-visible .uptime-tooltip,.tooltip-left:hover .uptime-tooltip,.tooltip-left:focus-visible .uptime-tooltip{transform:translateY(0)}.uptime-tooltip__date{color:var(--muted);font-size:.92rem;line-height:1.2}.uptime-tooltip__status{align-items:center;display:flex;gap:8px;font-size:.93rem;font-weight:700;line-height:1.25}.uptime-tooltip strong{color:var(--text);font-size:.98rem;line-height:1.35}.uptime-tooltip em{color:var(--muted);font-size:.88rem;font-style:normal;line-height:1.35}.bar-ok{background:var(--ok)}.bar-warning{background:var(--warning)}.bar-danger{background:var(--danger)}.component-list{background:#fbfbfc;border-top:1px solid var(--line-soft);display:grid;padding:8px 22px 10px 54px}.component-row{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:9px 0}.component-row span{color:#3a3d45}.component-row em{color:var(--muted);flex:0 0 auto;font-style:normal;white-space:nowrap}.status-icon{align-items:center;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;height:20px;justify-content:center;line-height:1;margin-top:1px;width:20px}.service-icon{align-items:center;background:#f6f7f9;border:1px solid #e4e6eb;border-radius:6px;color:#4d5562;display:inline-flex;flex:0 0 auto;height:30px;justify-content:center;width:30px}.service-icon.is-ok{background:#ebfbf6;border-color:#cbf3e6;color:#159370}.service-icon.is-warning{background:#fff6dc;border-color:#ffe3a3;color:#b66d00}.service-icon.is-danger{background:#fff0ec;border-color:#ffd4c9;color:#c44d32}.service-icon.is-info,.service-icon.is-neutral{background:#f3f4f6;border-color:#e2e5ea;color:#6c7480}.status-icon.is-ok{background:var(--ok)}.status-icon.is-warning{background:var(--warning)}.status-icon.is-danger{background:var(--danger)}.status-icon.is-info,.status-icon.is-neutral{background:var(--info)}.history-card{margin-top:2px}.history-list{display:grid}.history-list article{display:grid;gap:5px;padding:16px 22px}.history-list article+article{border-top:1px solid var(--line-soft)}.empty{color:var(--muted);margin:0;padding:22px}.skeleton-list{display:grid;gap:0}.skeleton-list span{animation:pulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f2f3f5,#fafafa,#f2f3f5);height:82px}.skeleton-list span+span{border-top:1px solid var(--line-soft)}footer{align-items:center;display:flex;font-size:.86rem;gap:12px;justify-content:space-between;margin-top:22px}footer a{align-items:center;color:#626773;display:inline-flex;gap:6px;text-decoration:none}footer a:hover{text-decoration:underline}.is-spinning{animation:spin .9s linear infinite}@keyframes pulse{0%{opacity:.58}50%{opacity:1}to{opacity:.58}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.page-shell{padding:28px 14px 36px}.topbar{align-items:stretch;flex-direction:column;gap:16px}button{width:100%}.card-header{align-items:flex-start;flex-direction:column;gap:6px;justify-content:center;padding:16px}.month-range{white-space:normal}.system-row summary{gap:10px;grid-template-columns:minmax(0,1fr) 20px;padding:18px 14px}.system-row__uptime{grid-column:1 / 2;justify-self:start}.system-row__chevron{grid-column:2 / 3;grid-row:1 / 2}.uptime-bars{gap:1px}.uptime-tooltip{max-width:min(76vw,280px);min-width:min(76vw,240px)}.incident-title,.incident-tags{padding-left:16px;padding-right:16px}.incident-entry{padding-left:38px;padding-right:16px}.incident-entry:before{left:22px}.component-list{padding-left:38px;padding-right:16px}.component-row{align-items:flex-start;flex-direction:column;gap:4px}footer{align-items:flex-start;flex-direction:column}}
