:root{--bg:#0b0f17;--card:#111827;--muted:#94a3b8;--text:#e5e7eb;--accent:#60a5fa;--ok:#34d399;--err:#ef4444;--ring:0 0 0 3px rgba(96,165,250,.35)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 ui-sans-serif,system-ui}
.container{max-width:880px;margin:0 auto;padding:24px}
h1{margin:.2rem 0 1rem;font-size:clamp(20px,2vw+12px,28px)}
.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35);border:1px solid rgba(148,163,184,.15)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stack{display:flex;flex-direction:column;gap:8px}
label{font-size:.9rem;color:var(--muted)}
input,select,button{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172a;color:var(--text);padding:10px 12px}
input:focus,select:focus{outline:none;box-shadow:var(--ring);border-color:rgba(96,165,250,.6)}
.btn{cursor:pointer;background:linear-gradient(180deg,#1f2937,#111827);border:1px solid rgba(148,163,184,.2)}
.btn.primary{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-color:rgba(96,165,250,.6)}
.out{margin-top:10px;padding:10px;border-radius:12px;background:#0b1220;border:1px dashed rgba(148,163,184,.25)}
.money{font-weight:700;color:var(--ok)}
.danger{color:var(--err)}
.small{font-size:.85rem}