:root{--color-bg:#fff;--color-surface:#f5f5f8;--color-text:#1d1f20;--color-divider:#1d1f2029;--color-accent:#2f56d9;--color-accent-300:#93a9f2;--color-accent-600:#2848b8;--color-accent-700:#2340a6;--color-accent-900:#16255c;--color-neutral-100:#f5f5f8;--color-neutral-500:#98989b;--color-neutral-800:#424244;--color-neutral-900:#2b2b2d;--font-heading:"Archivo", system-ui, sans-serif;--font-heading-weight:700;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--mono:var(--font-mono);--u:24px;--half:12px;--edge:clamp(20px, 5vw, 72px);--wrap-max:1200px;--ok:#2f8f63;--down:#d33f39;--warn:#c08a3e;--paused:#6b7180;--ok-100:color-mix(in srgb, var(--ok) 13%, transparent);--down-100:color-mix(in srgb, var(--down) 12%, transparent);--warn-100:color-mix(in srgb, var(--warn) 15%, transparent);--paused-100:color-mix(in srgb, var(--paused) 12%, transparent);--ink-55:color-mix(in srgb, var(--color-text) 65%, transparent);--ink-70:color-mix(in srgb, var(--color-text) 78%, transparent);--ink-78:color-mix(in srgb, var(--color-text) 85%, transparent);--shadow-sm:0 1px 2px #141e3c0d;--shadow-md:0 3px 10px #141e3c1a;--shadow-lg:0 14px 34px -18px #141e3c38;--paper:var(--color-bg);--ink:var(--color-text);--ink-muted:var(--ink-55);--hairline:var(--color-divider);--down-fg:#fff;--up-pip:var(--ok);--font-prose:var(--font-body)}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);letter-spacing:-.002em;text-wrap:pretty;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:15px;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0;line-height:1.12}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent);color:var(--color-bg)}.disp{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.022em;margin:0;line-height:1.08}.mk{position:relative}.blueprint{border:1px solid var(--color-divider);border-radius:0;position:relative}.blueprint>.corner{width:11px;height:11px;color:color-mix(in srgb, var(--color-text) 55%, transparent);position:absolute}.blueprint>.corner:before,.blueprint>.corner:after{content:"";background:currentColor;position:absolute}.blueprint>.corner:before{width:1px;height:100%;top:0;left:5px}.blueprint>.corner:after{width:100%;height:1px;top:5px;left:0}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.blueprint.plate{box-shadow:var(--shadow-sm), var(--shadow-lg);background:#fff}.btn{cursor:pointer;font-family:var(--font-heading);color:var(--color-text);border:1px solid var(--color-divider);white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-600);color:#fff}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider);background:0 0}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-block{width:100%}.stpill{letter-spacing:.03em;border-radius:20px;align-items:center;gap:7px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.stpill.state-label{text-transform:none;letter-spacing:.02em;font-family:var(--font-body);color:inherit;font-size:12px}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-55);border-bottom:1px solid var(--color-divider);font-size:11.5px;font-weight:600;font-family:var(--font-heading);padding:14px 18px}.tbl td{border-bottom:1px solid var(--color-divider);padding:15px 18px;font-size:14px}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:color-mix(in srgb, var(--color-accent) 3.5%, transparent)}.card{border:1px solid var(--color-divider);background:#fff;border-radius:12px}.stat{padding:18px 20px}.stat .lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-55);font-size:12px}.stat .val{font-family:var(--font-heading);margin-top:8px;font-size:34px;font-weight:700;line-height:1.05}.g4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1040px){.g4{grid-template-columns:1fr 1fr}}@media (width<=640px){.g4{grid-template-columns:1fr}}.cardhead{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.cardhead h2{font-family:var(--font-heading);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:var(--color-accent-900);color:#fff;flex-direction:column;gap:6px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.side .brand{font-family:var(--font-heading);letter-spacing:.02em;text-transform:uppercase;color:#fff;align-items:center;gap:9px;padding:6px 8px 18px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.side .brand-mark{border:1.5px solid var(--color-accent-300);justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.side .navwrap{flex-direction:column;gap:4px;display:flex}.navitem{color:#ffffffbd;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:flex}.navitem:hover{color:#fff;background:#ffffff14}.navitem.active,.navitem.router-link-active{background:var(--color-accent);color:#fff}.navitem svg{flex:none}.side .tier{border:1px solid #ffffff2e;border-radius:10px;margin-top:auto;padding:14px}.side .user{align-items:center;gap:10px;padding-top:14px;display:flex}.avatar{background:var(--color-accent);color:#fff;width:34px;height:34px;font-family:var(--font-heading);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.main{background:#f6f7f9;flex-direction:column;min-width:0;display:flex}@media (width<=820px){.shell{grid-template-columns:1fr}.side{flex-direction:column;height:auto;padding:12px 14px;position:static}.side .brand{padding:4px 4px 10px}.side .navwrap{flex-flow:wrap}.side .tier,.side .user{display:none}}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-divider);background:#f6f7f9e6;align-items:center;gap:16px;padding:16px clamp(18px,3vw,36px);display:flex;position:sticky;top:0}.topbar h1{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:700}.search{border:1px solid var(--color-divider);max-width:340px;color:var(--ink-55);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.search input{font:inherit;width:100%;color:var(--color-text);background:0 0;border:0;outline:0;font-size:14px}.content{flex-direction:column;gap:24px;padding:clamp(18px,3vw,32px);display:flex}.rowbtn{border:1px solid var(--color-divider);font:inherit;cursor:pointer;color:var(--color-text);background:#fff;border-radius:7px;padding:6px 12px;font-size:13px;font-weight:500}.rowbtn:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);color:var(--color-accent-700);background:color-mix(in srgb, var(--color-accent) 5%, transparent)}.rowbtn:disabled{cursor:wait;opacity:.55}.tbl .down-clock{color:var(--down);align-items:baseline;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.tbl .down-clock .prefix{opacity:1;margin-right:4px;font-size:10px}.content .alert-error{border:1px solid var(--down);background:color-mix(in srgb, var(--down) 6%, transparent);color:var(--down);border-radius:8px;padding:12px 14px;font-size:13.5px;line-height:1.5}.linkbtn{color:var(--color-accent-700);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-size:13px;font-weight:600}.linkbtn:hover{color:var(--color-accent)}.backbtn{font:inherit;color:var(--ink-55);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.backbtn:hover{color:var(--color-accent-700)}.g2d{grid-template-columns:1.55fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=980px){.g2d{grid-template-columns:1fr}}.d-timeline{flex-direction:column;display:flex}.d-trow{border-bottom:1px solid var(--color-divider);align-items:flex-start;gap:14px;padding:13px 18px;display:flex}.d-trow:last-child{border-bottom:0}.spark{align-items:flex-end;gap:3px;height:34px;display:flex}.spark i{border-radius:2px;width:7px;display:block}.detail-status-wrap{flex-direction:column;gap:20px;padding:24px clamp(18px,3vw,36px) 0;display:flex}.status-banner .down-clock{color:var(--down);align-items:baseline;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.status-banner .down-clock .prefix{opacity:1;margin-right:4px;font-size:10px}.auth-split{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-panel{background:var(--color-accent-900);color:#fff;flex-direction:column;padding:clamp(32px,4vw,56px);display:flex;position:relative}.auth-formside{flex-direction:column;gap:20px;padding:clamp(28px,4vw,56px);display:flex}.auth-card{width:100%;max-width:420px;margin:auto}.auth-brand{font-family:var(--font-heading);letter-spacing:.01em;text-transform:uppercase;align-items:center;gap:9px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.auth-brand-mark{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.auth-panel .auth-brand{color:#fff}.auth-panel .auth-brand-mark{border:1.5px solid var(--color-accent-300)}.auth-card .auth-brand{color:var(--color-text);margin-bottom:22px}.auth-card .auth-brand-mark{border:1.5px solid var(--color-accent)}.auth-card .auth-brand{display:none}@media (width<=900px){.auth-split{grid-template-columns:1fr;min-height:0}.auth-panel{display:none!important}.auth-card .auth-brand{display:inline-flex}}.auth-card .field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.auth-card .field label{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--color-text);font-size:13px;font-weight:600}.auth-card .field .input,.auth-card .field input{width:100%;min-height:40px;color:var(--color-text);border:1px solid var(--color-divider);background:#fff;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14.5px}.auth-card .field .input:focus-visible,.auth-card .field input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-card .field .hint{font-family:var(--font-body);color:var(--ink-55);letter-spacing:0;text-transform:none;font-size:12px}.auth-card .field .err{font-family:var(--font-body);color:var(--down);letter-spacing:0;text-transform:none;font-size:12px}.pwwrap{position:relative}.pwwrap .toggle{cursor:pointer;font-family:var(--font-body);color:var(--color-accent-700);background:0 0;border:0;padding:4px;font-size:12px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pwwrap .toggle:hover{color:var(--color-accent)}.pwwrap input{padding-right:52px}.auth-panel .live-mini{border:1px solid #fff3;border-radius:10px;max-width:400px;margin-top:28px;overflow:hidden}.auth-panel .live-mini>.head{border-bottom:1px solid #ffffff26;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.auth-panel .live-mini>.row{align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.auth-panel .live-mini>.row.is-down{background:color-mix(in srgb, var(--down) 22%, transparent)}.auth-panel .perks{flex-direction:column;gap:16px;max-width:38ch;margin-top:26px;display:flex}.auth-panel .perk{color:#ffffffd1;align-items:flex-start;gap:12px;font-size:14.5px;display:flex}.auth-panel .perk .ck{border:1.5px solid var(--color-accent-300);width:22px;height:22px;color:var(--color-accent-300);flex:none;justify-content:center;align-items:center;display:flex}.auth-panel .badge{letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent-300);border:1px solid #ffffff40;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.auth-card .alert-error{border:1px solid var(--down);background:color-mix(in srgb, var(--down) 6%, transparent);color:var(--down);border-radius:8px;padding:12px 14px;font-size:13.5px;line-height:1.5}.input{width:100%;min-height:40px;color:var(--color-text);border:1px solid var(--color-divider);background:#fff;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14.5px}.input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.input:disabled,.input[disabled]{background:color-mix(in srgb, var(--color-text) 4%, transparent);color:var(--ink-55);cursor:not-allowed}.select{width:100%;min-height:40px;color:var(--color-text);border:1px solid var(--color-divider);appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316255c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:8px;outline:none;padding:9px 36px 9px 12px;font-family:inherit;font-size:14.5px}.select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.form-field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-field:last-child{margin-bottom:0}.form-field>label{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--color-text);font-size:13px;font-weight:600}.form-field .hint{font-family:var(--font-body);color:var(--ink-55);letter-spacing:0;text-transform:none;font-size:12.5px;line-height:1.45}.form-field .err{font-family:var(--font-body);color:var(--down);letter-spacing:0;text-transform:none;font-size:12.5px}.form-field .checkbox-label,.form-field .radio-label{font-family:var(--font-body);color:var(--color-text);text-transform:none;letter-spacing:0;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.form-field .radio-label+.radio-label{margin-top:6px}.form-field .radio-label.muted{color:var(--ink-55)}.slack-fieldset{border:1px solid var(--color-divider);border-radius:10px;margin:0;padding:14px 16px}.slack-fieldset legend{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-55);padding:0 6px;font-size:11.5px;font-weight:600}.btn-danger{background:var(--down);color:#fff;border-color:var(--down)}.btn-danger:hover{background:color-mix(in srgb, var(--down) 88%, black);border-color:color-mix(in srgb, var(--down) 88%, black)}.btn-danger:active{background:color-mix(in srgb, var(--down) 75%, black)}.card.card-danger{border-color:color-mix(in srgb, var(--down) 40%, var(--color-divider))}.card.card-danger .cardhead{color:var(--down);border-bottom-color:color-mix(in srgb, var(--down) 25%, transparent);background:color-mix(in srgb, var(--down) 5%, transparent)}@keyframes cm-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes cm-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--down) 55%, transparent)}70%,to{box-shadow:0 0 0 8px #0000}}.pulse{animation:1.7s ease-in-out infinite cm-pulse}.ringing{animation:1.8s ease-out infinite cm-ring}.stack-8{flex-direction:column;gap:8px;display:flex}h1{font-size:32px}h2{font-size:20px;font-weight:600}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-55)}.down-clock{font-family:var(--font-mono);letter-spacing:-.01em;font-size:32px;font-weight:400;line-height:1}.down-clock .prefix{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-right:12px;font-size:11px}.alert-error{border:1px solid var(--down);color:var(--down);background:var(--color-bg);padding:12px 16px;font-size:14px}.alert-success{border:1px solid var(--ok);color:var(--color-text);background:var(--color-bg);padding:12px 16px;font-size:14px}.alert-warning{border:1px solid var(--paused);color:var(--color-text);background:var(--color-bg);padding:12px 16px;font-size:14px;line-height:1.55}.alert-info{border:1px solid var(--color-accent);color:var(--color-text);background:color-mix(in srgb, var(--color-accent) 6%, transparent);padding:12px 16px;font-size:14px;line-height:1.55}.content .alert-info{border-radius:8px}.name-link{color:inherit;text-underline-offset:3px;text-decoration:none;text-decoration-thickness:1px}.name-link:hover,.name-link:focus-visible{color:var(--color-text);text-decoration:underline}.run-error{font-family:var(--font-mono);color:var(--down);text-align:right;margin-top:4px;font-size:11px}a{color:var(--color-text);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--color-accent)}.alert-line{font-family:var(--font-mono);color:var(--ink-55);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.alert-line .kind{color:var(--color-text);text-transform:uppercase;letter-spacing:.06em;min-width:72px}.alert-line .ch-sent{color:var(--ok)}.alert-line .ch-failed{color:var(--down)}.alert-line .ch-not-configured,.alert-line .ch-skipped,.alert-line .ch-pending{color:var(--ink-55)}
