*{box-sizing:border-box} :root{--ink:#192536;--muted:#6b7788;--line:#e5eaf0;--orange:#f28c00;--navy:#142338;--bg:#f5f7fa}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.04em}.brand-mark{height:40px;width:40px;background:var(--orange);color:#fff;border-radius:10px;display:grid;place-items:center;font-size:22px;font-weight:800}.brand strong{display:block;font-size:13px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.14em}.top-status{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a8b0bc}.dot.online{background:#20a56b;box-shadow:0 0 0 3px #e0f6eb}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{background:var(--navy);padding:30px 18px;color:#d5dce6}.nav-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#8b98aa;margin:0 0 14px}.sidebar a{display:block;text-decoration:none;color:#d5dce6;padding:11px 13px;border-radius:8px;font-size:13px;margin:3px 0}.sidebar a:hover{background:#24364d;color:#fff}.side-note{border-top:1px solid #33445a;margin:35px 8px 0;padding-top:18px;font-size:12px;color:#d5dce6}.side-note small{color:#9eacbd}.content{padding:34px clamp(20px,4vw,58px);max-width:1500px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{font-size:30px;letter-spacing:-.04em;margin:0 0 4px}.muted{color:var(--muted);font-size:13px;margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 4px 18px rgba(23,43,66,.025)}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card h2{font-size:17px;margin:12px 0 5px}.card-icon{width:38px;height:38px;display:grid;place-items:center;background:#fff2df;color:#b96a00;border-radius:10px;font-size:21px}.stack,.form-grid{display:grid;gap:14px;margin-top:20px}label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#3e4b5c}input{width:100%;border:1px solid #d9e0e8;border-radius:8px;padding:11px 12px;font:inherit;color:var(--ink);background:#fff;outline:none}input:focus{border-color:#f0a33b;box-shadow:0 0 0 3px #fff0d8}.checkbox{display:flex;align-items:center;gap:9px;font-weight:500}.checkbox input{width:15px;height:15px}.button{border:0;border-radius:8px;padding:11px 15px;font:700 12px inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.primary{background:var(--orange);color:#fff}.primary:hover{background:#d97b00}.warning{background:#fff0dd;color:#965700;border:1px solid #ffdbad}.warning:hover{background:#ffe5c2}.secondary{background:#fff;color:#425166;border:1px solid #dbe2ea}.full{width:100%;padding:13px}.login-card{max-width:490px;margin:30px auto;padding:32px}.login-card h2{font-size:22px;margin-top:16px}.fine-print{font-size:11px;color:#8490a0;margin:18px 0 0}.connection-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:20px}.connection-card strong{font-size:13px}.connection-card p{margin:4px 0 0 18px}.env-pill{font-size:10px;letter-spacing:.1em;font-weight:800;background:#fff2df;color:#a65f00;padding:7px 9px;border-radius:6px}.alert{border-radius:9px;padding:12px 15px;margin:0 0 18px;font-size:13px}.success{background:#e8f8ef;color:#176d43}.error{background:#fff0ef;color:#a72e26;border:1px solid #f6d0cc}.result-card{margin-top:22px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-heading h2{margin:0}.result-heading .eyebrow{margin-bottom:4px}pre{margin:18px 0 0;background:#111d2c;color:#e6edf5;border-radius:10px;padding:20px;overflow:auto;max-height:560px;font-size:12px;line-height:1.6}footer{font-size:11px;color:#929cab;margin:36px 0 5px}.stack .button{margin-top:2px} @media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{display:flex;gap:4px;overflow:auto;padding:10px}.nav-label,.side-note{display:none}.sidebar a{white-space:nowrap;padding:9px}.content{padding:24px 16px}.cards-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.page-heading h1{font-size:25px}} @media(max-width:460px){.brand small{font-size:9px}.top-status{font-size:11px}.page-heading{align-items:flex-start}.login-card{padding:22px}.connection-card{align-items:flex-start}}

.alert.error{white-space:pre-wrap;overflow-wrap:anywhere}