.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--oxford-blue) 0%,#061427 100%);display:flex;flex-direction:column;z-index:30;transition:width .18s ease;box-shadow:2px 0 18px #0a1e3c2e;border-right:1px solid rgba(212,197,169,.2)}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed)}.sidebar.is-collapsed .sidebar-brand-text,.sidebar.is-collapsed .sidebar-link-text,.sidebar.is-collapsed .sidebar-section-label,.sidebar.is-collapsed .sidebar-soon-badge,.sidebar.is-collapsed .sidebar-collapse-toggle span{display:none}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:22px 20px;border-bottom:1px solid rgba(212,197,169,.18);flex-shrink:0}.sidebar-brand-icon{width:34px;height:34px;border-radius:8px;background:var(--burgundy);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-text{font-family:var(--font-display);color:var(--white);font-size:16px;font-weight:600;white-space:nowrap}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:3px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#fdfbf7bf;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease;position:relative;background:transparent;border:none;width:100%;text-align:left}.sidebar-link:hover{background:#d4c5a924;color:#fff;transform:translate(2px)}.sidebar-link.is-active{background:#d4c5a92e;color:#fff}.sidebar-link.is-active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--warm-stone)}.sidebar.is-collapsed .sidebar-link.is-active:before{left:-8px}.sidebar-link.is-disabled{cursor:default;color:#fdfbf759}.sidebar-link.is-disabled:hover{background:transparent;transform:none}.sidebar-logout-btn{color:#fca5a5;margin-top:auto}.sidebar-logout-btn:hover{background:#dc262633;color:#fff}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-link-text{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-soon-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;background:#ffffff1a;color:#ffffff8c;padding:2px 6px;border-radius:10px;flex-shrink:0}.sidebar-divider{height:1px;background:#d4c5a92e;margin:10px 4px}.sidebar-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d4c5a973;padding:4px 12px 8px}.sidebar-collapse-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px;padding:10px;border:1px solid rgba(212,197,169,.2);border-radius:8px;background:#ffffff0a;color:#fdfbf7bf;font-size:13px;flex-shrink:0}.sidebar-collapse-toggle:hover{background:#d4c5a91f;color:#fff}.sidebar-close-btn{display:none;background:none;border:none;color:#fdfbf7bf;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);align-items:center;justify-content:center}.sidebar-close-btn:hover{color:#fff;background:#ffffff14}@media (max-width: 900px){.sidebar{width:var(--sidebar-width)!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{transform:translate(0)}.sidebar-brand-text,.sidebar-link-text,.sidebar-section-label,.sidebar-soon-badge{display:inline!important}.sidebar-brand-text{display:block!important}.sidebar-collapse-toggle{display:none!important}.sidebar-close-btn{display:inline-flex;margin-left:auto}}.user-header-banner{width:100%;height:60px;background:var(--oxford-blue);border-bottom:1px solid var(--warm-stone);padding:0 1.75rem;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-body);color:#fff;box-shadow:0 4px 14px #0a1e3c1f;z-index:50;position:sticky;top:0}.mobile-burger-btn{display:none;background:none;border:none;color:var(--warm-stone);cursor:pointer;padding:.5rem;margin-right:.5rem;border-radius:var(--radius-sm);align-items:center;justify-content:center;transition:background-color .2s}.mobile-burger-btn:hover{background:#ffffff14}@media (max-width: 900px){.mobile-burger-btn{display:inline-flex}}.header-brand-title{display:flex;align-items:center}.header-subtitle-main,.header-subtitle-sub{font-size:.875rem;font-weight:500;color:#d4c5a9;letter-spacing:.02em}@media (max-width: 768px){.header-subtitle-sub{display:none}}.header-user-wrapper{position:relative;display:flex;align-items:center;gap:.85rem}.header-streak-flame{display:flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:#ff6b351a;border:1px solid rgba(255,107,53,.25);border-radius:50px;color:#ff6b35;cursor:default;transition:all .2s ease}.header-streak-flame:hover{background:#ff6b352e;border-color:#ff6b3566}.flame-icon.animated-flame{animation:pulse-flame 1.2s infinite ease-in-out alternate}.streak-count{font-size:.85rem;font-weight:700;color:#ff6b35}@keyframes pulse-flame{0%{transform:scale(.92);filter:drop-shadow(0 0 1px rgba(255,107,53,.4))}to{transform:scale(1.08) translateY(-1px);filter:drop-shadow(0 0 6px rgba(255,107,53,.8))}}.header-user-button{display:flex;align-items:center;gap:.65rem;background:#ffffff14;border:1px solid rgba(212,197,169,.25);padding:.4rem .85rem;border-radius:50px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.header-user-button:hover,.header-user-button.is-active{background:#ffffff29;border-color:#d4c5a980}.header-user-avatar{width:28px;height:28px;border-radius:50%;background:#d4c5a933;color:#fdfbf7;display:flex;align-items:center;justify-content:center;overflow:hidden}.header-user-avatar .avatar-img{width:100%;height:100%;object-fit:cover}.header-user-name{color:#fdfbf7;letter-spacing:-.01em}@media (max-width: 550px){.header-user-name{display:none}}.chevron-icon{color:#d4c5a9;transition:transform .2s ease}.rotate-180{transform:rotate(180deg)}.profile-dropdown-card{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#fff;border:1px solid var(--warm-stone);border-radius:var(--radius-md);box-shadow:0 16px 36px #0a1e3c2e;padding:1.25rem;color:var(--charcoal);animation:dropdownFadeIn .18s ease;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:.85rem;padding-bottom:1rem;border-bottom:1px solid var(--paper-dim);position:relative}.dropdown-avatar{width:48px;height:48px;border-radius:50%;background:var(--oxford-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;overflow:hidden;border:2px solid var(--warm-stone)}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-user-titles{display:flex;flex-direction:column;gap:.2rem}.dropdown-name{font-weight:700;font-size:1rem;color:var(--oxford-blue)}.dropdown-verified-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--forest-green);font-weight:600}.dropdown-close-btn{position:absolute;top:0;right:0;background:none;border:none;color:var(--slate);padding:.2rem;cursor:pointer;border-radius:4px}.dropdown-close-btn:hover{color:var(--charcoal);background:var(--paper-dim)}.dropdown-info-list{display:flex;flex-direction:column;gap:.65rem;padding:1rem 0}.info-item{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--charcoal)}.info-icon{color:var(--oxford-blue);flex-shrink:0}.info-text{color:var(--slate);font-weight:500;word-break:break-all}.info-label{color:var(--slate);font-size:.8rem}.info-value{font-weight:600;color:var(--oxford-blue)}.dropdown-footer{padding-top:.85rem;border-top:1px solid var(--paper-dim)}.dropdown-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;background:#fdf2f2;border:1px solid #F87171;border-radius:var(--radius-sm);color:var(--crimson);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dropdown-logout-btn:hover{background:var(--crimson);color:#fff}.orbital-hero-container{position:relative;isolation:isolate;height:100%;width:100%;overflow:hidden;background-color:#000}.orbital-hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;display:block}.orbital-hero-content{position:relative;z-index:10;height:100%;width:100%}.login-screen-wrapper{height:100vh;width:100vw;background-color:#000;overflow:hidden}.login-panel-container{display:flex;height:100%;width:100%;align-items:center;justify-content:flex-start;padding:0 10%;box-sizing:border-box}.login-panel-content{width:100%;max-width:440px;display:flex;flex-direction:column;color:#fff;text-align:left;z-index:20}.doit-logo-title{font-size:5rem;font-weight:800;color:#fff;margin:0 0 .5rem;letter-spacing:-.04em;line-height:1}.doit-subtitle{font-size:1.15rem;color:#ffffffb3;margin:0 0 2rem;font-weight:400;line-height:1.5;letter-spacing:.01em}.login-info-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:.5rem;padding:.5rem 1rem;background:#d4c5a91a;border:1px solid rgba(212,197,169,.25);border-radius:50px;font-size:.825rem;color:#d4c5a9;margin-bottom:2rem}.login-info-badge strong{color:#fff}.login-error-alert{width:100%;display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;background:#dc262626;border:1px solid rgba(220,38,38,.35);border-radius:8px;color:#fca5a5;font-size:.875rem;margin-bottom:1.5rem;box-sizing:border-box}.login-actions{width:100%;margin-bottom:1.5rem}.google-login-btn{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;color:#0a1e3c;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ffffff1a}.google-login-btn:hover{background:#fdfbf7;transform:translateY(-1px);box-shadow:0 6px 24px #ffffff26}.google-login-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.login-dev-toggle{margin-bottom:1.5rem}.dev-toggle-link{background:none;border:none;color:#fff6;font-size:.85rem;cursor:pointer;text-decoration:underline;transition:color .2s ease;padding:0}.dev-toggle-link:hover{color:#ffffffb3}.dev-login-form{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1.2rem;box-sizing:border-box}.dev-form-title{font-size:.825rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.dev-login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.dev-login-form label{font-size:.825rem;color:#ffffffb3;font-weight:500}.dev-login-form input{width:100%;padding:.75rem 1rem;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s;box-sizing:border-box}.dev-login-form input:focus{border-color:#d4c5a9}.dev-submit-btn{width:100%;padding:.8rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#8b2635;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s}.dev-submit-btn:hover{background:#721f2b}.login-footer{font-size:.75rem;color:#ffffff4d}@media (max-width: 767px){.login-panel-container{justify-content:center;align-items:flex-start;padding:3rem 1.5rem;overflow-y:auto}.login-panel-content{max-width:100%}.doit-logo-title{font-size:4rem;text-align:center}.doit-subtitle{font-size:1rem;text-align:center;margin-bottom:1.5rem}.login-info-badge{align-self:center;margin-bottom:1.5rem}}.profile-setup-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#1e3a8a);padding:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#f8fafc}.profile-setup-card{width:100%;max-width:520px;background:#1e293be6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2.2rem;box-shadow:0 25px 50px -12px #00000080}.profile-setup-header{text-align:center;margin-bottom:2rem}.avatar-preview{margin:0 auto 1rem;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 16px #0000004d;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:1.5rem;font-weight:700;color:#fff}.setup-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .4rem}.setup-subtitle{font-size:.9rem;color:#94a3b8;margin:0}.user-email-tag{color:#60a5fa;font-weight:600}.setup-alert{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-radius:10px;font-size:.875rem;margin-bottom:1.5rem}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.profile-form .form-group{display:flex;flex-direction:column;gap:.45rem}.profile-form label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#cbd5e1}.profile-form input,.profile-form select{width:100%;padding:.75rem 1rem;background:#0f172a;border:1px solid #334155;border-radius:10px;color:#f8fafc;font-size:.95rem;outline:none;transition:all .2s ease}.profile-form input:focus,.profile-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.reg-input-wrapper{position:relative;display:flex;align-items:center}.reg-input-wrapper input{padding-right:4.5rem}.digit-counter{position:absolute;right:1rem;font-size:.75rem;font-weight:600;color:#64748b;background:#1e293b;padding:.2rem .5rem;border-radius:6px}.digit-counter.is-valid{color:#4ade80;background:#22c55e26}.field-hint{font-size:.75rem;color:#64748b}.form-row{display:flex;gap:1rem}.half-width{flex:1}.save-profile-btn{margin-top:.8rem;width:100%;padding:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 8px 20px -4px #2563eb66;transition:all .2s ease}.save-profile-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.save-profile-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard{padding-top:48px}.dash-hero{max-width:720px;margin-bottom:48px}.dash-hero h1{font-size:40px;line-height:1.15;margin:14px 0 16px}.dash-hero-sub{color:var(--ink-soft);font-size:16px;line-height:1.6;margin-bottom:26px}.dash-hero-actions{display:flex;gap:12px}.dash-recent{margin-bottom:48px}.dash-recent h3,.dash-group h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);font-weight:600;margin-bottom:14px}.dash-recent-list{display:flex;flex-direction:column;gap:10px}.dash-recent-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;color:inherit}.dash-recent-title{font-weight:600;margin-bottom:4px}.dash-recent-meta{color:var(--slate);font-size:12px}.dash-recent-score{font-size:18px;font-weight:600;color:var(--signal-blue-deep)}.dash-pool-error{color:var(--wrong-red);font-size:13px;margin-bottom:20px}.dash-group{margin-bottom:40px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.subject-tile{padding:16px 18px}.subject-tile-name{font-weight:600;margin-bottom:8px}.subject-tile-pool{color:var(--slate);font-size:12px}@media (max-width: 640px){.dash-hero h1{font-size:30px}}.create-test{padding-top:40px;padding-bottom:120px}.create-test h1{font-size:32px;margin:10px 0 12px}.create-sub{color:var(--ink-soft);max-width:640px;line-height:1.6;margin-bottom:32px}.create-group{margin-bottom:32px}.create-group h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);font-weight:600;margin-bottom:12px}.subject-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.select-tile{padding:14px 16px;transition:border-color .12s ease}.select-tile.is-active{border-color:var(--signal-blue)}.select-tile-header{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:14px}.select-tile-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.select-tile-count{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline)}.select-tile-count button{width:26px;height:26px;border-radius:4px;border:1px solid var(--hairline);background:var(--paper-dim);font-size:15px;line-height:1}.select-tile-count input[type=number]{width:48px;text-align:center;padding:5px 4px;border:1px solid var(--hairline);border-radius:4px;font-family:var(--font-mono);font-size:13px}.select-tile-max{font-size:11px;color:var(--slate);margin-left:auto}.create-summary{position:sticky;bottom:20px;padding:22px 24px;margin-top:36px}.summary-row{display:flex;gap:40px;margin-bottom:16px;flex-wrap:wrap}.summary-value{font-family:var(--font-mono);font-size:22px;font-weight:600}.duration-input{width:90px;font-size:20px;font-weight:600;border:1px solid var(--hairline);border-radius:4px;padding:4px 8px}.composition-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-bottom:16px;background:var(--paper-dim)}.composition-segment{transition:width .2s ease}.shuffle-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);margin-bottom:18px}.create-error{color:var(--wrong-red);font-size:13px;margin-bottom:14px}.create-loading{color:var(--slate);font-size:13px;margin-bottom:20px}.instructions{padding-top:40px;max-width:760px}.instructions h1{font-size:30px;margin:10px 0 24px}.instr-summary{display:flex;gap:36px;padding:18px 22px;margin-bottom:28px;flex-wrap:wrap}.summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);margin-bottom:4px}.summary-value-sm{font-weight:600;font-size:16px}.instr-body h3{font-size:15px;margin:26px 0 10px;color:var(--signal-blue-deep)}.instr-body ul{margin:0;padding-left:20px;line-height:1.8;color:var(--ink-soft)}.instr-body li strong{color:var(--ink)}.instr-agree{display:flex;align-items:center;gap:10px;margin:32px 0 20px;font-size:14px;font-weight:500}.instr-actions{display:flex;gap:12px;padding-bottom:60px}.section-tabs-bar{display:flex;gap:6px;padding:8px 20px;background:var(--paper-dim);border-bottom:1px solid var(--hairline);overflow-x:auto;flex-shrink:0}.section-tab-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 14px;border-radius:5px;border:1px solid var(--hairline);background:var(--white);color:var(--ink-soft);white-space:nowrap;flex-shrink:0}.section-tab-name{font-size:12.5px;font-weight:600}.section-tab-count{font-size:10.5px;opacity:.75}.section-tab-btn.is-active{background:var(--navy);border-color:var(--navy);color:var(--white)}.section-tab-btn.is-active .section-tab-count{opacity:.85}@media (max-width: 640px){.section-tabs-bar{padding:8px 12px}}.palette{width:300px;flex-shrink:0;border-left:1px solid var(--hairline);background:var(--white);padding:18px 18px 20px;overflow-y:auto}.palette-candidate{display:flex;align-items:flex-start;gap:10px;padding:10px 10px 16px;margin-bottom:16px;border-bottom:1px solid var(--hairline)}.candidate-photo{width:44px;height:44px;border-radius:4px;background:var(--paper-dim);border:1.5px solid var(--hairline);color:var(--slate);display:flex;align-items:center;justify-content:center;flex-shrink:0}.candidate-name{font-size:13px;font-weight:700;color:var(--ink)}.candidate-field{font-size:10.5px;color:var(--slate);margin-top:2px}.candidate-test-name{font-family:var(--font-body);font-style:italic}.palette-counts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.count-tile{display:flex;align-items:baseline;gap:7px;padding:8px 10px;background:var(--paper-dim);border:1px solid var(--hairline);border-radius:5px;font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--ink)}.count-tile label{font-family:var(--font-body);font-size:10px;font-weight:500;color:var(--slate);margin-left:auto;text-align:right;line-height:1.2}.status-swatch{display:inline-block;width:13px;height:13px;flex-shrink:0}.shape-circle{border-radius:50%;background:var(--not-visited-bg);border:1.5px solid var(--slate)}.shape-square{border-radius:3px}.shape-flag{background:var(--marked-bg);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.palette h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);margin-bottom:10px;font-weight:700}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.palette-cell{aspect-ratio:1;border:1.5px solid var(--hairline);background:var(--not-visited-bg);color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:700;border-radius:4px}.palette-cell.not-visited{background:var(--white);border-radius:50%;border-color:var(--slate);color:var(--ink-soft)}.palette-cell.not-answered{background:var(--not-answered-bg);color:var(--white);border-color:var(--not-answered-bg);border-radius:4px}.palette-cell.answered{background:var(--answered-bg);color:var(--white);border-color:var(--answered-bg);border-radius:4px}.palette-cell.marked{background:var(--marked-bg);color:var(--white);border-color:var(--marked-bg);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.palette-cell.marked-answered{background:var(--marked-bg);color:var(--white);border-color:var(--marked-bg);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);box-shadow:inset 0 -3px 0 0 var(--answered-bg)}.palette-cell.is-current{outline:2px solid var(--signal-blue-deep);outline-offset:2px}.palette-legend{display:flex;flex-direction:column;gap:9px;padding-top:14px;border-top:1px solid var(--hairline)}.legend-row{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink-soft)}.legend-not-visited{background:var(--white)}.legend-not-answered{background:var(--not-answered-bg)}.legend-answered{background:var(--answered-bg)}.legend-marked{background:var(--marked-bg)}.legend-marked-answered{background:var(--marked-bg);box-shadow:inset 0 -3px 0 0 var(--answered-bg)}@media (max-width: 900px){.palette{width:100%;border-left:none;border-top:1px solid var(--hairline)}}.question-card{max-width:760px}.question-info-strip{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:10px 24px;background:var(--paper-dim);border:1px solid var(--hairline);border-radius:6px;margin-bottom:22px;font-size:12.5px;color:var(--ink-soft)}.info-label{color:var(--slate);font-weight:500}.question-info-strip strong{color:var(--ink);font-weight:700}.info-negative{color:var(--wrong-red)!important}.info-status{margin-left:auto}.question-body{padding:0 4px}.question-subject-tag{font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--signal-blue-deep);margin-bottom:10px}.question-text{font-size:17px;line-height:1.75;color:var(--ink);margin-bottom:22px;white-space:pre-line;text-align:left}.code-panel{background:#0f2438;color:#e4ecf5;border-radius:6px;padding:16px 18px;font-size:13.5px;line-height:1.6;overflow-x:auto;margin-bottom:24px}.option-instruction{font-size:13px;color:var(--ink-soft);margin-bottom:12px;font-weight:500}.option-instruction-list{margin:0 0 14px;padding-left:18px;font-size:13px;color:var(--ink-soft);line-height:1.7}.option-list{display:flex;flex-direction:column;gap:10px}.option-row{display:flex;align-items:flex-start;gap:14px;padding:13px 16px;border:1.5px solid var(--hairline);border-radius:6px;cursor:pointer;font-size:15px;line-height:1.55;background:var(--white);transition:border-color .12s ease,background .12s ease}.option-row:hover{border-color:var(--signal-blue)}.option-row.is-selected{border-color:var(--signal-blue-deep);background:#185a9d12}.option-row input{margin-top:3px;flex-shrink:0;accent-color:var(--signal-blue);width:16px;height:16px}.option-marker{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--slate);flex-shrink:0;width:26px}.option-row.is-selected .option-marker{color:var(--signal-blue-deep)}.nat-block{max-width:340px}.nat-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--signal-blue-deep);margin-bottom:8px}.nat-input{width:100%;font-size:18px;padding:12px 14px;border:1.5px solid var(--hairline);border-radius:6px;margin-bottom:12px;box-sizing:border-box}.nat-input:focus{border-color:var(--signal-blue-deep)}.nat-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.nat-key{padding:11px 4px;border-radius:5px;border:1px solid var(--hairline);background:var(--white);color:var(--ink);font-weight:600;font-size:14px;font-family:var(--font-mono)}.nat-key:hover{background:var(--paper-dim)}.nat-key-wide{grid-column:span 2;display:flex;align-items:center;justify-content:center}.nat-key-clear{background:var(--wrong-red-bg);color:var(--wrong-red);border-color:var(--wrong-red);font-family:var(--font-body)}@media (max-width: 640px){.question-info-strip{padding:10px 14px;gap:12px}.info-status{margin-left:0}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12355b59;z-index:60;display:flex;justify-content:flex-end}.drawer-panel{width:400px;max-width:92vw;height:100%;background:var(--white);box-shadow:-6px 0 24px #12355b2e;display:flex;flex-direction:column;animation:drawer-in .18s ease}@keyframes drawer-in{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hairline);flex-shrink:0}.drawer-header h3{color:var(--navy);font-size:17px}.drawer-close{background:none;border:none;color:var(--slate);padding:4px;border-radius:4px}.drawer-close:hover{background:var(--paper-dim);color:var(--ink)}.drawer-body{padding:18px 20px 32px;overflow-y:auto}.drawer-body h4{font-size:13px;color:var(--navy);margin:20px 0 8px}.drawer-body h4:first-child{margin-top:0}.drawer-body ul{margin:0;padding-left:18px}.drawer-body li{font-size:13px;line-height:1.65;color:var(--ink-soft);margin-bottom:4px}.drawer-body li strong{color:var(--ink)}.submit-summary{padding:26px 28px;max-width:560px}.submit-summary h3{color:var(--navy);font-size:17px;margin-bottom:16px}.summary-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:18px}.summary-table th,.summary-table td{border:1px solid var(--hairline);padding:7px 10px;text-align:center}.summary-table th{background:var(--paper-dim);font-weight:700;color:var(--ink-soft);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.summary-section-name{text-align:left!important;font-weight:600;color:var(--ink)}.summary-table tfoot td{font-weight:700;background:var(--paper-dim)}.summary-table tfoot td:first-child{text-align:left}.submit-confirm-text{font-size:14.5px;font-weight:600;color:var(--ink);margin-bottom:20px}.submit-summary-actions{display:flex;justify-content:flex-end;gap:10px}.exam-btn-submit-final{background:var(--wrong-red);border-color:var(--wrong-red)}.exam-btn-submit-final:hover{background:#c2372f;border-color:#c2372f;box-shadow:0 4px 14px #d9534f4d}@media (max-width: 640px){.submit-summary{padding:18px}.summary-table{font-size:11px}}.calc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12355b59;display:flex;align-items:center;justify-content:center;z-index:70}.calc-modal{width:300px;padding:16px;background:var(--white)}.calc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calc-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--navy)}.calc-close{background:none;border:none;color:var(--slate);padding:3px;border-radius:4px}.calc-close:hover{background:var(--paper-dim);color:var(--ink)}.calc-display{background:var(--paper-dim);border:1px solid var(--hairline);border-radius:6px;padding:10px 12px;margin-bottom:10px;text-align:right}.calc-expr{font-size:13px;color:var(--slate);min-height:16px;word-break:break-all}.calc-result{font-size:20px;font-weight:700;color:var(--ink);min-height:24px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.calc-btn{padding:10px 4px;border-radius:5px;border:1px solid var(--hairline);background:var(--white);color:var(--ink);font-size:13px;font-weight:600}.calc-btn:hover{background:var(--paper-dim)}.calc-btn-op{background:var(--signal-blue);border-color:var(--signal-blue);color:var(--white)}.calc-btn-op:hover{background:var(--signal-blue-deep)}.calc-btn-clear{background:var(--wrong-red-bg);border-color:var(--wrong-red);color:var(--wrong-red)}.calc-note{font-size:10.5px;color:var(--slate);margin-top:10px;line-height:1.5}.exam-shell{--navy: #12355b;--paper: #edf1f5;--paper-dim: #dbe7f3;--hairline: #c9d2dc;--signal-blue: #185a9d;--signal-blue-deep: #123f6e;--correct-green: #2e9d50;--correct-green-bg: #E3F3E8;--wrong-red: #d9534f;--wrong-red-bg: #FBEAEA;--answered-bg: #2e9d50;--not-answered-bg: #d9534f;--not-visited-bg: #d9dde2;--marked-bg: #7b4bb7;--marked-answered-bg: #7b4bb7;--radius-sm: 5px;--radius-md: 6px;--shadow-card: 0 1px 3px rgba(18, 53, 91, .08);--font-display: "Inter", "Roboto", Arial, sans-serif;--font-body: "Inter", "Roboto", Arial, sans-serif;display:flex;flex-direction:column;height:100vh;background:var(--paper);font-family:var(--font-body)}.exam-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:var(--navy);border-bottom:3px solid var(--signal-blue);flex-shrink:0;flex-wrap:wrap}.exam-header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.exam-header-mark{width:32px;height:32px;border-radius:4px;background:#ffffff1f;color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.exam-header-portal{color:var(--white);font-weight:700;font-size:13px;letter-spacing:.01em}.exam-header-center{text-align:center;flex:1;min-width:220px}.exam-header-title{color:var(--white);font-weight:600;font-size:13.5px}.exam-header-candidate{color:#ffffffb3;font-size:10.5px;margin-top:3px}.exam-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.exam-icon-btn{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--white);font-size:12px;font-weight:600}.exam-icon-btn:hover{background:#ffffff29}.exam-icon-btn-square{padding:7px}.exam-icon-btn span{white-space:nowrap}.exam-lang-select{padding:6px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--white);font-size:12px}.timer{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;padding:7px 12px;border-radius:4px;background:var(--correct-green-bg);color:var(--correct-green);letter-spacing:.01em}.timer-label{font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.timer-value{font-size:14.5px}.timer-ok{background:var(--correct-green-bg);color:var(--correct-green)}.timer-warning{background:#fef3c7;color:#b45309}.timer-low{background:var(--wrong-red-bg);color:var(--wrong-red);animation:timer-pulse 1.4s ease-in-out infinite}@keyframes timer-pulse{0%,to{box-shadow:0 0 #d9534f59}50%{box-shadow:0 0 0 5px #d9534f00}}.exam-submit-btn{background:var(--wrong-red);border-color:var(--wrong-red);border-radius:4px}.exam-submit-btn:hover{background:#c2372f;border-color:#c2372f;box-shadow:none}.exam-body{display:flex;flex:1;overflow:hidden}.exam-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--paper)}.exam-main .question-card{padding:26px 32px 0}.exam-actions{display:flex;justify-content:space-between;align-items:center;padding:14px 32px;border-top:1px solid var(--hairline);background:var(--white);flex-wrap:wrap;gap:12px;margin-top:28px}.exam-actions-left,.exam-actions-right{display:flex;gap:10px}.btn{border-radius:var(--radius-sm);box-shadow:none}.btn:hover{box-shadow:none}.exam-btn-clear{background:var(--white);color:var(--wrong-red);border:1.5px solid var(--wrong-red)}.exam-btn-clear:hover{background:var(--wrong-red-bg)}.exam-btn-mark{background:var(--marked-bg);border-color:var(--marked-bg);color:var(--white)}.exam-btn-mark:hover{background:#663f9c;border-color:#663f9c}.exam-btn-save{background:var(--correct-green);border-color:var(--correct-green)}.exam-btn-save:hover{background:#268544;border-color:#268544}.exam-btn-prev{background:var(--white);color:var(--ink-soft);border:1.5px solid var(--hairline)}.exam-btn-prev:hover{background:var(--paper-dim)}.exam-btn-prev:disabled{opacity:.4}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12355b73;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.confirm-dialog-wrap{max-width:640px;width:100%;max-height:88vh;overflow-y:auto}@media (max-width: 900px){.exam-body{flex-direction:column;overflow-y:auto}.exam-actions{padding:14px 18px}.exam-main .question-card{padding:20px 18px 0}.exam-header{justify-content:center}.exam-header-center{order:3;width:100%}}.results{padding-top:40px}.results h1{font-size:28px;margin:8px 0 28px}.score-hero{display:flex;align-items:center;gap:48px;padding:30px 32px;margin-bottom:40px;flex-wrap:wrap}.score-hero-main{text-align:center}.score-value{font-size:48px;font-weight:700;color:var(--signal-blue-deep);line-height:1}.score-out-of{color:var(--slate);font-size:13px;margin-top:6px}.score-stats{display:flex;gap:30px;flex-wrap:wrap}.stat-value{font-family:var(--font-mono);font-size:22px;font-weight:600}.stat-label{font-size:11px;color:var(--slate);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.subject-breakdown{margin-bottom:36px}.subject-breakdown h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate);margin-bottom:12px}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;align-items:center;gap:20px;padding:12px 18px;font-size:14px}.breakdown-name{flex:1;font-weight:600}.breakdown-score{color:var(--signal-blue-deep);font-weight:600}.breakdown-detail{color:var(--slate);font-size:12px}.results-actions{display:flex;gap:12px;padding-bottom:60px;flex-wrap:wrap}.review{padding-top:40px}.review h1{font-size:28px;margin:8px 0 28px}.review-list{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.review-card{padding:20px 24px;border-left:4px solid var(--hairline)}.review-card.status-correct{border-left-color:var(--correct-green)}.review-card.status-wrong{border-left-color:var(--wrong-red)}.review-card.status-unattempted{border-left-color:var(--slate)}.review-meta{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:12px;flex-wrap:wrap}.review-subject{color:var(--signal-blue-deep);font-weight:600}.review-marks{margin-left:auto;color:var(--slate)}.review-status-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:3px;letter-spacing:.04em}.review-status-badge.status-correct{background:var(--correct-green-bg);color:var(--correct-green)}.review-status-badge.status-wrong{background:var(--wrong-red-bg);color:var(--wrong-red)}.review-status-badge.status-unattempted{background:var(--paper-dim);color:var(--slate)}.review-question{font-size:16px;line-height:1.55;margin-bottom:14px;white-space:pre-line}.review-answers{font-size:14px;line-height:1.8;color:var(--ink-soft)}.review-label{font-weight:600;color:var(--ink);margin-right:6px}.review-explanation{margin-top:8px;padding-top:8px;border-top:1px dashed var(--hairline);font-size:13px}.review-actions{display:flex;gap:12px;padding-bottom:60px}.history{padding-top:40px}.history h1{font-size:30px;margin:8px 0 10px}.history-sub{color:var(--ink-soft);margin-bottom:32px;max-width:620px;line-height:1.6}.history-empty{padding:40px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.history-list{display:flex;flex-direction:column;gap:10px;padding-bottom:60px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;color:inherit;flex-wrap:wrap;gap:8px}.history-title{font-weight:600;margin-bottom:4px}.history-date{color:var(--slate);font-size:12px}.history-row-stats{font-size:13px;color:var(--ink-soft);display:flex;gap:8px}.history-sep{color:var(--hairline)}.analytics-page{animation:fadeIn .25s ease-out;display:flex;flex-direction:column;gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.analytics-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hairline);padding-bottom:20px}.analytics-subtitle{color:var(--slate);margin-top:4px;font-size:14px}.reload-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;height:max-content}.kpi-grid{display:flex;flex-wrap:wrap;gap:16px}.kpi-card{flex:1 1 220px;display:flex;align-items:center;padding:20px;gap:16px;background:var(--white)}.kpi-icon-wrap{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--paper-dim);display:flex;align-items:center;justify-content:center;color:var(--oxford-blue);border:1px solid var(--hairline)}.kpi-details{display:flex;flex-direction:column;min-width:0}.kpi-label{font-size:12px;color:var(--slate);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi-value{font-size:24px;font-weight:700;color:var(--oxford-blue);margin:2px 0 0;line-height:1.1}.kpi-sub{font-size:11px;color:var(--slate);margin-top:2px}.chart-section{padding:24px;background:var(--white);position:relative}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chart-header h3{font-size:18px;font-weight:600}.live-badge{display:inline-flex;align-items:center;gap:6px;background:var(--correct-green-bg);color:var(--forest-green);font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 8px;border-radius:20px;text-transform:uppercase}.ping-dot{width:6px;height:6px;background:var(--forest-green);border-radius:50%;animation:ping 1.5s infinite}@keyframes ping{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}to{transform:scale(1);opacity:1}}.chart-description{font-size:13px;color:var(--slate);margin-bottom:24px}.svg-container{position:relative;width:100%}.wave-svg{width:100%;height:auto;overflow:visible}.gridline-line{stroke:#f0eadf;stroke-width:1}.gridline-text{fill:var(--slate);font-size:10px}.point-circle{transition:r .15s ease,stroke-width .15s ease}.chart-point-group:hover .point-circle{r:8px;stroke-width:4px;cursor:pointer}.point-trigger{cursor:pointer}.chart-tooltip{position:absolute;transform:translate(-50%,-100%) translateY(-14px);z-index:100;padding:10px 14px;pointer-events:none;background:var(--white);box-shadow:0 8px 30px #0a1e3c1f;border:1px solid var(--hairline);border-radius:var(--radius-sm);min-width:160px;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(-8px)}to{opacity:1;transform:translate(-50%,-100%) translateY(-14px)}}.tooltip-title{font-weight:600;font-size:12px;color:var(--oxford-blue);margin-bottom:4px}.tooltip-score{font-size:11px;font-weight:700;color:var(--forest-green);margin-bottom:2px}.tooltip-date{font-size:10px;color:var(--slate)}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--white);border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.analytics-flex-row{display:flex;flex-direction:row;gap:24px}.analytics-flex-row>section{padding:24px}.flex-1{flex:1}.section-desc{font-size:13px;color:var(--slate);margin-bottom:20px}.subject-bars-list{display:flex;flex-direction:column;gap:16px}.subject-bar-item{display:flex;flex-direction:column;gap:6px}.subject-bar-info{display:flex;justify-content:space-between;font-size:13px;font-weight:500}.subj-name{color:var(--oxford-blue)}.subj-ratio{font-size:11px;color:var(--slate)}.bar-track{width:100%;height:8px;background:var(--paper-dim);border-radius:4px;overflow:hidden;border:1px solid #ECE6DB}.bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.1,.8,.25,1)}.subject-bar-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--slate)}.daily-rhythm-card{width:320px;display:flex;flex-direction:column}.daily-list{display:flex;flex-direction:column;gap:12px;flex:1;max-height:320px;overflow-y:auto;padding-right:4px}.daily-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--paper-dim);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:12px}.daily-text{display:flex;flex-direction:column;flex:1}.daily-date{font-weight:600;color:var(--oxford-blue)}.daily-count{color:var(--slate);font-size:11px}.daily-marks{color:var(--forest-green)}.rhythm-sine-container{margin-top:24px;padding-top:16px;border-top:1px dashed var(--hairline)}.sine-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);font-weight:600;margin-bottom:8px;text-align:center}.rhythm-sine-svg{width:100%;height:40px;overflow:visible}.analytics-loading-shell,.analytics-error-shell,.analytics-empty-shell{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}.analytics-loader-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--slate)}.analytics-spinner{animation:spin 1.2s linear infinite;color:var(--oxford-blue)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analytics-error-card,.analytics-empty-card{text-align:center;padding:40px;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:16px}.error-icon{color:var(--crimson)}.empty-icon{color:var(--slate)}.analytics-empty-card h2,.analytics-error-card h2{font-size:20px;color:var(--oxford-blue)}.analytics-empty-card p,.analytics-error-card p{font-size:14px;color:var(--slate);line-height:1.5}.streak-tracker-card{width:340px;display:flex;flex-direction:column}.streak-summary-row{background:var(--paper-dim);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:16px;margin-bottom:20px}.streak-badge-large{display:flex;align-items:center;gap:16px}.streak-badge-text{display:flex;flex-direction:column}.streak-badge-number{font-size:36px;font-weight:800;line-height:1;color:#ff6b35}.streak-badge-label{font-size:12px;color:var(--slate);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.contribution-container{display:flex;flex-direction:column;background:var(--white)}.grid-title{font-size:12px;font-weight:600;color:var(--oxford-blue);margin-bottom:12px}.contribution-wrapper{display:flex;gap:8px;align-items:flex-start}.day-labels{display:flex;flex-direction:column;justify-content:space-between;height:88px;font-size:9px;color:var(--slate);text-align:right;padding-right:4px;line-height:10px}.github-grid{display:flex;gap:3px}.github-grid-col{display:flex;flex-direction:column;gap:3px}.github-grid-cell{width:10px;height:10px;border-radius:2px;transition:transform .1s ease,filter .1s ease;cursor:pointer}.github-grid-cell:hover{transform:scale(1.2);filter:brightness(.9);z-index:10}.grid-cell-0{background-color:#f1f5f9;border:1px solid rgba(0,0,0,.03)}.grid-cell-1{background-color:#bbf7d0}.grid-cell-2{background-color:#86efac}.grid-cell-3{background-color:#4ade80}.grid-cell-4{background-color:#22c55e}.grid-legend{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:10px;margin-top:12px}.legend-cells{display:flex;gap:3px}.animated-flame{animation:pulse-flame-large 1.2s infinite ease-in-out alternate}@keyframes pulse-flame-large{0%{transform:scale(.95);filter:drop-shadow(0 0 2px rgba(255,107,53,.4))}to{transform:scale(1.05) translateY(-1px);filter:drop-shadow(0 0 8px rgba(255,107,53,.8))}}@media (max-width: 1100px){.analytics-flex-row{flex-direction:column}.daily-rhythm-card,.streak-tracker-card{width:100%}}@keyframes drawString{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes fadeInArea{0%{opacity:0}to{opacity:1}}@keyframes popPoint{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.wave-line-animated{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawString 2s cubic-bezier(.25,1,.5,1) forwards}.wave-area-animated{opacity:0;animation:fadeInArea 1.5s ease-out 1.2s forwards}.chart-point-group{transform-box:fill-box;transform-origin:center}.settings-page{animation:fadeIn .25s ease-out;display:flex;flex-direction:column;gap:24px}.settings-header{border-bottom:1px solid var(--hairline);padding-bottom:20px}.settings-subtitle{color:var(--slate);margin-top:4px;font-size:14px}.settings-tabs-wrapper{display:flex;gap:12px;border-bottom:1px solid var(--hairline)}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:13.5px;font-weight:600;color:var(--slate);cursor:pointer;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--oxford-blue)}.tab-btn.is-active{color:var(--oxford-blue);border-bottom-color:var(--oxford-blue)}.settings-card{background:var(--white);padding:28px}.card-sec-header{border-bottom:1px dashed var(--hairline);padding-bottom:16px;margin-bottom:24px}.card-sec-header h3{font-size:16px;color:var(--oxford-blue)}.card-sec-header p{font-size:13px;color:var(--slate);margin-top:4px}.form-grid-fields{display:flex;flex-direction:column;gap:20px;max-width:580px}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-group label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--charcoal)}.settings-form-group input,.settings-form-group select{padding:10px 14px;border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:13.5px;background:var(--white);color:var(--ink);outline:none}.settings-form-group input:focus,.settings-form-group select:focus{border-color:var(--oxford-blue)}.reg-input-wrapper{display:flex;position:relative;align-items:center}.reg-input-wrapper input{width:100%;padding-right:60px}.digit-counter{position:absolute;right:14px;font-size:11px;font-family:var(--font-mono);color:var(--slate)}.digit-counter.is-valid{color:var(--forest-green);font-weight:700}.form-split-row{display:flex;gap:16px}.card-sec-footer{border-top:1px dashed var(--hairline);padding-top:20px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.save-settings-btn{display:inline-flex;align-items:center;gap:8px}.student-badge{font-size:12px;color:var(--forest-green);display:flex;align-items:center;gap:6px;background:var(--correct-green-bg);padding:6px 12px;border-radius:20px}.settings-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:8px}.alert-error{background:var(--wrong-red-bg);border:1px solid #F5D3D7;color:var(--crimson)}.alert-success{background:var(--correct-green-bg);border:1px solid #D1E7DD;color:var(--forest-green)}.preferences-list{display:flex;flex-direction:column;gap:18px}.pref-item-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px dashed var(--hairline)}.pref-item-row:last-child{border-bottom:none}.pref-info{display:flex;flex-direction:column;gap:4px;padding-right:24px}.pref-title{font-weight:600;font-size:14px;color:var(--oxford-blue)}.pref-desc{font-size:12.5px;color:var(--slate);line-height:1.4}.switch-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--paper-dim);border:1px solid var(--hairline);transition:.2s;border-radius:24px}.slider-round:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--slate);transition:.2s;border-radius:50%}.switch-toggle input:checked+.slider-round{background-color:var(--oxford-blue);border-color:var(--oxford-blue)}.switch-toggle input:checked+.slider-round:before{transform:translate(20px);background-color:var(--white)}.admin-lock-shell{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);animation:fadeIn .2s ease-out}.admin-lock-card{max-width:440px;width:100%;padding:36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--white);border:1px solid var(--warm-stone)}.lock-icon-wrapper{width:72px;height:72px;border-radius:50%;background:#d4c5a926;display:flex;align-items:center;justify-content:center;color:var(--oxford-blue);border:1.5px solid var(--warm-stone);margin-bottom:8px}.admin-lock-card h2{font-size:22px;font-weight:700;color:var(--oxford-blue);letter-spacing:-.01em}.admin-lock-card p{font-size:14px;color:var(--slate);line-height:1.5}.lock-form{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:8px}.lock-form input{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--warm-stone);border-radius:var(--radius-sm);background:var(--paper-dim);text-align:center;letter-spacing:.1em;font-weight:700;color:var(--oxford-blue);transition:all .15s ease}.lock-form input:focus{outline:none;background:#fff;border-color:var(--oxford-blue);box-shadow:0 0 0 3px #0a1e3c14}.passcode-error-msg{color:var(--crimson);font-size:12px;font-weight:600}.btn-unlock{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--oxford-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.btn-unlock:hover{background:#15325c;box-shadow:0 4px 12px #0a1e3c33}.admin-dashboard-page{animation:fadeIn .25s ease-out;display:flex;flex-direction:column;gap:24px}.admin-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hairline);padding-bottom:20px}.admin-subtitle{color:var(--slate);margin-top:4px;font-size:14px}.admin-header-actions{display:flex;gap:12px}.btn-lock-out{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;background:#fdf2f2;border:1px solid #F87171;color:var(--crimson);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-lock-out:hover{background:var(--crimson);color:#fff}.admin-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:var(--slate);gap:12px}.admin-error-wrapper{text-align:center;padding:48px;max-width:480px;margin:40px auto;display:flex;flex-direction:column;align-items:center;gap:16px}.admin-tabs-wrapper{display:flex;border-bottom:2px solid var(--paper-dim);gap:4px;margin-top:8px}.admin-tabs-wrapper .tab-btn{display:flex;align-items:center;gap:8px;background:none;border:none;border-bottom:2px solid transparent;padding:12px 20px;font-size:14px;font-weight:600;color:var(--slate);cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.admin-tabs-wrapper .tab-btn:hover{color:var(--oxford-blue);background:var(--paper-dim)}.admin-tabs-wrapper .tab-btn.is-active{color:var(--oxford-blue);border-bottom-color:var(--oxford-blue)}.admin-content-card{padding:0;overflow:hidden;border:1px solid var(--warm-stone)}.table-header-title{padding:20px 24px;border-bottom:1px solid var(--hairline);background:var(--paper-dim)}.table-header-title h3{font-size:16px;font-weight:600;color:var(--oxford-blue)}.table-header-title p{font-size:12px;color:var(--slate);margin-top:4px}.admin-table-wrapper{overflow-x:auto;width:100%}.admin-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.admin-data-table th{background:#fff;color:var(--slate);text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.05em;padding:14px 24px;border-bottom:1px solid var(--hairline)}.admin-data-table td{padding:16px 24px;border-bottom:1px solid var(--hairline);color:var(--charcoal);vertical-align:middle}.admin-data-table tr:last-child td{border-bottom:none}.admin-data-table tbody tr:hover{background:#f0eadf26}.td-user-info{display:flex;flex-direction:column}.text-xs{font-size:11px}.badge-accuracy{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;font-family:var(--font-mono)}.acc-high{background:var(--correct-green-bg);color:var(--forest-green)}.acc-med{background:#fffbeb;color:var(--amber)}.acc-low{background:#fef2f2;color:var(--crimson)}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.kpi-card{display:flex;align-items:center;gap:18px;padding:20px 24px;background:var(--white);border:1px solid var(--warm-stone);transition:all .2s ease}.kpi-icon-wrap{width:46px;height:46px;border-radius:var(--radius-sm);background:#0a1e3c0d;color:var(--oxford-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(10,30,60,.08)}.kpi-details{display:flex;flex-direction:column}.kpi-label{font-size:11px;text-transform:uppercase;color:var(--slate);letter-spacing:.05em;font-weight:600}.kpi-value{font-size:26px;font-weight:800;color:var(--oxford-blue);margin:3px 0 2px;line-height:1.1}.kpi-sub{font-size:11px;color:var(--slate)}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr;gap:12px}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-header-actions{width:100%;justify-content:space-between}}.download-report-btn{background:var(--white);border:1.5px solid var(--warm-stone)!important;color:var(--oxford-blue)!important;font-weight:600;transition:all .2s ease;border-radius:var(--radius-sm)}.download-report-btn:hover{background:var(--burgundy)!important;border-color:var(--burgundy)!important;color:var(--white)!important;box-shadow:0 2px 8px #8b263540}.download-report-btn:disabled{opacity:.6;cursor:not-allowed}.popup-settings-container{padding:10px}.popup-settings-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:24px}.settings-column-form{display:flex;flex-direction:column;gap:20px}.settings-column-media{display:flex;flex-direction:column;gap:16px;padding-left:20px;border-left:1px solid rgba(10,30,60,.08)}.form-group-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--stone-light);border:1px solid var(--warm-stone);border-radius:var(--radius-md)}.form-group-field{display:flex;flex-direction:column;gap:8px}.settings-field-label{font-weight:700;font-size:13px;color:var(--oxford-blue);text-transform:uppercase;letter-spacing:.05em}.settings-field-desc{font-size:12px;color:var(--slate);margin:0 0 4px}.settings-textarea{width:100%;padding:12px;border:1.5px solid var(--warm-stone);border-radius:var(--radius-md);font-family:inherit;font-size:13px;resize:vertical;background:var(--white);transition:border-color .2s ease}.settings-textarea:focus{outline:none;border-color:var(--oxford-blue)}.settings-select{width:100%;padding:10px 12px;border:1.5px solid var(--warm-stone);border-radius:var(--radius-md);font-family:inherit;font-size:13px;background:var(--white);transition:border-color .2s ease;cursor:pointer}.settings-select:focus{outline:none;border-color:var(--oxford-blue)}.toggle-wrapper{display:flex;align-items:center;gap:10px}.settings-toggle-checkbox{display:none}.settings-toggle-label{display:block;width:44px;height:24px;background:#e8e2d5;border-radius:12px;position:relative;cursor:pointer;transition:background .2s ease}.settings-toggle-checkbox:checked+.settings-toggle-label{background:var(--burgundy)}.settings-toggle-label .toggle-switch-btn{display:block;width:18px;height:18px;background:var(--white);border-radius:50%;position:absolute;top:3px;left:3px;transition:left .2s ease;box-shadow:0 1px 3px #00000026}.settings-toggle-checkbox:checked+.settings-toggle-label .toggle-switch-btn{left:23px}.toggle-status-text{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--oxford-blue)}.file-uploader-dropzone{border:2px dashed var(--warm-stone);border-radius:var(--radius-md);padding:30px;text-align:center;background:var(--stone-light);transition:all .2s ease;cursor:pointer}.file-uploader-dropzone:hover{border-color:var(--oxford-blue);background:#0a1e3c05}.hidden-file-input{display:none}.dropzone-clickable-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.dropzone-icon{color:var(--slate)}.dropzone-text{font-weight:600;font-size:13px;color:var(--oxford-blue)}.dropzone-subtext{font-size:11px;color:var(--slate)}.gallery-preview-wrapper{margin-top:20px}.gallery-title{font-size:12px;color:var(--oxford-blue);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.images-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.thumbnail-card{position:relative;aspect-ratio:1;border:1px solid var(--warm-stone);border-radius:var(--radius-sm);overflow:hidden;background:var(--stone-light)}.thumbnail-img{width:100%;height:100%;object-fit:cover}.thumbnail-remove-btn{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#dc2626e6;color:var(--white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.thumbnail-remove-btn:hover{background:#b91c1c}@media (max-width: 900px){.popup-settings-layout{grid-template-columns:1fr;gap:30px}.settings-column-media{padding-left:0;border-left:none;border-top:1px solid rgba(10,30,60,.08);padding-top:20px}}.sql-import-container{padding:10px}.sql-import-layout{display:flex;flex-direction:column;gap:20px;margin-top:20px}.sql-editor-textarea{width:100%;min-height:280px;padding:16px;border:1.5px solid var(--warm-stone);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:13px;line-height:1.5;background:#fafafa;color:var(--charcoal);resize:vertical;transition:all .25s ease}.sql-editor-textarea:focus{outline:none;border-color:var(--oxford-blue);background:var(--white);box-shadow:0 4px 12px #0a1e3c0d}.import-error-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef2f2;border:1px solid #FCA5A5;border-radius:var(--radius-md);color:var(--crimson);font-size:13px}.import-error-banner p{margin:0;line-height:1.4}.import-success-banner{padding:16px;background:#ecfdf5;border:1px solid #6EE7B7;border-radius:var(--radius-md);color:var(--forest-green);font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.sql-actions-bar{display:flex;justify-content:flex-end;gap:12px}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a1e3ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.preview-modal-card{width:100%;max-width:950px;max-height:85vh;background:var(--white);border:1px solid var(--warm-stone);border-radius:var(--radius-md);box-shadow:0 20px 50px #0a1e3c4d;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-modal-header{padding:20px 24px;background:var(--oxford-blue);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--warm-stone)}.preview-modal-header h3{color:#fff;margin:0;font-size:16px;font-weight:700}.preview-modal-header p{color:#d4c5a9;font-size:12px;margin:4px 0 0}.preview-modal-close-btn{background:none;border:none;color:#d4c5a9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.preview-modal-close-btn:hover{color:#fff;background:#ffffff1a}.preview-modal-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px;background:var(--paper-dim)}.preview-warning-alert{background:#fffbeb;border:1px solid #FCD34D;color:#b45309;padding:14px 18px;border-radius:var(--radius-sm);font-size:13px;line-height:1.4}.preview-questions-list{display:flex;flex-direction:column;gap:16px}.preview-question-item{background:var(--white);border:1px solid var(--warm-stone);border-radius:var(--radius-sm);padding:18px;box-shadow:0 2px 8px #0a1e3c0a}.preview-q-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.preview-badge{font-size:10px;font-family:var(--font-mono);font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.preview-badge-type{background:#eff6ff;color:#2563eb}.preview-badge-marks{background:#f5f3ff;color:#7c3aed}.preview-badge-diff{background:#f0fdf4;color:#16a34a}.preview-badge-diff.medium{background:#fffbeb;color:#d97706}.preview-badge-diff.hard{background:#fef2f2;color:#dc2626}.preview-badge-subject{background:#f3f4f6;color:#374151}.preview-q-text{font-size:14px;font-weight:600;color:var(--charcoal);margin-bottom:12px;line-height:1.5}.preview-code-block{background:#2d2d2d;color:#f8f8f2;padding:14px;border-radius:6px;font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;margin-bottom:12px;line-height:1.4}.preview-options-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}@media (max-width: 600px){.preview-options-list{grid-template-columns:1fr}}.preview-option-item{padding:10px 14px;background:#f9fafb;border:1px solid var(--hairline);border-radius:6px;font-size:13px;display:flex;gap:8px}.preview-option-item.correct{background:var(--correct-green-bg);border-color:var(--correct-green);color:var(--forest-green);font-weight:600}.preview-correct-ans-label{font-size:13px;font-weight:700;color:var(--forest-green);margin-bottom:12px}.preview-explanation{background:#f3f4f6;border-left:3px solid var(--slate);padding:10px 14px;font-size:12px;color:var(--charcoal);line-height:1.4}.preview-modal-footer{padding:18px 24px;background:#f9fafb;border-top:1.5px solid var(--warm-stone);display:flex;justify-content:flex-end;gap:12px}.premier-create-form{padding:0 24px 28px}.premier-exams-list{padding:0 24px 24px}.premier-exams-list .admin-table-wrapper{margin:0 -24px}@media (max-width: 640px){.premier-create-form,.premier-exams-list{padding:0 16px 20px}.premier-exams-list .admin-table-wrapper{margin:0 -16px}}.not-found-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--oxford-blue);background:linear-gradient(135deg,var(--oxford-blue) 0%,#061427 100%);color:var(--white);padding:2rem;box-sizing:border-box;overflow:hidden;position:relative}.not-found-content{width:100%;max-width:580px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:10}.not-found-bg-illustration{width:100%;max-width:320px;height:auto;color:var(--warm-stone);opacity:.15;margin-bottom:2rem;animation:floatIllustration 4s ease-in-out infinite}@keyframes floatIllustration{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}.not-found-title{font-family:var(--font-display);font-size:2.75rem;font-weight:800;color:var(--white);margin:0 0 1rem;letter-spacing:-.02em;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.not-found-description{font-size:1.1rem;color:#fdfbf7b3;margin:0 0 2.5rem;line-height:1.6;font-weight:400;max-width:440px}.not-found-search-form{width:100%;max-width:420px;display:flex;gap:.75rem;margin-bottom:2rem}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fdfbf766}.search-input{width:100%;height:48px;padding:0 1rem 0 2.75rem;background:#ffffff0d;border:1px solid rgba(212,197,169,.25);border-radius:var(--radius-sm);color:var(--white);font-size:.95rem;font-family:var(--font-body);outline:none;box-sizing:border-box;transition:all .2s ease}.search-input:focus{border-color:var(--warm-stone);background:#ffffff14;box-shadow:0 0 0 3px #d4c5a926}.not-found-search-btn{height:48px;background:var(--warm-stone);border-color:var(--warm-stone);color:var(--oxford-blue)}.not-found-search-btn:hover{background:#c4b599;border-color:#c4b599;color:var(--oxford-blue);box-shadow:0 4px 14px #d4c5a94d}.not-found-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.not-found-back-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--white);border:1.5px solid rgba(253,251,247,.3)}.not-found-back-btn:hover{background:#ffffff0d;border-color:var(--white)}.not-found-home-btn{display:flex;align-items:center;gap:.5rem;background:var(--burgundy);border-color:var(--burgundy)}.not-found-home-btn:hover{background:#721f2b;border-color:#721f2b;box-shadow:0 4px 14px #8b263566}@media (max-width: 580px){.not-found-title{font-size:2.25rem}.not-found-search-form{flex-direction:column;gap:.5rem}.not-found-search-btn{width:100%}.not-found-actions{flex-direction:column;width:100%;max-width:320px}.not-found-actions .btn{width:100%;justify-content:center}}.portal-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a1e3c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:popupFadeIn .25s ease-out}.portal-popup-card{background:var(--white);border:1.5px solid var(--warm-stone);border-radius:var(--radius-lg);width:90%;max-width:780px;max-height:85vh;box-shadow:var(--shadow-lg),0 10px 30px #0a1e3c26;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:popupZoomIn .3s cubic-bezier(.34,1.56,.64,1)}.portal-popup-close-btn{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:#e8e2d580;color:var(--oxford-blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.portal-popup-close-btn:hover{background:var(--burgundy);color:var(--white);transform:rotate(90deg)}.portal-popup-header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(10,30,60,.08);background:var(--stone-light)}.popup-bell-icon{width:32px;height:32px;border-radius:8px;background:#8b26351a;color:var(--burgundy);display:flex;align-items:center;justify-content:center}.popup-title-meta h3{margin:0;font-size:14px;font-weight:700;color:var(--oxford-blue);text-transform:uppercase;letter-spacing:.05em}.popup-title-meta span{font-size:10px;color:var(--slate);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.portal-popup-content-scroll{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.popup-carousel-container{width:100%;aspect-ratio:1.8;max-height:480px;position:relative;background:#000;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--warm-stone)}.popup-carousel-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.popup-carousel-img{width:100%;height:100%;object-fit:contain;background:#1e1e1e}.carousel-control-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#0a1e3c99;color:var(--white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;z-index:2}.carousel-control-btn:hover{background:var(--burgundy)}.carousel-control-btn.prev{left:10px}.carousel-control-btn.next{right:10px}.carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.indicator-dot{width:6px;height:6px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .2s ease}.indicator-dot.is-active{background:var(--white);transform:scale(1.3)}.popup-message-body{font-size:13.5px;color:#334155;line-height:1.6;white-space:pre-line;background:var(--stone-light);padding:14px 16px;border-left:3px solid var(--burgundy);border-radius:0 var(--radius-md) var(--radius-md) 0}.popup-message-body.with-images{margin-top:4px}.portal-popup-footer{padding:16px 20px;border-top:1px solid rgba(10,30,60,.08);background:var(--stone-light);display:flex;justify-content:flex-end}.popup-action-btn{width:100%;padding:10px;font-weight:600;background:var(--oxford-blue);border-color:var(--oxford-blue);color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.popup-action-btn:hover{background:var(--burgundy);border-color:var(--burgundy)}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}:root{--oxford-blue: #0A1E3C;--warm-stone: #D4C5A9;--burgundy: #8B2635;--ivory: #FDFBF7;--charcoal: #2D2D2D;--slate: #6B7280;--forest-green: #2D6A4F;--crimson: #DC2626;--amber: #D97706;--navy: var(--oxford-blue);--royal-blue: #162E52;--paper: var(--ivory);--paper-dim: #F4EFE6;--ink: var(--charcoal);--ink-soft: var(--slate);--hairline: var(--warm-stone);--signal-blue: var(--oxford-blue);--signal-blue-deep: var(--burgundy);--marked-amber: var(--amber);--correct-green: var(--forest-green);--correct-green-bg: #E8F4EC;--wrong-red: var(--crimson);--wrong-red-bg: #FDE8E8;--answered-bg: var(--forest-green);--not-answered-bg: var(--crimson);--not-visited-bg: #E8E2D5;--marked-bg: var(--amber);--marked-answered-bg: var(--amber);--white: #FFFFFF;--sidebar-width: 260px;--sidebar-width-collapsed: 76px;--font-display: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--shadow-card: 0 4px 20px rgba(10, 30, 60, .07)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--oxford-blue);outline-offset:2px}a{color:var(--oxford-blue);text-decoration:none}.mono{font-family:var(--font-mono)}.btn{border:1px solid var(--oxford-blue);background:var(--oxford-blue);color:var(--white);padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;letter-spacing:.01em;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.btn:hover{background:#162e52;border-color:#162e52;box-shadow:0 4px 14px #0a1e3c40}.btn:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--hairline)}.btn-secondary:hover{background:var(--paper-dim)}.btn-outline-blue{background:transparent;color:var(--oxford-blue);border:1px solid var(--oxford-blue)}.btn-outline-blue:hover{background:#0a1e3c0f}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.app-shell{min-height:100vh;display:flex}.app-content-wrapper{margin-left:var(--sidebar-current-width, var(--sidebar-width));min-height:100vh;transition:margin-left .18s ease;width:calc(100% - var(--sidebar-current-width, var(--sidebar-width)))}.app-content{min-height:calc(100vh - 64px)}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a1e3c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:25;animation:backdropFadeIn .25s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.app-content-wrapper{margin-left:0;width:100%}}.page-shell{max-width:1180px;margin:0 auto;padding:24px 28px 64px}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--burgundy);font-weight:600}.card{background:var(--white);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform .15s ease,box-shadow .15s ease}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}body.theme-oxford{--oxford-blue: #0A1E3C;--burgundy: #8B2635;--warm-stone: #D4C5A9;--ivory: #FDFBF7;--paper-dim: #F4EFE6}body.theme-emerald{--oxford-blue: #1B4332;--burgundy: #2D6A4F;--warm-stone: #A3B19B;--ivory: #F4F9F4;--paper-dim: #E8EFE8}body.theme-burgundy{--oxford-blue: #5C0614;--burgundy: #900C3F;--warm-stone: #D9BCA3;--ivory: #FFF8F6;--paper-dim: #F8ECE8}body.theme-charcoal{--oxford-blue: #222222;--burgundy: #D81B60;--warm-stone: #B0BEC5;--ivory: #ECEFF1;--paper-dim: #E0E4E6}