:root{--navy:#123c69;--blue:#2463a6;--sky:#eaf3ff;--ink:#1d2b3a;--muted:#718096;--line:#e5eaf0}*{box-sizing:border-box}body{background:#f5f7fb;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;display:flex;flex-direction:column}.app-navbar{background:linear-gradient(110deg,#102f53,#185b92);box-shadow:0 3px 16px #0c2d4c20}.navbar-brand{letter-spacing:-.3px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff20;margin-right:7px}.navbar .nav-link{color:#ffffffc9!important;padding:.7rem .75rem!important;border-radius:9px}.navbar .nav-link:hover,.navbar .nav-link:focus{background:#ffffff17;color:white!important}.page-shell{flex:1;max-width:1600px}.app-footer{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:.82rem;background:#fff}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--blue)}.page-heading h1{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800;letter-spacing:-.045em;margin:.25rem 0}.subheading{color:var(--muted);margin:0}.card{border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 22px #183b5d08}.card-header{background:#fff;border-bottom:1px solid var(--line);font-weight:700;padding:1rem 1.15rem;border-radius:16px 16px 0 0!important}.card-body{padding:1.2rem}.stat-card{position:relative;overflow:hidden}.stat-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:1.25rem;background:var(--sky);color:var(--blue)}.stat-value{font-size:1.9rem;font-weight:800;letter-spacing:-.04em}.stat-label{color:var(--muted);font-size:.88rem}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:#174b80;border-color:#174b80}.form-control,.form-select{min-height:44px;border-color:#dce3ec;border-radius:10px}.form-control:focus,.form-select:focus{border-color:#6ba6e7;box-shadow:0 0 0 .2rem #2463a61c}.form-label{font-size:.9rem;font-weight:650}.table>:not(caption)>*>*{padding:.85rem .8rem;vertical-align:middle}.table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;white-space:nowrap}.badge-soft{background:#eaf3ff;color:#20588d}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.empty-state i{font-size:2rem;color:#9ab4d0}.login-page{background:radial-gradient(circle at 20% 20%,#e1efff,transparent 35%),#f4f7fb}.login-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center}.login-card{width:min(100%,440px);overflow:hidden}.login-hero{background:linear-gradient(135deg,#123c69,#2878b7);color:#fff;padding:30px}.login-hero .logo-circle{width:56px;height:56px;border-radius:17px;background:#ffffff1d;display:grid;place-items:center;font-size:1.8rem;margin-bottom:18px}.quiz-question{border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:15px;background:#fff}.option-label{display:flex;gap:12px;align-items:flex-start;border:1px solid #e0e7ef;border-radius:11px;padding:13px 14px;margin-top:9px;cursor:pointer;transition:.15s}.option-label:hover{border-color:#8bb9e8;background:#f7fbff}.option-label:has(input:checked){border-color:var(--blue);background:#eef6ff}.option-label input{margin-top:4px}.timer-pill{position:sticky;top:10px;z-index:10;background:#fff;border:1px solid var(--line);box-shadow:0 3px 14px #193c5c12;border-radius:14px;padding:12px 16px;font-weight:800}.timer-pill.warning{color:#b42318;border-color:#f3b4ae;background:#fff8f7}.progress{height:7px;border-radius:20px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:#1f5c99;font-weight:800}.rank-number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf2f7;font-weight:800}.question-option-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.small-muted{font-size:.82rem;color:var(--muted)}@media(max-width:575.98px){.page-shell{padding-top:20px!important}.page-heading{flex-direction:column}.page-heading .btn,.page-heading .btn-group{width:100%}.page-heading .btn-group .btn{width:auto}.card-body{padding:1rem}.question-option-row{grid-template-columns:1fr}.table-responsive{border-radius:12px}.stat-value{font-size:1.65rem}.navbar-brand{font-size:1rem}}