@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.main-layout{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.main-header{height:52px;border-bottom:1px solid var(--border);background:var(--bg-1);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10;flex-shrink:0}.main-content{flex:1;padding:24px;max-width:1280px;width:100%;margin:0 auto}.animate-fade-in{animation:fadeIn .3s var(--ease) both}.sidebar-group-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:10px 8px 5px}.sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius);color:var(--text-2);font-size:.875rem;font-weight:500;transition:all .12s var(--ease);border:1px solid transparent;text-decoration:none}.sidebar-link:hover{background:var(--bg-2);color:var(--text-1)}.sidebar-link.active{background:var(--accent-dim);color:var(--accent);border-color:#5b6ef533;font-weight:700}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px}.sidebar-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-avatar-init{width:34px;height:34px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0}.sidebar-logout{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-3);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s}.sidebar-logout:hover{background:var(--red-dim);border-color:#ef444440;color:var(--red)}.badge-admin{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(91,110,245,.25);border-radius:99px;padding:2px 7px;font-size:.65rem;font-weight:700}.badge-student{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.25);border-radius:99px;padding:2px 7px;font-size:.65rem;font-weight:700}:root{--bg: #0c0c0e;--bg-1: #141416;--bg-2: #1c1c1f;--bg-3: #242428;--border: #2a2a2e;--border-2: #3a3a3f;--accent: #5b6ef5;--accent-lt: #e8eaff;--accent-dim:#1e2260;--green: #22c55e;--green-dim: #0d2e1a;--red: #ef4444;--red-dim: #2d1010;--amber: #f59e0b;--amber-dim: #2d2006;--cyan: #06b6d4;--text-1: #f4f4f5;--text-2: #a1a1aa;--text-3: #71717a;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--ease: cubic-bezier(.4, 0, .2, 1);--accent-2: #818cf8;--green-deep: #16a34a;--radius-2xl: 24px;--text-primary: var(--text-1);--text-secondary: var(--text-2);--text-muted: var(--text-3);--text-disabled: #52525b;--bg-card: var(--bg-1);--bg-surface: var(--bg-2);--bg-glass: rgba(20, 20, 22, .72);--primary: var(--accent);--primary-light: var(--accent-2);--primary-subtle: var(--accent-dim);--primary-glow: rgba(91, 110, 245, .35);--border-primary: rgba(91, 110, 245, .35);--success: var(--green);--warning: var(--amber);--warning-subtle: var(--amber-dim);--danger: var(--red);--danger-subtle: var(--red-dim);--radius-md: var(--radius-lg);--transition-base: .16s var(--ease);--header-height: 52px;--gradient-primary: linear-gradient(135deg, #5b6ef5, #818cf8);--gradient-card: linear-gradient(180deg, #141416, #0f0f12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text-1);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.03em;line-height:1.2}p{color:var(--text-2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:99px}.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-logo{padding:16px 16px 12px;border-bottom:1px solid var(--border)}.sidebar-logo img{height:48px;width:auto;object-fit:contain}.sidebar-logo-text{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:6px}.sidebar-logo-mark{width:32px;height:32px;background:var(--accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.sidebar-logo-name{font-weight:800;font-size:1rem;color:var(--text-1)}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:10px 8px 5px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius);color:var(--text-2);font-size:.875rem;font-weight:500;transition:all .12s var(--ease);border:1px solid transparent}.nav-item:hover{background:var(--bg-2);color:var(--text-1)}.nav-item.active{background:var(--accent-dim);color:var(--accent);border-color:#5b6ef533;font-weight:700}.sidebar-footer{padding:12px;border-top:1px solid var(--border)}.user-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:.82rem;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.65rem;color:var(--text-3);font-weight:500}.main-content-area{flex:1;min-width:0;overflow-x:hidden}.main-header{height:52px;border-bottom:1px solid var(--border);background:var(--bg-1);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.main-content{padding:24px;max-width:1280px;margin:0 auto}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card:hover{border-color:var(--border-2)}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:var(--radius);padding:9px 18px;font-size:.875rem;font-weight:600;border:1px solid transparent;transition:all .12s var(--ease);font-family:inherit;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#4b5ef0;border-color:#4b5ef0;transform:translateY(-1px)}.btn-secondary{background:var(--bg-2);color:var(--text-1);border-color:var(--border-2)}.btn-secondary:hover{background:var(--bg-3);border-color:var(--border-2)}.btn-ghost{background:transparent;color:var(--text-2);border-color:transparent}.btn-ghost:hover{background:var(--bg-2);color:var(--text-1)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 13px;font-size:.8rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.03em;border:1px solid}.badge-green{background:var(--green-dim);color:var(--green);border-color:#22c55e40}.badge-red{background:var(--red-dim);color:var(--red);border-color:#ef444440}.badge-blue{background:var(--accent-dim);color:var(--accent);border-color:#5b6ef540}.badge-amber{background:var(--amber-dim);color:var(--amber);border-color:#f59e0b40}.badge-default{background:var(--bg-3);color:var(--text-2);border-color:var(--border)}.badge-live{background:var(--red-dim);color:var(--red);border-color:#ef444440}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1.2s ease-in-out infinite;display:inline-block}.tabs{display:flex;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;gap:3px}.tab-btn{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-2);font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s var(--ease)}.tab-btn:hover{color:var(--text-1);background:var(--bg-2)}.tab-btn.active{background:var(--bg-3);color:var(--text-1);font-weight:700}.tab-count{padding:1px 6px;border-radius:99px;font-size:.65rem;font-weight:700;background:var(--bg-3);color:var(--text-3)}.tab-btn.active .tab-count{background:var(--accent-dim);color:var(--accent)}.table-wrap{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{padding:10px 16px;text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);background:var(--bg-2);border-bottom:1px solid var(--border)}.table td{padding:12px 16px;font-size:.875rem;color:var(--text-2);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-2);color:var(--text-1)}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.form-label{font-size:.8rem;font-weight:600;color:var(--text-2)}.form-input{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:10px 13px;color:var(--text-1);font-size:.9rem;outline:none;width:100%;transition:border-color .12s;font-family:inherit}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-3)}.form-error{font-size:.75rem;color:var(--red);margin-top:3px}.stat-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s;position:relative}.stat-card:hover{border-color:var(--border-2)}.stat-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0}.stat-card.red:before{background:var(--red)}.stat-card.blue:before{background:var(--accent)}.stat-card.green:before{background:var(--green)}.stat-card.amber:before{background:var(--amber)}.stat-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-icon.red{background:var(--red-dim);color:var(--red)}.stat-icon.blue{background:var(--accent-dim);color:var(--accent)}.stat-icon.green{background:var(--green-dim);color:var(--green)}.stat-icon.amber{background:var(--amber-dim);color:var(--amber)}.stat-value{font-size:2rem;font-weight:900;letter-spacing:-.05em;color:var(--text-1);line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums}.stat-label{font-size:.8rem;color:var(--text-2);font-weight:500}.stat-trend{font-size:.7rem;color:var(--text-3);margin-top:4px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:.72rem;font-weight:600;background:var(--bg-2);border:1px solid var(--border);color:var(--text-2)}.pill-topic{background:var(--accent-dim);color:var(--accent);border-color:#5b6ef533}.pill-qs{background:var(--bg-3);color:var(--text-2);border-color:var(--border)}.exam-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.exam-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.exam-card-bar{height:3px;width:100%}.exam-card-bar.live{background:var(--red)}.exam-card-bar.upcoming{background:var(--accent)}.exam-card-bar.done{background:var(--green)}.exam-card-body{padding:16px 18px;flex:1}.exam-card-title{font-size:.95rem;font-weight:700;color:var(--text-1);margin-bottom:8px}.exam-card-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.exam-card-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.progress-ring{transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:var(--bg-3);stroke-width:5}.progress-ring-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.score-bar{height:6px;background:var(--bg-3);border-radius:99px;overflow:hidden}.score-bar-fill{height:100%;border-radius:99px;transition:width .8s ease}.spinner{width:32px;height:32px;border:2.5px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal{background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:1.1rem;font-weight:800;color:#f4f4f5;margin:0}.btn-icon{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;font-size:1rem;line-height:1}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center;gap:8px;color:var(--text-3)}.empty-icon{font-size:2.5rem;margin-bottom:8px;opacity:.5}.empty-title{font-size:1rem;font-weight:700;color:var(--text-2);margin-bottom:4px}.empty-subtitle{font-size:.82rem;color:var(--text-3);max-width:260px;line-height:1.6}.rank{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0}.rank-1{background:#f59e0b;color:#1c0a00}.rank-2{background:#94a3b8;color:#0f172a}.rank-3{background:#c2773b;color:#1c0a00}.rank-n{background:var(--bg-3);color:var(--text-3);font-size:.65rem}.divider{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:.72rem;letter-spacing:.04em;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.section-title{font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.countdown{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:var(--amber);background:var(--amber-dim);border:1px solid rgba(245,158,11,.2);padding:3px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:5px}.exam-timer{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;padding:6px 18px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);color:var(--text-1);letter-spacing:.04em}.exam-timer.warn{color:var(--amber);border-color:#f59e0b4d;background:var(--amber-dim)}.exam-timer.danger{color:var(--red);border-color:#ef44444d;background:var(--red-dim)}.option-item{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-2);transition:all .12s var(--ease);background:transparent;-webkit-user-select:none;user-select:none}.option-item:hover{border-color:var(--border-2);color:var(--text-1);background:var(--bg-2)}.option-item.selected{border-color:var(--accent);color:var(--text-1);background:var(--accent-dim)}.option-letter{width:26px;height:26px;border-radius:6px;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.option-item.selected .option-letter{background:var(--accent);border-color:var(--accent);color:#fff}.q-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.q-nav-btn{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);color:var(--text-3);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .12s;font-family:inherit;display:flex;align-items:center;justify-content:center}.q-nav-btn:hover{border-color:var(--border-2);color:var(--text-1)}.q-nav-btn.answered{background:var(--green-dim);border-color:#22c55e4d;color:var(--green)}.q-nav-btn.current{background:var(--accent);border-color:var(--accent);color:#fff}.icon-box{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box.red{background:var(--red-dim);color:var(--red)}.icon-box.blue{background:var(--accent-dim);color:var(--accent)}.icon-box.green{background:var(--green-dim);color:var(--green)}.icon-box.amber{background:var(--amber-dim);color:var(--amber)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--green)}.status-dot.offline{background:var(--red)}.status-dot.warn{background:var(--amber)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:none}.timeline-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.w-full{width:100%}.text-muted{color:var(--text-3)}.text-2{color:var(--text-2)}.font-mono{font-family:JetBrains Mono,monospace}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-accent{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s var(--ease) both}.slide-up{animation:slideUp .35s var(--ease) both}.d-1{animation-delay:.05s}.d-2{animation-delay:.1s}.d-3{animation-delay:.15s}.d-4{animation-delay:.2s}.loading-full{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-3);font-size:.875rem}.nav-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--text-2)}.nav-toggle:hover{color:var(--text-1);border-color:var(--border-2)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c}@media (max-width: 1023px){.nav-toggle{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translate(-100%);transition:transform .18s var(--ease);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000080}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}@media (max-width: 640px){.main-content{padding:16px}.main-header{padding:0 16px}}.login-page{height:100vh;min-height:640px;display:flex;background:#0c0c0e;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.login-hero{flex:0 0 58%;display:flex;flex-direction:column;justify-content:space-between;padding:40px 68px 36px;border-right:1px solid var(--border);position:relative;overflow-y:auto}.login-hero-logo{display:flex;align-items:center;gap:14px;margin-bottom:0}.login-hero-logo img{height:52px;width:auto;object-fit:contain}.login-hero-logo-sep{width:1px;height:36px;background:var(--border)}.login-hero-logo-name{font-size:1rem;font-weight:900;color:var(--text-1);letter-spacing:-.02em}.login-hero-logo-sub{font-size:.7rem;color:var(--text-3);font-weight:500;margin-top:2px}.login-hero-middle{display:flex;flex-direction:column}.login-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-2);border-radius:99px;padding:5px 14px 5px 6px;margin-bottom:20px;width:fit-content}.login-pill-badge{background:var(--accent);color:#fff;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:800;letter-spacing:.04em}.login-pill-text{font-size:.8rem;color:var(--text-2);font-weight:500}.login-pill-arrow{color:var(--text-3);font-size:.75rem}.login-headline{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:900;letter-spacing:-.045em;line-height:1.06;color:var(--text-1);margin-bottom:16px}.login-headline .hl{position:relative;display:inline}.login-headline .hl-indigo{color:var(--accent)}.login-headline .hl-green{color:var(--green)}.login-sub{font-size:.92rem;color:var(--text-2);line-height:1.7;max-width:420px;margin-bottom:22px}.login-features{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}.login-feature-item{display:flex;align-items:center;gap:11px;font-size:.9rem;color:var(--text-2);font-weight:500}.login-feature-icon{width:22px;height:22px;border-radius:50%;background:var(--green-dim);border:1px solid rgba(34,197,94,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-stats{display:flex;gap:0;padding-top:20px;border-top:1px solid var(--border)}.login-stat-item{flex:1;padding-right:24px;margin-right:24px;border-right:1px solid var(--border)}.login-stat-item:last-child{border-right:none;margin-right:0;padding-right:0}.login-stat-val{font-size:1.5rem;font-weight:900;letter-spacing:-.05em;color:var(--text-1);line-height:1;margin-bottom:3px}.login-stat-lbl{font-size:.68rem;color:var(--text-3);font-weight:500}.login-auth{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 36px;background:var(--bg-1);gap:16px;overflow-y:auto}.exam-preview{width:100%;max-width:340px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.exam-preview-header{background:var(--bg);padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.exam-preview-dots{display:flex;gap:5px}.ep-dot{width:9px;height:9px;border-radius:50%}.ep-dot-r{background:#ef4444}.ep-dot-y{background:#f59e0b}.ep-dot-g{background:#22c55e}.exam-preview-body{padding:16px}.ep-q-num{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}.ep-q-text{font-size:.85rem;font-weight:600;color:var(--text-1);margin-bottom:12px;line-height:1.5}.ep-options{display:flex;flex-direction:column;gap:7px}.ep-option{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:var(--radius);border:1px solid var(--border);font-size:.78rem;color:var(--text-2)}.ep-option.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--text-1)}.ep-letter{width:20px;height:20px;border-radius:5px;background:var(--bg-3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;flex-shrink:0;color:var(--text-3)}.ep-option.selected .ep-letter{background:var(--accent);border-color:var(--accent);color:#fff}.ep-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ep-live-badge{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;color:var(--red)}.ep-live-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:blink 1.2s ease-in-out infinite}.ep-timer{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;color:var(--amber)}.auth-card{width:100%;max-width:340px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.auth-card-title{font-size:1.1rem;font-weight:800;color:var(--text-1);margin-bottom:4px}.auth-card-sub{font-size:.8rem;color:var(--text-3);margin-bottom:20px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#111;border:none;border-radius:var(--radius);padding:11px 20px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .12s}.btn-google:hover{background:#f4f4f4}.auth-note{font-size:.7rem;color:var(--text-3);text-align:center;line-height:1.6;margin-top:14px}.auth-note a{color:var(--accent)}.dash-wrap{display:flex;flex-direction:column;gap:20px}.dash-hero{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.dash-hero-main{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:20px}.dash-hero-left h1{font-size:1.5rem;font-weight:900;letter-spacing:-.04em;color:var(--text-1);margin-bottom:4px}.dash-hero-left p{font-size:.875rem;color:var(--text-2)}.dash-hero-left .today{font-size:.72rem;color:var(--text-3);margin-bottom:5px;font-weight:500}.dash-hero-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:#fff;flex-shrink:0;position:relative}.dash-hero-online{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid var(--bg-1)}.dash-hero-strip{display:flex;align-items:center;gap:8px;padding:10px 28px;border-top:1px solid var(--border);background:var(--bg-2);font-size:.82rem;color:var(--text-2);font-weight:500}.dash-hero-strip span.accent{color:var(--accent);font-weight:700}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spotlight{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-left:4px solid var(--red)}.spotlight.upcoming{border-left-color:var(--accent)}.spotlight-left h2{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:var(--text-1);margin:10px 0}.spotlight-pills{display:flex;flex-wrap:wrap;gap:7px}.btn-live{display:flex;align-items:center;gap:8px;background:var(--red);color:#fff;border:none;border-radius:var(--radius-lg);padding:12px 24px;font-size:.92rem;font-weight:800;cursor:pointer;font-family:inherit;transition:all .15s}.btn-live:hover{opacity:.9;transform:translateY(-1px)}.spotlight-countdown-wrap{text-align:center}.spotlight-countdown{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800;color:var(--accent);letter-spacing:.04em;display:block}.spotlight-countdown-lbl{font-size:.7rem;color:var(--text-3);margin-top:2px}.dash-cols{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}.dash-left,.dash-right{display:flex;flex-direction:column;gap:14px}.tab-bar{display:flex;gap:3px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px}.tab-bar .tab-btn{flex:1}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:13px}.widget{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:16px;display:flex;flex-direction:column;gap:13px}.widget-title{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:8px}.widget-title:after{content:"";flex:1;height:1px;background:var(--border)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-cell{padding:9px 6px;text-align:center;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius)}.mini-val{font-size:.95rem;font-weight:900;color:var(--text-1);letter-spacing:-.03em}.mini-lbl{font-size:.58rem;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.tl-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.tl-item:last-child{border-bottom:none}.tl-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.tl-name{font-size:.8rem;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-time{font-size:.68rem;color:var(--text-3)}.tl-score{font-size:.78rem;font-weight:700;flex-shrink:0}.tip{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid var(--border);font-size:.78rem;color:var(--text-2);line-height:1.5}.tip:last-child{border-bottom:none}.tip-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0}.qa-btn{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .13s;text-align:left;width:100%}.qa-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.history-card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.history-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:14px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);transition:background .12s}.history-row:last-child{border-bottom:none}.history-row:hover{background:var(--bg-2)}.h-rank{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0}.h-rank.g{background:#f59e0b;color:#1c0a00}.h-rank.s{background:#94a3b8;color:#0f172a}.h-rank.b{background:#c2773b;color:#1c0a00}.h-rank.n{background:var(--bg-3);color:var(--text-3);font-size:.65rem}.h-name{font-size:.875rem;font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-bar-wrap{display:flex;align-items:center;gap:8px;margin-top:5px}.h-bar{height:4px;background:var(--bg-3);border-radius:99px;overflow:hidden;flex:1;max-width:140px}.h-bar-fill{height:100%;border-radius:99px}.h-pct{font-size:.7rem;font-weight:700;color:var(--text-2);min-width:32px;font-variant-numeric:tabular-nums}.h-time{font-size:.68rem;color:var(--text-3);white-space:nowrap;flex-shrink:0}.empty-v2{display:flex;flex-direction:column;align-items:center;padding:56px 24px;text-align:center;gap:9px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl)}.ev2-icon{color:var(--text-3);opacity:.4;margin-bottom:6px}.ev2-title{font-size:1rem;font-weight:700;color:var(--text-2)}.ev2-sub{font-size:.8rem;color:var(--text-3);max-width:240px;line-height:1.6}.ev2-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 18px;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-2);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .13s}.ev2-btn:hover{background:var(--accent-dim);border-color:#5b6ef54d;color:var(--accent)}.ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.ring-label{position:absolute;display:flex;flex-direction:column;align-items:center}.ring-pct{font-size:1.2rem;font-weight:900;letter-spacing:-.04em;color:var(--text-1)}.ring-sub{font-size:.58rem;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.mbar{display:flex;align-items:center;gap:8px;margin-bottom:6px}.mbar-lbl{font-size:.72rem;color:var(--text-3);width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbar-track{flex:1;height:5px;background:var(--bg-3);border-radius:99px;overflow:hidden}.mbar-fill{height:100%;border-radius:99px}.mbar-pct{font-size:.68rem;font-weight:700;color:var(--text-2);min-width:28px;text-align:right}@media (max-width: 1024px){.stat-row{grid-template-columns:repeat(2,1fr)}.dash-cols{grid-template-columns:1fr}}@media (max-width: 640px){.login-hero{display:none}.login-auth{flex:1}.stat-row{grid-template-columns:repeat(2,1fr);gap:10px}.cards-grid{grid-template-columns:1fr}}@media print{body,html{display:none!important;visibility:hidden!important}*{display:none!important}}body.exam-locked{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}body.exam-locked *{-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none}.screenshot-guard{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(255,255,255,.004) 80px,rgba(255,255,255,.004) 81px)}.loading-spinner{width:32px;height:32px;border:2.5px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-3);font-size:.875rem}@keyframes glowPulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--primary-glow)}50%{opacity:.85;box-shadow:0 0 0 10px #5b6ef500}}.badge-primary{background:var(--accent-dim);color:var(--accent);border-color:#5b6ef540}.badge-muted{background:var(--bg-3);color:var(--text-2);border-color:var(--border)}.badge-easy{background:var(--green-dim);color:var(--green);border-color:#22c55e40}.badge-medium{background:var(--amber-dim);color:var(--amber);border-color:#f59e0b40}.badge-hard{background:var(--red-dim);color:var(--red);border-color:#ef444440}.btn-warning{background:var(--amber);color:#1a1205;border-color:var(--amber)}.btn-warning:hover{opacity:.9}.options-grid{display:grid;gap:10px}.option-label{width:26px;height:26px;border-radius:6px;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.option-item.selected .option-label{background:var(--accent);border-color:var(--accent);color:#fff}.option-text{flex:1;min-width:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.option-radio{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.option-item{position:relative;cursor:pointer}.option-item:has(.option-radio:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.violation-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10001;padding:11px 20px;border-radius:10px;background:var(--red-dim);border:1px solid rgba(239,68,68,.45);color:#fecaca;font-size:.88rem;font-weight:700;box-shadow:0 10px 30px #00000080;animation:fadeIn .18s var(--ease) both;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}.table-container{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md, 12px);overflow-x:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;color:var(--text-3);gap:6px}.empty-state h4{font-size:1rem;color:var(--text-1);margin:4px 0 0}.empty-state p{font-size:.85rem;color:var(--text-3);margin:0}.empty-state-icon{width:56px;height:56px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;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='%2371717a' stroke-width='3' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.form-select option{background:var(--bg-2);color:var(--text-1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .22s var(--ease) both}.mt-4{margin-top:16px}.guide-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:24px;align-items:start}.guide-toc{position:sticky;top:16px;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:16px 14px;max-height:calc(100vh - 32px);overflow-y:auto}.guide-toc a:hover{background:var(--bg-2);color:var(--text-1)}.guide-body{scroll-margin-top:16px}.guide-body section:last-of-type{margin-bottom:24px}.guide-body details>summary::-webkit-details-marker{display:none}.guide-body details[open]>summary{margin-bottom:2px}@media (max-width: 900px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-toc{position:static;max-height:none}}