:root{font-family:Segoe UI,Arial,sans-serif;color:#eaf0f5;background:#0c141c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#17313d,#0c141c 45%);min-height:100vh}button,input,select,textarea{font:inherit}button{background:#dba23a;color:#111820;border:1px solid #e9b95f;border-radius:7px;padding:.7rem 1rem;font-weight:650;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#f1bb55;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.quiet{background:transparent;color:#dae5ed;border-color:#3a4d59}.quiet:hover{background:#253441}.danger{background:#7d363b;color:#fff;border-color:#ad575b}.danger:hover{background:#a8444a}.shell{width:min(1460px,calc(100% - 32px));margin:0 auto;padding:30px 0 50px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #334550}.topbar h1{font-size:clamp(1.55rem,2.8vw,2.2rem);margin:4px 0 0;letter-spacing:.01em}.eyebrow{color:#dba23a;font-size:.73rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0}.top-actions{display:flex;align-items:center;gap:16px}.status{padding:.45rem .7rem;border:1px solid #52616b;border-radius:30px;color:#c7d3dd;font-size:.83rem}.status.live{border-color:#3b9f83;color:#72e3ba}.status.offline{border-color:#ad575b;color:#e99395}.login-card{width:min(480px,100%);margin:7vh auto;background:#17232c;border:1px solid #334550;border-radius:13px;padding:clamp(22px,4vw,40px);box-shadow:0 22px 55px #0006}.login-card h2{font-size:1.7rem;margin:.5rem 0}.login-card p:not(.eyebrow){color:#aebfc9}.login-card form{display:grid;gap:16px;margin-top:25px}.error{color:#ff9797;min-height:1.5rem}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric,.card{background:#17232c;border:1px solid #334550;border-radius:10px}.metric{padding:15px 18px;min-height:84px}.metric span{display:block;color:#9badb8;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:7px;font-size:1.4rem;font-variant-numeric:tabular-nums}.anchor-bar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:13px 16px;margin-bottom:18px;background:#17232c;border:1px solid #334550;border-radius:10px}.anchor-bar label{min-width:min(320px,100%);margin:0}.anchor-bar p{color:#9baeba;margin:0 0 10px;font-size:.85rem}.layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:18px}.sidebar{background:#121e27;border:1px solid #334550;border-radius:10px;padding:9px;align-self:start;position:sticky;top:14px}.sidebar button{display:block;width:100%;text-align:left;margin:2px 0;padding:.78rem .9rem;background:transparent;border:0;color:#afbfca;font-weight:600}.sidebar button:hover,.sidebar button.selected{background:#2d3e49;color:#fff;transform:none}.sidebar button.selected{box-shadow:inset 3px 0 #dba23a}.content{min-width:0}.section-head{display:flex;justify-content:space-between;align-items:end;margin:7px 0 16px}.section-head h2{font-size:1.55rem;margin:.3rem 0 0}.card{padding:20px;margin-bottom:14px}.card h3{font-size:1rem;margin:0 0 14px;color:#f1f5f7}.card h3:not(:first-child){margin-top:24px}.row,.buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.row label{min-width:min(300px,100%);flex:1}.buttons{margin-top:14px}.buttons button{flex:0 1 auto}label{display:grid;gap:7px;color:#b7c7d0;font-size:.9rem;font-weight:600;margin-bottom:12px}input,select,textarea{width:100%;background:#0f1a23;border:1px solid #4b5f6a;border-radius:7px;color:#fff;padding:.68rem .75rem;min-height:42px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #e4ad4c;outline-offset:2px}textarea{resize:vertical;min-height:85px}option{color:#141a1e;background:#e7eff2}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;min-height:0}.muted{color:#9baeba;line-height:1.45}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 16px}.log-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:70vh;overflow:auto;color:#b9d0de;font:12px/1.5 Consolas,monospace}.notice{position:fixed;bottom:18px;right:18px;max-width:min(450px,calc(100% - 36px));padding:13px 18px;border-radius:8px;border:1px solid #4c745f;background:#1e3d33;color:#e5fff0;box-shadow:0 12px 35px #0009;opacity:0;pointer-events:none;transition:opacity .2s}.notice.show{opacity:1}.notice.error{border-color:#945359;background:#51292d;color:#ffe8e9}@media(max-width:900px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto;white-space:nowrap}.sidebar button{width:auto;flex:none}}@media(max-width:600px){.shell{width:calc(100% - 20px);padding-top:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:start;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.card{padding:16px}.buttons button{flex:1 1 130px}.metric:last-child{grid-column:span 2}}