@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
:root{
  --bg:#0d1017; --panel:#161b26; --ink:#e9ecf4; --dim:#8b93a7; --line:rgba(148,163,196,.14); --seg:rgba(148,163,196,.1);
  --green:#4ade80; --red:#fb7185; --redbg:rgba(251,113,133,.13); --amber:#fbbf24; --amberbg:rgba(251,191,36,.13);
  --blue:#8b9dff; --bluebg:rgba(139,157,255,.15); --grad:linear-gradient(135deg,#8b9dff,#c084fc 55%,#f0abfc);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Manrope,-apple-system,"PingFang SC",system-ui,sans-serif;font-size:14px}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--blue)}
svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn{border:1px solid var(--line);background:var(--panel);padding:8px 14px;border-radius:9px;cursor:pointer;font-weight:700;font-size:13px}
.btn:hover{border-color:var(--blue)}
.btn.pri{background:var(--grad);border:0;color:#fff}
.btn.danger{color:var(--red);border-color:rgba(251,113,133,.35)}
.btn:disabled{opacity:.5;cursor:default}
.in{width:100%;background:rgba(148,163,196,.08);border:1px solid var(--line);color:var(--ink);
  border-radius:10px;padding:10px 12px;font-size:14px}
.in:focus{outline:none;border-color:var(--blue)}
label.lb{display:block;font-size:12px;font-weight:700;color:var(--dim);margin:0 0 6px 2px;letter-spacing:.2px}
.msg{font-size:13px;margin-top:12px;min-height:18px}
.msg.err{color:var(--red)} .msg.ok{color:var(--green)}