@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";
:root{--paper:#f1f3f6;--surface:#fff;--surface-2:#fafbfc;--ink:#14161a;--muted:#5c636e;--faint:#8b919c;--line:#e5e8ec;--line-strong:#d6dae0;--fill:#edf0f4;--ok:#1c7a49;--ok-bg:#e6f2eb;--warn:#94650f;--warn-bg:#f6edd7;--down:#ae3838;--down-bg:#f5e5e5;--accent:#2c50c0;--accent-bg:#e7ecfa;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--r:12px;--r-sm:8px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}.topbar{z-index:30;-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);background:#f1f3f6db;position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:14px 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.mark{background:var(--ink);border-radius:6px;flex:none;width:22px;height:22px;position:relative}.mark:after{content:"";border:2px solid var(--paper);border-radius:2px;position:absolute;inset:6px}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.spacer{flex:1}.topmeta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.demo-pill{font-family:var(--mono);letter-spacing:.1em;color:var(--warn);background:var(--warn-bg);border:1px solid #e8d6a8;border-radius:20px;padding:3px 8px;font-size:10.5px}.role-pill{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.role-pill b{color:var(--ink);font-weight:600}.av{background:var(--accent-bg);width:24px;height:24px;color:var(--accent);font-size:11px;font-weight:600;font-family:var(--mono);border-radius:50%;place-items:center;display:grid}.refresh-btn{font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px;font-size:12px;display:flex}.refresh-btn:hover{color:var(--ink)}.refresh-ic{width:14px;height:14px}.refresh-btn.spin .refresh-ic{animation:.6s linear spin}@keyframes spin{to{transform:rotate(360deg)}}.proj{position:relative}.proj-btn{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-family:var(--sans);color:var(--ink);cursor:pointer;align-items:center;gap:9px;padding:7px 11px;font-size:14px;font-weight:600;display:flex}.proj-btn:hover{border-color:var(--faint)}.proj-chev{color:var(--faint);font-size:11px}.proj-menu{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r);min-width:240px;padding:6px;display:none;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 12px 30px #14161a1f}.proj-menu.open{display:block}.proj-item{border-radius:var(--r-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.proj-item:hover{background:var(--fill)}.proj-dot{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.proj-item.muted{color:var(--faint);cursor:default}.proj-item.muted .proj-dot{background:var(--line-strong)}.proj-item.muted:hover{background:0 0}.proj-add{border-top:1px solid var(--line);color:var(--accent);cursor:pointer;border-radius:0 0 var(--r-sm) var(--r-sm);align-items:center;gap:8px;margin-top:4px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.proj-add:hover{background:var(--accent-bg)}.wrap{max-width:1180px;margin:0 auto;padding:0 20px 64px}.page-head{padding:30px 0 18px}.page-head h1{letter-spacing:.02em;color:var(--muted);margin:0;font-size:13px;font-weight:600}.page-head .sub{font-family:var(--mono);color:var(--faint);margin-top:4px;font-size:12px}.ribbon{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:1.1fr 1fr;align-items:center;gap:26px;padding:20px 22px;display:grid}.verdict{align-items:flex-start;gap:14px;display:flex}.lamp{border-radius:50%;flex:none;width:13px;height:13px;margin-top:5px;position:relative}.lamp.ok{background:var(--ok)}.lamp.warn{background:var(--warn)}.lamp.down{background:var(--down)}.lamp.live:after{content:"";opacity:.35;border:1.5px solid;border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:-5px}.lamp.ok.live{color:var(--ok)}.lamp.warn.live{color:var(--warn)}@keyframes ping{0%{opacity:.5;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.verdict h2{letter-spacing:-.01em;margin:0;font-size:21px;font-weight:600}.verdict p{color:var(--muted);margin:3px 0 0;font-size:13px}.counters{flex-wrap:wrap;gap:22px;margin-top:13px;display:flex}.counter .n{font-family:var(--mono);font-size:18px;font-weight:600}.counter .l{color:var(--faint);letter-spacing:.02em;font-size:11px}.counter.warn .n{color:var(--warn)}.uptime{flex-direction:column;gap:9px;display:flex}.uptime-top{justify-content:space-between;align-items:baseline;display:flex}.uptime-top .t{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:11px}.uptime-top .v{font-family:var(--mono);color:var(--ok);font-size:13px;font-weight:600}.bars{align-items:flex-end;gap:3px;height:38px;display:flex}.bar{background:var(--ok);border-radius:2px;flex:1;min-width:2px}.bar.warn{background:var(--warn)}.bar.down{background:var(--down)}.uptime .scale{font-family:var(--mono);color:var(--faint);justify-content:space-between;font-size:10px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;text-align:left;color:inherit;flex-direction:column;gap:14px;width:100%;padding:18px 18px 14px;font-family:inherit;transition:border-color .15s,transform .12s;display:flex}.card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-id{flex-direction:column;gap:5px;display:flex}.chan{font-family:var(--mono);letter-spacing:.16em;color:var(--faint);font-size:10px}.card-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.status{font-size:11px;font-weight:600;font-family:var(--mono);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.status.ok{color:var(--ok);background:var(--ok-bg)}.status.warn{color:var(--warn);background:var(--warn-bg)}.status.down{color:var(--down);background:var(--down-bg)}.status .d{background:currentColor;border-radius:50%;width:6px;height:6px}.metric{align-items:baseline;gap:8px;display:flex}.metric .big{font-family:var(--mono);letter-spacing:-.02em;font-size:27px;font-weight:600;line-height:1}.metric .unit{color:var(--muted);font-size:13px}.sub-metrics{flex-wrap:wrap;gap:18px;display:flex}.sm{flex-direction:column;gap:2px;display:flex}.sm .v{font-family:var(--mono);font-size:14px;font-weight:500}.sm .k{color:var(--faint);font-size:11px}.sm .v.warn{color:var(--warn)}.sm .v.ok{color:var(--ok)}.sm .v.down{color:var(--down)}.card-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:11px;display:flex}.card-foot .when{font-family:var(--mono);color:var(--faint);font-size:11px}.card-foot .go{color:var(--accent);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.spark{align-items:flex-end;gap:2px;height:26px;display:flex}.spark i{background:var(--fill);border-radius:1.5px;flex:1;height:100%;display:block}.spark i.on{background:var(--accent)}.overlay{opacity:0;visibility:hidden;z-index:40;background:#14161a57;transition:opacity .2s;position:fixed;inset:0}.overlay.open{opacity:1;visibility:visible}.drawer{background:var(--surface);border-left:1px solid var(--line-strong);z-index:50;flex-direction:column;width:min(460px,100%);height:100%;transition:transform .24s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-18px 0 40px #14161a1f}.drawer.open{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.drawer-head .chan{margin-bottom:6px}.drawer-head h3{margin:0;font-size:18px;font-weight:600}.drawer-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.drawer-close{background:var(--fill);cursor:pointer;width:30px;height:30px;color:var(--muted);border:0;border-radius:8px;flex:none;place-items:center;font-size:16px;display:grid}.drawer-close:hover{background:var(--line);color:var(--ink)}.drawer-body{flex:1;padding:18px 22px 28px;overflow-y:auto}.d-section{margin-bottom:22px}.d-section>.lab{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;font-size:11px}.kpi-row{flex-wrap:wrap;gap:14px;display:flex}.kpi{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);flex:1;min-width:96px;padding:12px 13px}.kpi .n{font-family:var(--mono);font-size:20px;font-weight:600}.kpi .l{color:var(--faint);margin-top:3px;font-size:11px}.kpi .n.warn{color:var(--warn)}.kpi .n.ok{color:var(--ok)}.kpi .n.down{color:var(--down)}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.row:last-child{border-bottom:0}.row .left{align-items:center;gap:10px;min-width:0;display:flex}.row .row-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.row .row-meta{font-family:var(--mono);color:var(--faint);font-size:11px}.tag{font-family:var(--mono);background:var(--fill);color:var(--muted);white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:500}.tag.live{background:var(--ok-bg);color:var(--ok)}.tag.preview{background:var(--accent-bg);color:var(--accent)}.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.warn{background:var(--warn-bg);color:var(--warn)}.tag.down{background:var(--down-bg);color:var(--down)}.tag.running,.tag.ready,.tag.captured{background:var(--ok-bg);color:var(--ok)}.tag.failed{background:var(--down-bg);color:var(--down)}.amt{font-family:var(--mono);font-size:13.5px;font-weight:600}.console{border-radius:var(--r-sm);font-family:var(--mono);background:#15171c;max-height:220px;padding:12px 14px;font-size:11.5px;line-height:1.7;overflow-y:auto}.console .ln{color:#c7cdd6;gap:9px;display:flex}.console .ts{color:#6b7280;flex:none}.console .lv{flex:none;width:42px}.console .lv.err{color:#f0908f}.console .lv.warn{color:#e7c168}.console .lv.info{color:#7fa8e6}.pills{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.fpill{font-family:var(--mono);border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:4px 10px;font-size:11px}.fpill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.gate{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);align-items:center;gap:8px;margin-bottom:16px;padding:9px 12px;font-size:12px;display:flex}.gate .ic{color:var(--accent)}.ext-link{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:4px;padding:0;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.mini-bars{align-items:flex-end;gap:6px;height:60px;margin-top:6px;display:flex}.mini-bars .mb{background:var(--accent-bg);border-radius:3px;flex:1;position:relative}.mini-bars .mb i{background:var(--accent);border-radius:3px;position:absolute;inset:auto 0 0}.bars-x{gap:6px;margin-top:6px;display:flex}.bars-x span{text-align:center;font-family:var(--mono);color:var(--faint);flex:1;font-size:9.5px}.login-page{background:var(--paper);place-items:center;min-height:100vh;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:min(400px,90vw);padding:40px 36px}.login-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-brand span{font-size:15px;font-weight:600}.login-card h2{margin:0 0 4px;font-size:20px;font-weight:600}.login-card .login-sub{color:var(--muted);margin:0 0 24px;font-size:13px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{font-size:13px;font-weight:500}.form-input{border:1px solid var(--line-strong);border-radius:var(--r-sm);font-family:var(--sans);background:var(--surface);color:var(--ink);outline:none;padding:9px 12px;font-size:14px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.btn-primary{background:var(--ink);color:#fff;border-radius:var(--r-sm);width:100%;font-family:var(--sans);cursor:pointer;border:0;margin-top:8px;padding:10px;font-size:14px;font-weight:600}.btn-primary:hover{background:#2a2e38}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.divider{color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.btn-oauth{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-family:var(--sans);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:500;display:flex}.btn-oauth:hover{border-color:var(--faint)}.flash{border-radius:var(--r-sm);margin-bottom:14px;padding:10px 12px;font-size:13px}.flash.success{background:var(--ok-bg);color:var(--ok)}.flash.error{background:var(--down-bg);color:var(--down)}.settings-wrap{max-width:720px;margin:32px auto;padding:0 20px 64px}.settings-wrap h1{margin:0 0 4px;font-size:18px;font-weight:600}.settings-sub{color:var(--muted);margin:0 0 28px;font-size:13px}.member-table{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.member-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 140px 80px;align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:grid}.member-row:last-child{border-bottom:0}.member-row.header{background:var(--surface-2);color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.role-select{font-size:12px;font-family:var(--mono);color:var(--ink);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:6px;padding:3px 6px}.btn-danger{color:var(--down);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:12px}.btn-danger:hover{text-decoration:underline}.invite-row{gap:10px;margin-top:20px;display:flex}.invite-row .form-input{flex:1}.btn-sm{background:var(--ink);color:#fff;border-radius:var(--r-sm);font-family:var(--sans);cursor:pointer;white-space:nowrap;border:0;padding:9px 16px;font-size:13px;font-weight:600}.btn-sm:hover{background:#2a2e38}@media (max-width:720px){.ribbon{grid-template-columns:1fr;gap:20px}.page-head{padding:22px 0 14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}