:root{--bg: #09090f;--surface: #111118;--surface2: #16161f;--surface3: #1c1c28;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0f8;--text2: #8888a8;--text3: #55556a;--accent: #7c6aff;--accent2: #a78bfa;--accent-glow: rgba(124,106,255,.25);--green: #22d3a0;--green-glow: rgba(34,211,160,.15);--amber: #f59e0b;--amber-glow: rgba(245,158,11,.15);--red: #f43f5e;--red-glow: rgba(244,63,94,.2);--blue: #60a5fa;--blue-glow: rgba(96,165,250,.15);--on-accent: #ffffff;--on-color: #ffffff}[data-theme=light]{--bg: #ffffff;--surface: #ffffff;--surface2: #f7f7f5;--surface3: #efefec;--border: rgba(0,0,0,.08);--border2: rgba(0,0,0,.12);--text: #111827;--text2: #6b7280;--text3: #9ca3af;--accent: #6366f1;--accent2: #8b5cf6;--accent-glow: rgba(99,102,241,.15);--green: #10b981;--green-glow: rgba(16,185,129,.1);--amber: #f59e0b;--amber-glow: rgba(245,158,11,.12);--red: #ef4444;--red-glow: rgba(239,68,68,.15);--blue: #3b82f6;--blue-glow: rgba(59,130,246,.12);--on-accent: #ffffff;--on-color: #ffffff}[data-theme=dark]{--bg: #09090f;--surface: #111118;--surface2: #16161f;--surface3: #1c1c28;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0f8;--text2: #8888a8;--text3: #55556a;--accent: #7c6aff;--accent2: #a78bfa;--accent-glow: rgba(124,106,255,.25);--green: #22d3a0;--green-glow: rgba(34,211,160,.15);--amber: #f59e0b;--amber-glow: rgba(245,158,11,.15);--red: #f43f5e;--red-glow: rgba(244,63,94,.2);--blue: #60a5fa;--blue-glow: rgba(96,165,250,.15);--on-accent: #ffffff;--on-color: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-weight:500;min-height:100%}#root{min-height:100vh;background:var(--bg)}b,strong{font-weight:500}body:before{content:"";position:fixed;top:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(124,106,255,.07) 0%,transparent 70%);pointer-events:none;z-index:0}[data-theme=light] body:before{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease;animation:fadeUp .5s ease both}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}.card:hover{transform:translateY(-2px);border-color:var(--border2)}.card-accent{border-color:#7c6aff33}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .18s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),#6355e0);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 6px 28px #7c6aff66;transform:translateY(-1px)}.btn-ghost{background:var(--surface2);border:1px solid var(--border2);color:var(--text2)}.btn-ghost:hover{background:var(--surface3);color:var(--text)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-red{background:var(--red-glow);color:var(--red);border:1px solid rgba(244,63,94,.25)}.badge-green{background:var(--green-glow);color:var(--green);border:1px solid rgba(34,211,160,.25)}.badge-amber{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.2)}.badge-purple{background:#7c6aff1f;color:var(--accent2);border:1px solid rgba(124,106,255,.2)}.input{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;padding:10px 14px;width:100%;transition:border-color .18s;outline:none}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}.input-label{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--text3);margin-bottom:6px;display:block}.table-header{display:grid;padding:14px 24px;background:var(--surface2);border-bottom:1px solid var(--border)}.th{font-size:10px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3)}.table-row{display:grid;padding:14px 24px;border-bottom:1px solid var(--border);align-items:center;transition:background .15s}.table-row:hover{background:var(--surface2)}.table-row:last-child{border-bottom:none}@keyframes shimmerSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer{background:linear-gradient(90deg,var(--surface2) 0%,var(--surface3) 45%,var(--surface2) 90%);background-size:200% 100%;animation:shimmerSweep 1.35s ease-in-out infinite;flex-shrink:0}[data-theme=light] .shimmer{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb 90%);background-size:200% 100%}.tt-exam-skel{min-height:100vh;background:#eceff1;color:#212121;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tt-exam-skel-top{background:#37474f;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tt-exam-skel-tabs{display:flex;gap:2px;background:#f5f7fa;border-bottom:1px solid #cfd8dc;overflow:hidden}.tt-exam-skel-time{display:flex;justify-content:space-between;padding:10px 14px;background:#e3f2fd;border-bottom:1px solid #bbdefb}.tt-exam-skel-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px}.tt-exam-skel-main{display:flex;flex-direction:column;min-height:0;background:#fff}.tt-exam-skel-q{flex:1;padding:18px}.tt-exam-skel-foot{border-top:1px solid #cfd8dc;background:#f5f7fa;padding:10px 14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.tt-exam-skel-aside{border-left:1px solid #cfd8dc;background:#fff;padding:12px}@media (max-width: 900px){.tt-exam-skel-body{grid-template-columns:1fr}.tt-exam-skel-aside{display:none}}@media (prefers-reduced-motion: reduce){.shimmer{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px;text-align:center}.empty-icon{width:56px;height:56px;background:var(--surface2);border:2px dashed var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.empty-title{font-size:14px;font-weight:500;color:var(--text2)}.empty-sub{font-size:12px;color:var(--text3)}.progress-track{height:6px;border-radius:3px;background:var(--surface3);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1s ease}.insight-banner{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:14px;animation:slideDown .4s ease both}.insight-banner-green{background:linear-gradient(135deg,#22d3a014,#22d3a008);border:1px solid rgba(34,211,160,.2)}.insight-banner-red{background:linear-gradient(135deg,#f43f5e14,#f43f5e08);border:1px solid rgba(244,63,94,.2)}.section-title{font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:var(--text)}.page-title{font-family:Inter,sans-serif;font-size:26px;font-weight:500;letter-spacing:-.5px}.stat-value{font-family:Inter,sans-serif;font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1}.stat-label{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--text3);margin-bottom:14px}.tabs{display:flex;gap:4px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:4px}.tab{padding:7px 16px;border-radius:7px;font-size:12px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .15s;border:none;background:none;font-family:Inter,sans-serif}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000004d}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface2);border:1px solid var(--border2);color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:9px 36px 9px 14px;border-radius:10px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888a8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .18s}.select:focus{outline:none;border-color:var(--accent)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border2)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width: 899px){.page-title{font-size:22px}.stat-value{font-size:28px}.card{padding:16px}.stack-md{grid-template-columns:1fr!important}.tabs{flex-wrap:wrap;width:100%}.tab{flex:1 1 auto;text-align:center}.insight-banner{flex-wrap:wrap;padding:12px 14px}.table-header,.table-row{min-width:640px}.page-header{align-items:flex-start}}@media (max-width: 599px){.stack-sm{grid-template-columns:1fr!important}.table-header,.table-row{min-width:560px;padding:12px 16px}}