@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@400;500;600;700&display=swap');
:root{--primary:#0059ff;--secondary:#7c3aed;--background:#f5f7fb;--sidebar:#0d172a;--text:#16101e;--muted:#657085;--border:#e3e8ef;--success:#16845b;--warning:#a46008;--danger:#c83243;--surface:#fff;--radius:14px;--shadow:0 8px 30px rgba(16,49,77,.08);--gradient:linear-gradient(110deg,#7c3aed,#e1306c,#f59e0b)}*{box-sizing:border-box}html{font-family:'Hind Madurai',sans-serif;color:var(--text);background:var(--background);line-height:1.5}body{margin:0}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button,.button{min-height:44px;border-radius:10px;border:0;padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{color:#fff;background:var(--primary)}.secondary{color:var(--text);background:var(--surface);border:1px solid var(--border)}button:hover,.button:hover{filter:brightness(.94);transform:translateY(-1px)}:focus-visible{outline:3px solid #6ba2ff;outline-offset:2px}button:disabled,.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.container{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:22px}.brand{font-size:22px;font-weight:700;color:var(--sidebar)}.brand span,.gradient-text{background:var(--gradient);background-clip:text;color:transparent}.hero{padding:90px 0 70px;text-align:center;background:radial-gradient(circle at 50% 10%,#eef2ff,transparent 55%)}h1{font-size:clamp(32px,5vw,56px);line-height:1.08;margin:0 0 18px}h2{font-size:30px}.hero p{font-size:19px;color:var(--muted);max-width:720px;margin:0 auto 28px}.actions{display:flex;gap:12px;justify-content:center}.section{padding:72px 0}.section.alt{background:#fff}.section-head{text-align:center;max-width:650px;margin:0 auto 36px}.grid-3,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.icon{width:42px;height:42px;border-radius:10px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;font-weight:700}.muted{color:var(--muted)}.disclaimer{padding:16px;border:1px solid var(--border);border-radius:10px;background:#fff}.footer{background:var(--sidebar);color:#c5cede;padding:38px 0}.footer a{color:#fff}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(140deg,#f7f8ff,#edf2fa)}.auth-card{width:min(450px,100%);padding:32px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.auth-card.wide{width:min(760px,100%)}.auth-card h1{font-size:30px;margin-top:22px}.form-stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:600}input,select,textarea{width:100%;border:1px solid #cbd3df;border-radius:9px;padding:10px 12px;background:#fff;min-height:44px}textarea{min-height:100px}.alert{padding:12px 14px;border-radius:9px;margin:12px 0}.alert.danger{background:#fff0f1;color:var(--danger)}.alert.success{background:#eaf8f2;color:var(--success)}.alert.warning{background:#fff7e8;color:var(--warning)}.checklist{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.checklist div{padding:5px 9px;border-radius:20px;font-size:13px}.ok{background:#e8f7f1;color:var(--success)}.bad{background:#fff0f1;color:var(--danger)}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;padding:24px 16px;position:fixed;width:250px;height:100vh;overflow:auto}.sidebar .brand{color:#fff;padding:0 10px}.sidebar nav{display:grid;gap:4px;margin-top:28px}.sidebar a{color:#b9c5d8;padding:10px 12px;border-radius:8px}.sidebar a:hover,.sidebar a.active{color:#fff;background:#1a2941}.main{grid-column:2;padding:24px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.page-title h1{font-size:30px;margin:0}.stats{grid-template-columns:repeat(4,1fr)}.stat strong{font-size:28px;display:block}.badge{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:12px;background:#edf2fa;color:var(--muted)}.badge.active{background:#e8f7f1;color:var(--success)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:13px}.empty{text-align:center;padding:50px 20px}.mobile-menu{display:none}.layout-2{display:grid;grid-template-columns:2fr 1fr;gap:18px}@media(max-width:900px){.stats,.grid-3{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%);z-index:30;transition:.2s}.sidebar.open{transform:none}.app-shell{display:block}.main{padding:18px}.mobile-menu{display:inline-flex}.layout-2{grid-template-columns:1fr}}@media(max-width:600px){.nav-links a:not(.button){display:none}.hero{padding:60px 0}.stats,.grid-3,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.actions{flex-direction:column}.main{padding:14px}table{display:block;overflow-x:auto}}