body { font-family: system-ui, Arial; margin:0; background:#0b0b10; color:#f2f2f2; }
a { color:#c9a8ff; text-decoration:none; }
.wrap { max-width: 980px; margin: 0 auto; padding: 18px; }
.top { background:#12121a; border-bottom:1px solid #242438; }
.brand { font-weight:900; letter-spacing:0.5px; }
.nav a, .linkbtn { margin-left:12px; }
.linkbtn { background:none; border:none; color:#c9a8ff; cursor:pointer; font:inherit; padding:0; }
.card { background:#12121a; border:1px solid #242438; border-radius:12px; padding:16px; margin:14px 0; }
label { display:block; margin:10px 0 6px; color:#cfcfe3; font-size:14px; }
input { width:100%; padding:10px; border-radius:10px; border:1px solid #2a2a44; background:#0f0f17; color:#fff; }
button, .btn { background:#8547da; color:#fff; border:none; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:800; }
button[disabled] { opacity:0.45; cursor:not-allowed; }
.error { background:#3a1212; border:1px solid #6a2a2a; padding:10px; border-radius:10px; }
.ok { background:#123a1c; border:1px solid #2a6a3a; padding:10px; border-radius:10px; }
.big { font-size:22px; }
.small { font-size:13px; color:#c9c9dc; }
.tbl { width:100%; border-collapse:collapse; }
.tbl th, .tbl td { border-bottom:1px solid #242438; padding:8px; text-align:left; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:12px; }
.foot { opacity:0.7; }