:root{--bg:#f5f7fb;--card:#fff;--text:#182033;--muted:#697386;--line:#e6eaf0;--primary:#5b5bd6;--primary2:#7878ed;--green:#149c6b;--shadow:0 12px 35px rgba(29,35,55,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}a{text-decoration:none;color:inherit}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:28px;position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;white-space:nowrap}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#9a7bf7);color:white;font-weight:900;font-size:22px;box-shadow:0 8px 20px #6868d933}.logo.small{width:38px;height:38px;font-size:18px;border-radius:11px}.topbar nav{display:flex;gap:4px;align-items:center;flex:1;overflow:auto}.topbar nav a{padding:11px 12px;border-radius:10px;font-size:13px;color:#606a7d;white-space:nowrap}.topbar nav a:hover,.topbar nav a.active{background:#f0efff;color:var(--primary);font-weight:700}.user{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.user small{background:#f0efff;color:var(--primary);padding:4px 7px;border-radius:8px}.user a{color:#d14c5c}.container{max-width:1320px;margin:0 auto;padding:34px}.hero{background:linear-gradient(120deg,#5b5bd6,#8078ee);border-radius:24px;padding:40px;color:white;display:flex;justify-content:space-between;align-items:center;min-height:250px;box-shadow:var(--shadow)}.hero h1{font-size:38px;max-width:650px;margin:12px 0}.hero p{opacity:.85;font-size:16px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--primary)}.hero .eyebrow{color:#e5e2ff}.hero-icon{font-size:90px;filter:drop-shadow(0 15px 15px #3333)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.stat,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 5px 20px rgba(30,35,50,.035)}.stat b{font-size:30px;display:block}.stat span{color:var(--muted);font-size:13px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.card h2{margin-top:0;font-size:18px}.activity{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.activity small{display:block;color:var(--muted);margin-top:5px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{padding:18px;background:#f7f7ff;border:1px solid #e7e5ff;border-radius:13px;color:var(--primary);font-weight:700;font-size:13px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.pagehead h1{margin:6px 0;font-size:31px}.pagehead p{color:var(--muted);margin:0}.btn{border:0;border-radius:11px;padding:12px 18px;font-weight:750;cursor:pointer;display:inline-block;font-size:13px}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #5b5bd633}.btn.secondary{background:#eef0f6;color:#3e4758}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input,.filters select,.formgrid input,.formgrid select,.formgrid textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font:inherit}.filters input{max-width:420px}.filters select{max-width:200px}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pill{font-size:11px;padding:5px 9px;border-radius:20px}.pill.green{background:#e5f8f0;color:#13855d}.pill.gray{background:#eef0f4;color:#667085}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid label{font-size:12px;font-weight:700;color:#596273}.formgrid input,.formgrid select,.formgrid textarea{display:block;margin-top:7px}.formgrid textarea{min-height:100px;resize:vertical}.formgrid label:nth-child(3),.formgrid label:nth-child(4),.formgrid button:last-child{grid-column:1/-1}.switchrow{display:flex!important;align-items:center;gap:8px}.switchrow input{width:auto!important;margin:0!important}.uploadbox{text-align:center;padding:55px}.uploadicon{font-size:45px;color:var(--primary)}.uploadbox h2{margin:10px}.uploadbox p{color:var(--muted);margin-bottom:25px}.uploadbox input{margin:10px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#dedcff,#f5f7fb 45%)}.login-card{background:#fff;width:min(420px,92vw);padding:38px;border-radius:25px;box-shadow:var(--shadow);text-align:center}.login-card .logo{margin:auto}.login-card h1{margin:15px 0 5px}.login-card p{color:var(--muted);margin-top:0}.login-card form{text-align:left;margin-top:25px}.login-card label{display:block;font-size:12px;font-weight:700;margin:13px 0 6px}.login-card input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px}.login-card .btn{width:100%;margin-top:20px}.hint{font-size:11px;color:var(--muted);margin-top:15px}.alert{padding:10px;border-radius:10px;background:#fff0f0;color:#b42332;font-size:12px}.modal{position:fixed;inset:0;background:#12152899;display:none;place-items:center;padding:20px;z-index:30}.modal.show{display:grid}.modalbox{background:#fff;border-radius:20px;padding:28px;width:min(650px,96vw);max-height:90vh;overflow:auto;position:relative}.modalbox h2{margin-top:0}.close{position:absolute;right:18px;top:14px;border:0;background:#f1f2f6;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}@media(max-width:1000px){.topbar{height:auto;flex-wrap:wrap;padding:14px}.topbar nav{order:3;width:100%}.stats,.cards3{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media(max-width:650px){.container{padding:18px}.hero{padding:25px}.hero h1{font-size:27px}.hero-icon{display:none}.stats,.cards3,.formgrid{grid-template-columns:1fr}.pagehead{align-items:flex-start;gap:15px;flex-direction:column}.filters{flex-wrap:wrap}.filters input,.filters select{max-width:none}.formgrid label:nth-child(3),.formgrid label:nth-child(4),.formgrid button:last-child{grid-column:auto}}