:root{--bg:#fff;--s1:#fff;--s2:#f3f6fb;--bd:#dde4ef;--tx:#0f1b33;--mu:#5d6b85;--ac:#1d4ed8;--navy:#0a3161;--red:#b31942;--redbg:#fdecef;--bluebg:#e8efff}*{box-sizing:border-box}body{background:var(--bg);color:var(--tx);margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}.top{z-index:5;border-top:4px solid var(--red);border-bottom:1px solid var(--bd);box-shadow:0 1px 0 var(--navy);background:#fff;position:sticky;top:0}.top>div{align-items:center;gap:16px;max-width:1200px;margin:auto;padding:12px 20px;display:flex}.logo{letter-spacing:.2px;color:var(--navy);font-size:17px;font-weight:800}.logo:hover{text-decoration:none}.logo.big{margin-bottom:6px;font-size:26px;display:block}.grow{flex:1}.muted{color:var(--mu)}.sm{font-size:13px}.live{color:var(--mu);align-items:center;gap:6px;font-size:13px;display:inline-flex}.live:before{content:"";background:#b8c2d6;border-radius:50%;width:9px;height:9px}.live.on:before{background:var(--ac);animation:2s infinite p}@keyframes p{0%{box-shadow:0 0 #1d4ed866}70%,to{box-shadow:0 0 0 7px #1d4ed800}}main{max-width:1200px;margin:auto;padding:28px 20px 90px}h1{color:var(--navy);letter-spacing:-.3px;margin:0;font-size:26px}h2{color:var(--navy);margin:0 0 12px;font-size:17px;font-weight:700}.head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.card{background:var(--s1);border:1px solid var(--bd);border-radius:14px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0a316110}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--s2);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}.stat b{color:var(--navy);font-size:24px;display:block}.stat span{color:var(--mu);font-size:13px}.meter{border:1px solid var(--bd);background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px #0a316110}.mh{color:var(--mu);justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.mh .v{color:var(--navy);white-space:nowrap;font-weight:700}.bar{background:var(--bluebg);border-radius:9px;height:8px;overflow:hidden}.bar i{background:var(--ac);border-radius:9px;height:100%;transition:width .6s;display:block}.meter.warn .bar i{background:#e06a86}.meter.bad{border-color:var(--red)}.meter.bad .bar i{background:var(--red)}.meter.bad .v{color:var(--red)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--mu);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--bd);padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--bd);vertical-align:middle;padding:12px 10px}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--s2)}.tw{overflow-x:auto}.pill{text-transform:uppercase;letter-spacing:.5px;color:#4a5875;background:#e9edf5;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pill.live,.pill.success,.pill.active{background:var(--bluebg);color:var(--ac)}.pill.demo{background:var(--navy);color:#fff}.pill.maintenance,.pill.pending,.pill.in_progress,.pill.queued,.pill.initializing{color:var(--red);box-shadow:inset 0 0 0 1.5px var(--red);background:#fff}.pill.expired,.pill.killed,.pill.failure,.pill.failed,.pill.error,.pill.cancelled{background:var(--red);color:#fff}.btn{appearance:none;border:1px solid var(--bd);color:var(--navy);font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-block}.btn:hover{border-color:var(--ac);background:var(--bluebg);text-decoration:none}.btn.primary{background:var(--ac);border-color:var(--ac);color:#fff}.btn.primary:hover{background:var(--navy);border-color:var(--navy)}.btn.danger{color:var(--red);border-color:#f0c2cc}.btn.danger:hover{background:var(--redbg);border-color:var(--red)}.btn.warn{color:var(--red)}.btn.warn:hover{background:var(--redbg);border-color:var(--red)}.btn:disabled{opacity:.5;cursor:wait}.btn.busy:after{content:" …"}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input,select,textarea{color:var(--tx);font:inherit;background:#fff;border:1px solid #c5cfe0;border-radius:9px;width:100%;padding:9px 11px}input:focus{border-color:var(--ac);outline:3px solid #1d4ed833}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--ac)}label{color:var(--mu);margin-bottom:12px;font-size:13px;font-weight:600;display:block}label input{margin-top:5px;font-weight:400}.inl{color:var(--tx);align-items:center;gap:8px;font-size:14px;display:flex}.inl input{margin:0}form.inline{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}form.inline label{flex:1;min-width:170px;margin:0}.split{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=860px){.split{grid-template-columns:1fr}}dialog{color:var(--tx);border:1px solid var(--bd);border-top:5px solid var(--red);background:#fff;border-radius:14px;width:min(520px,94vw);padding:24px}dialog::backdrop{background:#0a316166}dialog.wide{width:min(960px,96vw)}pre{background:var(--s2);border:1px solid var(--bd);white-space:pre-wrap;word-break:break-word;border-radius:9px;max-height:60vh;padding:12px;font-size:12px;overflow:auto}.toast{background:var(--navy);color:#fff;z-index:99;border-left:5px solid var(--ac);border-radius:10px;max-width:420px;padding:12px 18px;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 30px #0a316155}.toast.bad{background:var(--red);border-left-color:#fff}.login{text-align:center;border-top:5px solid var(--red);max-width:400px;margin:12vh auto}.login input{margin:10px 0}.login .btn{width:100%;padding:11px}.lerr{color:var(--red);margin-bottom:8px;font-weight:600}.spark{align-items:flex-end;gap:2px;height:40px;display:flex}.spark i{background:var(--ac);border-radius:2px;flex:1;min-width:2px}.spark i.x{background:var(--red);height:100%!important}textarea{resize:vertical;font:13px/1.5 ui-monospace,Consolas,monospace}.spin{border:3px solid var(--bluebg);border-top-color:var(--ac);border-radius:50%;width:18px;height:18px;animation:1s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.banner{border-left:5px solid var(--ac)}.banner.bad{border-left-color:var(--red);background:var(--redbg)}.steps{gap:4px;margin:14px 0 0;padding:0;list-style:none;display:grid}.steps li{color:var(--mu);font-size:14px}.steps li.done{color:var(--navy)}.steps li.run{color:var(--ac);font-weight:700}.steps li.bad{color:var(--red);font-weight:700}.btn.off{opacity:.45;pointer-events:none}code{background:var(--s2);border:1px solid var(--bd);border-radius:5px;padding:1px 6px;font-size:12px}.nav{z-index:4;background:#fffe;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:6px 0;display:flex;position:sticky;top:62px}.nav a{background:var(--s2);border:1px solid var(--bd);color:var(--navy);border-radius:99px;padding:5px 12px;font-size:13px;font-weight:600}.nav a:hover{background:var(--bluebg);text-decoration:none}.sp{align-items:flex-end;gap:2px;min-width:120px;height:34px;display:flex}.sp i{background:#9db4f5;border-radius:2px 2px 0 0;flex:1;min-width:2px}.sp i:last-child{background:var(--ac)}.sp.big{gap:3px;height:130px}.sp.big i{border-radius:3px 3px 0 0}.seg{border:1px solid var(--bd);border-radius:9px;display:inline-flex;overflow:hidden}.seg button{font:inherit;color:var(--mu);cursor:pointer;background:#fff;border:0;padding:6px 14px;font-size:13px;font-weight:600}.seg button.on{background:var(--ac);color:#fff}.src{color:var(--mu);margin-top:7px;font-size:11px}.src:before{content:"";background:var(--ac);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.src.own:before,.src.est:before{box-shadow:inset 0 0 0 1.5px var(--red);background:#fff}.empty{text-align:center;color:var(--mu);padding:44px}section[id]{scroll-margin-top:110px}
