:root{--bg:#f4f7fb;--surface:#fff;--surface2:#f8fafc;--text:#172033;--muted:#667085;--line:#e5eaf2;--primary:#315efb;--primary2:#6d4aff;--danger:#c53030;--success:#087f5b;--shadow:0 14px 50px rgba(31,45,72,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:radial-gradient(circle at 85% 0,#eef2ff 0,transparent 28%),var(--bg);color:var(--text)}.topbar{height:72px;background:rgba(13,23,42,.96);backdrop-filter:blur(14px);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff14}.topbar a{color:#dce6f6;text-decoration:none;margin-left:20px;font-weight:650}.topbar nav a:hover{color:#fff}.brand{display:flex;gap:10px;align-items:center;margin-left:0!important;font-size:20px;font-weight:900!important;color:#fff!important}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 7px 20px #315efb55}.nav-cta{padding:9px 14px;border-radius:10px;background:#ffffff14}.sidebar{position:fixed;left:0;top:72px;bottom:0;width:238px;background:#0d172a;padding:24px 14px;z-index:20;overflow:auto}.sidebar a{display:block;color:#b9c7db;text-decoration:none;padding:11px 13px;border-radius:10px;margin:3px 0;font-weight:650}.sidebar a:hover{background:#ffffff0e;color:#fff}.side-title{font-size:11px;letter-spacing:.15em;color:#6f829e;padding:5px 13px 12px}.admin-main{margin-left:238px!important;max-width:none!important;padding:0 32px!important}.admin-body footer{margin-left:238px}main{max-width:1180px;margin:34px auto;padding:0 18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.card h1,.card h2,.card h3{margin-top:0}.narrow{max-width:760px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{padding:20px;border-radius:18px;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid var(--line);box-shadow:var(--shadow)}.stat-label{font-size:13px;color:var(--muted);font-weight:700}.stat{font-size:30px;font-weight:900;margin-top:5px;letter-spacing:-.03em}.hero{padding:32px;background:linear-gradient(135deg,#101b33,#1d2f56);color:#fff;border:0}.hero .muted{color:#c9d5e7}.upload-zone{border:2px dashed #c8d3e4;border-radius:18px;padding:34px;text-align:center;background:var(--surface2);transition:.2s}.upload-zone.drag{border-color:var(--primary);background:#eef3ff}.progress{height:8px;background:#e6ebf3;border-radius:999px;overflow:hidden;margin-top:9px}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2));width:0}.upload-item{padding:12px;border:1px solid var(--line);border-radius:12px;margin-top:10px;text-align:left}.row{display:flex;gap:12px;align-items:center}.row>*{flex:1}label{font-size:13px;font-weight:750;color:#475467}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d7deea;border-radius:11px;margin:6px 0 14px;background:#fff;color:#172033;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#7f9cff;box-shadow:0 0 0 3px #315efb16}button,.btn{display:inline-block;border:0;border-radius:11px;background:linear-gradient(135deg,var(--primary),#4a6eff);color:#fff;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 7px 18px #315efb22}.btn.secondary,button.secondary{background:#334155;box-shadow:none}.btn.danger,button.danger{background:var(--danger);box-shadow:none}.btn.ghost{background:#eef2f7;color:#27364d;box-shadow:none}.muted{color:var(--muted)}.alert{padding:12px 14px;border-radius:11px;background:#e7f4ff;border:1px solid #cae7ff;margin-bottom:15px}.alert.error,.error{background:#fff0f0;border-color:#ffd5d5;color:#992f2f}.alert.success{background:#ebfbf4;border-color:#c9f1df;color:#076447}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f5;font-size:14px;white-space:nowrap}.table th{color:#667085;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3f4c92;font-size:12px;font-weight:750}.tag.green{background:#e9f9f1;color:#087f5b}.tag.red{background:#fff0f0;color:#b33a3a}.codebox{font-family:ui-monospace,monospace;background:#0f172a;color:#d7e1f3;padding:13px;border-radius:11px;overflow:auto}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.kpi{font-size:13px;color:var(--muted)}footer{text-align:center;color:#7c889c;padding:38px}.auth-card{max-width:520px;margin:5vh auto}.auth-card h1{text-align:center}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.empty{padding:24px;text-align:center;color:var(--muted)}@media(max-width:900px){.sidebar{display:none}.admin-main{margin-left:0!important;padding:0 16px!important}.admin-body footer{margin-left:0}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}@media(max-width:680px){.topbar{padding:0 14px}.topbar nav a{margin-left:10px;font-size:13px}.topbar nav a:nth-child(1){display:none}.brand span:last-child{display:none}.row,.toolbar{display:block}.stats{grid-template-columns:1fr}.card{border-radius:16px;padding:17px}main{margin-top:20px}.hero{padding:22px}.table{min-width:720px}}
@media(prefers-color-scheme:dark){:root{--bg:#09111f;--surface:#101a2b;--surface2:#0d1726;--text:#e6edf7;--muted:#9cadc3;--line:#213047;--shadow:0 14px 50px rgba(0,0,0,.18)}body{background:radial-gradient(circle at 85% 0,#192348 0,transparent 30%),var(--bg)}input,select,textarea{background:#0c1625;color:#e6edf7;border-color:#2a3a52}.stat-card{background:linear-gradient(145deg,#101a2b,#0d1726)}.btn.ghost{background:#1c2a3e;color:#dbe5f3}.upload-zone{border-color:#33465f}.table th,.table td{border-bottom-color:#213047}}