:root{color-scheme:dark;--bg:#0d121b;--panel:#131c28;--panel2:#172230;--line:#263342;--muted:#91a2b6;--text:#f0f4f9;--mint:#71e2bd;--blue:#72b2ff;--yellow:#f2ca67;--red:#ff858d;--orange:#ffc180;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#152b3140,transparent 50%),var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button svg,a svg{pointer-events:none}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.2;letter-spacing:-1.4px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;font-weight:620}h3{font-size:15px;font-weight:620}small{font-size:11px}.muted{color:var(--muted)}.overline{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.initial{display:grid;place-content:center;gap:20px;height:100vh;text-align:center;color:var(--muted)}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--mint);color:#123c31;font-size:32px;font-weight:700;line-height:1}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{min-height:100dvh;padding-left:232px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;background:#0c121b;z-index:10}.logo{display:flex;gap:12px;align-items:center;padding:0 5px 34px}.logo strong{font-size:16px;letter-spacing:-.4px}.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.3px}.sidebar .overline{padding-left:14px;margin-bottom:14px}.nav{display:grid;gap:6px}.nav button{border:0;background:none;display:flex;align-items:center;gap:12px;border-radius:10px;padding:12px 14px;text-align:left;color:#9bacbf;transition:.15s}.nav button:hover{background:#ffffff06;color:white}.nav button.selected{background:#71e2bd15;color:var(--mint);box-shadow:inset 2px 0 0 var(--mint)}.nav b{margin-left:auto;background:#ff858d20;color:var(--red);padding:0 6px;border-radius:5px;font-size:10px}.side-bottom{margin-top:auto;padding-top:26px}.side-box{padding:15px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;background:linear-gradient(135deg,#162531,#14202c)}.side-box p{color:var(--muted);font-size:11px;margin-top:7px}.brands{display:flex;gap:7px;margin-top:12px}.brand-tag{font-size:9px;font-weight:650;letter-spacing:.7px;padding:4px 7px;border-radius:4px;color:var(--blue);background:#72b2ff12}.brand-tag.chips{color:var(--yellow);background:#f2ca6712}.profile{display:flex;gap:9px;align-items:center;padding:0 5px}.avatar{width:32px;height:32px;background:#273446;border:1px solid #45546a;display:grid;place-items:center;border-radius:50%;font-size:11px}.profile div{flex:1}.profile strong{font-size:12px}.profile small{display:block;color:var(--muted)}.icon-button{border:0;background:none;color:var(--muted);display:grid;place-items:center;padding:7px}
.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{color:var(--muted);font-size:11px;letter-spacing:1.1px}.crumb b{color:#e3ebf6;font-weight:500}.top-actions{display:flex;align-items:center;gap:15px}.live{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--mint)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.live .dot{box-shadow:0 0 0 4px #71e2bd0e}.date{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:16px}.main{max-width:1540px;margin:auto;padding:32px 38px 50px}.intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:29px}.intro p{margin-top:9px;color:var(--muted);font-size:13px}.intro .overline{margin-bottom:12px}.button{border:1px solid #344454;background:#1a2735;border-radius:9px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:550;white-space:nowrap}.button:hover{background:#243447}.button.primary{background:var(--mint);color:#15382d;border-color:var(--mint)}.button.subtle{background:transparent;border-color:var(--line);color:var(--muted)}.button.small{font-size:11px;padding:6px 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:27px}.stat{border:1px solid var(--line);background:linear-gradient(145deg,#16212d,#111a26);padding:18px 21px;border-radius:14px;position:relative}.stat-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.stat-label svg{width:16px;height:16px;color:#667f92}.stat strong{display:block;font-size:32px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin:10px 0 4px}.stat small{color:var(--muted)}.mint{color:var(--mint)}.red{color:var(--red)}.yellow{color:var(--yellow)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 14px}.section-heading span{font-size:11px;color:var(--muted)}.section-heading .heading-label{display:flex;align-items:center;gap:11px}.pill{padding:3px 8px;border-radius:5px;background:#243142;font-size:10px;color:#acbdd0;font-weight:500}.site-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.site{background:linear-gradient(135deg,#182433,#121c29);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.site-top{padding:21px 22px 17px;display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:11px;background:#2a4e77;color:#a0ceff;font-size:12px;letter-spacing:-.7px;font-weight:800;border:1px solid #4071a5}.brand-icon.chips{color:#ffdd84;background:#5d4c25;border-color:#8a7136;font-size:11px}.site-name{flex:1}.site-name h3{font-size:14px}.site-name small{color:var(--muted);font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #71e2bd22;border-radius:6px;background:#71e2bd0b;color:var(--mint);padding:4px 8px;font-size:10px;font-weight:600}.badge.degraded,.badge.waiting{color:var(--orange);background:#ffc1800b;border-color:#ffc18025}.badge.down,.badge.failed,.badge.error,.badge.crashed{color:var(--red);background:#ff858d0b;border-color:#ff858d30}.badge.unknown,.badge.paused{color:#91a2b6;background:#91a2b60a;border-color:#91a2b622}.site-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 22px 18px;gap:12px}.metric small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.metric strong{font-size:19px;letter-spacing:-.6px;font-weight:550}.metric strong small{display:inline;font-size:11px;margin-left:3px}.pulse-bars{display:flex;gap:3px;height:23px;align-items:stretch;padding:0 22px;margin-bottom:7px}.pulse-bars i{display:block;flex:1;min-width:1px;border-radius:2px;background:#71e2bd80}.pulse-bars i.unknown{background:#2b3a4a}.pulse-bars i.degraded{background:#f3b877}.pulse-bars i.down{background:#ff858d}.timeline{display:flex;justify-content:space-between;color:#778a9d;font-size:9px;padding:0 22px 16px}.site-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #263342b0;padding:12px 22px;font-size:10px;color:var(--muted);background:#0b141c24}.site-bottom .icon{width:13px;height:13px;color:var(--mint)}.site-bottom button{margin-left:auto;white-space:nowrap;border:0;background:none;color:#acbdd0;font-size:10px;padding:0}.issue-strip{padding:10px 22px;border-top:1px solid var(--line);font-size:11px;color:var(--orange);background:#ffbb7806}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#131c28;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head p{color:var(--muted);font-size:11px;margin-top:3px}.grid-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:24px}.source-list{padding:5px 20px}.source-row{display:flex;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #26334288}.source-row:last-child{border-bottom:0}.source-symbol{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#9b8cf71a;border-radius:8px;color:#c1b4ff;font-size:10px;font-weight:700}.source-info{flex:1}.source-info strong{font-size:12px;font-weight:550}.source-info small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.source-count{font-size:12px}.source-row .dot{color:var(--mint)}.source-row .dot.unknown{color:var(--orange)}.event{padding:14px 22px;border-bottom:1px solid #26334288;display:flex;gap:12px;align-items:flex-start}.event:last-child{border:0}.event-symbol{width:27px;height:27px;background:#ff858d11;display:grid;place-items:center;flex-shrink:0;color:var(--red);border-radius:7px}.event-symbol.ok{background:#71e2bd11;color:var(--mint)}.event-symbol .icon{width:14px;height:14px}.event p{font-size:11px;margin-top:4px;color:var(--muted)}.event strong{font-weight:500;font-size:12px}.event a{color:var(--blue)}.empty{padding:30px 22px;text-align:center;color:var(--muted);font-size:12px}.empty .icon{width:25px;height:25px;color:var(--mint);margin-bottom:10px}.footnote{font-size:10px;color:#7f92a8;margin-top:18px;display:flex;gap:7px;align-items:flex-start}.footnote .icon{width:13px;height:13px;margin-top:1px}.toolbar{display:flex;gap:12px;margin:0 0 17px;flex-wrap:wrap}.search{flex:1;min-width:220px;position:relative}.search .icon{position:absolute;left:12px;top:12px;color:var(--muted);width:16px}.search input{padding-left:38px;width:100%}input,select{background:#121c28;color:var(--text);border:1px solid #2d3c4d;border-radius:8px;padding:10px 13px;font-size:12px}input::placeholder{color:#8293a6}select{max-width:200px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;font-weight:600;letter-spacing:1px;color:#879bb0;padding:12px 20px;background:#101925}td{padding:14px 20px;border-top:1px solid #26334288;font-size:12px}.wf-name{display:block;font-weight:550;max-width:540px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-sub{font-size:10px;color:var(--muted);margin-top:4px}.wf-title{border:0;background:none;text-align:left;padding:0;max-width:100%;cursor:pointer}.wf-title:hover{color:var(--mint)}.table-scroll{overflow:auto}.table-end{padding:14px 20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.table-end .buttons{display:flex;gap:6px}.wide-note{padding:16px 20px;border:1px solid #ffc18033;color:#d7b794;background:#ffc18007;border-radius:12px;font-size:12px;margin-bottom:20px}.web-detail{padding:19px 22px;border-top:1px solid var(--line);display:grid;gap:11px}.check-line{display:flex;gap:10px;align-items:center;font-size:12px}.check-line .icon{width:14px;height:14px;color:var(--mint)}.check-line span{margin-left:auto;color:var(--muted);font-size:11px}.page-checks{font-size:10px;color:var(--muted);padding:0 22px 18px;overflow-wrap:anywhere}.page-checks li{margin-top:5px}.incident{padding:20px 22px;border-bottom:1px solid var(--line)}.incident:last-child{border:0}.incident-head{display:flex;gap:12px;align-items:center}.incident h3{flex:1}.incident p{color:var(--muted);font-size:12px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.incident small{color:var(--muted)}.incident .actions{display:flex;gap:12px;align-items:center;margin-top:14px}.setting-list{padding:0 22px}.setting-row{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row p{font-size:12px;color:var(--muted);margin-top:6px;max-width:600px}.setting-row .pill{white-space:nowrap}
.login{min-height:100dvh;display:grid;grid-template-columns:1.15fr 1fr;max-width:1350px;margin:auto;padding:60px;gap:100px;align-items:center}.login-story .logo{padding:0;margin-bottom:55px}.login-story h1{font-size:52px;line-height:1.15;letter-spacing:-2px;max-width:480px}.login-story h1 span{color:var(--mint)}.login-story>p{font-size:15px;color:var(--muted);max-width:430px;margin-top:23px;line-height:1.8}.login-preview{margin-top:40px;max-width:440px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#14212d}.login-preview>div{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:12px}.login-preview>div span{margin-left:auto}.login-form{padding:32px;background:#141e2b;border:1px solid #2b3a4a;border-radius:20px;max-width:410px;box-shadow:0 25px 80px #0002}.login-form h2{font-size:23px}.login-form p{font-size:12px;color:var(--muted);margin:9px 0 27px;line-height:1.8}.login-form label{display:block;font-size:12px;color:#c9d5e4;margin:17px 0 7px}.login-form input:not([type=checkbox]){width:100%;padding:12px;font-size:14px;background:#0f1823}.login-form label.remember{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:24px}.login-form .button{width:100%;padding:12px}.login-form .error{color:var(--red);font-size:12px;margin-top:16px}.login-form .footnote{border-top:1px solid var(--line);padding-top:19px;margin-top:23px;font-size:10px}.login footer{grid-column:1/-1;font-size:10px;color:#788c9f;margin-top:-40px}
dialog{background:#16212f;color:var(--text);border:1px solid #3b4f62;border-radius:18px;max-width:650px;width:calc(100% - 32px);padding:0;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#050a14ba;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:19px;line-height:1.5}.dialog-head .icon-button{border:1px solid var(--line);border-radius:6px}.dialog-content{padding:24px}.dialog-content p{font-size:13px;color:#aabbd0;margin-bottom:19px}.detail-pair{display:grid;grid-template-columns:120px 1fr;gap:20px;font-size:12px;padding:10px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.detail-pair span{color:var(--muted)}.detail-error{padding:14px;border:1px solid #ff858d30;background:#ff858d09;border-radius:8px;margin:18px 0;font-size:12px;white-space:pre-wrap}.dialog-content .button{margin-top:15px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#263d3c;border:1px solid #71e2bd55;color:#e5fff4;padding:11px 20px;border-radius:10px;font-size:12px;z-index:100;display:none;box-shadow:0 12px 50px #0005}#toast.visible{display:block}
@media(min-width:1700px){.main{padding-top:40px}.stat{padding:23px}.site-top{padding-top:27px}.pulse-bars{height:27px}.grid-bottom{margin-top:30px}}
@media(max-width:1150px){.shell{padding-left:200px}.sidebar{width:200px;padding:26px 15px}.main{padding:27px 24px}.topbar{padding:0 24px}.site-top{padding:17px}.site-numbers{padding:0 17px 17px}.site-top{gap:8px}.site-name h3{font-size:12px}.site-name small{font-size:9px}.badge{font-size:9px}.grid-bottom{grid-template-columns:1.3fr 1fr}.stat{padding:16px}.stat-label{font-size:10px}.stat small{font-size:10px}.login{gap:60px;padding:40px}.login-story h1{font-size:44px}.date{display:none}}
@media(max-width:850px){.shell{padding-left:76px}.sidebar{width:76px;padding:25px 13px}.logo{padding:0 3px 30px}.logo>div,.sidebar .overline,.nav button>span,.nav b,.side-box,.profile>div,.profile>.icon-button{display:none}.nav button{justify-content:center;padding:14px}.nav button.selected{box-shadow:none}.profile{padding:0 8px}.sidebar .mark{width:38px;height:38px}.grid-bottom{grid-template-columns:1fr}.login{gap:35px}.login-story h1{font-size:37px}.login-story>p{font-size:13px}.login-form{padding:25px}h1{font-size:30px}.intro p{font-size:12px}.source-info small{font-size:10px}}
@media(max-width:620px){.shell{padding-left:0;padding-bottom:76px}.sidebar{inset:auto 0 0;width:100%;height:70px;padding:8px 9px max(8px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);background:#0e1722f7;backdrop-filter:blur(20px)}.sidebar .logo,.side-bottom{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{display:flex;flex-direction:column;gap:3px;padding:5px 10px;min-width:55px;font-size:8px;border-radius:7px}.nav button>span{display:block}.nav button .icon{width:19px;height:19px}.topbar{height:58px;padding:0 20px}.top-actions{gap:10px}.crumb{font-size:9px}.main{padding:25px 18px 30px}.intro{align-items:flex-start;gap:10px;margin-bottom:23px}.intro h1{font-size:28px}.intro .overline{font-size:8px;margin-bottom:9px}.intro p{font-size:11px}.intro .button{font-size:0;padding:9px;margin-top:3px}.intro .button svg{width:16px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.stat{padding:15px}.stat strong{font-size:28px;margin:7px 0 3px}.stat small{font-size:9px}.site-grid{grid-template-columns:1fr;gap:14px}.site-top{padding:19px 20px}.site-name h3{font-size:14px}.site-name small{font-size:10px}.badge{font-size:10px}.site-numbers{padding:0 20px 18px}.section-heading{margin:20px 0 13px}.section-heading h2{font-size:15px}.section-heading>span{font-size:9px}.grid-bottom{margin-top:19px}.panel-head{padding:17px 18px}.panel-head h2{font-size:15px}.table-scroll{max-width:100%}th,td{padding:12px 15px}.wf-name{max-width:220px}.toolbar{gap:8px}.search{flex-basis:100%}.toolbar select{flex:1;min-width:0;max-width:50%}.login{display:block;padding:35px 24px}.login-story .logo{margin-bottom:35px}.login-story h1{font-size:35px;max-width:310px}.login-story>p{font-size:12px;line-height:1.7;margin-top:15px}.login-preview{display:none}.login-form{margin:28px 0 20px;max-width:none}.login footer{margin-top:30px}.login-form h2{font-size:21px}.login-form p{margin-bottom:18px}.incident{padding:17px}.incident-head{align-items:flex-start;flex-wrap:wrap}.incident-head h3{font-size:13px}.setting-row{display:block}.setting-row .pill{display:inline-block;margin-top:12px}.setting-row p{font-size:11px}.footnote{font-size:9px}.date{display:none}.detail-pair{grid-template-columns:90px 1fr;font-size:11px}.dialog-content{padding:19px}.dialog-head{padding:19px}}
.badge.attention{color:var(--red);background:#ff858d15;border-color:#ff858d35}.automation-incident .actions{flex-wrap:wrap}.automation-incident small{display:block;overflow-wrap:anywhere}