:root{--bg:#f5f5f5;--surface:#fff;--surface2:#f0f0f0;--text:#1a1a1a;--text2:#555;--border:#ddd;--primary:#7c3aed;--primary-dark:#6d28d9;--accent:#f97316;--success:#16a34a;--danger:#dc2626;--shadow:0 2px 12px #00000014;--radius:12px}[data-theme=dark]{--bg:#0f0f0f;--surface:#1a1a1a;--surface2:#252525;--text:#f0f0f0;--text2:#aaa;--border:#333;--shadow:0 2px 12px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border .2s}input:focus,select:focus{border-color:var(--primary)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:20px}.btn-primary{background:var(--primary);color:#fff;border-radius:8px;align-items:center;gap:6px;padding:11px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-outline:hover{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-success{color:#16a34a;background:#dcfce7}.badge-warning{color:#ca8a04;background:#fef9c3}.badge-danger{color:#dc2626;background:#fee2e2}.badge-info{color:#2563eb;background:#dbeafe}[data-theme=dark] .badge-success{color:#4ade80;background:#14532d}[data-theme=dark] .badge-warning{color:#fbbf24;background:#422006}[data-theme=dark] .badge-danger{color:#f87171;background:#450a0a}[data-theme=dark] .badge-info{color:#60a5fa;background:#1e3a5f}.page-wrap{max-width:480px;min-height:100vh;margin:0 auto;padding:16px}.admin-wrap{max-width:1200px;margin:0 auto;padding:20px 16px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.grid-2{grid-template-columns:1fr}}.label{color:var(--text2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group{margin-bottom:16px}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-wrap,.admin-wrap{padding-bottom:80px!important}