:root{
  --bg:#0b0f17; --card:#111827; --muted:#94a3b8; --text:#e5e7eb; --accent:#60a5fa; --ok:#34d399; --warn:#f59e0b; --err:#ef4444;
  --ring: 0 0 0 3px rgba(96,165,250,.35);
}
*{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,Cantarell,"Noto Sans","Helvetica Neue",Arial}
.container{max-width:1040px;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,textarea,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,textarea: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:hover{filter:brightness(1.08)}
.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);font-variant-numeric:tabular-nums}
.hint{margin:.25rem 0 .75rem;color:var(--muted);font-size:.9rem}
.money{font-weight:700;color:var(--ok)}
.danger{color:var(--err)}
.small{font-size:.85rem}
hr{border:0;border-top:1px solid rgba(148,163,184,.15);margin:12px 0}