:root{--bg:#f4f5fb;--card:#6b6f74;--text:#111;--white:#fff;--bd:#e7ebf1}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto}
.topbar{height:56px;background:#fff;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.topbar .brand{font-weight:800}.topbar .nav{display:flex;gap:16px;align-items:center}
.topbar .nav a{color:#1d2b3a;text-decoration:none}.topbar .nav a.active{font-weight:700}
.btn-outline{padding:6px 12px;border:1px solid #d8dee6;border-radius:10px;background:#fff;cursor:pointer}
.page{padding:24px}
.card{background:rgba(0,0,0,.4);color:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.12);max-width:520px;margin:40px auto}
.card h1,.card h2{text-align:center;margin:0 0 14px}
.form{display:flex;flex-direction:column;gap:14px}
.form input,.form textarea,.form select{height:46px;padding:10px 12px;border-radius:12px;border:1px solid #d3d9e2;background:#fff;width:100%}
.form textarea{min-height:110px;height:auto}
.form .row{display:flex;gap:12px}
.btn-primary{width:100%;padding:12px;border:0;border-radius:12px;background:#f1f3f6;color:#111;font-weight:700;cursor:pointer}
.muted{color:#cbd5e1}.center{text-align:center}
body.dashboard .page{max-width:1200px;margin:0 auto}
body.verify .page{min-height:calc(100vh - 56px);display:flex;align-items:flex-start;justify-content:center}
body.verify{background:linear-gradient(180deg,#0b5316,#0b2d0b 45%,#0b2d0b)}.verify .card{background:#fff;color:#111}
:root.dark body{background:#0b0f17;color:#e5e7eb}
:root.dark .topbar{background:#0f1521;border-color:#1f2838}
:root.dark .topbar .nav a{color:#d9e1ff}
:root.dark .card{background:#1f2632;color:#fff}
:root.dark .form input,:root.dark .form textarea,:root.dark .form select{background:#2b3444;color:#fff;border-color:#3a4559}
:root.dark .btn-primary{background:#e2e8f0;color:#111}