:root{--ink:#172033;--muted:#6b7280;--line:#e5e7eb;--soft:#f6f8fb;--brand:#1f5eff;--side:#0f172a}body{background:var(--soft);color:var(--ink);font-size:14px}.guest-bg{min-height:100vh;background:linear-gradient(180deg,#f7f9ff,#eef3ff)}.login-card{max-width:420px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.login-card h1{font-size:24px;margin-bottom:8px}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--side);color:#fff;padding:18px 14px;position:fixed;inset:0 auto 0 0;overflow:auto}.student-side{background:#102033}.brand{font-weight:700;font-size:16px;margin:4px 8px 18px}.sidebar .nav-link{color:#cbd5e1;border-radius:6px;padding:8px 10px}.sidebar .nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.main-panel{margin-left:252px;min-width:0;flex:1}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:3}.topbar h1{font-size:20px;margin:0}.content-wrap{padding:24px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card,.panel{background:#fff;border:1px solid var(--line);border-radius:8px}.summary-card{padding:18px}.summary-card span{display:block;color:var(--muted);font-size:13px}.summary-card strong{display:block;font-size:24px;margin-top:6px}.panel{padding:18px}.panel h2{font-size:16px;margin-bottom:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.table{margin-bottom:0}.table th{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.03em}.table-hover tbody tr:hover,.table tbody tr:hover{background:#fafbff}.empty{color:var(--muted);margin:10px 0}.list-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0}.list-row:first-of-type{border-top:0}.form-panel{max-width:980px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pagination{margin-top:14px}.page-link{font-size:13px}@media(max-width:900px){.sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main-panel{margin-left:0}.card-grid,.report-grid{grid-template-columns:1fr}.topbar{position:static}}
.empty-state{display:flex;align-items:center;gap:10px;color:var(--muted);padding:16px 4px}.empty-state p{margin:0}.empty-state-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#1f5eff;font-weight:700}.pagination-wrap{margin-top:14px}