*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#0f1522;color:#e6ebff}
a{color:#7aa2ff;text-decoration:none}
header,footer{padding:12px 16px;background:#0b0f1a;border-bottom:1px solid #1b2a4a}
.container{max-width:980px;margin:0 auto;padding:16px}
.card{background:#121a2b;border:1px solid #1d2b4b;border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:#2a85ff;color:#fff;border:0;cursor:pointer}
.btn.secondary{background:#22314f}
.input,select{width:100%;padding:10px;border-radius:10px;border:1px solid #2e3f66;background:#0e1524;color:#e6ebff}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:720px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#1a2540;border:1px solid #2e3f66;font-size:12px;color:#b7c6ff}
.balance{font-size:38px;font-weight:800;letter-spacing:1px}
.warn{color:#ff7272;font-weight:700}
.fixed-line{position:fixed;right:16px;bottom:16px}
.notice{font-size:12px;opacity:.8}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #223053;padding:10px;text-align:left;font-size:14px}