:root{--navy:#071f3a;--navy2:#0a315c;--gold:#d8a742;--bg:#f4f7fb;--text:#102033;--muted:#64748b;--card:#fff;--line:#e5edf5;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,var(--navy),#041325);color:white;padding:22px 18px;position:fixed;top:0;bottom:0;left:0}.brand{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.13)}.brandMark,.loginLogo{width:44px;height:44px;border-radius:14px;background:var(--gold);display:grid;place-items:center;font-weight:900;color:#071f3a}.brandName{font-weight:800;font-size:18px}.brandSub{font-size:12px;opacity:.75}.nav{display:grid;gap:8px;margin-top:20px}.navLink{padding:12px 14px;border-radius:12px;color:#e8f1ff;background:rgba(255,255,255,.04)}.navLink:hover{background:rgba(255,255,255,.12)}.main{margin-left:270px;width:calc(100% - 270px);padding:22px}.topbar{height:72px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 10px 30px rgba(15,35,60,.05)}.hello{font-weight:800}.role{font-size:13px;color:var(--muted);margin-top:4px}.logout,.backBtn{background:var(--navy);color:white;padding:10px 16px;border-radius:12px;font-weight:700}.dashboardHero{margin:22px 0;background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:22px;color:white;padding:30px;position:relative;overflow:hidden}.dashboardHero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(216,167,66,.2);right:-60px;top:-60px}.dashboardHero h1{margin:0 0 8px;font-size:34px}.dashboardHero p{margin:0;max-width:850px;line-height:1.65;color:#e8f1ff}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.statCard{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,35,60,.04)}.statCard span{display:block;color:var(--muted);font-size:13px}.statCard strong{display:block;font-size:32px;margin-top:8px;color:var(--navy)}.menuGroups{display:grid;gap:22px}.menuGroup{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.menuGroup h2{margin:0 0 16px;font-size:20px}.menuGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.menuCard{border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#fbfdff);transition:.15s}.menuCard:hover{transform:translateY(-2px);border-color:#c9d9ec;box-shadow:0 14px 28px rgba(15,35,60,.08)}.menuTitle{font-weight:800;color:var(--navy);margin-bottom:7px}.menuDesc{color:var(--muted);font-size:13px;line-height:1.45;min-height:38px}.menuMeta{margin-top:12px;font-size:12px;color:#8a97a8}.loginPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#123c68,#06182e 40%,#020a13)}.loginCard{width:min(440px,92vw);background:white;border-radius:26px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.loginCard h1{margin:14px 0 6px}.loginCard p{margin:0 0 24px;color:var(--muted)}label{display:block;font-weight:700;margin:14px 0 7px}input{width:100%;padding:13px 14px;border:1px solid #d7e0ec;border-radius:12px;font-size:15px}button{width:100%;border:0;background:var(--gold);color:#071f3a;padding:14px;border-radius:12px;font-size:16px;font-weight:900;margin-top:18px;cursor:pointer}.errorBox{background:#fff1f0;border:1px solid #ffccc7;color:var(--danger);padding:12px;border-radius:12px;margin:12px 0}.validation{color:var(--danger);font-size:12px}.pageHeader{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);border-radius:20px;padding:22px;margin:22px 0}.pageHeader h1{margin:0}.pageHeader p{margin:6px 0 0;color:var(--muted)}.tableWrap{background:white;border:1px solid var(--line);border-radius:20px;overflow:auto;box-shadow:0 10px 30px rgba(15,35,60,.04)}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#f3f7fc;color:#334155;text-align:left;position:sticky;top:0}th,td{padding:11px 12px;border-bottom:1px solid #edf2f7;white-space:nowrap}td{color:#334155}@media(max-width:1100px){.statsGrid{grid-template-columns:repeat(2,1fr)}.menuGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:relative;width:100%;bottom:auto}.shell{display:block}.main{margin-left:0;width:100%;padding:14px}.statsGrid,.menuGrid{grid-template-columns:1fr}.topbar{height:auto;gap:12px;align-items:flex-start;flex-direction:column}.dashboardHero h1{font-size:26px}.pageHeader{align-items:flex-start;gap:12px;flex-direction:column}}