:root{
  --bg:#0b0f17; --card:#111827; --muted:#94a3b8; --text:#e5e7eb; --accent:#60a5fa; --ok:#34d399; --warn:#f59e0b; --err:#ef4444;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:400 16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
.container{max-width:980px;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)}
.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}
.btn{cursor:pointer;background:linear-gradient(180deg,#2563eb,#1d4ed8);border:1px solid rgba(148,163,184,.2)}
.btn:hover{filter:brightness(1.08)}
.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)}