@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root{--brand-primary: #3b82f6;--brand-primary-dark: #2563eb;--brand-primary-glow: rgba(59, 130, 246, .15);--role-student: #3b82f6;--role-teacher: #10b981;--role-principal: #f59e0b;--role-official: #8b5cf6;--role-admin: #ef4444;--bg-base: #0d1117;--bg-surface: #161b22;--bg-elevated: #21262d;--bg-overlay: #30363d;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .24);--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #484f58;--text-inverse: #0d1117;--success: #3fb950;--warning: #d29922;--error: #f85149;--info: #58a6ff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--font-display: "Sora", sans-serif;--font-body: "DM Sans", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 1;--z-raised: 10;--z-overlay: 100;--z-modal: 1000;--z-toast: 2000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeInUp var(--transition-slow) ease both}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base);gap:var(--space-6)}.auth-loading__logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.04em}.auth-loading__logo span{color:var(--brand-primary)}.auth-loading__spinner{width:36px;height:36px;border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading__text{font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:var(--z-raised);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar__brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.topbar__brand span{color:var(--brand-primary)}.topbar__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.topbar__right{display:flex;align-items:center;gap:var(--space-4)}.topbar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.topbar__avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-primary-glow);border:1.5px solid var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--brand-primary);font-family:var(--font-display);flex-shrink:0}.topbar__username{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.topbar__role-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full);border:1px solid}.topbar__role-badge--student{color:var(--role-student);border-color:var(--role-student);background:#3b82f61a}.topbar__role-badge--teacher{color:var(--role-teacher);border-color:var(--role-teacher);background:#10b9811a}.topbar__role-badge--principal{color:var(--role-principal);border-color:var(--role-principal);background:#f59e0b1a}.topbar__role-badge--admin{color:var(--role-admin);border-color:var(--role-admin);background:#ef44441a}.topbar__skeleton-user{width:160px;height:36px;border-radius:var(--radius-full)}.logout-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.logout-btn:hover:not(:disabled){border-color:var(--error);color:var(--error);background:#f8514914}.logout-btn:disabled{opacity:.5;cursor:not-allowed}.logout-btn__spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.lesson-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);transition:all var(--transition-fast);cursor:pointer}.lesson-item:hover{border-color:var(--border-default);background:var(--bg-elevated);transform:translate(2px)}.lesson-item--completed{opacity:.7;border-color:#3fb95033;background:#3fb9500a}.lesson-item__number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;font-family:var(--font-display);flex-shrink:0;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.lesson-item--completed .lesson-item__number{background:#3fb95026;color:var(--success);border-color:#3fb9504d}.lesson-item__title{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;padding:0;font-family:var(--font-body);transition:color var(--transition-fast)}.lesson-item__title:hover{color:var(--brand-primary)}.lesson-item--completed .lesson-item__title{color:var(--text-secondary)}.lesson-item__check{color:var(--success);font-size:var(--text-base);flex-shrink:0}.lesson-item__complete-btn{margin-left:auto;padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;white-space:nowrap;font-family:var(--font-body);transition:all var(--transition-fast)}.lesson-item__complete-btn:hover{border-color:var(--success);color:var(--success);background:#3fb95014}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base);gap:var(--space-4);text-align:center;padding:var(--space-8)}.access-denied__code{font-family:var(--font-display);font-size:80px;font-weight:800;color:var(--bg-elevated);line-height:1;letter-spacing:-.04em}.access-denied__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.access-denied__message{font-size:var(--text-base);color:var(--text-secondary);max-width:400px}.access-denied__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;margin-top:var(--space-2);transition:background var(--transition-fast);text-decoration:none}.access-denied__btn:hover{background:var(--brand-primary-dark);color:#fff}.page-shell{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column}.page-content{flex:1;max-width:1200px;margin:0 auto;padding:var(--space-8);width:100%}.page-content--narrow{max-width:720px}.page-content--wide{max-width:1400px}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast),transform var(--transition-fast)}.card:hover{border-color:var(--border-default)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.card__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.03em}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.progress-bar{height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-3) 0}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:var(--brand-primary);transition:width var(--transition-slow)}.progress-bar__fill--success{background:var(--success)}.progress-bar__fill--warning{background:var(--warning)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.section-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.section-header__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn--primary{background:var(--brand-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-primary-dark);color:#fff;box-shadow:var(--shadow-glow)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-overlay)}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn--ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-subtle)}.btn--danger{background:transparent;color:var(--error);border:1px solid var(--error)}.btn--danger:hover:not(:disabled){background:#f851491a}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--full{width:100%;justify-content:center}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.01em}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-glow)}.form-input:disabled{opacity:.5;cursor:not-allowed}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.data-table thead tr{border-bottom:1px solid var(--border-subtle)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.data-table td{padding:var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.data-table tbody tr:hover td{background:var(--bg-elevated)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge--success{background:#3fb9501f;color:var(--success);border:1px solid rgba(63,185,80,.25)}.badge--error{background:#f851491f;color:var(--error);border:1px solid rgba(248,81,73,.25)}.badge--warning{background:#d299221f;color:var(--warning);border:1px solid rgba(210,153,34,.25)}.badge--info{background:#58a6ff1f;color:var(--info);border:1px solid rgba(88,166,255,.25)}.badge--purple{background:#8b5cf61f;color:var(--role-official);border:1px solid rgba(139,92,246,.25)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-4)}.empty-state__icon{font-size:48px;opacity:.4}.empty-state__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-secondary)}.empty-state__message{font-size:var(--text-sm);color:var(--text-muted);max-width:360px}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.alert--error{background:#f8514914;border:1px solid rgba(248,81,73,.2);color:var(--error)}.alert--success{background:#3fb95014;border:1px solid rgba(63,185,80,.2);color:var(--success)}.alert--info{background:#58a6ff14;border:1px solid rgba(88,166,255,.2);color:var(--info)}.login-page{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(ellipse at center,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}.login-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-10);width:100%;max-width:420px;position:relative;animation:fadeInUp var(--transition-slow) ease both}.login-card__brand{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.04em;margin-bottom:var(--space-2);text-align:center}.login-card__brand span{color:var(--brand-primary)}.login-card__tagline{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-bottom:var(--space-8)}.login-card__divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}.login-card__footer{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-6)}.login-card__footer a,.login-card__footer button{color:var(--brand-primary);background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.login-card__footer a:hover,.login-card__footer button:hover{color:var(--brand-primary-dark)}.assessment-question{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);transition:border-color var(--transition-fast)}.assessment-question:focus-within{border-color:var(--border-default)}.assessment-question__text{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.5}.assessment-question__number{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-primary);margin-bottom:var(--space-2)}.assessment-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--transition-fast)}.assessment-option:hover,.assessment-option--selected{border-color:var(--brand-primary);background:var(--brand-primary-glow)}.assessment-option input[type=radio]{accent-color:var(--brand-primary);width:16px;height:16px;flex-shrink:0}.assessment-option__label{font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;flex:1}.result-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;max-width:500px;margin:0 auto;animation:fadeInUp var(--transition-slow) ease both}.result-card__icon{font-size:64px;margin-bottom:var(--space-4)}.result-card__score{font-family:var(--font-display);font-size:72px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:var(--space-2)}.result-card__score--pass{color:var(--success)}.result-card__score--fail{color:var(--error)}.result-card__label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-8)}.result-card__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-2) 0;margin-bottom:var(--space-6);font-family:var(--font-body);transition:color var(--transition-fast)}.back-btn:hover{color:var(--text-primary)}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);overflow:hidden}.skeleton-line{height:14px;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.skeleton-line--short{width:40%}.skeleton-line--medium{width:65%}.skeleton-line--long{width:90%}.skeleton-line--full{width:100%}.skeleton-line--title{height:20px;width:55%}.lesson-markdown{color:var(--text-secondary);line-height:1.8;font-size:var(--text-base);margin-bottom:var(--space-8)}.lesson-markdown p{margin-bottom:var(--space-4);color:var(--text-secondary)}.lesson-markdown h1{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.lesson-markdown h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:var(--space-6) 0 var(--space-3)}.lesson-markdown h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:var(--space-5) 0 var(--space-2)}.lesson-markdown strong{font-weight:600;color:var(--text-primary)}.lesson-markdown em{font-style:italic;color:var(--text-secondary)}.lesson-markdown code{font-family:Fira Code,Cascadia Code,monospace;font-size:.875em;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px 6px;color:var(--brand-primary)}.lesson-markdown ul,.lesson-markdown ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.lesson-markdown li{margin-bottom:var(--space-2);color:var(--text-secondary);line-height:1.7}.lesson-markdown li::marker{color:var(--brand-primary)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition-fast);white-space:nowrap}@media(max-width:640px){.topbar{padding:var(--space-3) var(--space-4)}.topbar__username{display:none}.topbar__title{font-size:var(--text-base);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:768px){.page-content,.page-content--narrow{padding:var(--space-4)}}@media(max-width:480px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}@media(max-width:480px){.card{padding:var(--space-4)}.result-card{padding:var(--space-8)}.result-card__score{font-size:56px}.login-card{padding:var(--space-6);border-radius:var(--radius-lg)}}@media(max-width:640px){.card:has(.data-table){overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);white-space:nowrap}}@media(max-width:480px){.assessment-option{padding:var(--space-3)}}@media(max-width:360px){.result-card__actions{flex-direction:column}.result-card__actions .btn{width:100%;justify-content:center}}.auth-loading{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:max(var(--space-4),env(safe-area-inset-top))}@media(max-width:480px){.form-input,select.form-input,textarea.form-input{font-size:16px}}@media(max-width:640px){.form-group>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-overlay);color:var(--text-primary)}.topbar__role-badge--official{color:var(--role-official);border-color:var(--role-official);background:#8b5cf61a}.form-input--error{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef44441f}.form-error{display:block;font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1);font-weight:500}.form-hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.assessment-take-shell{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bg-base);max-width:600px;margin:0 auto;width:100%}.assessment-topbar{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:52px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.assessment-topbar-progress{height:3px;background:var(--bg-elevated);flex-shrink:0}.assessment-topbar-progress__fill{height:100%;background:var(--brand-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;transition:width var(--transition-base)}.assessment-topbar-progress__fill--complete{background:var(--success)}.assessment-dots{display:flex;gap:4px;align-items:center;flex:1;overflow:hidden}.assessment-dot{height:8px;border-radius:var(--radius-full);background:var(--bg-elevated);border:none;padding:0;cursor:pointer;flex-shrink:0;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.assessment-dot--unanswered{width:8px;background:var(--bg-elevated)}.assessment-dot--answered{width:8px;background:var(--success)}.assessment-dot--active{width:24px;background:var(--brand-primary)}.assessment-timer{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-base)}.assessment-timer--normal{border-color:transparent;background:transparent}.assessment-timer--warning{border-color:#d299224d;background:#d2992214}.assessment-timer--critical{border-color:#f851494d;background:#f8514914;animation:pulse-red 1s ease infinite}@keyframes pulse-red{0%,to{background:#f8514914}50%{background:#f8514929}}.assessment-timer__text{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;letter-spacing:.05em;transition:color var(--transition-base)}.assessment-timer__text--normal{color:var(--text-primary)}.assessment-timer__text--warning{color:var(--warning)}.assessment-timer__text--critical{color:var(--error)}.assessment-submit-trigger{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--brand-primary);background:transparent;color:var(--brand-primary);font-size:var(--text-xs);font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;font-family:var(--font-body)}.assessment-submit-trigger--ready{background:var(--brand-primary);color:#fff}.assessment-question-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column}.assessment-question-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.assessment-question-label{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.assessment-marks-badge{font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--brand-primary-glow);color:var(--brand-primary)}.assessment-question-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-6);letter-spacing:-.01em}.assessment-options{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.assessment-option-btn{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border-default);background:var(--bg-surface);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent;font-family:var(--font-body);min-height:56px}.assessment-option-btn:active{transform:scale(.98)}.assessment-option-btn--selected{border-color:var(--brand-primary);background:var(--brand-primary-glow)}.assessment-option-btn__letter{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);border:2px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-muted);transition:all var(--transition-fast);margin-top:2px}.assessment-option-btn--selected .assessment-option-btn__letter{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.assessment-option-btn__text{font-size:var(--text-base);line-height:1.5;color:var(--text-primary);font-weight:400;flex:1;transition:color var(--transition-fast)}.assessment-option-btn--selected .assessment-option-btn__text{color:var(--brand-primary);font-weight:600}.assessment-option-btn__check{flex-shrink:0;color:var(--brand-primary);opacity:0;transition:opacity var(--transition-fast);margin-top:2px}.assessment-option-btn--selected .assessment-option-btn__check{opacity:1}.assessment-nav{display:flex;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.assessment-nav__btn{flex:1;padding:var(--space-4);border-radius:var(--radius-lg);border:1.5px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;font-family:var(--font-body);min-height:52px}.assessment-nav__btn:disabled{opacity:.35;cursor:not-allowed}.assessment-nav__btn--next{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-weight:700}.assessment-nav__btn--next:disabled{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-muted)}.assessment-submit-screen{flex:1;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.assessment-submit-screen__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-5)}.assessment-submit-screen__icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800}.assessment-submit-screen__icon--ready{background:#3fb9501f;border:2px solid rgba(63,185,80,.3);color:var(--success)}.assessment-submit-screen__icon--warn{background:#d299221f;border:2px solid rgba(210,153,34,.3);color:var(--warning)}.assessment-submit-screen__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.assessment-submit-screen__sub{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.assessment-answer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);width:100%;max-width:260px}.assessment-answer-box{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-elevated);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);color:var(--text-muted);transition:all var(--transition-fast)}.assessment-answer-box--answered{background:#3fb9501a;border-color:#3fb9504d;color:var(--success)}.assessment-submit-screen__actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stats-row__item{padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);text-align:center}.stats-row__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;line-height:1;color:var(--text-primary)}.stats-row__label{font-size:10px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.filter-pills{display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:transparent;color:var(--text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.filter-pill--active{border-color:var(--brand-primary);background:var(--brand-primary-glow);color:var(--brand-primary);font-weight:700}.status-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border-subtle)}.status-tab{padding:var(--space-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:400;cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.status-tab--active{border-bottom-color:var(--brand-primary);color:var(--brand-primary);font-weight:700}.assessment-row{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);background:none;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;transition:background var(--transition-fast);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.assessment-row:active{background:var(--bg-elevated)}.assessment-row__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1.5px dashed var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0}.assessment-row__icon--scored{background:transparent;border:none}.assessment-row__body{flex:1;min-width:0}.assessment-row__subject{font-size:11px;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.assessment-row__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.assessment-row__meta{display:flex;gap:var(--space-3);margin-top:var(--space-1);font-size:11px;color:var(--text-muted);flex-wrap:wrap}.assessment-row__chevron{flex-shrink:0;color:var(--text-muted)}.score-ring{flex-shrink:0}.score-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:var(--space-2);border-radius:var(--radius-md);flex-shrink:0}.score-pill--pass{background:#3fb9501a;border:1.5px solid rgba(63,185,80,.25)}.score-pill--fail{background:#f8514914;border:1.5px solid rgba(248,81,73,.2)}.score-pill__value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;line-height:1}.score-pill__value--pass{color:var(--success)}.score-pill__value--fail{color:var(--error)}.score-pill__total{font-size:9px;color:var(--text-muted);margin-top:2px}.history-shortcut{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;color:var(--brand-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast)}.history-shortcut:active{background:var(--bg-overlay)}.page-header{padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid var(--border-subtle)}.page-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-1)}.page-header__sub{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}@media(min-width:641px){.assessment-take-shell{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.assessment-question-text{font-size:var(--text-xl)}.assessment-option-btn{padding:var(--space-4) var(--space-5)}.filter-pills{padding:var(--space-3) var(--space-6)}.assessment-row{padding:var(--space-4) var(--space-6)}.page-header{padding:var(--space-6)}.stats-row{gap:var(--space-4)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;align-items:stretch;z-index:var(--z-raised);padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-1);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;font-family:var(--font-body);color:var(--text-muted);text-decoration:none}.bottom-nav__item:active{opacity:.7}.bottom-nav__item--active{color:var(--role-student)}.bottom-nav__icon{width:22px;height:22px;flex-shrink:0;transition:transform var(--transition-fast)}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__label{font-size:10px;font-weight:500;letter-spacing:.02em;line-height:1}.bottom-nav__item--active .bottom-nav__label{font-weight:700}.bottom-nav__dot{position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:var(--role-student);opacity:0;transition:opacity var(--transition-fast)}.bottom-nav__item--active .bottom-nav__dot{opacity:1}.has-bottom-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom) + var(--space-4))}@media(min-width:641px){.bottom-nav{display:none}.has-bottom-nav{padding-bottom:var(--space-8)}}.notification-body{font-size:var(--text-sm);line-height:1.75;color:var(--text-secondary)}.notification-body p{margin:0 0 var(--space-3) 0}.notification-body p:last-child{margin-bottom:0}.notification-body strong,.notification-body b{font-weight:700;color:var(--text-primary)}.notification-body em,.notification-body i{font-style:italic}.notification-body ul,.notification-body ol{margin:0 0 var(--space-3) var(--space-5);padding:0}.notification-body li{margin-bottom:var(--space-1)}.notification-body blockquote{margin:0 0 var(--space-3) 0;padding:var(--space-2) var(--space-4);border-left:3px solid var(--border-strong);color:var(--text-muted);font-style:italic}.notification-body code{font-family:monospace;font-size:.9em;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1px 5px}.notification-body pre{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-3)}.notification-body pre code{background:none;border:none;padding:0;font-size:var(--text-xs)}.notification-body a{color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px;transition:opacity .1s}.notification-body a:hover{opacity:.75}@keyframes navSlideIn{0%{transform:translate(-100%);opacity:.6}to{transform:translate(0);opacity:1}}