:root{--cells-navy:#102a43;--cells-blue:#1565c0;--cells-cyan:#18a4b8;--cells-bg:#f4f7fb;--sidebar-w:268px}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#243b53}.login-page{background:radial-gradient(circle at 15% 15%,#d9f4f5 0,transparent 35%),linear-gradient(135deg,#eef6fa,#f7f9fc)}.login-card{width:min(960px,100%);min-height:580px;border-radius:1.5rem}.login-hero{background:linear-gradient(150deg,#0b3547,#0d6575);color:#fff}.brand-mark,.brand-icon{display:grid;place-items:center;background:linear-gradient(135deg,var(--cells-cyan),#6ad5dd);color:#fff}.brand-mark{width:58px;height:58px;border-radius:18px;font-size:1.7rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:var(--cells-cyan)}.btn-primary{background:var(--cells-blue);border-color:var(--cells-blue)}.app-page{margin:0;background:var(--cells-bg)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--cells-navy);color:#fff;padding:1.3rem 1rem;overflow-y:auto;z-index:1040}.sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:.35rem .55rem 1.4rem}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{letter-spacing:.12em}.sidebar-brand small{opacity:.55}.brand-icon{width:42px;height:42px;border-radius:13px}.sidebar-nav .nav-link{display:flex;align-items:center;gap:.8rem;color:#bcccdc;border-radius:.75rem;padding:.7rem .8rem;margin:.12rem 0;font-size:.92rem}.sidebar-nav .nav-link i{font-size:1.08rem}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{color:#fff;background:rgba(255,255,255,.11)}.sidebar-nav .nav-link.active{box-shadow:inset 3px 0 var(--cells-cyan)}.nav-section{padding:1.2rem .8rem .4rem;color:#829ab1;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em;font-weight:700}.main-area{margin-left:var(--sidebar-w);min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid #e6edf5;display:flex;align-items:center;padding:0 2rem;gap:1rem;position:sticky;top:0;z-index:1020}.user-button{display:flex;align-items:center;gap:.6rem;border:0}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d9f4f5;color:#087c89;font-weight:700}.content{padding:2rem}.welcome-panel{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#fff,#edf9fa);border:1px solid #e0eef1;border-radius:1rem;padding:1.75rem 2rem}.metric-card{background:#fff;border:1px solid #e7edf4;border-radius:1rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;height:100%;box-shadow:0 4px 18px rgba(31,60,90,.05)}.metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8f3ff;color:var(--cells-blue);font-size:1.3rem}.metric-card strong,.metric-card small{display:block}.metric-card strong{font-size:1.55rem}.metric-card small{color:#829ab1}.card{border-radius:1rem}.table>:not(caption)>*>*{padding:1rem 1.5rem}.table thead th{background:#f8fafc;color:#627d98;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.exam-number{color:var(--cells-blue);font-weight:700}.empty-state{text-align:center;padding:5rem 2rem}.empty-state>i{font-size:3rem;color:var(--cells-cyan)}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:none;box-shadow:8px 0 30px rgba(0,0,0,.2)}.main-area{margin-left:0}.content{padding:1rem}.topbar{padding:0 1rem}.welcome-panel{align-items:flex-start;gap:1rem;flex-direction:column}}@media(max-width:575.98px){.login-card{min-height:auto}.table>:not(caption)>*>*{padding:.8rem}.content{padding:.75rem}}
