:root{--ink:#182923;--muted:#76827c;--green:#147a54;--green-soft:#edf7ee;--line:#dfe5df;--paper:#f5f7f3;--white:#fff;--orange:#a36d1d;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input{font:inherit}button,.button{cursor:pointer;border:0;border-radius:7px;padding:12px 17px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px}button:disabled{opacity:.42;cursor:not-allowed}button:hover:enabled,.button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #80bea1;outline-offset:3px}.primary{background:var(--green);color:#fff}.secondary{background:var(--green-soft);color:var(--green)}.quiet{background:none;color:#56675d}.bordered{border:1px solid var(--line)}.text-button{background:none;color:var(--green);padding:4px 0}.danger-button{color:#a14338;background:#fff1ec}.topbar{height:92px;border-bottom:1px solid var(--line);padding:0 max(36px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--white)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:2px}.brand-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border-radius:12px;font-size:24px;letter-spacing:-2px}.brand-mark span{font-size:15px;align-self:flex-start;margin-top:6px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--muted);margin-top:3px}.account{display:flex;align-items:center;gap:22px;font-size:13px}.account-name{border-right:1px solid var(--line);padding-right:22px}.top-label{font-size:12px;color:var(--muted)}main{max-width:1240px;margin:0 auto;padding:45px 0 60px;min-height:calc(100vh - 166px)}footer{max-width:1240px;margin:0 auto;padding:26px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;color:var(--muted);letter-spacing:1.4px}footer b{margin:0 12px;color:#becbc1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 12px}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4b9e6e;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:35px;letter-spacing:-1.4px;line-height:1.2;margin-bottom:12px;font-weight:650}h2{font-size:19px;font-weight:650;letter-spacing:-.4px}.heading-dot{color:var(--green)}.muted{color:var(--muted);font-size:13px;line-height:1.7}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 32px;gap:20px}.page-heading p:last-child{margin-bottom:0}.refresh-note{font-size:11px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:20px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:38px;padding:25px 0}.metrics>div{padding:0 30px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font-size:9px;color:var(--muted);letter-spacing:1.5px;font-weight:700}.metrics strong{display:block;font-size:34px;margin-top:13px;font-weight:550}.metrics small{font-size:11px;font-weight:400;color:var(--muted);margin-left:14px;letter-spacing:0}.green{color:var(--green)!important}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.section-heading h2{margin:0;font-size:19px}.section-heading>span{font-size:9px;color:var(--muted);letter-spacing:1.5px}.station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.station-card{padding:25px 26px 0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.station-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:#f0f4ee;color:var(--green);font-size:30px}.badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;border-radius:20px;padding:7px 11px;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.online{color:var(--green);background:var(--green-soft)}.offline{color:#8c795a;background:#f6f1e8}.station-card h2{margin-bottom:7px;font-size:23px;overflow-wrap:anywhere}.host{font-size:11px;color:var(--muted);margin-bottom:24px;overflow-wrap:anywhere}.station-meta{display:flex;justify-content:space-between;padding-bottom:16px;font-size:11px}.station-meta span{font-size:9px;letter-spacing:1px;color:var(--muted)}.station-meta strong{font-weight:500}.mini-modules{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:20px}.mini-modules div{width:33.333%;border-right:1px solid var(--line);padding-left:22px}.mini-modules div:first-child{padding-left:0}.mini-modules div:last-child{border:0}.mini-modules b{display:block;font-size:10px;letter-spacing:1px;margin-bottom:6px}.mini-modules span{font-size:11px;color:var(--muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between;background:#fbfcfa;margin:0 -26px;padding:16px 26px;gap:10px}.card-bottom span{font-size:9px;color:var(--muted)}.card-bottom a{font-size:11px;font-weight:650;white-space:nowrap}.register-panel{display:flex;justify-content:space-between;align-items:center;border:1px dashed #cbd7cc;border-radius:12px;padding:25px 28px;gap:20px;margin-top:30px;background:#eff3ed}.register-panel h2{margin-bottom:6px}.register-panel p:last-child{margin:0;font-size:11px}.register-panel form{display:flex;gap:10px;min-width:45%}.register-panel input{min-width:0;flex:1}.register-panel .eyebrow{font-size:8px}.empty{text-align:center;padding:50px 25px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1;background:#fff}.empty>span{color:var(--green);font-size:40px}.empty h2{margin-top:15px}.empty p{color:var(--muted);font-size:13px;margin-bottom:0}.compact{border:0}.compact h3{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}input{padding:13px 14px;border:1px solid #d8e1d9;border-radius:7px;background:#fff;color:var(--ink);font-size:13px;width:100%}label{font-size:12px;font-weight:600;display:block}label input{margin-top:9px}.stack{display:flex;flex-direction:column;gap:22px}.stack .primary{justify-content:space-between;margin-top:3px;padding:15px 18px}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;max-width:1060px;margin:45px auto 20px;align-items:center}.login-intro{position:relative;min-height:490px;padding-top:10px}.login-intro h1{font-size:59px;line-height:1.08;font-weight:600;letter-spacing:-2.5px;margin:30px 0 22px}.lede{max-width:350px;color:var(--muted);font-size:14px;line-height:1.8}.module-pills{display:flex;gap:10px;margin-top:30px}.module-pills span{font-size:9px;letter-spacing:1.5px;border:1px solid #d9e3d8;background:#eef3eb;padding:8px 13px;border-radius:4px}.login-panel{padding:38px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 45px #233c2510}.login-panel h2{font-size:26px;margin:14px 0 9px}.login-panel>.muted{margin-bottom:30px}.login-note{font-size:10px;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:20px;margin:25px 0 0;line-height:1.7}.signal-art{position:absolute;width:150px;height:150px;bottom:0;left:270px;opacity:.75}.signal-art i{position:absolute;border:1px solid #c3d9c3;border-radius:100%;inset:0}.signal-art i:nth-child(2){inset:23px}.signal-art i:nth-child(3){inset:46px}.signal-art span{position:absolute;inset:50px;display:grid;place-items:center;font-size:35px;color:var(--green)}.alert{padding:16px 20px;border-radius:9px;font-size:12px;line-height:1.7;background:#fff7e8;color:#8a652a;border:1px solid #efdfbf;margin-bottom:22px}.alert strong{font-weight:650}.observe{display:flex;align-items:center;gap:22px;background:var(--green-soft);color:var(--green);border-color:#d9e9da}.observe strong{white-space:nowrap}.danger{background:#fff0ed;color:#a14338;border-color:#f1d9d3}.back-link{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:25px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.module-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.module-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.module-card-heading h2{font-size:22px;margin:0;letter-spacing:.3px}.module-card>.muted{font-size:11px}.module-detail{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.module-facts{padding-top:10px;display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:20px}.module-facts dt{font-size:10px;color:var(--muted);margin-top:9px}.module-facts dd{margin:0;font-size:11px}.command-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;border-top:1px solid var(--line);padding-top:18px}.command-buttons button{width:100%;font-size:11px;padding:10px 8px;white-space:nowrap}.autostart-form{margin-top:16px}.autostart-form button{font-size:11px}.history-heading{margin-top:38px;margin-bottom:10px}.history-note{font-size:11px}.history{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.history-item{border-bottom:1px solid var(--line);padding:17px 22px}.history-item:last-child{border:0}.history-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.history-row>div{display:flex;gap:17px;align-items:center}.history-row b{font-size:11px;letter-spacing:1px;background:#f0f4ee;padding:7px 9px;border-radius:5px}.history-row span{font-size:12px}.history-row small{font-size:10px;color:var(--muted)}.command-status{font-size:10px!important;padding:6px 10px;border-radius:20px;white-space:nowrap}.succeeded{color:var(--green);background:var(--green-soft)}.failed{background:#fff0ed;color:#a14338}.queued,.delivered{background:#fff7e8;color:var(--orange)}.expired{color:var(--muted);background:#f0f1ef}.result-message{font-size:12px;margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.command-id{font-size:9px;color:#a4ada6;margin:10px 0 0;font-family:monospace}details{margin-top:14px}summary{cursor:pointer;font-size:11px;color:var(--green);line-height:1.7}pre{background:#172b23;color:#d1e5d7;font:11px/1.8 Consolas,monospace;padding:18px;max-height:400px;overflow:auto;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.station-settings{padding:22px 0}.station-settings summary{color:var(--muted)}.station-settings p{font-size:12px}.station-settings p:first-of-type{margin-top:18px}.token-panel{max-width:780px;margin:25px auto;padding:35px;background:#fff;border:1px solid var(--line);border-radius:12px}.token-panel h1{font-size:30px;overflow-wrap:anywhere}.token-panel p{font-size:13px;line-height:1.8}.token-panel dt{font-size:11px;font-weight:600;color:var(--muted);margin:25px 0 10px}.token-panel dd{margin:0;background:#f1f5ef;padding:15px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere}.token-panel code{font:13px/1.8 Consolas,monospace}.token-panel .primary{margin-top:12px}
@media(max-width:1320px){main,footer{margin-left:36px;margin-right:36px}.topbar{padding:0 36px}.login-layout{gap:60px}}@media(max-width:1000px){.module-grid{grid-template-columns:1fr}.module-card{display:block}.module-facts{grid-template-columns:1fr 1fr}.module-facts dt{margin-top:0}.module-facts dd{margin-bottom:8px}.command-buttons{grid-template-columns:repeat(4,1fr)}.register-panel{align-items:flex-start;flex-direction:column}.register-panel form{width:100%}.metrics small{display:block;margin:4px 0 0}.login-layout{gap:35px}.login-intro h1{font-size:45px}.signal-art{left:160px}.login-panel{padding:28px}}@media(max-width:700px){.topbar{height:76px;padding:0 20px}.brand{font-size:16px}.brand-mark{width:35px;height:35px;border-radius:9px}.account-name,.top-label{display:none}.account{gap:0}.account button{font-size:11px;padding:8px}main{padding:30px 0 40px;margin:0 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px}h1{font-size:29px}.refresh-note{padding:7px 11px;font-size:10px}.metrics{padding:20px 0;margin-bottom:28px}.metrics>div{padding:0 13px}.metrics span{font-size:8px;letter-spacing:.7px}.metrics strong{font-size:29px}.metrics small{font-size:9px;line-height:1.6}.station-grid{grid-template-columns:1fr}.station-card{padding:20px 20px 0}.card-bottom{margin:0 -20px;padding:15px 20px}.section-heading h2{font-size:17px}.register-panel{padding:22px}.register-panel form{flex-direction:column}.register-panel button{justify-content:space-between}.login-layout{display:block;margin:0 auto}.login-intro{min-height:0;padding:10px 5px 25px}.login-intro h1{font-size:43px;margin:20px 0}.login-intro .lede{font-size:13px}.module-pills,.signal-art{display:none}.login-panel{padding:26px}.login-panel h2{font-size:23px}.login-note{font-size:9px}.observe{flex-direction:column;align-items:flex-start;gap:6px}.module-grid{gap:16px}.module-card{padding:20px}.command-buttons{grid-template-columns:repeat(2,1fr)}.history-row>div{flex-wrap:wrap;gap:8px 12px}.history-row small{width:100%}.history-row{align-items:flex-start;gap:10px}.history-item{padding:16px}.command-status{font-size:9px!important;padding:5px 8px}.history-heading{margin-top:28px}.token-panel{padding:25px 20px;margin-top:5px}.token-panel code{font-size:11px}footer{margin:0 20px;padding:22px 0;font-size:8px;letter-spacing:.5px;gap:15px}footer span:last-child{text-align:right}}
.workspace-panel{margin-top:30px;padding:25px;background:var(--white);border:1px solid var(--line);border-radius:12px}.workspace-panel>details{padding:15px 0;border-top:1px solid var(--line)}.workspace-panel>details>summary{font-size:13px;font-weight:650}.operation-form{display:grid;gap:15px;max-width:780px;margin:20px 0}.operation-form label{line-height:1.7}.operation-form textarea,.operation-form select{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #d8e1d9;border-radius:7px;font:13px/1.6 Consolas,monospace;background:white;color:var(--ink)}.operation-form textarea{resize:vertical}.operation-form button{justify-self:start}.check-label{display:flex;align-items:flex-start;gap:10px;font-weight:400}.check-label input{width:auto;margin:6px 0 0;flex-shrink:0}.sql-plan{margin-top:20px;padding:20px;border:1px solid #efdfbf;border-radius:9px}.sql-plan code,.release-row code{overflow-wrap:anywhere}.release-row{display:grid;gap:8px;padding:18px 0;border-top:1px solid var(--line);font-size:12px}.release-row span,.release-row small{color:var(--muted)}.mini-modules{flex-wrap:wrap;gap:12px 0}.mini-modules div{min-width:100px}.workspace-panel a{color:var(--green);text-decoration:underline}
