*{box-sizing:border-box}
:root{--brand:#0ea5e9;--accent:#6366f1;--card:#fff;--rim:rgba(0,0,0,.08);--danger:#d7263d;--green:#1f9d55;--muted:#6a737d}
body{margin:0;font-family:system-ui,Arial,sans-serif;background:linear-gradient(135deg,#eef2ff,#e6fffa) fixed;color:#0b1736}
header{padding:28px 16px;text-align:center} header h1{margin:0 0 6px}
nav.tabs{display:flex;gap:8px;justify-content:center;padding:8px 12px 18px}
nav.tabs a{background:var(--accent);color:#fff;text-decoration:none;padding:10px 14px;border-radius:999px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.15)}
nav.tabs a.active{background:var(--brand)} main{max-width:1100px;margin:0 auto 34px;padding:0 16px;display:grid;gap:18px}
.card{background:var(--card);border-radius:14px;box-shadow:0 6px 18px var(--rim);padding:20px}
.grid-2{display:grid;gap:14px} @media(min-width:960px){.grid-2{grid-template-columns:1.2fr 1fr}}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:10px;margin:6px 0 10px}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}
.btn.secondary{background:#3a506b} .note{color:var(--muted)} .small{font-size:12px}
.amount{font-size:28px;font-weight:800}.amount.red{color:var(--danger)}.amount.green{color:var(--green)}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#1e40af;font-size:12px}
.table{width:100%;border-collapse:collapse} .table td,.table th{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left}
.lock{opacity:.6;pointer-events:none} .flex{display:flex;gap:10px;align-items:center}
select option.going{color:#1f9d55;font-weight:600}
.hidden{display:none}