@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.navbar{position:sticky;top:0;z-index:1000;height:68px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}[data-theme=dark] .navbar{background:#111827eb;border-bottom-color:#ffffff14}.navbar__inner{max-width:1280px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.navbar__logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;color:var(--primary);letter-spacing:-.4px;white-space:nowrap;flex-shrink:0;text-decoration:none;transition:opacity var(--transition),transform var(--transition)}.navbar__logo:hover{opacity:.9;transform:translateY(-.5px)}.navbar__logo .logo-img{width:34px;height:34px;object-fit:contain;flex-shrink:0;margin:0!important}.navbar__logo .logo-text{display:inline-block;white-space:nowrap}.navbar__nav{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.navbar__nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-2);white-space:nowrap;flex-shrink:0;text-decoration:none;transition:all var(--transition)}.navbar__nav a:hover{background:var(--surface-2);color:var(--text)}.navbar__nav a.active{background:var(--primary-50);color:var(--primary);font-weight:600}[data-theme=dark] .navbar__nav a.active{background:#4f46e529;color:#818cf8}.navbar__nav a.navbar__admin-badge{background:#ef44441f!important;color:#dc2626!important;font-weight:700!important;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);padding:6px 12px!important}.navbar__nav a.navbar__admin-badge:hover{background:#ef444433!important}.navbar__nav a.navbar__admin-badge.active{background:#dc2626!important;color:#fff!important}.navbar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.navbar__coin-pill{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:5px 12px;background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25);border-radius:999px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all var(--transition)}[data-theme=dark] .navbar__coin-pill{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.navbar__coin-pill:hover{background:#f59e0b33;transform:translateY(-.5px)}.navbar__premium-pill{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:12.5px;padding:5px 12px;border-radius:999px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all var(--transition)}.navbar__premium-pill.is-basic,.navbar__premium-pill.is-free{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.25)}[data-theme=dark] .navbar__premium-pill.is-basic,[data-theme=dark] .navbar__premium-pill.is-free{background:#94a3b81f;color:#94a3b8;border-color:#94a3b840}.navbar__premium-pill.is-basic:hover,.navbar__premium-pill.is-free:hover{background:#4f46e51f;color:var(--primary);border-color:#4f46e54d;transform:translateY(-.5px)}.navbar__premium-pill.is-premium,.navbar__premium-pill.is-standard,.navbar__premium-pill.is-starter{background:linear-gradient(135deg,#4f46e5,#7c3aed,#9333ea)!important;color:#fff!important;border:1px solid rgba(165,180,252,.45)!important;box-shadow:0 2px 10px #7c3aed59!important}.navbar__premium-pill.is-premium:hover,.navbar__premium-pill.is-standard:hover,.navbar__premium-pill.is-starter:hover{background:linear-gradient(135deg,#4338ca,#6d28d9,#7e22ce)!important;box-shadow:0 4px 14px #7c3aed80!important;transform:translateY(-.5px)}.navbar__premium-pill.is-class-premium,.navbar__premium-pill.is-group-50,.navbar__premium-pill.is-group-35,.navbar__premium-pill.is-group-20{background:linear-gradient(135deg,#f59e0b,#d97706 60%,#b45309)!important;color:#fff!important;border:1px solid rgba(251,191,36,.6)!important;box-shadow:0 2px 10px #f59e0b61!important}.navbar__premium-pill.is-class-premium:hover,.navbar__premium-pill.is-group-50:hover,.navbar__premium-pill.is-group-35:hover,.navbar__premium-pill.is-group-20:hover{background:linear-gradient(135deg,#fbbf24,#d97706 60%,#92400e)!important;box-shadow:0 4px 14px #f59e0b85!important;transform:translateY(-.5px)}.navbar__premium-pill.is-basic-sinf{background:linear-gradient(135deg,#f59e0b29,#d977063d)!important;color:#d97706!important;border:1px solid rgba(245,158,11,.45)!important;box-shadow:0 2px 8px #f59e0b26!important}.navbar__premium-pill.is-basic-sinf:hover{background:linear-gradient(135deg,#f59e0b40,#d9770659)!important;box-shadow:0 4px 12px #f59e0b40!important;transform:translateY(-.5px)}.navbar__premium-pill.is-class-student{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706)!important;color:#fff!important;border:1px solid rgba(251,191,36,.55)!important;box-shadow:0 2px 10px #f59e0b59!important}.navbar__premium-pill.is-class-student:hover{box-shadow:0 4px 14px #f59e0b80!important;transform:translateY(-.5px)}.navbar__premium-pill.is-admin{background:linear-gradient(135deg,#dc2626,#991b1b)!important;color:#fff!important;border:1px solid rgba(252,165,165,.5)!important;box-shadow:0 2px 8px #dc262659!important}.navbar__theme-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;flex-shrink:0;margin:0!important;transition:all var(--transition)}.navbar__theme-btn:hover{background:var(--border);color:var(--text)}.navbar__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13.5px;cursor:pointer;position:relative;border:2px solid var(--border);flex-shrink:0;-webkit-user-select:none;user-select:none;transition:all var(--transition)}.navbar__avatar:hover{border-color:var(--primary);transform:scale(1.03)}.navbar__user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:210px;padding:8px;z-index:200}.navbar__user-menu a,.navbar__user-menu button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-2);width:100%;text-align:left;background:transparent;white-space:nowrap;transition:background var(--transition)}.navbar__user-menu a:hover,.navbar__user-menu button:hover{background:var(--surface-2);color:var(--text)}.navbar__user-menu a.danger,.navbar__user-menu button.danger{color:var(--danger)}.navbar__user-menu a.danger:hover,.navbar__user-menu button.danger:hover{background:#ef444414}.navbar__user-menu hr{border:none;border-top:1px solid var(--border);margin:6px 0}.navbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:0;flex-shrink:0;transition:all var(--transition)}.navbar__hamburger:hover{background:var(--border)}.navbar__hamburger .hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:20px;height:20px}.navbar__hamburger .hamburger-icon span{display:block;width:18px;height:2px;background:var(--text-2);border-radius:99px;transition:all .25s cubic-bezier(.4,0,.2,1);transform-origin:center}.navbar__hamburger.open .hamburger-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar__hamburger.open .hamburger-icon span:nth-child(2){opacity:0;transform:scale(0)}.navbar__hamburger.open .hamburger-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar__mobile-drawer{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.navbar__mobile-drawer .mobile-drawer-content{padding:14px 18px 20px;display:flex;flex-direction:column;gap:10px;max-height:80vh;overflow-y:auto}.navbar__mobile-drawer .mobile-user-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);gap:10px}.navbar__mobile-drawer .mobile-user-card .user-info{display:flex;align-items:center;gap:10px;min-width:0}.navbar__mobile-drawer .mobile-user-card .user-info .user-name{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__mobile-drawer .mobile-user-card .user-info .user-handle{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__mobile-drawer .mobile-user-card .mobile-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.navbar__mobile-drawer .mobile-nav-group{display:flex;flex-direction:column;gap:3px}.navbar__mobile-drawer .mobile-nav-group .mobile-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-4);padding:6px 8px 2px}.navbar__mobile-drawer .mobile-nav-group a,.navbar__mobile-drawer .mobile-nav-group button{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-2);text-decoration:none;background:transparent;border:none;width:100%;text-align:left;white-space:nowrap;transition:all var(--transition)}.navbar__mobile-drawer .mobile-nav-group a:hover,.navbar__mobile-drawer .mobile-nav-group button:hover{background:var(--surface-2);color:var(--text)}.navbar__mobile-drawer .mobile-nav-group a.active,.navbar__mobile-drawer .mobile-nav-group button.active{background:var(--primary-50);color:var(--primary);font-weight:600}[data-theme=dark] .navbar__mobile-drawer .mobile-nav-group a.active,[data-theme=dark] .navbar__mobile-drawer .mobile-nav-group button.active{background:#4f46e526;color:#818cf8}.navbar__mobile-drawer .mobile-nav-group a .mobile-badge,.navbar__mobile-drawer .mobile-nav-group button .mobile-badge{margin-left:auto;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px;background:#10b98126;color:#059669}[data-theme=dark] .navbar__mobile-drawer .mobile-nav-group a .mobile-badge,[data-theme=dark] .navbar__mobile-drawer .mobile-nav-group button .mobile-badge{color:#34d399}.navbar__mobile-drawer .mobile-nav-group .mobile-logout-btn{color:var(--danger)}.navbar__mobile-drawer .mobile-nav-group .mobile-logout-btn:hover{background:#ef444414;color:var(--danger)}.navbar__mobile-drawer hr{border:none;border-top:1px solid var(--border);margin:4px 0}@media (max-width: 1180px) and (min-width: 1025px){.navbar__inner{padding:0 14px;gap:8px}.navbar__logo{font-size:17.5px;gap:8px}.navbar__logo .logo-img{width:30px;height:30px}.navbar__nav{gap:2px}.navbar__nav a{padding:6px 8px;font-size:12.8px}.navbar__actions{gap:6px}.navbar__coin-pill,.navbar__premium-pill{padding:4px 9px;font-size:12px}}@media (max-width: 1024px){.navbar__nav{display:none!important}.navbar__hamburger{display:inline-flex!important}}@media (max-width: 640px){.navbar{height:62px}.navbar__inner{padding:0 12px}.navbar__logo{font-size:17px;gap:7px}.navbar__logo .logo-img{width:28px;height:28px}.navbar__actions{gap:6px}.navbar__premium-pill{display:none!important}.navbar__coin-pill{padding:4px 8px;font-size:12px;gap:4px}.navbar__theme-btn{width:32px;height:32px}.navbar__avatar{width:32px;height:32px;font-size:12px}.navbar__hamburger{width:34px;height:34px}}@media (max-width: 360px){.navbar__inner{padding:0 8px}.navbar__logo{font-size:15px;gap:5px}.navbar__logo .logo-img{width:24px;height:24px}.navbar__coin-pill{padding:3px 6px;font-size:11px}}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:12000;padding:16px;box-sizing:border-box}.upgrade-modal-card{background:var(--surface, #FFFFFF);border:1px solid var(--border-dark, #E2E8F0);border-radius:18px;box-shadow:0 20px 45px #00000040;max-width:780px;width:100%;max-height:90vh;overflow-y:auto;padding:24px 28px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.upgrade-modal-card .upgrade-modal-close{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--text-4, #94A3B8);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.upgrade-modal-card .upgrade-modal-close:hover{background:#0000000d;color:var(--text, #0F172A)}.upgrade-modal-card .upgrade-modal-header-compact{display:flex;align-items:center;gap:14px;padding-right:32px}.upgrade-modal-card .upgrade-modal-header-compact .upgrade-modal-icon-wrap .upgrade-modal-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#f59e0b26,#d9770640);color:#d97706;display:flex;align-items:center;justify-content:center}.upgrade-modal-card .upgrade-modal-header-compact .upgrade-header-texts{flex:1}.upgrade-modal-card .upgrade-modal-header-compact .upgrade-header-texts .upgrade-modal-title{font-size:1.25rem;font-weight:800;color:var(--text, #0F172A);margin:0 0 4px}.upgrade-modal-card .upgrade-modal-header-compact .upgrade-header-texts .upgrade-modal-desc{font-size:.88rem;color:var(--text-3, #64748B);margin:0;line-height:1.4}.upgrade-modal-card .upgrade-tabs-row{display:flex;background:var(--surface-2, #F1F5F9);padding:4px;border-radius:12px;gap:6px}.upgrade-modal-card .upgrade-tabs-row .upgrade-tab-pill{flex:1;padding:8px 12px;border-radius:9px;border:none;background:transparent;font-size:.85rem;font-weight:600;color:var(--text-3, #64748B);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.upgrade-modal-card .upgrade-tabs-row .upgrade-tab-pill.active{background:var(--surface, #FFFFFF);color:var(--primary, #2563EB);box-shadow:0 2px 6px #0000000f}.upgrade-modal-card .upgrade-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upgrade-modal-card .upgrade-plans-grid.group-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 680px){.upgrade-modal-card .upgrade-plans-grid{grid-template-columns:1fr!important}}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box{background:var(--surface-alt, #F8FAFC);border:1px solid var(--border-dark, #E2E8F0);border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .15s}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f614}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box.popular{border:2px solid #2563EB;background:#fff;box-shadow:0 4px 14px #2563eb1f}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-badge-tag{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-box-head{margin-bottom:12px}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-box-head .plan-name{font-size:1.05rem;font-weight:800;color:var(--text, #0F172A);margin:0 0 6px}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-box-head .plan-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-box-head .plan-price-row .price-num{font-size:1.35rem;font-weight:900;color:var(--primary, #2563EB)}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-box-head .plan-price-row .price-unit{font-size:.78rem;color:var(--text-3, #64748B);font-weight:600}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-box-head .plan-desc{font-size:.78rem;color:var(--text-4, #64748B);margin:0}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-features-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px;flex:1}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-features-list li{font-size:.78rem;color:var(--text-2, #334155);display:flex;align-items:flex-start;gap:6px;line-height:1.35}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .plan-features-list li .check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .btn-choose-plan{width:100%;background:var(--surface-2, #E2E8F0);color:var(--text, #0F172A);border:none;padding:8px 12px;border-radius:9px;font-size:.84rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .btn-choose-plan:hover{background:#cbd5e1}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .btn-choose-plan.btn-popular{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.upgrade-modal-card .upgrade-plans-grid .upgrade-plan-box .btn-choose-plan.btn-popular:hover{opacity:.95;transform:translateY(-1px)}.upgrade-modal-card .upgrade-modal-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border-dark, #E2E8F0)}.upgrade-modal-card .upgrade-modal-footer .btn-close-upgrade{background:transparent;border:1px solid var(--border-dark, #E2E8F0);color:var(--text-3, #64748B);padding:6px 14px;border-radius:8px;font-size:.82rem;cursor:pointer}.upgrade-modal-card .upgrade-modal-footer .btn-close-upgrade:hover{background:var(--surface-2, #F1F5F9)}.upgrade-modal-card .upgrade-modal-footer .btn-all-plans-link{background:transparent;border:none;color:var(--primary, #2563EB);font-size:.84rem;font-weight:700;cursor:pointer;padding:6px}.upgrade-modal-card .upgrade-modal-footer .btn-all-plans-link:hover{text-decoration:underline}.manual-mock-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.manual-mock-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:920px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 16px 40px #00000040;overflow:hidden;color:var(--text);box-sizing:border-box}.manual-mock-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.manual-mock-modal .modal-header .header-title-wrap{display:flex;align-items:center;gap:12px}.manual-mock-modal .modal-header .header-title-wrap .header-icon-badge{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f126,#4f46e540);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.manual-mock-modal .modal-header .header-title-wrap h2{margin:0;font-size:17px;font-weight:800;color:var(--text)}.manual-mock-modal .modal-header .header-title-wrap p{margin:2px 0 0;font-size:12.5px;color:var(--text-3)}.manual-mock-modal .modal-header .header-actions{display:flex;align-items:center;gap:10px}.manual-mock-modal .modal-header .header-actions .switch-ai-btn{background:linear-gradient(135deg,#f59e0b1f,#d9770633);border:1px solid rgba(245,158,11,.35);color:#d97706;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.manual-mock-modal .modal-header .header-actions .switch-ai-btn:hover{background:linear-gradient(135deg,#f59e0b33,#d977064d);transform:translateY(-1px)}.manual-mock-modal .modal-header .header-actions .close-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.manual-mock-modal .modal-header .header-actions .close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef444440}.manual-mock-modal .manual-mock-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.manual-mock-modal .modal-scroll-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.manual-mock-modal .modal-scroll-content::-webkit-scrollbar{width:6px}.manual-mock-modal .modal-scroll-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.manual-mock-modal .section-title{font-size:14.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;margin:0 0 14px}.manual-mock-modal .form-group{display:flex;flex-direction:column;gap:5px}.manual-mock-modal .form-group label{font-size:12px;font-weight:600;color:var(--text-2)}.manual-mock-modal .form-group input,.manual-mock-modal .form-group select,.manual-mock-modal .form-group textarea{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;outline:none;box-sizing:border-box;transition:border-color .15s ease}.manual-mock-modal .form-group input:focus,.manual-mock-modal .form-group select:focus,.manual-mock-modal .form-group textarea:focus{border-color:var(--primary)}.manual-mock-modal .form-group textarea{resize:vertical;font-family:inherit}.manual-mock-modal .form-group .input-with-icon{position:relative;display:flex;align-items:center}.manual-mock-modal .form-group .input-with-icon svg{position:absolute;left:10px;color:var(--text-3);pointer-events:none}.manual-mock-modal .form-group .input-with-icon input{width:100%;padding-left:32px}.manual-mock-modal .form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.manual-mock-modal .form-grid-3 .full-col{grid-column:1/-1}@media (max-width: 680px){.manual-mock-modal .form-grid-3{grid-template-columns:1fr}}.manual-mock-modal .form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 640px){.manual-mock-modal .form-grid-2{grid-template-columns:1fr}}.manual-mock-modal .settings-section{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px}.manual-mock-modal .questions-section .questions-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.manual-mock-modal .questions-section .questions-header-bar .questions-title-wrap{display:flex;align-items:center;gap:10px}.manual-mock-modal .questions-section .questions-header-bar .questions-title-wrap .questions-count-pill{background:var(--surface-2);border:1px solid var(--border);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--text-2)}.manual-mock-modal .questions-section .questions-header-bar .questions-title-wrap .questions-count-pill strong{color:var(--primary)}.manual-mock-modal .questions-section .questions-header-bar .questions-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.manual-mock-modal .questions-section .import-success-alert{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:14px}.manual-mock-modal .questions-section .import-errors-card{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:12px 14px;margin-bottom:14px}.manual-mock-modal .questions-section .import-errors-card .import-errors-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:#ef4444;margin-bottom:6px}.manual-mock-modal .questions-section .import-errors-card ul{margin:0;padding-left:20px;color:#dc2626;font-size:12px;max-height:120px;overflow-y:auto;line-height:1.5}.manual-mock-modal .questions-section .questions-cards-list{display:flex;flex-direction:column;gap:14px}.manual-mock-modal .questions-section .question-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000a;transition:border-color .15s ease}.manual-mock-modal .questions-section .question-card:focus-within{border-color:#6366f180}.manual-mock-modal .questions-section .question-card .question-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.manual-mock-modal .questions-section .question-card .question-card-header .q-badge-wrap{display:flex;align-items:center;gap:8px}.manual-mock-modal .questions-section .question-card .question-card-header .q-badge-wrap .q-index-badge{background:var(--surface-2);border:1px solid var(--border);font-weight:800;font-size:12px;color:var(--text);padding:2px 8px;border-radius:6px}.manual-mock-modal .questions-section .question-card .question-card-header .q-badge-wrap .excel-imported-pill{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25);font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:4px}.manual-mock-modal .questions-section .question-card .question-card-header .delete-q-btn{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.manual-mock-modal .questions-section .question-card .question-card-header .delete-q-btn:hover:not(:disabled){background:#ef44441a;color:#ef4444}.manual-mock-modal .questions-section .question-card .question-card-header .delete-q-btn:disabled{opacity:.3;cursor:not-allowed}.manual-mock-modal .questions-section .question-card .question-form-group{margin-bottom:12px}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;flex-wrap:wrap;gap:8px}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .question-field-label{font-size:12.5px;font-weight:700;color:var(--text);margin:0}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-lang-pill-wrap{display:inline-flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px;gap:2px}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-lang-pill-wrap .speech-lang-btn{border:none;background:transparent;color:var(--text-3);font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-lang-pill-wrap .speech-lang-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #0000001f}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-lang-pill-wrap .speech-lang-btn:hover:not(.active){color:var(--text)}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-lang-pill-wrap .speech-lang-btn:disabled{opacity:.5;cursor:not-allowed}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2)}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button:hover:not(:disabled){background:#6366f11a;border-color:var(--primary);color:var(--primary)}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-recording{background:#ef44441f;border-color:#ef4444;color:#ef4444;font-weight:700;animation:mic-pulse-border 1.5s infinite}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-recording .mic-rec-pulse{width:8px;height:8px;border-radius:50%;background:#ef4444;display:inline-block;animation:rec-blink .8s infinite alternate}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-unsupported-browser,.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-unsupported{opacity:.6;cursor:not-allowed;background:var(--surface-2);border-color:var(--border);color:var(--text-3)}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-unsupported-browser:hover,.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-unsupported:hover{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--text-3)!important}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-transcribing{background:#6366f11f;border-color:var(--primary);color:var(--primary);font-weight:700;cursor:wait}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-permission-denied,.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-permission_denied{background:#f59e0b1f;border-color:#f59e0b;color:#d97706}.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-recognition-error,.manual-mock-modal .questions-section .question-card .question-form-group .question-field-topbar .speech-to-text-controls .speech-mic-button.state-error{background:#ef44441a;border-color:#ef4444;color:#ef4444}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:6px;font-size:12px;margin-bottom:8px}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner .rec-live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:rec-blink .8s infinite alternate}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner .mic-spin-icon{animation:spin 1s linear infinite;flex-shrink:0}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner .banner-text{flex:1}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner .banner-retry-btn{background:var(--surface);border:1px solid currentColor;color:inherit;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;cursor:pointer;flex-shrink:0}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner .banner-retry-btn:hover{opacity:.85}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner.recording{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-weight:600}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner.transcribing{background:#6366f114;border:1px solid rgba(99,102,241,.3);color:var(--primary);font-weight:600}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner.unsupported-browser{background:#64748b14;border:1px solid rgba(100,116,139,.25);color:var(--text-2)}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner.permission-denied,.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner.permission_denied{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:#b45309}.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner.recognition-error,.manual-mock-modal .questions-section .question-card .question-form-group .speech-status-banner.error{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#dc2626}.manual-mock-modal .questions-section .question-card .question-form-group .question-textarea{width:100%;resize:vertical;min-height:52px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.manual-mock-modal .questions-section .question-card .question-form-group .question-textarea.is-recording{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44442e!important}.manual-mock-modal .questions-section .question-card .question-form-group .question-textarea.is-transcribing{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f12e!important}.manual-mock-modal .questions-section .question-card .options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}@media (max-width: 640px){.manual-mock-modal .questions-section .question-card .options-grid{grid-template-columns:1fr}}.manual-mock-modal .questions-section .question-card .options-grid .option-row{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px 8px;box-sizing:border-box;transition:all .15s ease}.manual-mock-modal .questions-section .question-card .options-grid .option-row.is-correct{border-color:#10b981;background:#10b98112}.manual-mock-modal .questions-section .question-card .options-grid .option-row .answer-select-btn{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.manual-mock-modal .questions-section .question-card .options-grid .option-row .answer-select-btn.active{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 6px #10b98159}.manual-mock-modal .questions-section .question-card .options-grid .option-row .answer-select-btn:hover:not(.active){border-color:#10b981;color:#10b981}.manual-mock-modal .questions-section .question-card .options-grid .option-row input{flex:1;border:none;background:transparent;padding:6px 4px;font-size:13px;color:var(--text);outline:none}.manual-mock-modal .questions-section .question-card .options-grid .option-row .correct-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#10b981;flex-shrink:0}.manual-mock-modal .questions-section .add-more-row{margin-top:14px;display:flex;justify-content:center}.manual-mock-modal .questions-section .add-more-row .add-more-btn{padding:9px 20px;font-weight:600;font-size:13px}.manual-mock-modal .submission-errors-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;margin:0 20px 10px;display:flex;gap:10px;color:#ef4444;font-size:12.5px}.manual-mock-modal .submission-errors-banner strong{display:block;margin-bottom:4px}.manual-mock-modal .submission-errors-banner ul{margin:0;padding-left:18px;line-height:1.4}.manual-mock-modal .modal-footer{padding:14px 20px;border-top:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;flex-shrink:0}.manual-mock-modal .modal-footer .footer-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.manual-mock-modal .modal-footer .footer-info strong{color:var(--text)}.manual-mock-modal .modal-footer .footer-buttons{display:flex;align-items:center;gap:10px}@media (max-width: 540px){.manual-mock-overlay{padding:8px}.manual-mock-modal{max-height:94dvh;border-radius:10px}.manual-mock-modal .modal-header{padding:12px 14px}.manual-mock-modal .modal-header .header-title-wrap{gap:8px}.manual-mock-modal .modal-header .header-title-wrap .header-icon-badge{width:32px;height:32px}.manual-mock-modal .modal-header .header-title-wrap h2{font-size:15px}.manual-mock-modal .modal-header .header-actions{gap:6px}.manual-mock-modal .modal-header .header-actions .switch-ai-btn{padding:5px 8px;font-size:11.5px}.manual-mock-modal .modal-body{padding:12px 14px}.manual-mock-modal .modal-footer{padding:10px 14px}.manual-mock-modal .modal-footer .footer-info{width:100%;justify-content:space-between}.manual-mock-modal .modal-footer .footer-buttons{width:100%}.manual-mock-modal .modal-footer .footer-buttons button{flex:1;justify-content:center;padding:10px 12px}}@keyframes mic-pulse-border{0%{box-shadow:0 0 #ef444473}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes rec-blink{0%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.85)}}.landing-page{background:var(--bg);color:var(--text);overflow-x:hidden;width:100%}.landing-page .container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.section-head .section-eyebrow{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--primary);margin-bottom:8px}.section-head h2{font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1.25;letter-spacing:-.8px;color:var(--text);margin-bottom:12px}.section-head p{font-size:clamp(15px,2vw,17px);color:var(--text-3);line-height:1.6}.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--primary-50);color:var(--primary);border:1px solid var(--primary-100);border-radius:99px;font-size:13px;font-weight:600;width:fit-content}.badge-pill__icon{color:var(--primary)}.badge-pill--light{background:#ffffff2e;color:#fff;border-color:#ffffff4d}[data-theme=dark] .badge-pill{background:#4f46e526;border-color:#6366f14d;color:#a5b4fc}.btn-white{background:#fff;color:var(--primary);font-weight:700;border-radius:var(--radius-sm);box-shadow:0 4px 14px #00000026;transition:all var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-white:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.landing-hero{position:relative;padding:70px 0 60px;background:radial-gradient(circle at 85% 20%,rgba(79,70,229,.08) 0%,transparent 50%),radial-gradient(circle at 10% 70%,rgba(124,58,237,.05) 0%,transparent 40%)}.landing-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.landing-hero__content{display:flex;flex-direction:column;gap:20px}.landing-hero__title{font-size:clamp(34px,4.5vw,54px);font-weight:850;line-height:1.15;letter-spacing:-1.2px;color:var(--text)}.landing-hero__title .highlight-text{color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-hero__lead{font-size:clamp(16px,1.8vw,18px);color:var(--text-3);line-height:1.65;max-width:520px}.landing-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.landing-hero__actions .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600}.landing-hero__trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:18px;border-top:1px solid var(--border-dark)}.landing-hero__trust .trust-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-2)}.landing-hero__trust .trust-pill .trust-check{color:var(--success);background:#10b9811f;border-radius:50%;padding:2px}.preview-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-xl);box-shadow:0 16px 40px -10px #0000001a,0 0 0 1px #00000008;overflow:hidden;position:relative;transition:box-shadow var(--transition)}.preview-card__topbar{background:var(--surface-2);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.preview-card__dots{display:flex;gap:6px}.preview-card__dots .dot{width:10px;height:10px;border-radius:50%}.preview-card__dots .dot-red{background:#ef4444}.preview-card__dots .dot-yellow{background:#f59e0b}.preview-card__dots .dot-green{background:#10b981}.preview-card__tabs{display:flex;gap:6px}.preview-card__tabs .tab-pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;color:var(--text-3)}.preview-card__tabs .tab-pill.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #00000014}.preview-card__meta{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#4f46e50a;border-bottom:1px solid var(--border)}.preview-card__meta .meta-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.preview-card__meta .meta-left .subject-tag{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-50);padding:3px 8px;border-radius:4px}.preview-card__meta .meta-left .question-counter{font-size:13px;color:var(--text-3)}.preview-card__meta .meta-timer{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--warning);background:#f59e0b1f;padding:4px 10px;border-radius:99px;font-variant-numeric:tabular-nums}.preview-card__question{padding:22px 20px}.preview-card__question .difficulty-badge{font-size:11px;font-weight:600;color:var(--text-3);background:var(--surface-2);padding:3px 8px;border-radius:4px;display:inline-block;margin-bottom:10px}.preview-card__question .question-text{font-size:15px;font-weight:600;color:var(--text);line-height:1.55;margin-bottom:16px}.preview-card__question .options-list{display:flex;flex-direction:column;gap:8px}.preview-card__question .opt-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-dark);background:var(--surface);font-size:14px;color:var(--text-2);transition:all var(--transition)}.preview-card__question .opt-item .opt-key{width:24px;height:24px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.preview-card__question .opt-item .opt-val{flex:1}.preview-card__question .opt-item .opt-check{color:var(--success)}.preview-card__question .opt-item.selected{border-color:var(--primary);background:#4f46e50f;color:var(--primary);font-weight:600}.preview-card__question .opt-item.selected .opt-key{background:var(--primary);color:#fff}.preview-card__stats{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface-2);border-top:1px solid var(--border);flex-wrap:wrap}.preview-card__stats .stat-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.preview-card__stats .stat-pill .stat-val{font-weight:700}.preview-card__stats .stat-pill .stat-val.highlight{color:var(--primary)}.preview-card__stats .stat-pill .stat-val.success{color:var(--success)}.preview-card__stats .stat-pill.mistake-badge{margin-left:auto;font-size:11px;font-weight:600;color:#7c3aed;background:#7c3aed1a;padding:3px 8px;border-radius:6px}[data-theme=dark] .preview-card{box-shadow:0 16px 40px -10px #0009,0 0 0 1px #ffffff0d}[data-theme=dark] .preview-card__meta{background:#4f46e514}[data-theme=dark] .preview-card__meta .subject-tag{background:#4f46e533;color:#a5b4fc}.landing-steps{padding:80px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-steps .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}.landing-steps .step-card{background:var(--bg);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:32px 26px;position:relative;transition:transform var(--transition)}.landing-steps .step-card:hover{transform:translateY(-4px);border-color:var(--primary-light)}.landing-steps .step-card .step-number{font-size:32px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:16px;opacity:.9;font-variant-numeric:tabular-nums}.landing-steps .step-card h3{font-size:18px;font-weight:750;color:var(--text);margin-bottom:10px}.landing-steps .step-card p{font-size:14px;color:var(--text-3);line-height:1.6}.landing-features{padding:80px 0}.landing-features .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-features .feature-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:32px 24px 28px;display:flex;flex-direction:column;position:relative;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.landing-features .feature-card:hover{border-color:var(--primary-light);box-shadow:0 12px 28px -6px #00000014}.landing-features .feature-card__badge{position:absolute;top:20px;right:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:99px;background:var(--primary-50);color:var(--primary)}.landing-features .feature-card__badge.badge-alt{background:#f59e0b1f;color:#d97706}.landing-features .feature-card__badge.badge-green{background:#10b9811f;color:#059669}.landing-features .feature-card__badge.badge-gold{background:#eab30826;color:#ca8a04}.landing-features .feature-card__icon{width:48px;height:48px;border-radius:12px;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.landing-features .feature-card__icon.icon-amber{background:#f59e0b1f;color:#d97706}.landing-features .feature-card__icon.icon-green{background:#10b9811f;color:#059669}.landing-features .feature-card__icon.icon-purple{background:#7c3aed1f;color:#7c3aed}.landing-features .feature-card__icon.icon-blue{background:#3b82f61f;color:#2563eb}.landing-features .feature-card__icon.icon-gold{background:#eab30826;color:#ca8a04}.landing-features .feature-card h3{font-size:19px;font-weight:750;color:var(--text);margin-bottom:10px}.landing-features .feature-card p{font-size:14px;color:var(--text-3);line-height:1.6;margin-bottom:20px;flex:1}.landing-features .feature-card__list{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:16px}.landing-features .feature-card__list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);font-weight:500}.landing-features .feature-card__list li svg{color:var(--success);flex-shrink:0}.landing-basic{padding:80px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-basic .basic-card{background:var(--bg);border:2px solid rgba(16,185,129,.4);border-radius:var(--radius-xl);box-shadow:0 16px 36px -8px #10b9811a,0 0 0 1px #10b9810d;overflow:hidden;padding:40px}.landing-basic .basic-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;border-bottom:1px solid var(--border-dark);padding-bottom:28px;flex-wrap:wrap}.landing-basic .basic-card__title-wrap{max-width:620px}.landing-basic .basic-card__title-wrap h3{font-size:clamp(24px,3vw,32px);font-weight:850;color:var(--text);margin:10px 0 6px}.landing-basic .basic-card__title-wrap .basic-card__sub{font-size:15px;color:var(--text-3);line-height:1.6}.landing-basic .basic-card__badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#059669;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:5px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}.landing-basic .basic-card .coin-welcome-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f59e0b24,#eab30814);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);padding:18px 24px;flex-shrink:0}.landing-basic .basic-card .coin-welcome-banner__icon{color:#d97706;background:#fff;width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #d9770626}.landing-basic .basic-card .coin-welcome-banner .coin-amount{font-size:26px;font-weight:900;color:#b45309;letter-spacing:-.5px;line-height:1.1}.landing-basic .basic-card .coin-welcome-banner .coin-label{font-size:13px;font-weight:600;color:#92400e;margin-top:3px}.landing-basic .basic-card__body{padding:32px 0 28px;display:flex;flex-direction:column;gap:28px}.landing-basic .basic-card .coin-explainer{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:24px}.landing-basic .basic-card .coin-explainer h4{font-size:16px;font-weight:750;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:16px}.landing-basic .basic-card .coin-explainer h4 .icon-gold{color:#d97706}.landing-basic .basic-card .coin-explainer .explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.landing-basic .basic-card .coin-explainer .explainer-item{display:flex;align-items:flex-start;gap:12px}.landing-basic .basic-card .coin-explainer .explainer-item .explainer-bullet{width:26px;height:26px;border-radius:50%;background:#4f46e51a;color:var(--primary);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.landing-basic .basic-card .coin-explainer .explainer-item strong{display:block;font-size:14px;color:var(--text);margin-bottom:4px}.landing-basic .basic-card .coin-explainer .explainer-item p{font-size:13px;color:var(--text-3);line-height:1.5}.landing-basic .basic-card .features-and-limits{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.landing-basic .basic-card .features-and-limits .feature-column,.landing-basic .basic-card .features-and-limits .limit-column{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.landing-basic .basic-card .features-and-limits .feature-column h5,.landing-basic .basic-card .features-and-limits .limit-column h5{font-size:14px;font-weight:750;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:14px}.landing-basic .basic-card .features-and-limits .feature-column ul,.landing-basic .basic-card .features-and-limits .limit-column ul{display:flex;flex-direction:column;gap:10px}.landing-basic .basic-card .features-and-limits .feature-column ul li,.landing-basic .basic-card .features-and-limits .limit-column ul li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-2);line-height:1.45}.landing-basic .basic-card .features-and-limits .feature-column ul li svg,.landing-basic .basic-card .features-and-limits .limit-column ul li svg{margin-top:2px;flex-shrink:0}.landing-basic .basic-card .features-and-limits .feature-column li svg{color:var(--success)}.landing-basic .basic-card .features-and-limits .limit-column li{color:var(--text-3);position:relative;padding-left:14px}.landing-basic .basic-card .features-and-limits .limit-column li:before{content:"•";position:absolute;left:0;color:var(--text-4);font-size:16px;line-height:1}.landing-basic .basic-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border-dark);flex-wrap:wrap;gap:16px}.landing-basic .basic-card__footer .guarantee-text{font-size:13px;font-weight:600;color:var(--text-3)}.landing-basic .basic-card__footer .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700}[data-theme=dark] .landing-basic .basic-card{border-color:#10b9814d;box-shadow:0 16px 36px -8px #00000080}[data-theme=dark] .landing-basic .basic-card .coin-welcome-banner{background:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .landing-basic .basic-card .coin-welcome-banner__icon{background:#1f2937}[data-theme=dark] .landing-basic .basic-card .coin-welcome-banner .coin-amount{color:#f59e0b}[data-theme=dark] .landing-basic .basic-card .coin-welcome-banner .coin-label{color:#d1d5db}.landing-pricing{padding:80px 0}.landing-pricing .pricing-tabs{display:inline-flex;background:var(--surface-2, #f1f5f9);padding:5px;border-radius:99px;border:1px solid var(--border-dark, #e2e8f0);margin:0 auto 48px;position:relative;left:50%;transform:translate(-50%)}.landing-pricing .pricing-tabs .pricing-tab{padding:9px 24px;border-radius:99px;font-size:14px;font-weight:600;color:var(--text-3);background:transparent;border:none;cursor:pointer;transition:all .2s ease;min-height:unset}.landing-pricing .pricing-tabs .pricing-tab:hover{color:var(--text)}.landing-pricing .pricing-tabs .pricing-tab.active{background:var(--surface, #ffffff);color:var(--primary);box-shadow:0 2px 10px #00000014;font-weight:750}.landing-pricing .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch;max-width:1140px;margin:0 auto}.landing-pricing .pricing-card{background:var(--surface);border:1.5px solid var(--border-dark, #e2e8f0);border-radius:20px;padding:36px 30px 30px;display:flex;flex-direction:column;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 4px 20px #0000000a}.landing-pricing .pricing-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px -8px #0000001a;border-color:var(--primary-light, #818cf8)}.landing-pricing .pricing-card--popular{border:2px solid var(--primary);box-shadow:0 12px 32px -6px #4f46e52e;background:linear-gradient(180deg,rgba(79,70,229,.02) 0%,var(--surface) 100%)}.landing-pricing .pricing-card--popular .popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.8px;padding:6px 18px;border-radius:99px;box-shadow:0 4px 12px #4f46e559;white-space:nowrap}.landing-pricing .pricing-card__header .plan-name{font-size:20px;font-weight:800;color:var(--text);margin:0 0 12px;letter-spacing:-.3px}.landing-pricing .pricing-card__header .plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.landing-pricing .pricing-card__header .plan-price .amount{font-size:34px;font-weight:850;color:var(--text);letter-spacing:-1px;line-height:1}.landing-pricing .pricing-card__header .plan-price .currency{font-size:16px;font-weight:600;color:var(--text-2);margin-left:2px}.landing-pricing .pricing-card__header .plan-price .period{font-size:14px;font-weight:500;color:var(--text-3)}.landing-pricing .pricing-card__header .plan-desc{font-size:14px;color:var(--text-3);line-height:1.5;min-height:42px;margin:0}.landing-pricing .pricing-card__divider{height:1px;background:var(--border-dark, #e2e8f0);margin:22px 0;width:100%}.landing-pricing .pricing-card__features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px;flex:1}.landing-pricing .pricing-card__features li{display:flex!important;align-items:flex-start!important;gap:12px;font-size:14px;color:var(--text-2);line-height:1.45}.landing-pricing .pricing-card__features li .feature-icon{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;color:#10b981!important;flex-shrink:0!important;margin-top:2px!important;background:none!important;border:none!important;border-radius:0!important;padding:0!important;display:inline-block!important}.landing-pricing .pricing-card__features li span{flex:1}.landing-pricing .pricing-card__footer{margin-top:auto}.landing-pricing .pricing-card__footer .btn{width:100%;justify-content:center;padding:13px 20px;font-size:15px;font-weight:650;border-radius:12px;text-align:center;display:inline-flex;align-items:center;min-height:44px}.landing-pricing .pricing-card__footer .btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary);transition:all .2s ease}.landing-pricing .pricing-card__footer .btn-outline:hover{background:var(--primary-50);color:var(--primary)}.landing-pricing .pricing-card__footer .btn-primary{background:var(--primary);color:#fff;border:1.5px solid var(--primary);box-shadow:0 4px 14px #4f46e54d}.landing-pricing .pricing-card__footer .btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.landing-cta{padding:80px 0}.landing-cta .cta-card{background:linear-gradient(135deg,var(--primary) 0%,#4338ca 100%);border-radius:var(--radius-xl);padding:60px 40px;text-align:center;color:#fff;box-shadow:0 20px 40px -10px #4f46e559}.landing-cta .cta-card__content{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}.landing-cta .cta-card__content h2{font-size:clamp(28px,4vw,40px);font-weight:850;line-height:1.2;letter-spacing:-.8px;color:#fff}.landing-cta .cta-card__content p{font-size:clamp(15px,2vw,17px);color:#ffffffe6;line-height:1.6}.landing-cta .cta-card__actions{margin-top:12px}.landing-faq{padding:80px 0;background:var(--surface-2, #f8fafc);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-faq .faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.landing-faq .faq-item{background:var(--surface, #ffffff);border:1.5px solid var(--border-dark, #e2e8f0);border-radius:14px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px #00000005}.landing-faq .faq-item:hover{border-color:var(--primary-light, #818cf8);box-shadow:0 4px 14px #0000000a}.landing-faq .faq-item.open{border-color:var(--primary);box-shadow:0 6px 20px #4f46e514}.landing-faq .faq-item.open .faq-arrow{transform:rotate(180deg);color:var(--primary)}.landing-faq .faq-item .faq-question{width:100%;background:transparent!important;padding:20px 24px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px;text-align:left;font-size:16px;font-weight:650;color:var(--text);font-family:inherit;border:none!important;outline:none!important;cursor:pointer;box-shadow:none!important;border-radius:0;margin:0;min-height:unset}.landing-faq .faq-item .faq-question span{flex:1;line-height:1.45}.landing-faq .faq-item .faq-question .faq-arrow{color:var(--text-3);transition:transform .25s ease,color .2s ease;flex-shrink:0;width:18px;height:18px;display:inline-block!important}.landing-faq .faq-item .faq-answer{overflow:hidden}.landing-faq .faq-item .faq-answer p{padding:0 24px 22px;font-size:15px;color:var(--text-3);line-height:1.65;margin:0}.landing-footer{background:var(--surface);border-top:1px solid var(--border);padding:70px 0 32px}.landing-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:48px;margin-bottom:52px}.landing-footer__brand .footer-logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:850;color:var(--text);margin-bottom:14px;letter-spacing:-.4px}.landing-footer__brand .footer-logo .logo-img{height:30px;width:auto}.landing-footer__brand p{font-size:14px;color:var(--text-3);line-height:1.65;max-width:320px;margin:0}.landing-footer__links h4{font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.8px;color:var(--text);margin:0 0 18px}.landing-footer__links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.landing-footer__links ul li{font-size:14px}.landing-footer__links ul li a{color:var(--text-3);text-decoration:none;transition:all .2s ease;display:inline-block}.landing-footer__links ul li a:hover{color:var(--primary);transform:translate(3px)}.landing-footer__bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:28px;font-size:13px;color:var(--text-3);flex-wrap:wrap;gap:12px}.landing-footer__bottom p{margin:0}@media (max-width: 1024px){.landing-hero{padding:50px 0 40px}.landing-hero__grid{grid-template-columns:1fr;gap:40px}.landing-hero__lead{max-width:100%}.landing-features .features-grid{grid-template-columns:repeat(2,1fr)}.landing-basic .basic-card{padding:30px 24px}.landing-basic .basic-card .coin-explainer .explainer-grid{grid-template-columns:1fr}.landing-basic .basic-card .features-and-limits{grid-template-columns:1fr;gap:18px}.landing-pricing .pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.landing-footer__grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 768px){.landing-steps .steps-grid{grid-template-columns:1fr;gap:18px}.landing-features{padding:60px 0}.landing-features .features-grid{grid-template-columns:1fr}.landing-basic{padding:60px 0}.landing-basic .basic-card__header{flex-direction:column;gap:20px}.landing-basic .coin-welcome-banner{width:100%}.landing-basic .basic-card__footer{flex-direction:column;align-items:stretch;text-align:center}.landing-basic .basic-card__footer .btn{width:100%;justify-content:center}.landing-cta .cta-card{padding:40px 24px}.landing-footer__grid{grid-template-columns:1fr;gap:28px}.landing-footer__bottom{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.landing-page .container{padding:0 16px}.landing-hero{padding:32px 0 30px}.landing-hero__actions{flex-direction:column;width:100%}.landing-hero__actions .btn{width:100%;justify-content:center}.landing-hero__trust{flex-direction:column;gap:8px}.preview-card{border-radius:var(--radius-lg)}.preview-card__meta,.preview-card__stats{flex-direction:column;align-items:flex-start;gap:8px}.preview-card__stats .mistake-badge{margin-left:0}.landing-basic .basic-card{padding:22px 16px}.landing-pricing .pricing-tabs{width:100%;flex-direction:column;border-radius:var(--radius)}.landing-pricing .pricing-tabs .pricing-tab{border-radius:var(--radius-sm);text-align:center}}.test-options-section{padding:70px 0;background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.test-options-section .test-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-top:24px}.test-options-section .test-option-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:36px 32px;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000000a;position:relative;transition:all .25s ease}.test-options-section .test-option-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #00000014;border-color:var(--primary-100)}.test-options-section .test-option-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.test-options-section .test-option-card__icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.test-options-section .test-option-card__icon.icon-blue{background:#2563eb1a;color:#2563eb}.test-options-section .test-option-card__icon.icon-purple{background:#9333ea1a;color:#9333ea}.test-options-section .test-option-card__badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px;background:var(--primary-50);color:var(--primary);border:1px solid var(--primary-100)}.test-options-section .test-option-card__badge.badge-alt{background:#9333ea1a;color:#9333ea;border-color:#9333ea33}.test-options-section .test-option-card h3{font-size:24px;font-weight:800;color:var(--text);margin-bottom:12px}.test-options-section .test-option-card__desc{font-size:15px;color:var(--text-3);line-height:1.6;margin-bottom:24px}.test-options-section .test-option-card__features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px}.test-options-section .test-option-card__features li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:var(--text-2)}.test-options-section .test-option-card__features li svg{flex-shrink:0;margin-top:2px}.test-options-section .test-option-card__footer{margin-top:auto}.test-options-section .test-option-card__footer .btn-block{width:100%;justify-content:center}.landing-catalog{padding:80px 0}.landing-catalog .category-filter-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.landing-catalog .category-filter-pills .filter-pill{padding:10px 24px;border-radius:99px;background:var(--surface, #ffffff);border:1.5px solid var(--border-dark, #e2e8f0);color:var(--text-2, #374151);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a;display:inline-flex;align-items:center;justify-content:center;min-height:unset}.landing-catalog .category-filter-pills .filter-pill:hover{border-color:var(--primary, #4f46e5);color:var(--primary, #4f46e5);background:var(--surface-2, #f8fafc);transform:translateY(-1px)}.landing-catalog .category-filter-pills .filter-pill.active{background:var(--primary, #4f46e5)!important;border-color:var(--primary, #4f46e5)!important;color:#fff!important;font-weight:700;box-shadow:0 4px 14px #4f46e559;transform:translateY(-1px)}.landing-catalog .exam-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.landing-catalog .exam-cat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;display:flex;flex-direction:column;transition:all .2s ease}.landing-catalog .exam-cat-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.landing-catalog .exam-cat-card__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center}.landing-catalog .exam-cat-card__icon.icon-primary{background:#4f46e51a;color:var(--primary)}.landing-catalog .exam-cat-card__icon.icon-green{background:#10b9811a;color:#10b981}.landing-catalog .exam-cat-card__icon.icon-amber{background:#f59e0b1a;color:#f59e0b}.landing-catalog .exam-cat-card__icon.icon-blue{background:#2563eb1a;color:#2563eb}.landing-catalog .exam-cat-card__icon.icon-purple{background:#9333ea1a;color:#9333ea}.landing-catalog .exam-cat-card__tag{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px}.landing-catalog .exam-cat-card__tag.badge-dtm{background:#4f46e51a;color:var(--primary)}.landing-catalog .exam-cat-card__tag.badge-green{background:#10b9811a;color:#10b981}.landing-catalog .exam-cat-card__tag.badge-alt{background:#f59e0b1a;color:#f59e0b}.landing-catalog .exam-cat-card__tag.badge-blue{background:#2563eb1a;color:#2563eb}.landing-catalog .exam-cat-card__tag.badge-purple{background:#9333ea1a;color:#9333ea}.landing-catalog .exam-cat-card__tag.badge-indigo{background:#6366f11a;color:#6366f1}.landing-catalog .exam-cat-card h3{font-size:19px;font-weight:750;color:var(--text);margin-bottom:8px}.landing-catalog .exam-cat-card p{font-size:14px;color:var(--text-3);line-height:1.55;margin-bottom:18px;flex-grow:1}.landing-catalog .exam-cat-card__specs{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}.landing-catalog .exam-cat-card__specs li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.landing-catalog .exam-cat-card__specs li .spec-check{color:#10b981!important;flex-shrink:0!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;display:inline-block!important;background:none!important;border:none!important;border-radius:0!important;padding:0!important}.landing-catalog .exam-cat-card__action{margin-top:auto}.landing-catalog .exam-cat-card__action .btn-block{width:100%;justify-content:center}.benefits-section{padding:70px 0;background:var(--surface-2);border-top:1px solid var(--border)}.benefits-section .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.benefits-section .benefit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 22px;transition:transform .2s ease}.benefits-section .benefit-card:hover{transform:translateY(-3px)}.benefits-section .benefit-card__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.benefits-section .benefit-card__icon.icon-amber{background:#f59e0b1f;color:#f59e0b}.benefits-section .benefit-card__icon.icon-purple{background:#9333ea1f;color:#9333ea}.benefits-section .benefit-card__icon.icon-blue{background:#2563eb1f;color:#2563eb}.benefits-section .benefit-card__icon.icon-green{background:#10b9811f;color:#10b981}.benefits-section .benefit-card h3{font-size:18px;font-weight:750;color:var(--text);margin-bottom:10px}.benefits-section .benefit-card p{font-size:14px;color:var(--text-3);line-height:1.6}@media (max-width: 768px){.test-options-section{padding:48px 0}.test-options-section .test-options-grid{grid-template-columns:1fr}.landing-catalog{padding:48px 0}.landing-catalog .exam-catalog-grid{grid-template-columns:1fr}.benefits-section{padding:48px 0}.benefits-section .benefits-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg)}.auth-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;width:100%;max-width:440px;box-sizing:border-box}.auth-card--wide{max-width:600px}.auth-card__header{text-align:center;margin-bottom:24px}.auth-card__header .auth-logo{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:800;color:var(--primary);margin-bottom:16px}.auth-card__header .auth-logo .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.auth-card__header h1{font-size:24px;font-weight:800;margin-bottom:4px}.auth-card__header p{color:var(--text-3);font-size:14px}.auth-card__footer{margin-top:24px;text-align:center;font-size:14px;color:var(--text-3)}.auth-card__footer a{color:var(--primary);font-weight:600}.auth-card__footer a:hover{text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-hint{margin-top:16px;padding:8px 12px;background:var(--primary-50);border:1.5px dashed var(--primary-light);border-radius:var(--radius-sm);color:var(--primary-dark);font-size:13px;display:inline-block}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap .form-input{width:100%;padding-right:42px}.password-input-wrap .password-toggle-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s ease}.password-input-wrap .password-toggle-btn:hover{color:var(--text)}.password-guidance-text{font-size:12px;line-height:1.45;color:var(--text-3);margin-top:6px;display:block}.password-strength-box{margin-top:8px}.password-strength-box .strength-header{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;margin-bottom:4px}.password-strength-box .strength-header .strength-label{color:var(--text-3)}.password-strength-box .strength-header .strength-value{font-weight:700}.password-strength-box .strength-header .strength-value.weak{color:#ef4444}.password-strength-box .strength-header .strength-value.fair{color:#f59e0b}.password-strength-box .strength-header .strength-value.strong{color:#10b981}.password-strength-box .strength-bars{display:flex;gap:4px;height:4px}.password-strength-box .strength-bars .bar{flex:1;height:100%;background:var(--border);border-radius:2px;transition:background .2s ease}.password-strength-box .strength-bars .bar.active-weak{background:#ef4444}.password-strength-box .strength-bars .bar.active-fair{background:#f59e0b}.password-strength-box .strength-bars .bar.active-strong{background:#10b981}@media (max-width: 640px){.auth-page{padding:24px 14px}.auth-row{grid-template-columns:1fr;gap:16px}.auth-card{padding:24px 16px}}@media (max-width: 360px){.auth-page{padding:16px 8px}.auth-card{padding:20px 12px}.auth-card__header h1{font-size:20px}}.auth-consent-section{display:flex;flex-direction:column;gap:12px;margin-top:4px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border-dark);border-radius:var(--radius-sm)}.auth-consent-section .form-checkbox-group{display:flex;flex-direction:column;gap:3px}.auth-consent-section .form-checkbox-group .checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13.5px;color:var(--text-2);line-height:1.45;-webkit-user-select:none;user-select:none}.auth-consent-section .form-checkbox-group .checkbox-label .form-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;margin-top:2px;border:1.5px solid var(--border-dark);border-radius:4px;background:var(--surface);cursor:pointer;display:inline-grid;place-content:center;transition:all var(--transition)}.auth-consent-section .form-checkbox-group .checkbox-label .form-checkbox:before{content:"";width:9px;height:9px;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #fff;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.auth-consent-section .form-checkbox-group .checkbox-label .form-checkbox:checked{background:var(--primary);border-color:var(--primary)}.auth-consent-section .form-checkbox-group .checkbox-label .form-checkbox:checked:before{transform:scale(1)}.auth-consent-section .form-checkbox-group .checkbox-label .form-checkbox:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-consent-section .form-checkbox-group .checkbox-label .form-checkbox.error{border-color:var(--danger)}.auth-consent-section .form-checkbox-group .checkbox-label .legal-link{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.auth-consent-section .form-checkbox-group .checkbox-label .legal-link:hover{color:var(--primary-dark)}.auth-consent-section .form-checkbox-group .form-error{font-size:12px;color:var(--danger);margin-left:28px}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#1f2937;border:1.5px solid var(--border-dark);border-radius:var(--radius-sm);padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:0 1px 2px #0000000d}.btn-google:hover:not(:disabled){background:#f9fafb;border-color:var(--primary);box-shadow:0 2px 4px #00000014}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google .google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:18px 0 12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-dark)}.auth-divider span{padding:0 12px;color:var(--text-3);font-size:13px;font-weight:500;text-transform:lowercase}.coin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.coin-modal-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:440px;width:100%;padding:28px 24px 24px;text-align:center;position:relative}.coin-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--text-4);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.coin-modal-close:hover{background:var(--surface-2);color:var(--text)}.coin-modal-icon-wrap{display:flex;justify-content:center;margin-bottom:14px}.coin-modal-icon{width:60px;height:60px;border-radius:50%;background:#f59e0b26;border:2px solid rgba(245,158,11,.35);color:#f59e0b;display:flex;align-items:center;justify-content:center}.coin-modal-title{font-size:20px;font-weight:800;color:var(--text);margin:0 0 6px}.coin-modal-subtitle{font-size:13px;color:var(--text-3);margin:0 0 16px}.coin-modal-balance-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.coin-modal-balance-box .balance-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.coin-modal-balance-box .balance-item .label{color:var(--text-3)}.coin-modal-balance-box .balance-item .value{font-weight:700}.coin-modal-balance-box .balance-item .value.required{color:var(--text)}.coin-modal-balance-box .balance-item .value.current{color:#f59e0b}.coin-modal-balance-box .balance-item .value.missing{color:var(--danger);font-weight:800}.coin-modal-balance-box .balance-item.total-missing{border-top:1px dashed var(--border);padding-top:8px;margin-top:2px;font-size:15px}.coin-modal-balance-box .balance-item.total-missing .label{font-weight:600;color:var(--text)}.coin-modal-pro-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius);background:linear-gradient(135deg,#4f46e514,#7c3aed14);border:1px solid rgba(79,70,229,.25);cursor:pointer;text-align:left;margin-bottom:20px;transition:var(--transition)}.coin-modal-pro-banner:hover{background:linear-gradient(135deg,#4f46e51f,#7c3aed1f);border-color:#4f46e566}.coin-modal-pro-banner .pro-banner-left{display:flex;align-items:center;gap:10px}.coin-modal-pro-banner .pro-icon-box{width:32px;height:32px;border-radius:8px;background:#4f46e526;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.coin-modal-pro-banner .pro-heading{font-size:13px;font-weight:700;color:var(--text)}.coin-modal-pro-banner .pro-sub{font-size:11px;color:var(--text-3)}.coin-modal-pro-banner .pro-arrow{color:#4f46e5;flex-shrink:0}.coin-modal-actions{display:flex;gap:10px}.coin-modal-actions .btn{flex:1;justify-content:center;font-size:13px;padding:10px 14px}.coin-modal-actions .btn-secondary{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.3)}.coin-modal-actions .btn-secondary:hover{background:#f59e0b33}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.onboarding-modal{background:var(--surface, #ffffff);color:var(--text, #0f172a);border:1px solid var(--border, #e2e8f0);border-radius:24px;max-width:820px;width:100%;padding:36px 32px;box-shadow:0 25px 50px -12px #00000040;position:relative;max-height:90vh;overflow-y:auto}[data-theme=dark] .onboarding-modal{background:#1e293b;border-color:#334155}.onboarding-modal .onboarding-header{text-align:center;margin-bottom:32px}.onboarding-modal .onboarding-header .brand-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#4f46e51a;color:#4f46e5;font-size:13px;font-weight:700;border-radius:999px;margin-bottom:14px}[data-theme=dark] .onboarding-modal .onboarding-header .brand-badge{background:#6366f133;color:#818cf8}.onboarding-modal .onboarding-header h2{font-size:26px;font-weight:800;margin:0 0 10px;color:var(--text, #0f172a)}.onboarding-modal .onboarding-header p{font-size:15px;color:var(--text-3, #64748b);margin:0 auto;max-width:580px;line-height:1.5}.onboarding-modal .onboarding-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}@media (max-width: 700px){.onboarding-modal .onboarding-grid{grid-template-columns:1fr}}.onboarding-modal .option-card{border:2px solid var(--border, #e2e8f0);border-radius:20px;padding:26px 22px;background:var(--surface-2, #f8fafc);cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;justify-content:space-between;position:relative;text-align:left}[data-theme=dark] .onboarding-modal .option-card{background:#0f172a;border-color:#334155}.onboarding-modal .option-card:hover,.onboarding-modal .option-card.is-selected{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 12px 24px -8px #4f46e52e}.onboarding-modal .option-card.is-selected{background:#4f46e50a}[data-theme=dark] .onboarding-modal .option-card.is-selected{background:#4f46e51f}.onboarding-modal .option-card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.onboarding-modal .option-card .card-top .icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.onboarding-modal .option-card .card-top .icon-wrap.indiv{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.onboarding-modal .option-card .card-top .icon-wrap.team{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.onboarding-modal .option-card .card-top .badge{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px}.onboarding-modal .option-card .card-top .badge.indiv{background:#e0f2fe;color:#0369a1}[data-theme=dark] .onboarding-modal .option-card .card-top .badge.indiv{background:#0ea5e933;color:#38bdf8}.onboarding-modal .option-card .card-top .badge.team{background:#fdf2f8;color:#db2777}[data-theme=dark] .onboarding-modal .option-card .card-top .badge.team{background:#ec489933;color:#f472b6}.onboarding-modal .option-card h3{font-size:19px;font-weight:700;margin:0 0 8px;color:var(--text, #0f172a)}.onboarding-modal .option-card .card-desc{font-size:13.5px;color:var(--text-3, #64748b);line-height:1.45;margin-bottom:18px}.onboarding-modal .option-card .features-list{list-style:none;padding:0;margin:0 0 22px}.onboarding-modal .option-card .features-list li{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:8px;color:var(--text-2, #334155)}[data-theme=dark] .onboarding-modal .option-card .features-list li{color:#cbd5e1}.onboarding-modal .option-card .features-list li svg{flex-shrink:0;color:#10b981}.onboarding-modal .option-card .select-btn{width:100%;padding:12px;border-radius:12px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;transition:all .2s ease}.onboarding-modal .option-card .select-btn.btn-indiv{background:#0284c7;color:#fff}.onboarding-modal .option-card .select-btn.btn-indiv:hover{background:#0369a1}.onboarding-modal .option-card .select-btn.btn-team{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff}.onboarding-modal .option-card .select-btn.btn-team:hover{opacity:.95;transform:translateY(-1px)}.onboarding-modal .onboarding-footer-note{text-align:center;font-size:12.5px;color:var(--text-3, #64748b);margin:0}.trial-welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.trial-welcome-modal{background:var(--surface, #ffffff);color:var(--text, #0f172a);border:1px solid var(--border, #e2e8f0);border-radius:24px;max-width:680px;width:100%;padding:36px 32px;box-shadow:0 25px 50px -12px #00000040;position:relative;max-height:90vh;overflow-y:auto}[data-theme=dark] .trial-welcome-modal{background:#1e293b;border-color:#334155}.trial-welcome-modal .modal-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-3, #64748b);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.trial-welcome-modal .modal-close-btn:hover{background:#0000000d;color:var(--text, #0f172a)}[data-theme=dark] .trial-welcome-modal .modal-close-btn:hover{background:#ffffff1a}.trial-welcome-modal .modal-header-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 8px 20px -4px #4f46e566}.trial-welcome-modal h2{font-size:24px;font-weight:800;text-align:center;margin:0 0 12px;color:var(--text, #0f172a)}.trial-welcome-modal .welcome-text{font-size:15px;color:var(--text-3, #64748b);text-align:center;line-height:1.55;margin:0 0 24px}.trial-welcome-modal .countdown-banner{background:#4f46e514;border:1px solid rgba(79,70,229,.2);border-radius:14px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}[data-theme=dark] .trial-welcome-modal .countdown-banner{background:#6366f126;border-color:#6366f14d}.trial-welcome-modal .countdown-banner .countdown-label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text, #0f172a)}.trial-welcome-modal .countdown-banner .countdown-label svg{color:#4f46e5}[data-theme=dark] .trial-welcome-modal .countdown-banner .countdown-label svg{color:#818cf8}.trial-welcome-modal .countdown-banner .countdown-digits{font-size:14px;font-weight:800;color:#4f46e5;letter-spacing:.5px}[data-theme=dark] .trial-welcome-modal .countdown-banner .countdown-digits{color:#a5b4fc}.trial-welcome-modal .limits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}@media (max-width: 520px){.trial-welcome-modal .limits-grid{grid-template-columns:1fr}}.trial-welcome-modal .limits-grid .limit-item{background:var(--surface-2, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}[data-theme=dark] .trial-welcome-modal .limits-grid .limit-item{background:#0f172a;border-color:#334155}.trial-welcome-modal .limits-grid .limit-item .limit-info{display:flex;align-items:center;gap:10px}.trial-welcome-modal .limits-grid .limit-item .limit-info .icon-circle{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#4f46e51a;color:#4f46e5}[data-theme=dark] .trial-welcome-modal .limits-grid .limit-item .limit-info .icon-circle{background:#6366f133;color:#818cf8}.trial-welcome-modal .limits-grid .limit-item .limit-info .name{font-size:13.5px;font-weight:600;color:var(--text, #0f172a)}.trial-welcome-modal .limits-grid .limit-item .badge-count{font-size:13.5px;font-weight:700;color:#4f46e5;background:#eef2ff;padding:4px 10px;border-radius:999px}[data-theme=dark] .trial-welcome-modal .limits-grid .limit-item .badge-count{background:#6366f133;color:#a5b4fc}.trial-welcome-modal .modal-actions{display:flex;gap:14px}@media (max-width: 520px){.trial-welcome-modal .modal-actions{flex-direction:column}}.trial-welcome-modal .modal-actions .btn-action{flex:1;padding:13px 20px;border-radius:12px;font-size:14.5px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.trial-welcome-modal .modal-actions .btn-action.btn-secondary{background:var(--surface-2, #f1f5f9);color:var(--text, #0f172a);border:1px solid var(--border, #cbd5e1)}[data-theme=dark] .trial-welcome-modal .modal-actions .btn-action.btn-secondary{background:#334155;border-color:#475569;color:#f8fafc}.trial-welcome-modal .modal-actions .btn-action.btn-secondary:hover{background:#e2e8f0}[data-theme=dark] .trial-welcome-modal .modal-actions .btn-action.btn-secondary:hover{background:#475569}.trial-welcome-modal .modal-actions .btn-action.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.trial-welcome-modal .modal-actions .btn-action.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.trial-subscription-card{background:linear-gradient(135deg,#4f46e50f,#7c3aed14);border:1.5px solid rgba(79,70,229,.25);border-radius:var(--radius-lg, 16px);padding:24px 26px;margin-bottom:28px;display:flex;flex-direction:column;gap:20px;transition:all .2s ease}[data-theme=dark] .trial-subscription-card{background:#4f46e51f;border-color:#6366f159}.trial-subscription-card.is-expired{background:linear-gradient(135deg,#ef44440d,#f59e0b0d);border-color:#ef444440}[data-theme=dark] .trial-subscription-card.is-expired{background:#ef44441a;border-color:#ef44444d}.trial-subscription-card .card-main-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.trial-subscription-card .card-main-header .header-left{display:flex;align-items:center;gap:14px}.trial-subscription-card .card-main-header .header-left .plan-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.trial-subscription-card .card-main-header .header-left .plan-icon.expired{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 12px #ef44444d}.trial-subscription-card .card-main-header .header-left .plan-title-block h3{font-size:18px;font-weight:800;color:var(--text, #0f172a);margin:0 0 4px;display:flex;align-items:center;gap:10px}.trial-subscription-card .card-main-header .header-left .plan-title-block h3 .status-pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.trial-subscription-card .card-main-header .header-left .plan-title-block h3 .status-pill.active{background:#10b981;color:#fff}.trial-subscription-card .card-main-header .header-left .plan-title-block h3 .status-pill.expired{background:#ef4444;color:#fff}.trial-subscription-card .card-main-header .header-left .plan-title-block .date-meta{font-size:13px;color:var(--text-3, #64748b);margin:0}.trial-subscription-card .card-main-header .countdown-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;font-size:13.5px;font-weight:700;background:#fff;border:1px solid var(--border, #e2e8f0);color:#4f46e5}[data-theme=dark] .trial-subscription-card .card-main-header .countdown-chip{background:#1e293b;border-color:#334155;color:#818cf8}.trial-subscription-card .card-main-header .countdown-chip.expired{color:#ef4444;border-color:#ef44444d}.trial-subscription-card .progress-bars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.trial-subscription-card .progress-bars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.trial-subscription-card .progress-bars-grid{grid-template-columns:1fr}}.trial-subscription-card .progress-bars-grid .progress-stat{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:12px 14px}[data-theme=dark] .trial-subscription-card .progress-bars-grid .progress-stat{background:#1e293b;border-color:#334155}.trial-subscription-card .progress-bars-grid .progress-stat .stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.trial-subscription-card .progress-bars-grid .progress-stat .stat-top .stat-label{font-size:12.5px;font-weight:600;color:var(--text-3, #64748b)}.trial-subscription-card .progress-bars-grid .progress-stat .stat-top .stat-value{font-size:13px;font-weight:800;color:var(--text, #0f172a)}.trial-subscription-card .progress-bars-grid .progress-stat .progress-track{width:100%;height:6px;background:#0000000f;border-radius:999px;overflow:hidden}[data-theme=dark] .trial-subscription-card .progress-bars-grid .progress-stat .progress-track{background:#ffffff1a}.trial-subscription-card .progress-bars-grid .progress-stat .progress-track .progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#7c3aed);transition:width .3s ease}.trial-subscription-card .progress-bars-grid .progress-stat .progress-track .progress-fill.filled{background:#10b981}.trial-subscription-card .progress-bars-grid .progress-stat .progress-track .progress-fill.expired{background:#94a3b8}.trial-subscription-card .card-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}[data-theme=dark] .trial-subscription-card .card-footer-actions{border-color:#ffffff0f}.trial-subscription-card .card-footer-actions .footer-desc{font-size:13px;color:var(--text-3, #64748b);margin:0;max-width:600px}.trial-subscription-card .card-footer-actions .action-buttons{display:flex;align-items:center;gap:10px}.trial-subscription-card .card-footer-actions .action-buttons .spinner{animation:spin 1s linear infinite}.trial-subscription-card.trial-invitation-card{background:linear-gradient(135deg,#4f46e514,#7c3aed1f);border:2px solid var(--primary, #4f46e5);box-shadow:0 10px 30px -5px #4f46e526}[data-theme=dark] .trial-subscription-card.trial-invitation-card{background:#4f46e52e;border-color:#6366f1}.trial-subscription-card.trial-invitation-card .trial-invite-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0}@media (max-width: 768px){.trial-subscription-card.trial-invitation-card .trial-invite-perks{grid-template-columns:1fr}}.trial-subscription-card.trial-invitation-card .trial-invite-perks .perk-item{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text, #0f172a);background:var(--surface, #ffffff);padding:10px 14px;border-radius:10px;border:1px solid var(--border, #e2e8f0)}[data-theme=dark] .trial-subscription-card.trial-invitation-card .trial-invite-perks .perk-item{background:#1e293b;border-color:#334155;color:#f1f5f9}.trial-subscription-card.trial-invitation-card .trial-invite-perks .perk-item .perk-check{color:#10b981;flex-shrink:0}.trial-subscription-card.trial-invitation-card .trial-error-msg{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:600}.trial-notification-container{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.trial-notification-toast{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;border:1px solid transparent;font-size:13.5px;position:relative;box-shadow:0 4px 12px #0000000d}.trial-notification-toast.severity-info{background:#0ea5e914;border-color:#0ea5e940;color:#0369a1}[data-theme=dark] .trial-notification-toast.severity-info{background:#0ea5e926;border-color:#0ea5e94d;color:#38bdf8}.trial-notification-toast.severity-info .icon{color:#0284c7}.trial-notification-toast.severity-alert{background:#f59e0b14;border-color:#f59e0b40;color:#b45309}[data-theme=dark] .trial-notification-toast.severity-alert{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.trial-notification-toast.severity-alert .icon{color:#f59e0b}.trial-notification-toast.severity-warning{background:#ef444414;border-color:#ef444440;color:#b91c1c}[data-theme=dark] .trial-notification-toast.severity-warning{background:#ef444426;border-color:#ef44444d;color:#f87171}.trial-notification-toast.severity-warning .icon{color:#ef4444}.trial-notification-toast .toast-content{display:flex;align-items:center;gap:12px}.trial-notification-toast .toast-content .toast-body{display:flex;flex-direction:column}.trial-notification-toast .toast-content .toast-body strong{font-weight:700;margin-bottom:2px}.trial-notification-toast .toast-content .toast-body span{font-size:13px;opacity:.9}.trial-notification-toast .toast-dismiss{background:transparent;border:none;cursor:pointer;color:inherit;opacity:.7;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.trial-notification-toast .toast-dismiss:hover{opacity:1}.skeleton-box{display:block;background:linear-gradient(90deg,#e2e8f099,#f1f5f9e6,#e2e8f099);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:6px}@media (prefers-reduced-motion: reduce){.skeleton-box{animation:none;background:#e2e8f0cc}}[data-theme=dark] .skeleton-box{background:linear-gradient(90deg,#1e293bb3,#334155d9,#1e293bb3);background-size:200% 100%}@media (prefers-reduced-motion: reduce){[data-theme=dark] .skeleton-box{animation:none;background:#1e293be6}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 12px #00000008}.skeleton-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.skeleton-card__tags{display:flex;gap:8px}.skeleton-card__meta{display:flex;gap:16px;margin-top:4px}.skeleton-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px dashed var(--border, #e2e8f0)}.skeleton-question{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.skeleton-question__topbar{display:flex;justify-content:space-between;align-items:center}.skeleton-question__options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.skeleton-question__option-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--border, #e2e8f0);border-radius:12px}.skeleton-question__actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:16px;border-top:1px solid var(--border, #e2e8f0)}.skeleton-stat{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px}.skeleton-table-row{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border, #e2e8f0)}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;border-radius:16px;background:var(--surface, #ffffff);border:1px dashed var(--border, #cbd5e1);margin:24px 0}.state-container__icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.state-container__icon--empty{background:#6366f11a;color:var(--primary, #4f46e5)}.state-container__icon--error{background:#ef44441a;color:#ef4444}.state-container__title{font-size:1.15rem;font-weight:700;color:var(--text, #1e293b);margin-bottom:8px}.state-container__desc{font-size:.95rem;color:var(--text-secondary, #64748b);max-width:440px;line-height:1.5;margin-bottom:20px}.state-container__action{display:inline-flex;align-items:center;gap:8px}.dashboard-header-chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.dashboard-chip:hover{transform:translateY(-1px)}.dashboard-chip--streak{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.dashboard-chip--coins{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.dashboard-chip--xp{background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.dashboard-chip--status{padding:6px 14px;font-size:12px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.dashboard-chip--status:hover{transform:translateY(-1px)}.dashboard-chip--status.premium{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 2px 8px #6366f140}.dashboard-chip--status.basic-sinf{background:linear-gradient(135deg,#f59e0b29,#d977063d);color:#d97706;border:1px solid rgba(245,158,11,.45);box-shadow:0 2px 8px #f59e0b26}.dashboard-chip--status.free{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.dashboard-section-title{font-size:18px;font-weight:800;margin:0 0 16px;display:flex;align-items:center;gap:8px;color:var(--text)}.progress-overview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}@media (max-width: 1200px){.progress-overview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 680px){.progress-overview-grid{grid-template-columns:repeat(2,1fr)}}.progress-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 14px;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,border-color .15s ease}.progress-stat-card:hover{border-color:var(--primary);transform:translateY(-2px)}.progress-stat-card .stat-val{font-size:22px;font-weight:800;color:var(--text);line-height:1.1;display:flex;align-items:center;gap:4px}.progress-stat-card .stat-lbl{font-size:12px;color:var(--text-3);font-weight:500;text-transform:capitalize}.streak-calendar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:all .2s ease}.streak-calendar-card:hover{border-color:#ef44444d}.streak-calendar-card .streak-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.streak-calendar-card .streak-info .streak-badge-headline{display:flex;align-items:center;gap:10px}.streak-calendar-card .streak-info .streak-badge-headline .streak-fire-anim{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 6px rgba(239,68,68,.4));animation:pulse-fire 2s infinite ease-in-out}.streak-calendar-card .streak-info .streak-badge-headline .streak-number{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--text);background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.streak-calendar-card .streak-info .streak-subtext{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--text-2)}.streak-calendar-card .streak-meta .streak-pill{font-size:12px;font-weight:600;color:var(--text-3);background:var(--surface-2);padding:6px 14px;border-radius:999px;border:1px solid var(--border)}.streak-calendar-card .streak-meta .streak-pill strong{color:var(--text);font-weight:700}.streak-calendar-card .streak-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:18px}@media (max-width: 580px){.streak-calendar-card .streak-calendar-week{gap:6px}}.streak-calendar-card .streak-day-item{display:flex;flex-direction:column;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 6px;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}.streak-calendar-card .streak-day-item .day-name{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.streak-calendar-card .streak-day-item .day-status-indicator{width:34px;height:34px;border-radius:50%;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-4);transition:all .2s}.streak-calendar-card .streak-day-item .day-status-indicator .day-dot{width:6px;height:6px;border-radius:50%;background:var(--text-4);opacity:.4}.streak-calendar-card .streak-day-item .day-status-indicator .day-fire{font-size:15px}.streak-calendar-card .streak-day-item .day-date{font-size:12px;font-weight:600;color:var(--text-3)}.streak-calendar-card .streak-day-item.active{background:#10b9810f;border-color:#10b9814d}.streak-calendar-card .streak-day-item.active .day-name{color:#059669}.streak-calendar-card .streak-day-item.active .day-status-indicator{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 8px #10b98159}.streak-calendar-card .streak-day-item.active .day-date{color:#047857;font-weight:700}.streak-calendar-card .streak-day-item.today{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444;background:#ef44440a}.streak-calendar-card .streak-day-item.today .day-name,.streak-calendar-card .streak-day-item.today .day-date{color:#ef4444;font-weight:800}.streak-calendar-card .streak-day-item.today:not(.active) .day-status-indicator{border-color:#ef4444;background:#ef44441f}.streak-calendar-card .streak-day-item.future{opacity:.6;border-style:dashed}.streak-calendar-card .streak-calendar-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px dashed var(--border);flex-wrap:wrap}.streak-calendar-card .streak-calendar-footer .streak-reminder{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.streak-calendar-card .streak-calendar-footer .streak-reminder .reminder-bullet{color:#f59e0b;font-size:15px}.streak-calendar-card .streak-calendar-footer .streak-view-tasks-link{font-size:13px;font-weight:700;color:var(--primary);text-decoration:none;transition:color .15s}.streak-calendar-card .streak-calendar-footer .streak-view-tasks-link:hover{text-decoration:underline}@keyframes pulse-fire{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.daily-goal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;position:relative;overflow:hidden}.daily-goal-card--completed{border-color:#10b98166;background:linear-gradient(135deg,#10b98108,#3b82f605)}.daily-goal-card .goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.daily-goal-card .goal-title{font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.daily-goal-card .goal-progress-bar-bg{width:100%;height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:12px 0 10px}.daily-goal-card .goal-progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#06b6d4);transition:width .5s cubic-bezier(.4,0,.2,1)}.daily-goal-card .goal-progress-bar-fill.completed{background:linear-gradient(90deg,#10b981,#059669)}.daily-goal-card .goal-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-3);flex-wrap:wrap;gap:10px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.achievement-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;gap:14px;align-items:flex-start;transition:all .2s ease}.achievement-card.locked{opacity:.65;background:var(--surface-2);border-style:dashed}.achievement-card.unlocked{border-color:#f59e0b66;box-shadow:0 2px 10px #f59e0b0f}.achievement-card.unlocked .achievement-icon-wrap{background:linear-gradient(135deg,#f59e0b33,#fbbf2426);color:#d97706}.achievement-card .achievement-icon-wrap{width:42px;height:42px;border-radius:12px;background:var(--surface-2);color:var(--text-4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-card .achievement-body{flex:1;min-width:0}.achievement-card .achievement-body h4{font-size:14px;font-weight:700;margin:0 0 3px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:6px}.achievement-card .achievement-body p{font-size:12px;color:var(--text-3);margin:0 0 8px;line-height:1.35}.achievement-card .achievement-body .achievement-badges{display:flex;gap:6px;font-size:11px;font-weight:700}.achievement-card .achievement-body .achievement-badges .badge-coin{color:#d97706;background:#f59e0b1f;padding:2px 6px;border-radius:6px}.achievement-card .achievement-body .achievement-badges .badge-xp{color:#6366f1;background:#6366f11f;padding:2px 6px;border-radius:6px}.leaderboard-tabs{display:flex;background:var(--surface-2);padding:3px;border-radius:var(--radius-sm);gap:2px;margin-bottom:14px}.leaderboard-tabs button{flex:1;padding:6px 10px;border:none;background:transparent;font-size:12px;font-weight:600;color:var(--text-3);border-radius:6px;cursor:pointer;transition:all .15s ease}.leaderboard-tabs button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014;font-weight:700}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-2);transition:transform .1s ease}.leaderboard-item.is-me{background:#6366f11a;border:1px solid rgba(99,102,241,.3)}.leaderboard-item .rank-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.leaderboard-item .rank-badge.top-1{background:#fef3c7;color:#b45309}.leaderboard-item .rank-badge.top-2{background:#f1f5f9;color:#475569}.leaderboard-item .rank-badge.top-3{background:#fee2e2;color:#b91c1c}.leaderboard-item .rank-badge.regular{color:var(--text-3)}.leaderboard-item .user-info{flex:1;min-width:0}.leaderboard-item .user-info .name-row{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-item .user-info .username{font-size:11px;color:var(--text-3)}.leaderboard-item .xp-val{font-size:13px;font-weight:800;color:#6366f1;white-space:nowrap}.activity-feed-list{display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2)}.activity-item .activity-icon-box{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item .activity-icon-box.mock_completed{background:#10b98126;color:#10b981}.activity-item .activity-icon-box.coin_reward{background:#f59e0b26;color:#d97706}.activity-item .activity-icon-box.achievement{background:#6366f126;color:#6366f1}.activity-item .activity-content{flex:1;min-width:0}.activity-item .activity-content .act-title{font-size:13px;font-weight:700;color:var(--text)}.activity-item .activity-content .act-sub{font-size:11px;color:var(--text-3);margin-top:1px}.activity-item .act-time{font-size:11px;color:var(--text-4);white-space:nowrap}.continue-prep-card{border-radius:var(--radius);padding:24px;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}[data-theme=light] .continue-prep-card{background:linear-gradient(135deg,#4338ca,#6366f1)}.continue-prep-card h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 6px}.continue-prep-card p{color:#fffc;font-size:13px;margin:0;max-width:480px}.continue-prep-card .continue-actions{display:flex;gap:10px;flex-wrap:wrap}.custom-mock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px;box-sizing:border-box}.custom-mock-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);width:100%;max-width:620px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px -10px #00000059;display:flex;flex-direction:column;box-sizing:border-box}.custom-mock-modal__header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.custom-mock-modal__header .title-wrap{display:flex;align-items:flex-start;gap:12px}.custom-mock-modal__header .title-wrap .ai-icon-badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #7c3aed4d}.custom-mock-modal__header .title-wrap h2{font-size:18px;font-weight:700;color:var(--text);margin:0 0 4px;line-height:1.25}.custom-mock-modal__header .title-wrap p{font-size:12.5px;color:var(--text-3);margin:0;line-height:1.4}.custom-mock-modal__header .close-btn{background:none;border:none;color:var(--text-4);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.custom-mock-modal__header .close-btn:hover{color:var(--text);background:var(--surface-2)}.custom-mock-modal__form{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.custom-mock-modal .form-group{display:flex;flex-direction:column;gap:6px}.custom-mock-modal .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 600px){.custom-mock-modal .form-row-2{grid-template-columns:1fr}}.custom-mock-modal .form-label{font-size:13px;font-weight:600;color:var(--text-2);display:flex;align-items:center;justify-content:space-between}.custom-mock-modal .form-label .optional-tag{font-size:11px;font-weight:500;color:var(--text-4)}.custom-mock-modal .form-label .field-hint{font-size:11.5px;font-weight:500;color:var(--primary)}.custom-mock-modal .category-chips{display:flex;gap:8px;flex-wrap:wrap}.custom-mock-modal .category-chips .category-chip{flex:1;min-width:140px;padding:9px 12px;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-dark);background:var(--surface-2);color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;text-align:center}.custom-mock-modal .category-chips .category-chip:hover:not(:disabled){border-color:var(--primary-light);background:var(--surface)}.custom-mock-modal .category-chips .category-chip.active{border-color:#7c3aed;background:#7c3aed14;color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.custom-mock-modal .category-chips .category-chip:disabled{opacity:.6;cursor:not-allowed}.custom-mock-modal .preset-count-buttons{display:flex;gap:8px;flex-wrap:wrap}.custom-mock-modal .preset-count-buttons .count-btn{flex:1 1 calc(33.333% - 8px);min-width:72px;padding:8px 10px;border-radius:var(--radius-sm, 10px);border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:650;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-user-select:none;user-select:none;min-height:38px}.custom-mock-modal .preset-count-buttons .count-btn:hover:not(:disabled){background:var(--surface);border-color:var(--primary, #4f46e5);color:var(--text);transform:translateY(-1px)}.custom-mock-modal .preset-count-buttons .count-btn.active{background:var(--primary, #4f46e5);border-color:var(--primary, #4f46e5);color:#fff;box-shadow:0 4px 12px #4f46e540}.custom-mock-modal .preset-count-buttons .count-btn--pro{border-color:#2563eb59;background:#2563eb0a;color:#1d4ed8}[data-theme=dark] .custom-mock-modal .preset-count-buttons .count-btn--pro{background:#2563eb1f;border-color:#3b82f666;color:#93c5fd}.custom-mock-modal .preset-count-buttons .count-btn--pro:hover:not(:disabled){border-color:#2563eb;background:#2563eb14;box-shadow:0 4px 14px #2563eb2e;color:#1e40af}[data-theme=dark] .custom-mock-modal .preset-count-buttons .count-btn--pro:hover:not(:disabled){background:#2563eb33;color:#bfdbfe}.custom-mock-modal .preset-count-buttons .count-btn--pro .pro-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:99px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;line-height:1;box-shadow:0 2px 6px #2563eb4d}.custom-mock-modal .preset-count-buttons .count-btn--pro .pro-chip .pro-lock,.custom-mock-modal .preset-count-buttons .count-btn--pro .pro-chip .pro-crown{color:#fef08a}.custom-mock-modal .preset-count-buttons .count-btn--pro.is-locked{border-style:dashed;border-color:#2563eb73;opacity:.95}.custom-mock-modal .preset-count-buttons .count-btn--pro.is-locked:hover:not(:disabled){border-color:#2563eb;cursor:pointer;transform:translateY(-1px)}.custom-mock-modal .preset-count-buttons .count-btn--pro.active{background:linear-gradient(135deg,#2563eb,#1e40af)!important;border-color:#1d4ed8!important;color:#fff!important;box-shadow:0 6px 16px #2563eb59!important}.custom-mock-modal .preset-count-buttons .count-btn--pro.active .pro-chip{background:#ffffff40;box-shadow:none;color:#fff}@media (max-width: 540px){.custom-mock-modal .preset-count-buttons .count-btn{flex:1 1 calc(50% - 6px);font-size:12.5px;padding:7px 8px}}.custom-mock-modal .input-with-icon{position:relative;display:flex;align-items:center}.custom-mock-modal .input-with-icon .field-icon{position:absolute;left:12px;color:var(--text-4);pointer-events:none}.custom-mock-modal .input-with-icon .form-input.with-icon{padding-left:36px}.custom-mock-modal .topic-input-wrapper{position:relative;display:flex;align-items:center;gap:8px}.custom-mock-modal .topic-input-wrapper .topic-input{flex:1;min-width:0}.custom-mock-modal .topic-input-wrapper .topic-input.listening{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433;animation:micPulseBorder 1.5s ease-in-out infinite}.custom-mock-modal .topic-input-wrapper .topic-mic-btn{height:38px;width:38px;min-width:38px;padding:0;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-dark);background:var(--surface-2);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.custom-mock-modal .topic-input-wrapper .topic-mic-btn:hover:not(:disabled){background:var(--surface);border-color:#7c3aed;color:#7c3aed}.custom-mock-modal .topic-input-wrapper .topic-mic-btn.listening{background:#ef4444;border-color:#dc2626;color:#fff;box-shadow:0 0 12px #ef444473;animation:micPulseGlow 1.5s ease-in-out infinite}.custom-mock-modal .topic-input-wrapper .topic-mic-btn:disabled{opacity:.5;cursor:not-allowed}.custom-mock-modal .topic-input-wrapper .topic-mic-btn .mic-live-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#fff;animation:micBlink .8s ease-in-out infinite alternate}.custom-mock-modal .voice-input-feedback{display:flex;align-items:center;gap:6px;font-size:11.5px;margin-top:4px;line-height:1.35}.custom-mock-modal .voice-input-feedback.listening{color:#dc2626;font-weight:600}.custom-mock-modal .voice-input-feedback.listening .voice-wave-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:micBlink .8s ease-in-out infinite alternate;flex-shrink:0}.custom-mock-modal .voice-input-feedback.error{color:#dc2626}@keyframes micPulseBorder{0%,to{border-color:#ef4444}50%{border-color:#f87171}}@keyframes micPulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #ef444480}50%{transform:scale(1.04);box-shadow:0 0 0 6px #ef444400}}@keyframes micBlink{0%{opacity:.3}to{opacity:1}}.custom-mock-modal .form-input,.custom-mock-modal .form-textarea,.custom-mock-modal select.form-input{width:100%;padding:9px 12px;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-dark);background:var(--surface);color:var(--text);font-size:13.5px;font-family:inherit;box-sizing:border-box;transition:var(--transition)}.custom-mock-modal .form-input:focus,.custom-mock-modal .form-textarea:focus,.custom-mock-modal select.form-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.custom-mock-modal .form-input:disabled,.custom-mock-modal .form-textarea:disabled,.custom-mock-modal select.form-input:disabled{opacity:.6;cursor:not-allowed}.custom-mock-modal .form-textarea{resize:vertical;min-height:54px}.custom-mock-modal .pricing-info-card{background:#7c3aed0d;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-sm, 8px);padding:12px 14px}.custom-mock-modal .pricing-info-card .price-badge{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:3px}.custom-mock-modal .pricing-info-card .price-sub{font-size:12px;color:var(--text-3);margin:0;line-height:1.4}.custom-mock-modal .alert-box{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm, 8px);font-size:13px;font-weight:500}.custom-mock-modal .alert-box.error{background:#ef444414;border:1px solid #EF4444;color:#dc2626}.custom-mock-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:6px}.custom-mock-modal__actions .generate-btn{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 20px;font-weight:600;box-shadow:0 4px 12px #7c3aed40}.custom-mock-modal__actions .generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#4f46e5);transform:translateY(-1px)}.custom-mock-modal__actions .generate-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.custom-mock-overlay{padding:8px}.custom-mock-modal{max-height:94dvh;border-radius:12px}.custom-mock-modal__header{padding:12px 14px}.custom-mock-modal__header .title-wrap{gap:8px}.custom-mock-modal__header .title-wrap .ai-icon-badge{width:32px;height:32px}.custom-mock-modal__header .title-wrap h2{font-size:15px}.custom-mock-modal__body{padding:14px}.custom-mock-modal__actions{flex-direction:column-reverse;gap:8px}.custom-mock-modal__actions button,.custom-mock-modal__actions .generate-btn{width:100%;justify-content:center}}.btn.pro-locked,.generate-btn.pro-locked,.ai-custom-btn.pro-locked,.ai-create-btn.pro-locked{background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#f8fafc!important;border:1px solid rgba(245,158,11,.4)!important;box-shadow:0 4px 14px #0f172a4d!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.btn.pro-locked:hover,.generate-btn.pro-locked:hover,.ai-custom-btn.pro-locked:hover,.ai-create-btn.pro-locked:hover{border-color:#f59e0b!important;box-shadow:0 6px 18px #f59e0b40!important}.btn.limit-disabled,.generate-btn.disabled,.ai-custom-btn.disabled,.ai-create-btn.disabled{opacity:.65!important;cursor:not-allowed!important}.mock-library .section-header-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.mock-library .section-header-row .section-header{margin-bottom:0;text-align:left}.mock-library .section-header-row .section-header h1{font-size:28px;font-weight:800;margin-bottom:8px;margin-top:12px;color:var(--text)}.mock-library .section-header-row .section-header p{color:var(--text-3);font-size:15px;margin:0}.mock-library .section-header-row .ai-custom-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;color:#fff;border-radius:var(--radius);box-shadow:0 4px 14px #4f46e559;transition:all .2s ease;cursor:pointer}.mock-library .section-header-row .ai-custom-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573}.mock-library .section-header-row .ai-custom-btn .coin-tag{display:inline-flex;align-items:center;gap:4px;background:#fff3;padding:3px 8px;border-radius:12px;font-size:12px;color:#fef08a}.mock-library .mock-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border-dark);padding-bottom:12px;overflow-x:auto}.mock-library .mock-tabs .mock-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-size:14px;font-weight:600;background:var(--surface);border:1px solid var(--border-dark);color:var(--text-2);cursor:pointer;transition:all .2s ease;white-space:nowrap}.mock-library .mock-tabs .mock-tab:hover{color:var(--text);border-color:var(--primary-light)}.mock-library .mock-tabs .mock-tab.active{background:var(--primary-50);border-color:var(--primary);color:var(--primary);font-weight:700}.mock-library .filter-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:32px;box-shadow:var(--shadow-sm)}.mock-library .filter-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.mock-library .filter-card__title-group{display:flex;align-items:center;gap:14px}.mock-library .filter-card__title-group .filter-icon-box{width:40px;height:40px;background:var(--primary-50);color:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mock-library .filter-card__title-group h3{font-size:16px;font-weight:700;color:var(--text);margin:0 0 2px}.mock-library .filter-card__title-group p{font-size:13px;color:var(--text-3);margin:0}.mock-library .filter-card .filter-reset-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 14px;color:var(--text-2)}.mock-library .filter-card .filter-reset-btn:hover{color:var(--primary);border-color:var(--primary)}.mock-library .filter-card .filter-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.mock-library .filter-card .filter-controls{grid-template-columns:1fr}}.mock-library .filter-card .filter-field{display:flex;flex-direction:column;gap:8px}.mock-library .filter-card .filter-field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text-2)}.mock-library .filter-card .filter-field label .field-badge{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:99px}.mock-library .filter-card .filter-field .filter-select{height:44px;font-size:14px;font-weight:500;cursor:pointer;background-color:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text)}.mock-library .filter-card .filter-field .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51f}.mock-library .filter-empty-state{grid-column:1/-1;padding:48px 24px;text-align:center;background:var(--surface);border:1px dashed var(--border-dark);border-radius:var(--radius-lg)}.mock-library .filter-empty-state .empty-icon-box{width:64px;height:64px;background:var(--primary-50);color:var(--primary);border:1px solid var(--primary-100);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px}.mock-library .filter-empty-state .icon{font-size:40px;margin-bottom:16px}.mock-library .filter-empty-state h3{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.mock-library .filter-empty-state p{color:var(--text-3);font-size:14px;max-width:480px;margin:0 auto;line-height:1.6}.mock-library .tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:24px;align-items:stretch}.mock-library .test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:all var(--transition);box-shadow:var(--shadow-sm)}.mock-library .test-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--primary-light)}.mock-library .test-card__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mock-library .test-card__title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4}.mock-library .test-card__desc{color:var(--text-3);font-size:14px;margin-bottom:24px;flex:1;line-height:1.5}.mock-library .test-card__meta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:var(--surface-2);border-radius:var(--radius-md)}.mock-library .test-card__meta .meta-item{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:14px;font-weight:500}.mock-library .test-card__meta .meta-item svg{color:var(--primary)}.mock-library .test-card__footer{margin-top:auto}.mock-library .confirm-modal{text-align:center;max-width:480px}.mock-library .confirm-modal__icon{width:64px;height:64px;background:#eff6ff;color:#3b82f6;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.mock-library .confirm-modal__title{font-size:22px;margin-bottom:24px}.mock-library .confirm-modal__info-box{background:var(--surface-2);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:20px}.mock-library .confirm-modal__info-box .info-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.5}.mock-library .confirm-modal__info-box .info-row svg{margin-top:2px;flex-shrink:0}.mock-library .confirm-modal__warning{color:var(--text-3);font-size:13px;margin-bottom:24px}.mock-library .confirm-modal__actions{display:flex;gap:12px}.mock-library .confirm-modal__actions button{flex:1;justify-content:center}@media (max-width: 640px){.mock-library .section-header-row{flex-direction:column;align-items:stretch;gap:14px}.mock-library .section-header-row .ai-custom-btn{width:100%;justify-content:center}.mock-library .tests-grid{grid-template-columns:1fr;gap:16px}.mock-library .test-card{padding:18px 16px}}@media (max-width: 360px){.mock-library .mock-tabs .mock-tab{padding:8px 12px;font-size:13px}.mock-library .test-card{padding:16px 12px}}.attestatsiya-library .section-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.attestatsiya-library .section-header-row .section-header{margin-bottom:0;text-align:left;padding-top:12px}.attestatsiya-library .section-header-row .section-header .header-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#10b9811f;color:#10b981;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:12px;margin-top:4px}.attestatsiya-library .section-header-row .section-header h1{font-size:28px;font-weight:800;margin-bottom:8px;margin-top:0;color:var(--text)}.attestatsiya-library .section-header-row .section-header p{color:var(--text-3);font-size:15px;max-width:680px;line-height:1.5;margin:0}.attestatsiya-library .section-header-row .ai-custom-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;color:#fff;border-radius:var(--radius);box-shadow:0 4px 14px #4f46e559;transition:all .2s ease;cursor:pointer;white-space:nowrap}.attestatsiya-library .section-header-row .ai-custom-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573}.attestatsiya-library .section-header-row .ai-custom-btn .coin-tag{display:inline-flex;align-items:center;gap:4px;background:#fff3;padding:3px 8px;border-radius:12px;font-size:12px;color:#fef08a}.attestatsiya-library .mock-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border-dark);padding-bottom:12px;overflow-x:auto}.attestatsiya-library .mock-tabs .mock-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-size:14px;font-weight:600;background:var(--surface);border:1px solid var(--border-dark);color:var(--text-2);cursor:pointer;transition:all .2s ease;white-space:nowrap}.attestatsiya-library .mock-tabs .mock-tab:hover{border-color:var(--primary);color:var(--text)}.attestatsiya-library .mock-tabs .mock-tab.active{background:#4f46e526;border-color:var(--primary);color:var(--primary-light, #818CF8)}.attestatsiya-library .filter-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:32px;box-shadow:var(--shadow-sm)}.attestatsiya-library .filter-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.attestatsiya-library .filter-card__title-group{display:flex;align-items:center;gap:14px}.attestatsiya-library .filter-card__title-group .filter-icon-box{width:40px;height:40px;background:#10b9811f;color:#10b981;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.attestatsiya-library .filter-card__title-group h3{font-size:16px;font-weight:700;color:var(--text);margin:0 0 2px}.attestatsiya-library .filter-card__title-group p{font-size:13px;color:var(--text-3);margin:0}.attestatsiya-library .filter-card .filter-reset-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 14px;color:var(--text-2)}.attestatsiya-library .filter-card .filter-reset-btn:hover{color:#10b981;border-color:#10b981}.attestatsiya-library .filter-card .filter-controls{display:grid;grid-template-columns:1fr;max-width:480px}.attestatsiya-library .filter-card .filter-field{display:flex;flex-direction:column;gap:8px}.attestatsiya-library .filter-card .filter-field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text-2)}.attestatsiya-library .filter-card .filter-field label .field-badge{font-size:11px;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:99px}.attestatsiya-library .filter-card .filter-field .filter-select{height:44px;font-size:14px;font-weight:500;cursor:pointer;background-color:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text)}.attestatsiya-library .filter-card .filter-field .filter-select:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b98126}.attestatsiya-library .filter-empty-state{grid-column:1/-1;padding:48px 24px;text-align:center;background:var(--surface);border:1px dashed var(--border-dark);border-radius:var(--radius-lg)}.attestatsiya-library .filter-empty-state .empty-icon-box{width:64px;height:64px;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px}.attestatsiya-library .filter-empty-state .icon{font-size:40px;margin-bottom:16px}.attestatsiya-library .filter-empty-state h3{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.attestatsiya-library .filter-empty-state p{color:var(--text-3);font-size:14px;max-width:480px;margin:0 auto;line-height:1.6}.attestatsiya-library .tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:24px;align-items:stretch}.attestatsiya-library .test-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:all var(--transition);box-shadow:var(--shadow-sm)}.attestatsiya-library .test-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:#10b981}.attestatsiya-library .test-card__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.attestatsiya-library .test-card__header .fan-badge{font-weight:700}.attestatsiya-library .test-card__header .mock-num-badge{background:#10b9811f;color:#10b981;font-weight:700}.attestatsiya-library .test-card__title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4}.attestatsiya-library .test-card__desc{color:var(--text-3);font-size:14px;margin-bottom:16px;flex:1;line-height:1.5}.attestatsiya-library .test-card .attestatsiya-blocks-preview{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.attestatsiya-library .test-card .attestatsiya-blocks-preview .block-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--surface-2);color:var(--text-2)}.attestatsiya-library .test-card .attestatsiya-blocks-preview .block-pill .pill-dot{width:7px;height:7px;border-radius:50%}.attestatsiya-library .test-card .attestatsiya-blocks-preview .block-pill .pill-dot.blue{background:#3b82f6}.attestatsiya-library .test-card .attestatsiya-blocks-preview .block-pill .pill-dot.purple{background:#8b5cf6}.attestatsiya-library .test-card .attestatsiya-blocks-preview .block-pill .pill-dot.amber{background:#f59e0b}.attestatsiya-library .test-card__meta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:var(--surface-2);border-radius:var(--radius-md)}.attestatsiya-library .test-card__meta .meta-item{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:14px;font-weight:500}.attestatsiya-library .test-card__meta .meta-item svg{color:#10b981}.attestatsiya-library .test-card__footer{margin-top:auto}.attestatsiya-library .test-card__footer .btn{background:#10b981;border-color:#10b981}.attestatsiya-library .test-card__footer .btn:hover{background:#059669;border-color:#059669}.attestatsiya-library .confirm-modal{text-align:center;max-width:480px}.attestatsiya-library .confirm-modal__icon{width:64px;height:64px;background:#10b9811f;color:#10b981;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.attestatsiya-library .confirm-modal__title{font-size:22px;font-weight:700;margin-bottom:24px;color:var(--text);line-height:1.3}.attestatsiya-library .confirm-modal__info-box{background:var(--surface-2);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:14px;text-align:left;margin-bottom:20px;border:1px solid var(--border)}.attestatsiya-library .confirm-modal__info-box .info-row{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-2);line-height:1.5}.attestatsiya-library .confirm-modal__info-box .info-row svg{margin-top:2px;flex-shrink:0;color:#10b981}.attestatsiya-library .confirm-modal__info-box .info-row span{flex:1}.attestatsiya-library .confirm-modal__warning{color:var(--text-3);font-size:13px;margin-bottom:24px;line-height:1.5}.attestatsiya-library .confirm-modal__actions{display:flex;gap:12px}.attestatsiya-library .confirm-modal__actions button{flex:1;justify-content:center}.attestatsiya-library .confirm-modal__actions .btn-primary{background:#10b981;border-color:#10b981}.attestatsiya-library .confirm-modal__actions .btn-primary:hover{background:#059669;border-color:#059669}@media (max-width: 640px){.attestatsiya-library .section-header-row{flex-direction:column;align-items:flex-start;gap:14px}.attestatsiya-library .section-header-row .ai-custom-btn{width:100%;justify-content:center}.attestatsiya-library .tests-grid{grid-template-columns:1fr;gap:16px}.attestatsiya-library .test-card{padding:18px 16px}}@media (max-width: 360px){.attestatsiya-library .mock-tabs .mock-tab{padding:8px 12px;font-size:13px}.attestatsiya-library .subjects-chips-wrap .subject-chip{padding:6px 12px;font-size:12px}.attestatsiya-library .test-card{padding:16px 12px}}.presidential-library .section-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.presidential-library .section-header-row .section-header{margin-bottom:0;text-align:left;padding-top:12px}.presidential-library .section-header-row .section-header .header-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#0ea5e91f;color:#0284c7;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:12px;margin-top:4px}.presidential-library .section-header-row .section-header h1{font-size:28px;font-weight:800;margin-bottom:8px;margin-top:0;color:var(--text);letter-spacing:-.5px}.presidential-library .section-header-row .section-header p{color:var(--text-3);font-size:15px;max-width:680px;line-height:1.5;margin:0}.presidential-library .section-header-row .ai-custom-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;color:#fff;border-radius:var(--radius);box-shadow:0 4px 14px #4f46e559;transition:all .2s ease;cursor:pointer;white-space:nowrap}.presidential-library .section-header-row .ai-custom-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573}.presidential-library .section-header-row .ai-custom-btn .coin-tag{display:inline-flex;align-items:center;gap:4px;background:#fff3;padding:3px 8px;border-radius:12px;font-size:12px;color:#fef08a}.presidential-library .mock-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border-dark);padding-bottom:12px;overflow-x:auto}.presidential-library .mock-tabs .mock-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-size:14px;font-weight:600;background:var(--surface);border:1px solid var(--border-dark);color:var(--text-2);cursor:pointer;transition:all .2s ease;white-space:nowrap}.presidential-library .mock-tabs .mock-tab:hover{border-color:var(--primary);color:var(--text)}.presidential-library .mock-tabs .mock-tab.active{background:#4f46e526;border-color:var(--primary);color:var(--primary-light, #818CF8)}.presidential-library .stage-banner-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:32px;box-shadow:var(--shadow-sm)}.presidential-library .stage-banner-card .stage-banner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.presidential-library .stage-banner-card .stage-banner-header .stage-info{display:flex;flex-wrap:wrap;gap:10px}.presidential-library .stage-banner-card .stage-banner-header .stage-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700}.presidential-library .stage-banner-card .stage-banner-header .stage-pill.active{background:#0ea5e91f;color:#0284c7;border:1px solid rgba(14,165,233,.3)}.presidential-library .stage-banner-card .stage-banner-header .stage-pill.active .dot{width:8px;height:8px;border-radius:50%;background:#0284c7;box-shadow:0 0 6px #0284c7}.presidential-library .stage-banner-card .stage-banner-header .stage-pill.disabled{background:var(--surface-2);color:var(--text-4);border:1px dashed var(--border);cursor:not-allowed}.presidential-library .stage-banner-card .stage-banner-header .stage-pill.disabled .dot.gray{width:8px;height:8px;border-radius:50%;background:var(--text-4)}.presidential-library .stage-banner-card .stage-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.presidential-library .stage-banner-card .stage-rules-grid .rule-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:var(--radius)}.presidential-library .stage-banner-card .stage-rules-grid .rule-item .rule-icon{color:#0284c7;flex-shrink:0;margin-top:2px}.presidential-library .stage-banner-card .stage-rules-grid .rule-item .rule-icon.danger{color:#ef4444}.presidential-library .stage-banner-card .stage-rules-grid .rule-item div{display:flex;flex-direction:column;gap:2px}.presidential-library .stage-banner-card .stage-rules-grid .rule-item div strong{font-size:13px;color:var(--text)}.presidential-library .stage-banner-card .stage-rules-grid .rule-item div span{font-size:12px;color:var(--text-3)}.presidential-library .section-subtitle-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.presidential-library .section-subtitle-wrap h2{font-size:20px;font-weight:800;margin:0;color:var(--text)}.presidential-library .section-subtitle-wrap span{font-size:13px;color:var(--text-3);font-weight:600}.presidential-library .tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;margin-bottom:32px}.presidential-library .presidential-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.presidential-library .presidential-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#0ea5e966}.presidential-library .presidential-card .test-card__header{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.presidential-library .presidential-card .test-card__header .pres-badge{background:#0ea5e91f;color:#0284c7;font-weight:700}.presidential-library .presidential-card .test-card__title{font-size:18px;font-weight:800;margin:0 0 10px;color:var(--text);line-height:1.35}.presidential-library .presidential-card .test-card__desc{font-size:13.5px;color:var(--text-3);line-height:1.5;margin:0 0 16px;flex-grow:1}.presidential-library .presidential-card .presidential-features-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.presidential-library .presidential-card .presidential-features-list .feature-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface-2);border-radius:99px;font-size:11.5px;font-weight:600;color:var(--text-2)}.presidential-library .presidential-card .presidential-features-list .feature-pill .feat-dot{width:6px;height:6px;border-radius:50%}.presidential-library .presidential-card .presidential-features-list .feature-pill .feat-dot.blue{background:#0284c7}.presidential-library .presidential-card .presidential-features-list .feature-pill .feat-dot.green{background:#10b981}.presidential-library .presidential-card .presidential-features-list .feature-pill .feat-dot.amber{background:#f59e0b}.presidential-library .presidential-card .test-card__meta{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:18px}.presidential-library .presidential-card .test-card__meta .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-2)}.presidential-library .presidential-card .test-card__meta .meta-item svg{color:#0284c7}.presidential-library .presidential-card .test-card__footer{margin-top:auto}.presidential-library .presidential-card .test-card__footer .btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);border:none;font-weight:700;display:flex;align-items:center;justify-content:center}.presidential-library .presidential-card .test-card__footer .btn-primary:hover{background:linear-gradient(135deg,#0369a1,#075985)}.presidential-library .presidential-info-footer{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:#0ea5e90d;border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-lg)}.presidential-library .presidential-info-footer .info-icon-box{width:36px;height:36px;border-radius:10px;background:#0ea5e926;color:#0284c7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.presidential-library .presidential-info-footer .info-text h4{font-size:15px;font-weight:700;margin:0 0 6px;color:var(--text)}.presidential-library .presidential-info-footer .info-text p{font-size:13px;color:var(--text-3);line-height:1.55;margin:0}.presidential-library .confirm-modal{max-width:520px;text-align:left}.presidential-library .confirm-modal__icon{width:52px;height:52px;border-radius:50%;background:#0ea5e91f;color:#0284c7;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.presidential-library .confirm-modal__title{font-size:20px;font-weight:800;margin:0 0 16px;color:var(--text)}.presidential-library .confirm-modal__info-box{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);padding:16px;border-radius:var(--radius);margin-bottom:16px}.presidential-library .confirm-modal__info-box .info-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:var(--text-2)}.presidential-library .confirm-modal__info-box .info-row svg{flex-shrink:0;margin-top:2px}.presidential-library .confirm-modal__warning{font-size:13px;color:var(--text-3);margin-bottom:20px}.presidential-library .confirm-modal__actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 768px){.presidential-library .section-header-row{flex-direction:column;align-items:flex-start;gap:14px}.presidential-library .section-header-row .ai-custom-btn{width:100%;justify-content:center}.presidential-library .tests-grid{grid-template-columns:1fr}.presidential-library .stage-banner-card{padding:16px}.presidential-library .stage-banner-card .stage-rules-grid{grid-template-columns:1fr}.presidential-library .confirm-modal__actions{flex-direction:column}.presidential-library .confirm-modal__actions button{width:100%}}@media (max-width: 480px){.presidential-library .presidential-card{padding:16px}.presidential-library .presidential-card .test-card__title{font-size:16px}.presidential-library .presidential-card .test-card__meta{gap:10px;font-size:12px}.presidential-library .stage-banner-card{padding:14px 12px}}.presidential-test-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.presidential-test-layout .pres-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);gap:16px}.presidential-test-layout .pres-header-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.presidential-test-layout .pres-header-left .badge-school{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#0ea5e91f;color:#0284c7;border-radius:99px;font-size:12px;font-weight:700}.presidential-test-layout .pres-header-left h2{font-size:17px;font-weight:800;margin:0;color:var(--text)}.presidential-test-layout .pres-header-left .pres-progress-text{font-size:13px;color:var(--text-3);font-weight:600}.presidential-test-layout .pres-header-right{display:flex;align-items:center;gap:14px}.presidential-test-layout .pres-header-right .calculator-ban-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:99px;font-size:12px;font-weight:700}.presidential-test-layout .pres-header-right .pres-timer{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;color:#0284c7;font-weight:800;font-size:15px;font-family:monospace}.presidential-test-layout .pres-header-right .pres-timer--warning{background:#ef44441f;border-color:#ef4444;color:#ef4444;animation:pulse 1s infinite}.presidential-test-layout .pres-header-right .pres-finish-btn{font-weight:700;display:flex;align-items:center;gap:6px}.presidential-test-layout .pres-auto-submit-bar{background:#ef4444;color:#fff;padding:10px 24px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.presidential-test-layout .pres-main-container{flex:1;padding:24px 28px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.presidential-test-layout .pres-workspace{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.presidential-test-layout .pres-question-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.presidential-test-layout .pres-question-card .question-header-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap;gap:10px}.presidential-test-layout .pres-question-card .question-header-bar .q-progress-indicator{display:flex;align-items:center;gap:10px}.presidential-test-layout .pres-question-card .question-header-bar .q-progress-indicator .q-number-badge{font-size:15px;font-weight:800;color:#0284c7;background:#0ea5e91a;padding:4px 12px;border-radius:99px}.presidential-test-layout .pres-question-card .question-header-bar .q-progress-indicator .q-topic-badge{font-size:13px;font-weight:600;color:var(--text-3)}.presidential-test-layout .pres-question-card .question-header-bar .q-difficulty-badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px}.presidential-test-layout .pres-question-card .question-header-bar .q-difficulty-badge.easy{background:#10b9811f;color:#10b981}.presidential-test-layout .pres-question-card .question-header-bar .q-difficulty-badge.medium{background:#f59e0b1f;color:#f59e0b}.presidential-test-layout .pres-question-card .question-header-bar .q-difficulty-badge.hard{background:#ef44441f;color:#ef4444}.presidential-test-layout .pres-question-card .question-body-text{font-size:18px;line-height:1.6;color:var(--text);font-weight:500;margin-bottom:28px;padding:8px 0}.presidential-test-layout .pres-question-card .options-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:32px}.presidential-test-layout .pres-question-card .options-grid .pres-option-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .15s ease;width:100%;color:var(--text)}.presidential-test-layout .pres-question-card .options-grid .pres-option-btn:hover{border-color:#0ea5e980;background:#0ea5e90a}.presidential-test-layout .pres-question-card .options-grid .pres-option-btn.selected{border-color:#0284c7;background:#0ea5e91a}.presidential-test-layout .pres-question-card .options-grid .pres-option-btn.selected .opt-letter{background:#0284c7;color:#fff}.presidential-test-layout .pres-question-card .options-grid .pres-option-btn .opt-letter{width:32px;height:32px;border-radius:8px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:var(--text);flex-shrink:0;transition:all .15s ease}.presidential-test-layout .pres-question-card .options-grid .pres-option-btn .opt-content{font-size:15.5px;font-weight:500;line-height:1.4;flex:1}.presidential-test-layout .pres-question-card .options-grid .pres-option-btn .opt-check-icon{color:#0284c7;flex-shrink:0}.presidential-test-layout .pres-question-card .question-actions-bar{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--border)}.presidential-test-layout .pres-question-card .question-actions-bar .progress-fraction{font-size:14px;font-weight:700;color:var(--text-3)}.presidential-test-layout .pres-navigator-sidebar{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);position:sticky;top:86px}.presidential-test-layout .pres-navigator-sidebar .navigator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.presidential-test-layout .pres-navigator-sidebar .navigator-header h3{font-size:15px;font-weight:800;margin:0;color:var(--text)}.presidential-test-layout .pres-navigator-sidebar .navigator-header .nav-stats{font-size:12.5px;font-weight:700;color:#0284c7}.presidential-test-layout .pres-navigator-sidebar .nav-legend{display:flex;gap:12px;font-size:12px;color:var(--text-3);margin-bottom:16px}.presidential-test-layout .pres-navigator-sidebar .nav-legend .legend-item{display:flex;align-items:center;gap:5px}.presidential-test-layout .pres-navigator-sidebar .nav-legend .legend-item .legend-dot{width:10px;height:10px;border-radius:3px;background:#0284c7}.presidential-test-layout .pres-navigator-sidebar .nav-legend .legend-item .legend-dot.empty{background:var(--surface-2);border:1px solid var(--border)}.presidential-test-layout .pres-navigator-sidebar .nav-grid-30{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:18px}.presidential-test-layout .pres-navigator-sidebar .nav-grid-30 .nav-btn{height:38px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.presidential-test-layout .pres-navigator-sidebar .nav-grid-30 .nav-btn:hover{border-color:#0284c7;color:#0284c7}.presidential-test-layout .pres-navigator-sidebar .nav-grid-30 .nav-btn.answered{background:#0284c7;border-color:#0284c7;color:#fff}.presidential-test-layout .pres-navigator-sidebar .nav-grid-30 .nav-btn.current{box-shadow:0 0 0 2px #f59e0b;font-weight:800}.presidential-test-layout .pres-navigator-sidebar .nav-sidebar-footer .sidebar-tip{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-4);line-height:1.4;margin-bottom:14px}.presidential-test-layout .pres-navigator-sidebar .nav-sidebar-footer .sidebar-tip svg{flex-shrink:0;margin-top:2px}.presidential-test-layout .pres-navigator-sidebar .nav-sidebar-footer .pres-finish-sidebar-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.presidential-test-layout .pres-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.presidential-test-layout .pres-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;max-width:480px;width:100%;box-shadow:var(--shadow-xl)}.presidential-test-layout .pres-modal__icon{width:52px;height:52px;border-radius:50%;background:#f59e0b1f;color:#f59e0b;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.presidential-test-layout .pres-modal__title{font-size:20px;font-weight:800;margin:0 0 8px;color:var(--text)}.presidential-test-layout .pres-modal__sub{font-size:13.5px;color:var(--text-3);margin:0 0 20px;line-height:1.5}.presidential-test-layout .pres-modal__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.presidential-test-layout .pres-modal__stats .pstat{padding:12px 10px;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.presidential-test-layout .pres-modal__stats .pstat span{font-size:18px;font-weight:800}.presidential-test-layout .pres-modal__stats .pstat small{font-size:11px;color:var(--text-3)}.presidential-test-layout .pres-modal__stats .pstat--green{background:#10b98114;color:#10b981}.presidential-test-layout .pres-modal__stats .pstat--orange{background:#f59e0b14;color:#f59e0b}.presidential-test-layout .pres-modal__stats .pstat--blue{background:#0ea5e914;color:#0284c7}.presidential-test-layout .pres-modal__warn{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);font-size:12.5px;color:#dc2626;margin-bottom:22px;line-height:1.45}.presidential-test-layout .pres-modal__warn svg{flex-shrink:0;margin-top:2px}.presidential-test-layout .pres-modal__actions{display:flex;gap:12px;justify-content:flex-end}@media (max-width: 900px){.presidential-test-layout .pres-workspace{grid-template-columns:1fr;gap:20px}.presidential-test-layout .pres-navigator-panel{position:static;max-height:none;order:2}.presidential-test-layout .pres-navigator-panel .nav-grid{grid-template-columns:repeat(10,1fr);gap:6px}.presidential-test-layout .pres-header{padding:12px 16px;flex-wrap:wrap;gap:10px}.presidential-test-layout .pres-header-left{width:100%;justify-content:space-between;gap:8px}.presidential-test-layout .pres-header-left h2{font-size:15px}.presidential-test-layout .pres-header-right{width:100%;justify-content:space-between;gap:8px}.presidential-test-layout .pres-main-container{padding:16px}.presidential-test-layout .pres-question-card{padding:20px 16px}}@media (max-width: 600px){.presidential-test-layout .pres-navigator-panel .nav-grid{grid-template-columns:repeat(6,1fr);gap:6px}.presidential-test-layout .pres-modal{padding:20px 16px;width:min(92vw,440px)}.presidential-test-layout .pres-modal__stats{gap:6px}.presidential-test-layout .pres-modal__stats .pstat{padding:10px 6px}.presidential-test-layout .pres-modal__stats .pstat span{font-size:16px}.presidential-test-layout .pres-modal__stats .pstat small{font-size:10px}.presidential-test-layout .pres-modal__actions{flex-direction:column-reverse;gap:8px}.presidential-test-layout .pres-modal__actions button{width:100%;justify-content:center}}@media (max-width: 420px){.presidential-test-layout .pres-header{padding:8px 10px}.presidential-test-layout .pres-header-left .badge-school{font-size:10.5px;padding:2px 7px}.presidential-test-layout .pres-header-left h2{font-size:13.5px}.presidential-test-layout .pres-header-left .pres-progress-text{font-size:11px}.presidential-test-layout .pres-header-right .calculator-ban-chip span{display:none}.presidential-test-layout .pres-header-right .calculator-ban-chip{padding:5px 8px}.presidential-test-layout .pres-header-right .pres-timer{padding:4px 8px;font-size:13px}.presidential-test-layout .pres-header-right .pres-finish-btn{padding:6px 10px;font-size:12px}.presidential-test-layout .pres-main-container{padding:10px}.presidential-test-layout .pres-question-card{padding:14px 12px}.presidential-test-layout .pres-question-card .question-body{font-size:15px}.presidential-test-layout .pres-question-card .pres-card-actions{display:flex;width:100%;gap:8px}.presidential-test-layout .pres-question-card .pres-card-actions button{flex:1;justify-content:center}.presidential-test-layout .pres-navigator-panel .nav-grid{grid-template-columns:repeat(5,1fr);gap:4px}}.presidential-result-page{padding-top:24px;padding-bottom:60px}.presidential-result-page .pres-result-header-card{padding:28px;margin-bottom:28px}.presidential-result-page .pres-result-header-card .header-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.presidential-result-page .pres-result-header-card .header-top-row .pres-badge-header{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#0ea5e91f;color:#0284c7;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:8px}.presidential-result-page .pres-result-header-card .header-top-row .pres-result-title{font-size:26px;font-weight:800;margin:0 0 6px;color:var(--text);letter-spacing:-.5px}.presidential-result-page .pres-result-header-card .header-top-row .pres-result-subtitle{font-size:14.5px;color:var(--text-3);margin:0}.presidential-result-page .pres-result-header-card .header-top-row .header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.presidential-result-page .pres-result-header-card .practice-disclaimer-banner{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#0ea5e914;border:1px solid rgba(14,165,233,.25);border-radius:var(--radius);margin-bottom:24px}.presidential-result-page .pres-result-header-card .practice-disclaimer-banner .disclaimer-icon{color:#0284c7;flex-shrink:0;margin-top:2px}.presidential-result-page .pres-result-header-card .practice-disclaimer-banner strong{display:block;font-size:14px;color:#0284c7;margin-bottom:4px}.presidential-result-page .pres-result-header-card .practice-disclaimer-banner p{font-size:13px;color:var(--text-2);margin:0;line-height:1.5}.presidential-result-page .pres-result-header-card .pres-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card{padding:16px;background:var(--surface-2);border-radius:var(--radius);display:flex;align-items:center;gap:14px;border:1px solid var(--border)}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card .p-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card .p-stat-info h3{font-size:20px;font-weight:800;margin:0 0 2px;color:var(--text)}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card .p-stat-info p{font-size:12.5px;color:var(--text-3);margin:0}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card.green .p-stat-icon{background:#10b9811f;color:#10b981}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card.red .p-stat-icon{background:#ef44441f;color:#ef4444}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card.gray .p-stat-icon{background:var(--surface-3);color:var(--text-3)}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card.blue .p-stat-icon{background:#0ea5e91f;color:#0284c7}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card.purple .p-stat-icon{background:#a855f71f;color:#a855f7}.presidential-result-page .pres-result-header-card .pres-stats-grid .p-stat-card.orange .p-stat-icon{background:#f59e0b1f;color:#f59e0b}.presidential-result-page .pres-topic-breakdown-card{padding:24px;margin-bottom:28px}.presidential-result-page .pres-topic-breakdown-card .section-title{font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--text)}.presidential-result-page .pres-topic-breakdown-card .topic-bars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.presidential-result-page .pres-topic-breakdown-card .topic-bars-grid .topic-bar-item{background:var(--surface-2);padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border)}.presidential-result-page .pres-topic-breakdown-card .topic-bars-grid .topic-bar-item .t-bar-top{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:8px}.presidential-result-page .pres-topic-breakdown-card .topic-bars-grid .topic-bar-item .t-bar-top .t-title{font-weight:700;color:var(--text)}.presidential-result-page .pres-topic-breakdown-card .topic-bars-grid .topic-bar-item .t-bar-top .t-count{color:var(--text-3);font-weight:600}.presidential-result-page .pres-topic-breakdown-card .topic-bars-grid .topic-bar-item .t-progress-bg{height:8px;background:var(--surface-3);border-radius:99px;overflow:hidden}.presidential-result-page .pres-topic-breakdown-card .topic-bars-grid .topic-bar-item .t-progress-bg .t-progress-fill{height:100%;border-radius:99px;transition:width .4s ease}.presidential-result-page .pres-questions-review-section .review-section-header{margin-bottom:20px}.presidential-result-page .pres-questions-review-section .review-section-header h2{font-size:20px;font-weight:800;margin:0 0 4px;color:var(--text)}.presidential-result-page .pres-questions-review-section .review-section-header p{font-size:13.5px;color:var(--text-3);margin:0}.presidential-result-page .pres-questions-review-section .questions-review-list{display:flex;flex-direction:column;gap:20px}.presidential-result-page .pres-questions-review-section .pres-review-question-card{padding:24px;display:flex;flex-direction:column;gap:16px;border-left:4px solid var(--border)}.presidential-result-page .pres-questions-review-section .pres-review-question-card.is-correct{border-left-color:#10b981}.presidential-result-page .pres-questions-review-section .pres-review-question-card.is-wrong{border-left-color:#ef4444}.presidential-result-page .pres-questions-review-section .pres-review-question-card.is-unanswered{border-left-color:var(--text-4)}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-q-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-q-header .q-left-info{display:flex;align-items:center;gap:10px}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-q-header .q-left-info .review-q-num{font-size:15px;font-weight:800;color:var(--text)}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-q-header .q-left-info .review-q-topic{font-size:12.5px;font-weight:600;color:var(--text-3);background:var(--surface-2);padding:3px 8px;border-radius:6px}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-q-header .q-left-info .review-q-diff{font-size:12px;color:var(--text-4)}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-q-header .status-badge{font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:99px}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-q-body{font-size:16px;line-height:1.6;color:var(--text);font-weight:500}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;gap:10px;font-size:14.5px;position:relative}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box .opt-marker{width:26px;height:26px;border-radius:6px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box .opt-text{flex:1}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box .opt-status-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;margin-left:auto}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box .opt-status-tag.correct{background:#10b98126;color:#10b981}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box .opt-status-tag.wrong{background:#ef444426;color:#ef4444}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box.correct-opt{background:#10b98114;border-color:#10b981}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box.correct-opt .opt-marker{background:#10b981;color:#fff}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box.wrong-opt{background:#ef444414;border-color:#ef4444}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-options-grid .review-opt-box.wrong-opt .opt-marker{background:#ef4444;color:#fff}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-explanation-box{padding:16px;background:#0ea5e90f;border:1px solid rgba(14,165,233,.2);border-radius:var(--radius)}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-explanation-box .exp-title{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#0284c7;margin-bottom:6px}.presidential-result-page .pres-questions-review-section .pres-review-question-card .review-explanation-box .exp-content{font-size:14px;color:var(--text-2);line-height:1.55}.presidential-result-page .pres-result-bottom-actions{display:flex;justify-content:center;gap:16px;margin-top:36px;flex-wrap:wrap}.presidential-result-page .pres-result-bottom-actions .btn-lg{padding:12px 28px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px}@media (max-width: 768px){.presidential-result-page .pres-result-header-card{padding:18px}.presidential-result-page .pres-result-header-card .header-top-row{flex-direction:column}.presidential-result-page .pres-result-header-card .pres-stats-grid{grid-template-columns:1fr 1fr}.presidential-result-page .pres-review-question-card{padding:16px}.presidential-result-page .pres-review-question-card .review-options-grid{grid-template-columns:1fr}}.mock-test-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.mock-header{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:0 2px 10px #0000000d;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box}[data-theme=dark] .mock-header{background:#111827f2;border-bottom-color:#ffffff14}.mock-title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mock-title h2{font-size:clamp(14px,1.8vw,18px);font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.3}.mock-progress{font-size:12px;color:var(--text-3);font-weight:600;white-space:nowrap}.mock-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.mock-timer{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;background:var(--primary-50);border:1.5px solid var(--primary-100);border-radius:999px;transition:all var(--transition);flex-shrink:0;box-sizing:border-box}[data-theme=dark] .mock-timer{background:#4f46e524;border-color:#6366f14d}.mock-timer .icon{color:var(--primary);flex-shrink:0}.mock-timer .time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:800;color:var(--primary-dark);letter-spacing:.5px}[data-theme=dark] .mock-timer .time{color:#818cf8}.mock-timer--warning{background:#fef2f2;border-color:#fecaca;animation:pulse-red 1.5s ease-in-out infinite}[data-theme=dark] .mock-timer--warning{background:#ef444426;border-color:#ef444459}.mock-timer--warning .icon,.mock-timer--warning .time{color:var(--danger)}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 6px #ef444426}}.mock-finish-btn,.finish-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:42px;padding:0 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:700;flex-shrink:0;white-space:nowrap;box-sizing:border-box;transition:all var(--transition)}.mock-finish-sidebar{display:flex;align-items:center;justify-content:center;gap:7px}.mock-auto-submit-bar{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--danger);color:#fff;font-size:14px;font-weight:600;padding:10px 24px;animation:fadein .3s ease}@keyframes fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mock-container{max-width:1400px;width:100%;margin:0 auto;padding:24px;flex:1}.mock-workspace{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.mock-question-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px}.mock-question-card .section-indicator-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mock-question-card .section-indicator-bar .section-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:6px}.mock-question-card .section-indicator-bar .section-tag.compulsory{background:#eef2ff;color:#4f46e5;border:1px solid rgba(79,70,229,.2)}.mock-question-card .section-indicator-bar .section-tag.specialty{background:#fef3c7;color:#d97706;border:1px solid rgba(217,119,6,.25)}.mock-question-card .section-indicator-bar .global-q-counter{font-size:13px;font-weight:700;color:var(--text-3)}.mock-question-card .card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.mock-question-card .card-header .subject-heading .subject-title{font-size:18px;font-weight:800;color:var(--text-1);letter-spacing:-.2px}.mock-question-card .card-header .header-badges{display:flex;align-items:center;gap:8px}.mock-question-card .current-q-num{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.mock-question-card .question-body{font-size:18px;font-weight:600;color:var(--text);margin-bottom:24px;line-height:1.65;white-space:pre-wrap}.mock-question-card .options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.mock-question-card .card-actions{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px}.option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:13px 16px;cursor:pointer;transition:all var(--transition);font-size:15px;color:var(--text-2);font-weight:500;position:relative}.option:hover:not(.selected){border-color:var(--primary-light);background:var(--primary-50);color:var(--primary)}.option:hover:not(.selected) .option__label{background:var(--primary);color:#fff}.option.selected{border-color:var(--primary);background:var(--primary-50);color:var(--primary);font-weight:600}.option__label{width:28px;height:28px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;transition:all var(--transition)}.option__text{flex:1;line-height:1.5}.option__check{color:var(--primary);flex-shrink:0}.option.correct{border-color:var(--success);background:#f0fdf4;color:var(--success);font-weight:600}.option.incorrect{border-color:var(--danger);background:#fef2f2;color:var(--danger);font-weight:600}.mock-navigator-panel{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;max-height:80vh;overflow-y:auto;position:sticky;top:88px}.mock-navigator-panel .nav-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mock-navigator-panel .nav-panel-title h3{font-size:15px;font-weight:800;color:var(--text-1);margin:0}.mock-navigator-panel .nav-panel-title .nav-panel-progress{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:6px;border:1px solid var(--primary-light)}.mock-navigator-panel .nav-legend{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.mock-navigator-panel .nav-legend__item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-3)}.mock-navigator-panel .nav-legend__item .dot{width:10px;height:10px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.mock-navigator-panel .nav-legend__item.answered .dot{background:var(--primary-100);border-color:var(--primary-light)}.mock-navigator-panel .nav-subjects-container{display:flex;flex-direction:column;gap:14px;margin-top:14px}.mock-navigator-panel .nav-subject-section{border-top:1px solid var(--border);padding-top:12px}.mock-navigator-panel .nav-subject-section:first-child{border-top:none;padding-top:0}.mock-navigator-panel .nav-subject-section .nav-subject-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mock-navigator-panel .nav-subject-section .nav-subject-header .nav-subject-title-wrap{display:flex;align-items:center;gap:6px}.mock-navigator-panel .nav-subject-section .nav-subject-header .nav-subject-title-wrap .nav-subject-name{font-size:12px;font-weight:700;color:var(--text-1)}.mock-navigator-panel .nav-subject-section .nav-subject-header .nav-subject-title-wrap .nav-subject-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:1px 5px;border-radius:4px}.mock-navigator-panel .nav-subject-section .nav-subject-header .nav-subject-title-wrap .nav-subject-badge.compulsory{background:#eef2ff;color:#4f46e5}.mock-navigator-panel .nav-subject-section .nav-subject-header .nav-subject-title-wrap .nav-subject-badge.specialty{background:#fef3c7;color:#d97706}.mock-navigator-panel .nav-subject-section .nav-subject-header .nav-subject-stat{font-size:11px;font-weight:700;color:var(--text-3)}.mock-navigator-panel .nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mock-navigator-panel .nav-item{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);font-size:12px;font-weight:600;color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.mock-navigator-panel .nav-item:hover{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}.mock-navigator-panel .nav-item.current{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 3px var(--primary-100)}.mock-navigator-panel .nav-item.answered:not(.current){background:var(--primary-100);color:var(--primary);border-color:var(--primary-light)}.mock-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:16px}.mock-modal{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px 36px;max-width:440px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.mock-modal__icon{width:64px;height:64px;border-radius:16px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center}.mock-modal__title{font-size:20px;font-weight:800;color:var(--text);margin:0}.mock-modal__sub{font-size:14px;color:var(--text-3);margin:0}.mock-modal__stats{display:flex;gap:12px;width:100%}.mock-modal__warn{display:flex;align-items:center;gap:8px;background:#fff7ed;border:1px solid #FED7AA;border-radius:var(--radius-md);padding:10px 14px;font-size:13px;color:#92400e;font-weight:500;width:100%;text-align:left}.mock-modal__actions{display:flex;gap:12px;width:100%;margin-top:4px}.mock-modal__actions .btn{flex:1;justify-content:center}.mstat{flex:1;display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border)}.mstat--green{background:#f0fdf4;border-color:#bbf7d0;color:var(--success)}.mstat--orange{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.mstat--blue{background:var(--primary-50);border-color:var(--primary-100);color:var(--primary)}.mstat div{display:flex;flex-direction:column;gap:2px;text-align:left}.mstat span{font-size:18px;font-weight:800;line-height:1}.mstat small{font-size:10px;font-weight:600;opacity:.75;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.mock-container{padding:16px}.mock-workspace{grid-template-columns:1fr;gap:20px}.mock-navigator-panel{position:static;max-height:none;order:2}.mock-navigator-panel .nav-grid{grid-template-columns:repeat(10,1fr);gap:6px}}@media (max-width: 768px){.mock-header{padding:10px 16px;gap:12px}.mock-title h2{font-size:15px}.mock-progress{font-size:11.5px}.mock-header-right{gap:8px}.mock-timer{height:38px;min-height:38px;padding:0 12px;gap:6px}.mock-timer .time{font-size:14px}.mock-timer .icon{width:15px;height:15px}.mock-finish-btn,.finish-btn{height:38px;min-height:38px;padding:0 14px;font-size:13px;gap:6px}.mock-question-card{padding:20px 16px}.mock-question-card .section-indicator-bar{margin-bottom:12px;padding-bottom:10px}.mock-question-card .card-header{margin-bottom:16px}.mock-question-card .card-header .subject-heading .subject-title{font-size:16px}.mock-question-card .question-body{font-size:16px;margin-bottom:20px}.mock-question-card .options-list{gap:8px}.mock-question-card .options-list .option{padding:12px 14px;min-height:48px}.mock-question-card .options-list .option__label{width:28px;height:28px;font-size:12px}.mock-question-card .options-list .option__text{font-size:14px}.mock-question-card .card-actions{margin-top:20px;padding-top:16px}.mock-navigator-panel{padding:18px 16px}.mock-navigator-panel .nav-grid{grid-template-columns:repeat(8,1fr);gap:6px}.mock-modal{padding:24px 18px;width:min(92vw,440px)}.mock-modal__stats{gap:8px}.mock-modal__actions{flex-direction:column-reverse;gap:8px}.mock-modal__actions button{width:100%;justify-content:center;height:42px}}@media (max-width: 480px){.mock-header{display:grid;grid-template-columns:1fr;padding:8px 12px;gap:8px}.mock-header .mock-title{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%}.mock-header .mock-title h2{font-size:13.5px}.mock-header .mock-title .mock-progress{font-size:11px}.mock-header .mock-header-right{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.mock-header .mock-timer{width:100%;height:36px;min-height:36px;padding:0 10px;justify-content:center}.mock-header .mock-timer .time{font-size:13.5px}.mock-header .mock-finish-btn,.mock-header .finish-btn{height:36px;min-height:36px;padding:0 12px;font-size:12.5px;white-space:nowrap}.mock-container{padding:10px}.mock-question-card{padding:16px 12px;border-radius:var(--radius)}.mock-question-card .section-indicator-bar{flex-direction:column;align-items:flex-start;gap:6px}.mock-question-card .section-indicator-bar .global-q-counter{font-size:12px}.mock-question-card .card-header .subject-heading .subject-title{font-size:15px}.mock-question-card .question-body{font-size:15px;line-height:1.55;margin-bottom:16px}.mock-question-card .options-list .option{padding:10px 12px;min-height:44px}.mock-question-card .options-list .option__text{font-size:13.5px}.mock-question-card .card-actions{display:flex;width:100%;gap:8px}.mock-question-card .card-actions button{flex:1;justify-content:center;font-size:13px;padding:8px 10px}.mock-navigator-panel{padding:14px 12px}.mock-navigator-panel .nav-grid{grid-template-columns:repeat(6,1fr);gap:5px}.mock-navigator-panel .nav-item{font-size:11px;min-height:36px}}@media (max-width: 360px){.mock-header{padding:6px 8px;gap:6px}.mock-header .mock-title h2{font-size:12.5px}.mock-header .mock-timer{padding:0 8px;gap:4px}.mock-header .mock-timer .time{font-size:12.5px}.mock-header .mock-finish-btn,.mock-header .finish-btn{padding:0 10px;font-size:11.5px}.mock-header .mock-finish-btn svg,.mock-header .finish-btn svg{width:13px;height:13px}.mock-navigator-panel .nav-grid{grid-template-columns:repeat(5,1fr);gap:4px}.mock-question-card{padding:12px 10px}}:root{--primary: #4F46E5;--primary-dark: #3730A3;--primary-light: #6366F1;--primary-50: #EEF2FF;--primary-100: #E0E7FF;--bg: #F9FAFB;--surface: #FFFFFF;--surface-2: #F3F4F6;--border: #F3F4F6;--border-dark: #E5E7EB;--text: #111827;--text-2: #374151;--text-3: #4B5563;--text-4: #9CA3AF;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg: #090D1A;--surface: #111827;--surface-2: #1F2937;--border: #1F2937;--border-dark: #374151;--text: #F9FAFB;--text-2: #F3F4F6;--text-3: #9CA3AF;--text-4: #6B7280;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}img{max-width:100%;display:block}ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grid{display:grid}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-3)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.btn,.btn-success,.btn-danger,.btn-ghost,.btn-outline,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all var(--transition);white-space:nowrap;cursor:pointer;border:1px solid transparent}.btn:focus-visible,.btn-success:focus-visible,.btn-danger:focus-visible,.btn-ghost:focus-visible,.btn-outline:focus-visible,.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #4f46e54d}.btn:active:not(:disabled),.btn-success:active:not(:disabled),.btn-danger:active:not(:disabled),.btn-ghost:active:not(:disabled),.btn-outline:active:not(:disabled),.btn-primary:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn-success:disabled,.btn-danger:disabled,.btn-ghost:disabled,.btn-outline:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn .spinner,.btn .spinner-dark,.btn-success .spinner,.btn-success .spinner-dark,.btn-danger .spinner,.btn-danger .spinner-dark,.btn-ghost .spinner,.btn-ghost .spinner-dark,.btn-outline .spinner,.btn-outline .spinner-dark,.btn-primary .spinner,.btn-primary .spinner-dark{width:16px;height:16px;border-width:2px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.btn-outline{background:transparent;color:var(--primary);border-color:var(--border-dark)}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.btn-lg{min-height:48px;padding:12px 24px;font-size:16px;border-radius:var(--radius)}.btn-sm{min-height:32px;padding:4px 12px;font-size:13px}.btn-icon{width:40px;min-height:40px;padding:0;border-radius:var(--radius-sm)}.card,.stat-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:24px;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.card:hover,.stat-card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-primary{background:var(--primary-50);color:var(--primary);border:1px solid var(--primary-100)}.badge-success{background:#ecfdf5;color:#047857;border:1px solid #d1fae5}.badge-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.badge-warning{background:#fffbeb;color:#b45309;border:1px solid #fef3c7}.badge-gray{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border-dark)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:var(--text-2)}.form-input,.search-bar input{padding:10px 14px;background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-sm);font-size:14px;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input::placeholder,.search-bar input::placeholder{color:var(--text-4)}.form-input:focus,.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e526}.form-input.error,.search-bar input.error{border-color:var(--danger)}.form-input.error:focus,.search-bar input.error:focus{box-shadow:0 0 0 4px #ef444426}.form-error{font-size:12px;color:var(--danger);margin-top:2px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-info{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.spinner,.spinner-dark{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-dark{border-color:#2563eb33;border-top-color:var(--primary)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);flex-direction:column;gap:12px}.loading-screen .spinner-dark{width:36px;height:36px;border-width:3px}.loading-screen p{color:var(--text-3);font-size:14px}.page{min-height:calc(100vh - 72px);padding:24px 0 48px}.logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{padding:20px;display:flex;align-items:center;gap:16px}.stat-card__icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-card__icon.blue{background:var(--primary-100)}.stat-card__icon.green{background:#d1fae5}.stat-card__icon.red{background:#fee2e2}.stat-card__icon.yellow{background:#fef3c7}.stat-card__icon.purple{background:#ede9fe}.stat-card__info h3{font-size:24px;font-weight:800;color:var(--text)}.stat-card__info p{font-size:13px;color:var(--text-3);font-weight:500}.table-wrapper{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table.data-table{width:100%;border-collapse:collapse}table.data-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);background:var(--surface-2);white-space:nowrap}table.data-table td{padding:14px 16px;font-size:14px;color:var(--text-2);border-bottom:1px solid var(--border);vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}table.data-table tr:hover td{background:var(--surface-2)}table.data-table tbody tr{transition:background .15s}.pagination{display:flex;align-items:center;gap:4px;justify-content:center;margin-top:24px}.pagination button{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-size:14px;color:var(--text-2);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.pagination button:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary);color:var(--primary)}.pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.pagination button:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:32px}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal__header h2{font-size:20px;font-weight:700}.modal__header .close{color:var(--text-3);font-size:20px;background:none;border:none;cursor:pointer;padding:4px}.modal__header .close:hover{color:var(--text)}.modal__footer{margin-top:24px;display:flex;gap:12px;justify-content:flex-end}.confirm-modal{text-align:center;max-width:480px}.confirm-modal__icon{width:64px;height:64px;background:var(--primary-50);color:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-modal__title{font-size:22px;font-weight:700;margin-bottom:24px;line-height:1.3}.confirm-modal__info-box{background:var(--surface-2);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:20px;border:1px solid var(--border)}.confirm-modal__info-box .info-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.5}.confirm-modal__info-box .info-row svg{margin-top:2px;flex-shrink:0}.confirm-modal__info-box .info-row span{flex:1}.confirm-modal__warning{color:var(--text-3);font-size:13px;margin-bottom:24px;line-height:1.5}.confirm-modal__actions{display:flex;gap:12px}.confirm-modal__actions button{flex:1;justify-content:center}.search-bar{position:relative;max-width:320px;width:100%}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-4)}.search-bar input{padding-left:40px}.empty-state{text-align:center;padding:60px 20px}.empty-state .empty-icon-box{width:64px;height:64px;background:var(--surface-2);border-radius:50%;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--text-3)}.empty-state .icon{display:inline-flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--text-3);font-size:14px}.option{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;transition:all var(--transition);background:var(--surface);text-align:left;width:100%}.option__label{width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;color:var(--text-3);transition:all var(--transition)}.option__text{font-size:15px;color:var(--text-2);line-height:1.5;padding-top:2px}.option:hover:not(.selected):not(.correct):not(.incorrect){border-color:var(--primary);background:var(--primary-50)}.option:hover:not(.selected):not(.correct):not(.incorrect) .option__label{background:var(--primary-100);color:var(--primary)}.option.selected{border-color:var(--primary);background:var(--primary-50)}.option.selected .option__label{background:var(--primary);color:#fff}.option.selected .option__text{color:var(--text)}.option.correct{border-color:var(--success);background:#d1fae5}.option.correct .option__label{background:var(--success);color:#fff}.option.correct .option__text{color:#065f46}.option.incorrect{border-color:var(--danger);background:#fee2e2}.option.incorrect .option__label{background:var(--danger);color:#fff}.option.incorrect .option__text{color:#991b1b}@media (max-width: 768px){.container{padding:0 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.modal{padding:20px;border-radius:var(--radius-lg)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}svg{display:inline-block;vertical-align:middle}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1280px,100% - 32px);margin:0 auto}@media (max-width: 1200px){.container{width:min(1100px,100% - 32px)}}@media (max-width: 992px){.container{width:calc(100% - 24px)}h1{font-size:clamp(2rem,4vw,2.5rem)}h2{font-size:clamp(1.6rem,3vw,2rem)}}@media (max-width: 768px){.container{width:calc(100% - 20px)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}button{min-height:48px}}@media (max-width: 480px){.container{width:calc(100% - 16px)}h1{font-size:1.7rem}h2{font-size:1.3rem}table{display:block;overflow-x:auto;white-space:nowrap}}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(min(100%,300px),360px);gap:24px;align-items:start;width:100%;max-width:100%}.dashboard-grid>*{min-width:0}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr;gap:20px}}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%}.stats-grid>*{min-width:0}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:12px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:4px 0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.dashboard-header>div:last-child{display:flex;gap:12px;flex-wrap:wrap}.active-mock-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.active-mock-banner>a{min-width:170px;text-align:center}@media (max-width: 768px){.active-mock-banner{flex-direction:column;align-items:flex-start}.active-mock-banner>a{width:100%}}.performance-header{display:flex;align-items:center;justify-content:space-between;position:relative}.performance-info-btn{position:absolute;top:-40px;right:-26px;width:44px;height:34px;border:none;border-radius:50%;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s}.performance-info-btn:hover{background:#dbeafe;transform:scale(1)}.performance-tooltip{position:absolute;top:-15px;right:-6px;width:270px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 15px 40px #00000026;border:1px solid #E5E7EB;z-index:999;transition:2s}.performance-tooltip h4{margin-bottom:16px;font-size:15px;font-weight:700}.level{display:flex;align-items:center;gap:14px;padding:10px 0}.level strong{display:block;font-size:14px}.level small{color:#64748b;font-size:12px}.level-aplus .badge{background:#10b981}.level-a .badge{background:#3b82f6}.level-b .badge{background:#f59e0b}.level-c .badge{background:#f97316}.level-d .badge{background:#ef4444}.topic-breakdown{margin-top:40px}.topic-card{background:#fff;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 24px #0000000d}.topic-top{display:flex;justify-content:space-between;margin-bottom:14px}.topic-progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.topic-progress-fill{height:100%;border-radius:999px;transition:.4s}.topic-bottom{display:flex;justify-content:space-between;margin-top:10px}.study-plan-card{margin-top:32px}.study-plan-header{display:flex;align-items:center;gap:18px;margin-bottom:24px}.study-plan-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center}.study-plan-badge{margin-left:auto;padding:8px 16px;background:#eef2ff;color:#4f46e5;border-radius:999px;font-size:13px;font-weight:700}.study-plan-topic{display:flex;align-items:center;gap:16px;padding:18px;border-radius:16px;background:#fef2f2;margin-bottom:18px}.study-plan-topic span{margin-left:auto;font-size:22px;font-weight:700;color:#dc2626}.study-plan-book{display:flex;gap:18px;align-items:center;padding:18px;border-radius:16px;background:#f8fafc;margin-bottom:24px}.study-days{display:flex;flex-direction:column;gap:14px}.study-day{display:flex;gap:16px;padding:18px;border:1px solid var(--border);border-radius:16px;transition:.25s}.study-day:hover{transform:translateY(-2px)}.study-day-number{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;flex-shrink:0}.study-day-content h4{margin-bottom:5px}.study-day-content p{color:var(--text-3)}@media (max-width: 768px){.study-plan-header{flex-direction:column;text-align:center}.study-plan-badge{margin:0}.study-plan-topic{flex-direction:column;text-align:center}.study-plan-topic span{margin:0}.study-plan-book{flex-direction:column;text-align:center}.study-day{flex-direction:column;text-align:center;align-items:center}}.ai-study-card{margin-top:32px;padding:30px;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbeafe;box-shadow:0 15px 40px #2563eb14,inset 0 1px #fff9;overflow:hidden;position:relative}.ai-study-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#2563eb14;right:-120px;top:-120px;filter:blur(35px)}.ai-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.ai-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #2563eb4d}.ai-title h2{margin:0;font-size:24px;font-weight:800;color:#0f172a}.ai-title p{margin-top:5px;color:#64748b;font-size:14px}.generate-ai-btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);transition:.25s}.generate-ai-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2563eb40}.ai-loading{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:18px}.ai-loader{width:78px;height:78px;border-radius:50%;border:6px solid #dbeafe;border-top-color:#2563eb;animation:spin 1s linear infinite}.loading-status{font-size:17px;font-weight:600;color:#334155;min-height:28px}.loading-progress{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#e2e8f0}.loading-progress span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#4f46e5);animation:progressMove 3.8s linear forwards}@keyframes progressMove{0%{width:0}to{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}.ai-result{margin-top:24px;padding:24px;border-radius:18px;background:#f8fafc;border:1px solid #E2E8F0;animation:fadeIn .5s ease}.typewriter{white-space:pre-wrap;line-height:1.9;color:#1e293b;font-size:15px;font-family:Inter,sans-serif}.typewriter strong{color:#2563eb}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ai-study-card{padding:22px;margin-top:24px}.ai-header{flex-direction:column;text-align:center}.generate-ai-btn{width:100%}.ai-title h2{font-size:21px}.ai-loader{width:64px;height:64px}}.brain-wrapper{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.brain-icon{width:42px;height:42px;color:#2563eb;animation:pulseBrain 1.7s infinite;z-index:2}.brain-ring{position:absolute;width:90px;height:90px;border-radius:50%;border:2px solid rgba(37,99,235,.25);animation:ring 2s infinite}@keyframes pulseBrain{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.math-rendered{display:inline}.math-rendered .katex{font-size:1.08em;line-height:normal;text-rendering:auto}.math-rendered .katex-display{margin:.6em 0;overflow-x:auto;overflow-y:hidden}.option__text .math-rendered{display:inline-flex;align-items:center}.study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);margin-top:32px;position:relative;overflow:hidden}.study-card h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:24px;color:var(--text)}.study-card h2 .card-title-icon{color:var(--primary)}.study-card .study-intro{text-align:center;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.study-card .study-intro p{color:var(--text-3);font-size:15px;max-width:480px;line-height:1.6}.study-card .study-intro .generate-ai-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-weight:600;padding:12px 28px;border-radius:var(--radius-sm);font-size:14px;box-shadow:0 4px 14px #4f46e54d;transition:all var(--transition)}.study-card .study-intro .generate-ai-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.study-card .study-intro .generate-ai-btn:active{transform:translateY(0)}.study-card .ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:20px}.study-card .ai-loading .brain-wrapper{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.study-card .ai-loading .brain-wrapper .brain-icon{width:36px;height:36px;color:var(--primary);z-index:2;animation:pulseBrain 1.8s infinite ease-in-out}.study-card .ai-loading .brain-wrapper .brain-ring{position:absolute;top:0;left:0;right:0;bottom:0;border:2px dashed var(--primary-light);border-radius:50%;animation:spinRing 8s linear infinite;display:flex;align-items:center;justify-content:center}.study-card .ai-loading .loading-step{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-2);min-height:24px;animation:fadeIn .4s ease-out}.study-card .ai-loading .loading-step svg{color:var(--primary)}.study-card .ai-loading .loading-progress{width:240px;height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;position:relative}.study-card .ai-loading .loading-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:99px;transition:width var(--transition)}.study-card .study-plan{animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.study-card .study-plan__header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.study-card .study-plan__header .bot-icon{color:var(--primary);background:var(--primary-50);padding:6px;border-radius:var(--radius);width:44px;height:44px}.study-card .study-plan__header h3{font-size:16px;font-weight:700;margin-bottom:2px}.study-card .study-plan .typed-text-box{background:var(--surface-2);border-left:3px solid var(--primary);padding:16px 20px;border-radius:0 var(--radius) var(--radius) 0;font-size:14px;line-height:1.6;color:var(--text-2);margin-bottom:24px;min-height:68px}.study-card .study-plan .study-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px}.study-card .study-plan .study-info-cards .info-mini-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:16px;transition:border-color var(--transition)}.study-card .study-plan .study-info-cards .info-mini-card:hover{border-color:var(--border-dark)}.study-card .study-plan .study-info-cards .info-mini-card .icon{padding:8px;border-radius:var(--radius-sm);width:36px;height:36px;flex-shrink:0}.study-card .study-plan .study-info-cards .info-mini-card .icon.orange{color:#f59e0b;background:#f59e0b1a}.study-card .study-plan .study-info-cards .info-mini-card .icon.lavender{color:var(--primary);background:var(--primary-50)}.study-card .study-plan .study-info-cards .info-mini-card div{display:flex;flex-direction:column;gap:2px}.study-card .study-plan .study-info-cards .info-mini-card div label{font-size:12px;color:var(--text-3);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.study-card .study-plan .study-info-cards .info-mini-card div strong{font-size:14px;color:var(--text);font-weight:700}.study-card .study-plan .study-resources-block{margin-bottom:24px}.study-card .study-plan .study-resources-block .schedule-title{display:flex;align-items:center;gap:8px}.study-card .study-plan .study-resources-block .resource-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}.study-card .study-plan .study-resources-block .resource-card-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:flex-start;gap:12px;transition:border-color var(--transition)}.study-card .study-plan .study-resources-block .resource-card-item:hover{border-color:var(--border-dark)}.study-card .study-plan .study-resources-block .resource-card-item .resource-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.study-card .study-plan .study-resources-block .resource-card-item .resource-info{display:flex;flex-direction:column;gap:4px}.study-card .study-plan .study-resources-block .resource-card-item .resource-info .resource-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}.study-card .study-plan .study-resources-block .resource-card-item .resource-info .resource-badge{align-self:flex-start;font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:4px}.study-card .study-plan .study-recommendations-wrapper{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;align-items:flex-start;gap:14px}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card.highlight-pedagogy{border-left:3px solid #8B5CF6}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card.highlight-pedagogy .badge-card-icon{color:#8b5cf6}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card.highlight-practice{border-left:3px solid #10B981}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card.highlight-practice .badge-card-icon{color:#10b981}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card.highlight-mock{border-left:3px solid #3B82F6}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card.highlight-mock .badge-card-icon{color:#3b82f6}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card .badge-card-icon{flex-shrink:0;margin-top:2px}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card div{display:flex;flex-direction:column;gap:3px}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card div strong{font-size:13px;color:var(--text);font-weight:700}.study-card .study-plan .study-recommendations-wrapper .recommendation-badge-card div p{font-size:13px;color:var(--text-2);line-height:1.5;margin:0}.study-card .study-plan .schedule-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.study-card .study-plan .study-schedule-timeline{display:flex;flex-direction:column;gap:12px;position:relative;padding-left:20px}.study-card .study-plan .study-schedule-timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:51px;width:2px;background:var(--border);z-index:1}.study-card .study-plan .study-schedule-timeline .timeline-step{display:flex;gap:20px;position:relative;z-index:2;align-items:center}.study-card .study-plan .study-schedule-timeline .timeline-step .step-badge{flex-shrink:0;width:64px;height:28px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.study-card .study-plan .study-schedule-timeline .timeline-step .step-badge span{font-size:11px;font-weight:700;color:var(--text-3)}.study-card .study-plan .study-schedule-timeline .timeline-step .step-content{flex-grow:1;background:var(--surface);border:1px solid var(--border);padding:12px 18px;border-radius:var(--radius-sm);transition:all var(--transition);display:flex;align-items:center}.study-card .study-plan .study-schedule-timeline .timeline-step .step-content p{font-size:14px;font-weight:600;color:var(--text-2);line-height:1.4}.study-card .study-plan .study-schedule-timeline .timeline-step:hover .step-badge{background:var(--primary-50);border-color:var(--primary-light)}.study-card .study-plan .study-schedule-timeline .timeline-step:hover .step-badge span{color:var(--primary)}.study-card .study-plan .study-schedule-timeline .timeline-step:hover .step-content{border-color:var(--primary-light);background:var(--primary-50)}.study-card .study-plan .study-schedule-timeline .timeline-step:hover .step-content p{color:var(--primary-dark)}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes pulseBrain{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.wallet-page .wallet-header{margin-bottom:32px}.wallet-page .balance-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-xl);padding:32px;display:flex;align-items:center;gap:24px;color:#fff;box-shadow:0 10px 30px #4f46e54d}.wallet-page .balance-card__icon{width:64px;height:64px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wallet-page .balance-card__label{font-size:15px;opacity:.9;margin-bottom:4px}.wallet-page .balance-card__amount{font-size:42px;font-weight:800;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.wallet-page .wallet-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.wallet-page .wallet-content__header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.wallet-page .wallet-content__header h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0}.wallet-page .wallet-content .wallet-controls{display:flex;gap:12px}.wallet-page .wallet-content .wallet-controls .search-box{position:relative}.wallet-page .wallet-content .wallet-controls .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3)}.wallet-page .wallet-content .wallet-controls .search-box input{padding:8px 16px 8px 36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;min-width:200px}.wallet-page .wallet-content .wallet-controls .search-box input:focus{outline:none;border-color:var(--primary)}.wallet-page .wallet-content .wallet-controls .filter-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.wallet-page .wallet-content .wallet-controls .filter-box svg{color:var(--text-3)}.wallet-page .wallet-content .wallet-controls .filter-box select{background:transparent;border:none;color:var(--text);font-family:inherit;cursor:pointer;outline:none}.wallet-page .transactions-list{padding:12px 24px}.wallet-page .transaction-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-light)}.wallet-page .transaction-item:last-child{border-bottom:none}.wallet-page .transaction-item .transaction-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.wallet-page .transaction-item .transaction-icon.earn{background:#10b9811a;color:#10b981}.wallet-page .transaction-item .transaction-icon.spend{background:#ef44441a;color:#ef4444}.wallet-page .transaction-item .transaction-info{flex:1}.wallet-page .transaction-item .transaction-info h4{margin:0 0 4px;font-size:16px}.wallet-page .transaction-item .transaction-info span{font-size:13px;color:var(--text-3)}.wallet-page .transaction-item .transaction-amount{font-weight:700;font-size:18px}.wallet-page .transaction-item .transaction-amount.earn{color:#10b981}.wallet-page .transaction-item .transaction-amount.spend{color:#ef4444}.wallet-page .empty-state{padding:64px 0;text-align:center;color:var(--text-3)}.wallet-page .empty-state__icon{margin-bottom:16px;opacity:.2}@media (max-width: 768px){.wallet-page .wallet-content__header{flex-direction:column;align-items:stretch}.wallet-page .wallet-content__header .wallet-controls{flex-direction:column}.wallet-page .wallet-content__header .wallet-controls .search-box input{width:100%}}@media (max-width: 480px){.wallet-page .balance-card{padding:18px 14px;gap:14px}.wallet-page .balance-card__icon{width:46px;height:46px;border-radius:12px}.wallet-page .balance-card__icon svg{width:22px;height:22px}.wallet-page .balance-card__amount{font-size:clamp(26px,7vw,36px)}.wallet-page .wallet-content__header{padding:14px}.wallet-page .transactions-list{padding:6px 12px}.wallet-page .transaction-item{gap:10px}.wallet-page .transaction-item .transaction-icon{width:38px;height:38px}.wallet-page .transaction-item .transaction-info h4{font-size:14px}.wallet-page .transaction-item .transaction-info span{font-size:12px}.wallet-page .transaction-item .transaction-amount{font-size:15px}}.tasks-page .tasks-header{text-align:center;max-width:600px;margin:0 auto 48px}.tasks-page .tasks-header h1{font-size:32px;font-weight:800;color:var(--text);margin-bottom:12px}.tasks-page .tasks-header p{font-size:16px;color:var(--text-3);line-height:1.6}.tasks-page .tasks-grid{display:grid;gap:20px;max-width:800px;margin:0 auto}.tasks-page .task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.tasks-page .task-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tasks-page .task-card.completed{background:#10b9810d;border-color:#10b98133}.tasks-page .task-card.completed .task-card__icon{background:#10b981;color:#fff}.tasks-page .task-card__icon{width:56px;height:56px;border-radius:16px;background:rgba(var(--primary-rgb, 79, 70, 229),.1);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.tasks-page .task-card__body{flex:1}.tasks-page .task-card__body h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text)}.tasks-page .task-card__body p{margin:0;font-size:14px;color:var(--text-3);line-height:1.5}.tasks-page .task-card__body .task-progress{margin-top:8px;font-size:13px;color:var(--text-2)}.tasks-page .task-card__body .task-progress strong{color:var(--primary);font-weight:700}.tasks-page .task-card__action{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.tasks-page .task-card__action .reward-badge{font-size:14px;font-weight:800;color:#f59e0b;background:#f59e0b1a;padding:4px 12px;border-radius:20px}@media (max-width: 640px){.tasks-page .task-card{flex-direction:column;align-items:flex-start}.tasks-page .task-card__action{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:16px}}.tasks-page .btn-success{background:#10b981;color:#fff;border:none}.tasks-page .btn-success:hover{background:#059669}.tasks-page .btn-disabled{background:var(--bg);color:var(--text-3);border:1px dashed var(--border)}.tasks-page .tasks-nav-tabs{display:inline-flex;align-items:center;background:var(--surface-2);padding:4px;border-radius:12px;margin-top:20px;border:1px solid var(--border);gap:4px;max-width:100%;overflow-x:auto}.tasks-page .tasks-nav-tab{border:none;background:transparent;color:var(--text-3);font-size:13px;font-weight:700;padding:8px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.tasks-page .tasks-nav-tab:hover{color:var(--text)}.tasks-page .tasks-nav-tab.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px #00000014}.tasks-page .tasks-section-block{max-width:960px;margin:0 auto}.tasks-page .tasks-section-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.tasks-page .tasks-section-title h2{font-size:20px;font-weight:800;margin:0;color:var(--text)}.tasks-page .tasks-section-title .achievements-counter-badge{font-size:13px;font-weight:700;color:#d97706;background:#f59e0b1f;padding:4px 12px;border-radius:999px;border:1px solid rgba(245,158,11,.25)}.tasks-page .achievements-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tasks-page .achievement-card-modern{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .2s ease}.tasks-page .achievement-card-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tasks-page .achievement-card-modern.locked{opacity:.65;background:var(--surface-2);border-style:dashed}.tasks-page .achievement-card-modern.locked .achievement-icon-box{background:var(--surface);color:var(--text-4);border:1px dashed var(--border)}.tasks-page .achievement-card-modern.unlocked{border-color:#f59e0b59;background:var(--surface);box-shadow:0 2px 12px #f59e0b0d}.tasks-page .achievement-card-modern.unlocked .achievement-icon-box{background:linear-gradient(135deg,#f59e0b33,#fbbf241a);color:#d97706;border:1px solid rgba(245,158,11,.3)}.tasks-page .achievement-card-modern .achievement-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.tasks-page .achievement-card-modern .achievement-content{flex:1;min-width:0}.tasks-page .achievement-card-modern .achievement-content .achievement-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.tasks-page .achievement-card-modern .achievement-content .achievement-title-row h4{font-size:15px;font-weight:700;margin:0;color:var(--text)}.tasks-page .achievement-card-modern .achievement-content .achievement-title-row .unlocked-pill{font-size:11px;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:999px}.tasks-page .achievement-card-modern .achievement-content p{font-size:13px;color:var(--text-3);margin:0 0 10px;line-height:1.4}.tasks-page .achievement-card-modern .achievement-content .achievement-rewards-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tasks-page .achievement-card-modern .achievement-content .achievement-rewards-row .reward-pill-coins{font-size:11px;font-weight:700;color:#d97706;background:#f59e0b1f;padding:3px 8px;border-radius:6px}.tasks-page .achievement-card-modern .achievement-content .achievement-rewards-row .reward-pill-xp{font-size:11px;font-weight:700;color:#6366f1;background:#6366f11a;padding:3px 8px;border-radius:6px}.gpay-logo-mark{display:inline-block;vertical-align:middle;flex-shrink:0}.gpay-acceptance-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #DCDCDC;border-radius:9999px;padding:3px 9px;height:24px;box-sizing:border-box;flex-shrink:0;line-height:1}.gpay-acceptance-badge .gpay-logo-mark{display:block}[data-theme=dark] .gpay-acceptance-badge{background:#fff;border-color:#fff6}.gpay-official-button{background-color:#000;color:#fff;border:none;border-radius:4px;min-height:44px;height:48px;min-width:160px;width:100%;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1;box-shadow:0 1px 3px #00000040;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none;outline:none}.gpay-official-button:hover:not(:disabled){background-color:#1f1f1f;box-shadow:0 2px 6px #00000059;transform:translateY(-1px)}.gpay-official-button:active:not(:disabled){background-color:#2b2b2b;transform:translateY(0);box-shadow:0 1px 2px #0003}.gpay-official-button:focus-visible{outline:2px solid #4285F4;outline-offset:2px}.gpay-official-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.gpay-official-button .gpay-btn-label{font-size:14px;font-weight:500;letter-spacing:.1px}[data-theme=dark] .gpay-official-button{border:1px solid rgba(255,255,255,.2)}.gpay-demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.gpay-demo-container{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-xl);box-shadow:0 24px 48px -12px #00000040;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.gpay-demo-warning-banner{background:#fef3c7;border-bottom:1px solid #FCD34D;color:#92400e;padding:9px 16px;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;letter-spacing:.2px}[data-theme=dark] .gpay-demo-warning-banner{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.gpay-demo-sheet{padding:24px;display:flex;flex-direction:column;gap:18px}.gpay-sheet-header{display:flex;align-items:center;justify-content:space-between}.gpay-sheet-header .gpay-brand-header{display:flex;align-items:center}.gpay-sheet-header .gpay-close-btn{background:transparent;border:none;color:var(--text-3);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.gpay-sheet-header .gpay-close-btn:hover{background:var(--surface-2);color:var(--text)}.gpay-user-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.gpay-user-bar .gpay-avatar{width:32px;height:32px;border-radius:50%;background:#4285f4;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gpay-user-bar .gpay-user-info{flex:1;min-width:0}.gpay-user-bar .gpay-user-info .gpay-user-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gpay-user-bar .gpay-user-info .gpay-user-email{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gpay-user-bar .gpay-secure-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#059669;background:#10b9811f;padding:3px 8px;border-radius:99px;flex-shrink:0}.gpay-order-summary{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.gpay-order-summary .gpay-merchant-info{display:flex;justify-content:space-between;font-size:12.5px;padding-bottom:10px;border-bottom:1px solid var(--border)}.gpay-order-summary .gpay-merchant-info .gpay-label{color:var(--text-3)}.gpay-order-summary .gpay-merchant-info .gpay-value{font-weight:600;color:var(--text)}.gpay-order-summary .gpay-item-info .gpay-item-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--text)}.gpay-order-summary .gpay-item-info .gpay-item-sub{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-3);margin-top:4px}.gpay-order-summary .gpay-item-info .gpay-item-class{font-size:12px;color:var(--primary);margin-top:4px}.gpay-order-summary .gpay-total-row{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px dashed var(--border-dark)}.gpay-order-summary .gpay-total-row .gpay-total-label{font-size:14px;font-weight:700;color:var(--text)}.gpay-order-summary .gpay-total-row .gpay-total-amount{font-size:20px;font-weight:900;color:var(--primary);letter-spacing:-.5px}.gpay-instrument-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border-dark);border-radius:var(--radius-sm);background:var(--surface)}.gpay-instrument-card .gpay-selection-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0}.gpay-instrument-card .gpay-selection-indicator .gpay-radio-outer{width:18px;height:18px;border-radius:50%;border:2px solid #1A73E8;display:flex;align-items:center;justify-content:center;background:transparent}.gpay-instrument-card .gpay-selection-indicator .gpay-radio-outer .gpay-radio-inner{width:9px;height:9px;border-radius:50%;background:#1a73e8}.gpay-instrument-card .gpay-card-icon{background:#f1f5f9;border:1px solid #CBD5E1;color:#334155;padding:6px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .gpay-instrument-card .gpay-card-icon{background:#1e293b;border-color:#334155;color:#94a3b8}.gpay-instrument-card .gpay-card-details{flex:1;min-width:0}.gpay-instrument-card .gpay-card-details .gpay-card-title{font-size:13px;font-weight:700;color:var(--text)}.gpay-instrument-card .gpay-card-details .gpay-card-subtitle{font-size:11.5px;color:var(--text-3);margin-top:2px}.gpay-instrument-card .gpay-card-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:#f59e0b26;color:#d97706;flex-shrink:0}.gpay-privacy-note{font-size:11.5px;color:var(--text-4);line-height:1.45;margin:0}.gpay-sheet-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;align-items:center;margin-top:4px}.gpay-sheet-actions .btn-outline{height:48px;display:flex;align-items:center;justify-content:center;font-weight:600}.gpay-demo-processing{padding:50px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.gpay-demo-processing .gpay-spinner{width:44px;height:44px;border:4px solid var(--border);border-top-color:#4285f4;border-radius:50%;animation:gpaySpin .8s linear infinite}.gpay-demo-processing h4{font-size:18px;font-weight:800;color:var(--text);margin:0}.gpay-demo-processing p{font-size:13.5px;color:var(--text-3);margin:0}@keyframes gpaySpin{to{transform:rotate(360deg)}}.gpay-demo-success{padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.gpay-demo-success .gpay-success-icon-wrap{width:68px;height:68px;border-radius:50%;background:#10b9811f;display:flex;align-items:center;justify-content:center;color:#10b981}.gpay-demo-success h3{font-size:20px;font-weight:850;color:var(--text);margin:0}.gpay-demo-success .gpay-success-subtitle{font-size:13.5px;color:var(--text-3);margin:0}.gpay-demo-success .gpay-receipt-card{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;text-align:left}.gpay-demo-success .gpay-receipt-card .receipt-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.gpay-demo-success .gpay-receipt-card .receipt-row .receipt-label{color:var(--text-3)}.gpay-demo-success .gpay-receipt-card .receipt-row .receipt-value{font-weight:700;color:var(--text)}.gpay-demo-success .gpay-receipt-card .receipt-row .receipt-value.mono{font-family:monospace;font-size:12px;color:var(--text-2)}.gpay-demo-success .gpay-receipt-card .receipt-row .receipt-value.highlight{color:var(--primary);font-size:15px}.gpay-demo-success .gpay-receipt-card .receipt-row .receipt-value.success{color:#059669}.gpay-demo-success .gpay-important-notice{background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-sm);padding:12px 14px;font-size:12px;color:#1e40af;display:flex;align-items:flex-start;gap:10px;text-align:left;line-height:1.5}[data-theme=dark] .gpay-demo-success .gpay-important-notice{color:#93c5fd;border-color:#3b82f666}.gpay-demo-success .gpay-finish-btn{width:100%;height:44px;font-weight:700;margin-top:4px}@media (max-width: 480px){.gpay-demo-sheet{padding:18px 16px}.gpay-sheet-actions{grid-template-columns:1fr}}.manual-payment-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;box-sizing:border-box}@media (max-width: 580px){.manual-payment-backdrop{padding:8px}}.manual-payment-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:680px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:92vh;box-sizing:border-box}@media (max-width: 580px){.manual-payment-modal{border-radius:16px;max-height:96vh}}.manual-payment-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.manual-payment-header .header-info h3{font-size:19px;font-weight:800;margin:0 0 4px;color:var(--text)}@media (max-width: 580px){.manual-payment-header .header-info h3{font-size:16px}}.manual-payment-header .header-info p{font-size:13px;color:var(--text-3);margin:0}@media (max-width: 580px){.manual-payment-header .header-info p{font-size:11.5px}}.manual-payment-header .close-btn{background:transparent;border:none;color:var(--text-3);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.manual-payment-header .close-btn:hover{background:var(--surface-2);color:var(--text)}@media (max-width: 580px){.manual-payment-header{padding:14px 16px}}.stepper-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--surface-2);border-bottom:1px solid var(--border);position:relative}.stepper-bar .step-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-3);transition:all .2s;white-space:nowrap}.stepper-bar .step-item .step-circle{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--surface);border:2px solid var(--border);color:var(--text-3);transition:all .2s;flex-shrink:0}.stepper-bar .step-item.active{color:var(--primary)}.stepper-bar .step-item.active .step-circle{background:var(--primary);border-color:var(--primary);color:#fff}.stepper-bar .step-item.completed{color:var(--success)}.stepper-bar .step-item.completed .step-circle{background:var(--success);border-color:var(--success);color:#fff}@media (max-width: 580px){.stepper-bar{padding:10px 14px;gap:6px}.stepper-bar .step-item{gap:4px;font-size:11px}.stepper-bar .step-item:not(.active) span{display:none}.stepper-bar .step-item .step-circle{width:22px;height:22px;font-size:11px}}.manual-payment-body{padding:24px;overflow-y:auto;flex:1}@media (max-width: 580px){.manual-payment-body{padding:14px}}.step-plans .modal-category-tabs{display:inline-flex;background:var(--surface-2, #f1f5f9);padding:4px;border-radius:99px;border:1px solid var(--border-dark, #e2e8f0);margin-bottom:16px;gap:4px}.step-plans .modal-category-tabs .modal-cat-tab{padding:8px 18px;border-radius:99px;font-size:13px;font-weight:650;color:var(--text-3);background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.step-plans .modal-category-tabs .modal-cat-tab:hover{color:var(--text)}.step-plans .modal-category-tabs .modal-cat-tab.active{background:var(--surface, #ffffff);color:var(--primary);box-shadow:0 2px 8px #00000014;font-weight:750}.step-plans .group-plan-card{border-color:#4f46e533}.step-plans .group-plan-card.selected{border-color:var(--primary);background:#4f46e50d}.step-plans .group-plan-card .students-pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:#4f46e51a;color:var(--primary);margin-top:4px}.step-plans .group-plan-card .group-badge{background:linear-gradient(135deg,#4f46e5,#6366f1)}.step-plans .group-name-input-box{margin-top:16px;padding:16px;background:var(--surface-2, #f8fafc);border:1px solid var(--border-dark, #e2e8f0);border-radius:14px}.step-plans{display:flex;flex-direction:column;gap:16px}.step-plans .plans-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 640px){.step-plans .plans-selection-grid{grid-template-columns:1fr;gap:10px}}.step-plans .plan-select-card{border:2px solid var(--border);border-radius:14px;padding:16px;background:var(--surface);cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;justify-content:space-between}.step-plans .plan-select-card:hover{border-color:var(--primary-light);transform:translateY(-2px)}.step-plans .plan-select-card.selected{border-color:var(--primary);background:#2563eb0a;box-shadow:0 0 0 1px var(--primary)}.step-plans .plan-select-card .popular-badge{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.step-plans .plan-select-card .plan-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.step-plans .plan-select-card .plan-card-header .name{font-size:16px;font-weight:800;color:var(--text)}.step-plans .plan-select-card .plan-card-header .check-icon{color:var(--primary)}.step-plans .plan-select-card .plan-card-price{margin-bottom:8px}.step-plans .plan-select-card .plan-card-price .amount{font-size:20px;font-weight:800;color:var(--primary)}@media (max-width: 580px){.step-plans .plan-select-card .plan-card-price .amount{font-size:18px}}.step-plans .plan-select-card .plan-card-price .period{font-size:12px;color:var(--text-3);margin-left:4px}.step-plans .plan-select-card .plan-card-desc{font-size:12px;color:var(--text-3);line-height:1.4}@media (max-width: 580px){.step-plans .plan-select-card{padding:14px}}.step-transfer .chosen-plan-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2, #f8fafc);border:1px solid var(--border-dark, #e2e8f0);padding:12px 16px;border-radius:14px;gap:12px}@media (max-width: 580px){.step-transfer .chosen-plan-banner{flex-direction:column;align-items:flex-start;gap:8px}}.step-transfer .chosen-plan-banner .banner-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.step-transfer .chosen-plan-banner .banner-left .plan-kind-pill{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:99px}.step-transfer .chosen-plan-banner .banner-left .plan-kind-pill.group-kind{background:#4f46e51f;color:var(--primary)}.step-transfer .chosen-plan-banner .banner-left .plan-kind-pill.indiv-kind{background:#10b9811f;color:#059669}.step-transfer .chosen-plan-banner .banner-left .banner-plan-name{font-size:15px;font-weight:800;color:var(--text)}.step-transfer .chosen-plan-banner .banner-left .banner-plan-price{font-size:14px;font-weight:700;color:var(--primary)}.step-transfer .chosen-plan-banner .banner-left .banner-students-badge{font-size:12px;font-weight:600;color:var(--text-3);background:var(--surface);border:1px solid var(--border-dark, #e2e8f0);padding:2px 8px;border-radius:99px}.step-transfer .chosen-plan-banner .change-plan-btn{background:transparent;border:none;color:var(--primary);font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;padding:4px;white-space:nowrap}.step-transfer .chosen-plan-banner .change-plan-btn:hover{color:var(--primary-dark)}.step-transfer .group-name-step2-box{background:var(--surface-2, #f8fafc);border:1px solid var(--border-dark, #e2e8f0);padding:12px 16px;border-radius:12px}.step-transfer{display:flex;flex-direction:column;gap:18px}.step-transfer .card-box{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:18px;padding:22px;color:#fff;box-shadow:0 15px 30px #0f172a4d;position:relative;overflow:hidden}.step-transfer .card-box:after{content:"";position:absolute;top:-50%;right:-20%;width:260px;height:260px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none}.step-transfer .card-box .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.step-transfer .card-box .card-top .bank-name{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#94a3b8}.step-transfer .card-box .card-top .card-type{font-size:13px;font-weight:800;color:#38bdf8}.step-transfer .card-box .card-number-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff14;padding:12px 14px;border-radius:12px;margin-bottom:16px;gap:12px}.step-transfer .card-box .card-number-row .number{font-family:monospace;font-size:18px;font-weight:700;letter-spacing:2px;color:#fff;white-space:nowrap;word-break:keep-all}.step-transfer .card-box .card-number-row .copy-button{white-space:nowrap;flex-shrink:0}@media (max-width: 540px){.step-transfer .card-box .card-number-row{flex-direction:column;align-items:stretch;gap:10px}.step-transfer .card-box .card-number-row .number{font-size:17px;text-align:center;letter-spacing:1.5px;white-space:nowrap}.step-transfer .card-box .card-number-row .copy-button{width:100%;justify-content:center;padding:8px 12px;font-size:13px}}.step-transfer .card-box .card-bottom-info{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.step-transfer .card-box .card-bottom-info .card-holder .label{font-size:10px;text-transform:uppercase;color:#94a3b8;margin-bottom:2px}.step-transfer .card-box .card-bottom-info .card-holder .name{font-size:13.5px;font-weight:700;letter-spacing:.5px}.step-transfer .card-box .card-bottom-info .transfer-amount{text-align:right}.step-transfer .card-box .card-bottom-info .transfer-amount .label{font-size:10px;text-transform:uppercase;color:#94a3b8;margin-bottom:2px}.step-transfer .card-box .card-bottom-info .transfer-amount .sum{font-size:17px;font-weight:800;color:#4ade80}@media (max-width: 500px){.step-transfer .card-box .card-bottom-info{flex-direction:column;align-items:flex-start}.step-transfer .card-box .card-bottom-info .transfer-amount{text-align:left;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.step-transfer .card-box .card-bottom-info .transfer-amount .copy-button{width:100%;justify-content:center}}@media (max-width: 580px){.step-transfer .card-box{padding:16px;border-radius:14px}}.step-transfer .copy-button{background:#ffffff26;border:none;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.step-transfer .copy-button:hover{background:#ffffff40}.step-transfer .copy-button.copied{background:#22c55e;color:#fff}.step-transfer .transfer-instructions{background:var(--surface-2);border-radius:12px;padding:14px;font-size:12.5px;line-height:1.5;color:var(--text-2)}.step-transfer .transfer-instructions ol{margin:6px 0 0;padding-left:18px}.step-transfer .transfer-instructions ol li{margin-bottom:5px}.step-upload{display:flex;flex-direction:column;gap:16px}.step-upload .upload-dropzone{border:2px dashed var(--border);border-radius:16px;padding:32px 16px;text-align:center;background:var(--surface-2);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.step-upload .upload-dropzone:hover,.step-upload .upload-dropzone.dragover{border-color:var(--primary);background:#2563eb0a}.step-upload .upload-dropzone .upload-icon{width:48px;height:48px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 4px 12px #0000000d}.step-upload .upload-dropzone .upload-title{font-size:14px;font-weight:700;color:var(--text);margin:0}.step-upload .upload-dropzone .upload-hint{font-size:11.5px;color:var(--text-3);margin:0}@media (max-width: 580px){.step-upload .upload-dropzone{padding:24px 12px}}.step-upload .file-preview-card{border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);gap:10px}.step-upload .file-preview-card .file-info{display:flex;align-items:center;gap:12px;min-width:0}.step-upload .file-preview-card .file-info .preview-thumb{width:50px;height:50px;border-radius:8px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.step-upload .file-preview-card .file-info .pdf-icon-box{width:50px;height:50px;border-radius:8px;background:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.step-upload .file-preview-card .file-info .file-meta{min-width:0}.step-upload .file-preview-card .file-info .file-meta .name{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-upload .file-preview-card .file-info .file-meta .size{font-size:11.5px;color:var(--text-3);margin-top:2px}.step-upload .file-preview-card .remove-file-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:8px;border-radius:8px;flex-shrink:0}.step-upload .file-preview-card .remove-file-btn:hover{background:#fee2e2}.step-upload .compression-progress{background:var(--surface-2);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.step-upload .compression-progress .progress-label{font-size:11.5px;font-weight:600;color:var(--text-2);display:flex;justify-content:space-between}.step-upload .compression-progress .progress-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.step-upload .compression-progress .progress-track .progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.step-review{display:flex;flex-direction:column;gap:16px}.step-review .review-table{border:1px solid var(--border);border-radius:14px;overflow:hidden}.step-review .review-table .review-row{display:flex;justify-content:space-between;padding:11px 14px;font-size:12.5px;border-bottom:1px solid var(--border);gap:10px}.step-review .review-table .review-row:last-child{border-bottom:none}.step-review .review-table .review-row .label{color:var(--text-3);flex-shrink:0}.step-review .review-table .review-row .value{font-weight:700;color:var(--text);text-align:right;word-break:break-word}.step-review .review-table .review-row.highlight{background:var(--surface-2)}.step-review .review-table .review-row.highlight .value{font-size:15px;color:var(--primary)}.step-review .receipt-preview-box{border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center;background:var(--surface)}.step-review .receipt-preview-box .preview-img{max-height:200px;max-width:100%;border-radius:8px;object-fit:contain;box-shadow:0 4px 12px #00000014}.step-review .receipt-preview-box .pdf-review-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;font-weight:700;font-size:13px;color:#ef4444}.step-result{text-align:center;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:14px}.step-result .result-icon-box{width:64px;height:64px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #d9770633}.step-result .result-icon-box.approved{background:#dcfce7;color:#16a34a}.step-result h3{font-size:18px;font-weight:800;margin:0;color:var(--text)}.step-result p{font-size:13px;color:var(--text-2);max-width:440px;margin:0;line-height:1.5}.step-result .order-badge-box{background:var(--surface-2);padding:8px 16px;border-radius:10px;font-family:monospace;font-size:13px;font-weight:700;color:var(--text-2);border:1px solid var(--border)}.manual-payment-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface);gap:12px}.manual-payment-footer .back-btn{display:inline-flex;align-items:center;gap:6px}.manual-payment-footer .footer-buttons{display:flex;align-items:center;gap:10px;margin-left:auto}.manual-payment-footer .footer-buttons .btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}@media (max-width: 580px){.manual-payment-footer{padding:12px 14px;flex-direction:column-reverse;gap:10px}.manual-payment-footer .back-btn{width:100%;justify-content:center;padding:10px 14px;font-size:13.5px}.manual-payment-footer .footer-buttons{width:100%;margin-left:0}.manual-payment-footer .footer-buttons .btn{width:100%;justify-content:center;padding:11px 16px;font-size:14px;font-weight:700}}.premium-page{padding-top:28px;padding-bottom:70px}.premium-hero{text-align:center;max-width:760px;margin:0 auto 36px}.premium-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#4f46e51f,#7c3aed1f);color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.04em;margin-bottom:14px;border:1px solid rgba(79,70,229,.25)}.premium-hero h1{font-size:32px;font-weight:800;margin-bottom:12px;color:var(--text);line-height:1.25}@media (max-width: 640px){.premium-hero h1{font-size:26px}}.premium-hero p{font-size:15.5px;color:var(--text-3);line-height:1.6}.active-subscription-card{background:linear-gradient(135deg,#4f46e50f,#7c3aed14);border:1.5px solid rgba(79,70,229,.25);border-radius:var(--radius-lg);padding:22px 26px;margin-bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}[data-theme=dark] .active-subscription-card{background:#4f46e51f;border-color:#6366f159}.active-subscription-card .sub-info{display:flex;align-items:center;gap:16px}.active-subscription-card .sub-info .sub-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.active-subscription-card .sub-info .sub-details h3{font-size:17px;font-weight:800;color:var(--text);margin-bottom:4px;display:flex;align-items:center;gap:8px}.active-subscription-card .sub-info .sub-details h3 .plan-tag{font-size:12px;padding:2px 8px;border-radius:999px;background:#10b981;color:#fff;font-weight:700}.active-subscription-card .sub-info .sub-details p{font-size:13.5px;color:var(--text-3);margin:0}.active-subscription-card .sub-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 540px){.active-subscription-card{padding:16px;flex-direction:column;align-items:stretch}.active-subscription-card .sub-actions{width:100%}.active-subscription-card .sub-actions button,.active-subscription-card .sub-actions .btn{width:100%;justify-content:center}}.pricing-toggle-wrapper{display:flex;justify-content:center;margin:10px auto 32px;padding:0 16px;width:100%;box-sizing:border-box}.pricing-toggle{display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:4px;gap:4px;box-shadow:var(--shadow-sm);max-width:460px;width:auto;box-sizing:border-box}[data-theme=dark] .pricing-toggle{background:#ffffff0a;border-color:#ffffff1f}.pricing-toggle .toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 20px;border-radius:999px;border:none;background:transparent;color:var(--text-2);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.pricing-toggle .toggle-btn:hover{color:var(--text)}.pricing-toggle .toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px #4f46e559}.pricing-toggle .toggle-btn.active .toggle-pill{background:#ffffff38;color:#fff}.pricing-toggle .toggle-btn .toggle-pill{font-size:11px;padding:2px 8px;border-radius:999px;background:#4f46e51a;color:var(--primary);font-weight:700;transition:all .2s;white-space:nowrap}.pricing-toggle .toggle-btn .toggle-pill.group-pill{background:#d977061f;color:#d97706}.pricing-toggle .toggle-btn.active .toggle-pill.group-pill{background:#ffffff38;color:#fff}@media (max-width: 540px){.pricing-toggle{width:100%;max-width:100%;gap:2px;padding:3px}.pricing-toggle .toggle-btn{flex:1;padding:9px 12px;font-size:13.5px;gap:6px}.pricing-toggle .toggle-btn .toggle-pill{display:none}}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;margin-bottom:48px}@media (max-width: 980px){.plans-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 680px){.plans-grid{grid-template-columns:1fr;gap:20px}}.plan-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px 22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all var(--transition);box-shadow:var(--shadow-sm)}.plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#4f46e54d}.plan-card.is-popular{border-color:#4f46e5;box-shadow:0 8px 24px #4f46e526;background:linear-gradient(180deg,rgba(79,70,229,.03) 0%,var(--surface) 100%)}[data-theme=dark] .plan-card.is-popular{border-color:#6366f1;background:linear-gradient(180deg,rgba(99,102,241,.08) 0%,var(--surface) 100%)}.plan-card.is-class{border-color:#d97706;box-shadow:0 8px 24px #f59e0b1f;background:linear-gradient(180deg,rgba(245,158,11,.04) 0%,var(--surface) 100%)}[data-theme=dark] .plan-card.is-class{border-color:#f59e0b;background:linear-gradient(180deg,rgba(245,158,11,.08) 0%,var(--surface) 100%)}.plan-card .card-top-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:11px;font-weight:800;line-height:1;letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;box-sizing:border-box;z-index:2}.plan-card .card-top-badge svg{width:13px;height:13px;flex-shrink:0;display:block}.plan-card .card-top-badge span{display:inline-block;line-height:1;margin-top:1px}.plan-card .card-top-badge.badge-popular{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 2px 8px #4f46e559}.plan-card .card-top-badge.badge-class{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 2px 8px #d9770659}.plan-card .plan-header{margin-bottom:20px;text-align:center}.plan-card .plan-header .plan-name{font-size:19px;font-weight:800;color:var(--text);margin-bottom:6px}.plan-card .plan-header .plan-target{font-size:12.5px;color:var(--text-3);min-height:36px;display:flex;align-items:center;justify-content:center}.plan-card .plan-header .plan-price-box{margin:16px 0 8px;display:flex;align-items:baseline;justify-content:center;gap:4px}.plan-card .plan-header .plan-price-box .price-amount{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.5px}.plan-card .plan-header .plan-price-box .price-currency{font-size:14px;font-weight:700;color:var(--text-2)}.plan-card .plan-header .plan-price-box .price-period{font-size:13px;color:var(--text-4)}.plan-card .plan-header .plan-limit-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--primary);border:1px solid var(--border)}.plan-card .plan-header .plan-limit-pill.unlimited-pill{background:#10b9811f;color:#059669;border-color:#10b98140}.plan-card .plan-header .plan-limit-pill.class-pill{background:#f59e0b1f;color:#b45309;border-color:#f59e0b40}.plan-card .plan-header .plan-limit-pill.highlight-pill{background:#4f46e51f;color:#4f46e5;border-color:#4f46e540}.plan-card .class-benefit-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);padding:12px 14px;margin-bottom:18px}.plan-card .class-benefit-box .benefit-title{font-size:12px;font-weight:800;color:#b45309;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:flex;align-items:center;gap:5px}.plan-card .class-benefit-box .benefit-list{display:flex;flex-direction:column;gap:5px}.plan-card .class-benefit-box .benefit-list .benefit-item{font-size:12.5px;font-weight:600;color:var(--text-2);display:flex;align-items:center;gap:6px}.plan-card .class-benefit-box .benefit-list .benefit-item .dot{width:5px;height:5px;border-radius:50%;background:#d97706;flex-shrink:0}.plan-card .class-benefit-box .benefit-list .benefit-item strong{color:var(--text)}.plan-card .class-benefit-box.highlight-benefit-box{background:linear-gradient(135deg,#4f46e514,#7c3aed14);border-color:#4f46e547}.plan-card .class-benefit-box.highlight-benefit-box .benefit-title{color:#4f46e5}.plan-card .class-benefit-box.highlight-benefit-box .benefit-list .benefit-item .dot{background:#4f46e5}.plan-card .plan-features{margin-bottom:24px;flex-grow:1}.plan-card .plan-features .features-heading{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-4);margin-bottom:10px}.plan-card .plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.plan-card .plan-features ul li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-2);line-height:1.45}.plan-card .plan-features ul li .check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.plan-card .plan-footer{margin-top:auto}.plan-card .plan-footer .plan-btn{width:100%;padding:11px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition)}.plan-card .plan-footer .plan-btn.btn-popular{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none}.plan-card .plan-footer .plan-btn.btn-popular:hover{box-shadow:0 4px 14px #4f46e566;transform:translateY(-1px)}.plan-card .plan-footer .plan-btn.btn-class{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none}.plan-card .plan-footer .plan-btn.btn-class:hover{box-shadow:0 4px 14px #d9770666;transform:translateY(-1px)}.plan-card .plan-footer .plan-btn.btn-class-outline{border:1.5px solid #D97706;color:#d97706;background:transparent}.plan-card .plan-footer .plan-btn.btn-class-outline:hover{background:#d9770614;border-color:#b45309;color:#b45309}.payment-modal{max-width:520px;width:100%}.payment-modal .payment-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.payment-modal .payment-modal-header h3{font-size:19px;font-weight:800;color:var(--text);margin:0}.payment-modal .payment-modal-header .close-btn{background:none;border:none;color:var(--text-4);cursor:pointer;padding:4px;display:flex;border-radius:6px}.payment-modal .payment-modal-header .close-btn:hover{color:var(--text);background:var(--surface-2)}.payment-modal .order-summary-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;margin-bottom:18px}.payment-modal .order-summary-box .summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:13.5px;color:var(--text-2);margin-bottom:9px}.payment-modal .order-summary-box .summary-row span:first-child{flex-shrink:0;color:var(--text-3);font-weight:500}.payment-modal .order-summary-box .summary-row span:last-child,.payment-modal .order-summary-box .summary-row strong{text-align:right;word-break:break-word;color:var(--text);font-weight:600}.payment-modal .order-summary-box .summary-row:last-child{margin-bottom:0;padding-top:10px;border-top:1px solid var(--border);align-items:center}.payment-modal .order-summary-box .summary-row:last-child span:first-child{font-size:15px;font-weight:700;color:var(--text)}.payment-modal .order-summary-box .summary-row .price-highlight{color:var(--primary);font-size:18px;font-weight:800}.payment-modal .form-group{margin-bottom:16px}.payment-modal .form-group label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.payment-modal .form-group input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-dark);background:var(--surface);color:var(--text);font-size:14px}.payment-modal .form-group input:focus{border-color:var(--primary);outline:none}.payment-modal .payment-methods{margin-bottom:18px}.payment-modal .payment-methods .methods-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:10px}.payment-modal .payment-methods .methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-modal .payment-methods .methods-grid .method-card{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;background:var(--surface);transition:all var(--transition)}.payment-modal .payment-methods .methods-grid .method-card:hover{border-color:var(--primary)}.payment-modal .payment-methods .methods-grid .method-card.selected{border-color:var(--primary);background:#4f46e50f}.payment-modal .payment-methods .methods-grid .method-card .method-name{font-size:13px;font-weight:700;color:var(--text)}.payment-modal .payment-methods .methods-grid .method-card .method-badge{font-size:10.5px;padding:2px 6px;border-radius:999px;background:#10b98126;color:#059669;margin-left:auto}.payment-modal .payment-methods .methods-grid .method-card .method-badge.gpay-badge{background:#f59e0b26;color:#d97706;font-weight:700}.payment-modal .gpay-demo-notice{background:#fef3c7;border:1px solid #FCD34D;border-radius:var(--radius-sm);padding:12px 14px;font-size:12.5px;color:#92400e;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;line-height:1.45}[data-theme=dark] .payment-modal .gpay-demo-notice{background:#f59e0b1f;border-color:#f59e0b4d;color:#fbbf24}.payment-modal .gpay-demo-notice .gpay-selected-instrument-preview{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text);padding-bottom:6px;border-bottom:1px dashed rgba(245,158,11,.4)}.payment-modal .gpay-demo-notice .gpay-selected-instrument-preview .gpay-selected-card-title{font-size:13px;letter-spacing:.2px}.payment-modal .gpay-demo-notice .gpay-demo-notice-text{display:flex;align-items:center;gap:8px}.payment-modal .provider-mode-notice{background:#4f46e514;border:1px solid rgba(79,70,229,.25);border-radius:var(--radius-sm);padding:10px 14px;font-size:12.5px;color:var(--primary);display:flex;align-items:center;gap:8px;margin-bottom:20px}[data-theme=dark] .payment-modal .provider-mode-notice{color:#a5b4fc}.payment-modal .test-mode-notice{background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-sm);padding:10px 14px;font-size:12.5px;color:#1d4ed8;display:flex;align-items:center;gap:8px;margin-bottom:20px}[data-theme=dark] .payment-modal .test-mode-notice{color:#60a5fa}.payment-modal .modal-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.payment-modal .modal-actions .gpay-button-wrap{min-width:200px;flex:1;max-width:320px}.receipt-status-banner{display:flex;align-items:flex-start;gap:16px;padding:18px 22px;border-radius:14px;margin-bottom:24px;border:1px solid transparent}.receipt-status-banner.pending{background:#fffbeb;border-color:#fef3c7;color:#92400e}.receipt-status-banner.pending .banner-icon{color:#d97706;margin-top:2px;flex-shrink:0}.receipt-status-banner.rejected{background:#fef2f2;border-color:#fee2e2;color:#991b1b}.receipt-status-banner.rejected .banner-icon{color:#ef4444;margin-top:2px;flex-shrink:0}.receipt-status-banner .banner-body{flex:1}.receipt-status-banner .banner-body h4{font-size:15px;font-weight:800;margin:0 0 4px}.receipt-status-banner .banner-body p{font-size:13px;margin:0 0 10px;line-height:1.5}.receipt-status-banner .banner-body .retry-btn{background:#ef4444;color:#fff;border:none;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.receipt-status-banner .banner-body .retry-btn:hover{background:#dc2626}@media (max-width: 580px){.receipt-status-banner{padding:14px 16px;gap:12px}.receipt-status-banner .banner-body h4{font-size:14px}.receipt-status-banner .banner-body p{font-size:12.5px}.receipt-status-banner .banner-body .retry-btn{width:100%;justify-content:center}}.battle-test-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem}.battle-test-modal-overlay.battle-theme-light{--b-bg: #FFFFFF;--b-surface: #F8FAFC;--b-surface-alt: #F1F5F9;--b-border: #E2E8F0;--b-border-strong: #CBD5E1;--b-text: #0F172A;--b-text-secondary: #475569;--b-text-muted: #64748B;--b-primary: #2563EB;--b-primary-hover: #1D4ED8;--b-primary-bg: #EFF6FF;--b-card-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05)}.battle-test-modal-overlay.battle-theme-dark{--b-bg: #0F172A;--b-surface: #1E293B;--b-surface-alt: #283548;--b-border: #334155;--b-border-strong: #475569;--b-text: #F8FAFC;--b-text-secondary: #CBD5E1;--b-text-muted: #94A3B8;--b-primary: #3B82F6;--b-primary-hover: #60A5FA;--b-primary-bg: rgba(59, 130, 246, .15);--b-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .7)}.battle-test-modal-container{background:var(--b-bg);border:1px solid var(--b-border);border-radius:16px;box-shadow:var(--b-card-shadow);width:100%;max-width:760px;max-height:calc(100vh - 2.5rem);height:auto;display:flex;flex-direction:column;overflow:hidden;position:relative;color:var(--b-text)}.battle-test-modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--b-border);background:var(--b-surface)}.battle-test-modal-header .header-info{display:flex;align-items:center;gap:.85rem}.battle-test-modal-header .header-info .header-icon-box{width:40px;height:40px;border-radius:10px;background:var(--b-primary-bg);color:var(--b-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.battle-test-modal-header .header-info h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--b-text)}.battle-test-modal-header .header-info p{margin:.15rem 0 0;font-size:.85rem;color:var(--b-text-muted)}.battle-test-modal-header .btn-close-modal{background:transparent;border:none;color:var(--b-text-muted);padding:.4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.battle-test-modal-header .btn-close-modal:hover{background:var(--b-surface-alt);color:var(--b-text)}.battle-test-toolbar{flex-shrink:0;padding:1rem 1.5rem;border-bottom:1px solid var(--b-border);background:var(--b-bg);display:flex;flex-direction:column;gap:.75rem}.battle-test-toolbar .search-input-wrapper{position:relative;display:flex;align-items:center}.battle-test-toolbar .search-input-wrapper .search-icon{position:absolute;left:12px;color:var(--b-text-muted);pointer-events:none}.battle-test-toolbar .search-input-wrapper .test-search-input{width:100%;background:var(--b-surface);border:1px solid var(--b-border);border-radius:10px;padding:.65rem 2.2rem .65rem 2.4rem;font-size:.9rem;color:var(--b-text);outline:none;transition:all .2s}.battle-test-toolbar .search-input-wrapper .test-search-input:focus{border-color:var(--b-primary);box-shadow:0 0 0 3px var(--b-primary-bg)}.battle-test-toolbar .search-input-wrapper .test-search-input::placeholder{color:var(--b-text-muted)}.battle-test-toolbar .search-input-wrapper .clear-search-btn{position:absolute;right:10px;background:transparent;border:none;color:var(--b-text-muted);cursor:pointer;padding:.2rem}.battle-test-toolbar .search-input-wrapper .clear-search-btn:hover{color:var(--b-text)}.battle-test-toolbar .category-filter-pills{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.15rem}.battle-test-toolbar .category-filter-pills .filter-pill{background:var(--b-surface);border:1px solid var(--b-border);color:var(--b-text-secondary);font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .15s}.battle-test-toolbar .category-filter-pills .filter-pill:hover{border-color:var(--b-border-strong);background:var(--b-surface-alt)}.battle-test-toolbar .category-filter-pills .filter-pill.active{background:var(--b-primary);color:#fff;border-color:var(--b-primary)}.battle-test-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1 1 auto;min-height:0}.tests-cards-list{display:flex;flex-direction:column;gap:.75rem}.test-item-card{background:var(--b-surface);border:2px solid var(--b-border);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.test-item-card:hover{border-color:var(--b-border-strong);background:var(--b-surface-alt);transform:translateY(-1px)}.test-item-card.selected{border-color:var(--b-primary);background:var(--b-primary-bg);box-shadow:0 0 0 1px var(--b-primary)}.test-item-card .test-item-radio .radio-circle{width:22px;height:22px;border-radius:50%;border:2px solid var(--b-border-strong);display:flex;align-items:center;justify-content:center;transition:all .2s}.test-item-card .test-item-radio .radio-circle.checked{border-color:var(--b-primary);background:var(--b-primary);color:#fff}.test-item-card .test-item-radio .radio-circle .check-mark{stroke-width:3}.test-item-card .test-item-content{flex:1;display:flex;flex-direction:column;gap:.35rem}.test-item-card .test-item-content .test-badges-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.test-item-card .test-item-content .test-badges-row .badge-type{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;background:#e2e8f0;color:#334155}.test-item-card .test-item-content .test-badges-row .badge-type.dtm{background:#e0e7ff;color:#3730a3}.test-item-card .test-item-content .test-badges-row .badge-type.attestatsiya{background:#fef3c7;color:#92400e}.test-item-card .test-item-content .test-badges-row .badge-type.presidential_school{background:#dcfce7;color:#166534}.test-item-card .test-item-content .test-badges-row .badge-type.custom{background:#f3e8ff;color:#6b21a8}.test-item-card .test-item-content .test-badges-row .badge-subject{font-size:.75rem;font-weight:600;color:var(--b-text-secondary);background:var(--b-surface-alt);padding:.15rem .5rem;border-radius:6px}.test-item-card .test-item-content .test-badges-row .badge-topic{font-size:.75rem;color:var(--b-text-muted)}.test-item-card .test-item-content .test-item-title{margin:0;font-size:1rem;font-weight:700;color:var(--b-text);line-height:1.35}.test-item-card .test-item-content .test-item-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--b-text-muted)}.test-item-card .test-item-content .test-item-meta span{display:flex;align-items:center;gap:.35rem}.test-item-card .selected-indicator-pill{display:flex;align-items:center;gap:.3rem;background:var(--b-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:20px}.test-loading-state,.test-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--b-text-muted);gap:.75rem}.test-loading-state .empty-icon,.test-empty-state .empty-icon{color:var(--b-border-strong)}.test-loading-state h4,.test-empty-state h4{margin:0;font-size:1.05rem;color:var(--b-text)}.test-loading-state p,.test-empty-state p{margin:0;font-size:.85rem;max-width:380px}.battle-test-modal-footer{flex-shrink:0;position:sticky;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;border-top:1px solid var(--b-border);background:var(--b-surface);box-shadow:0 -4px 14px #0000000d}.battle-test-modal-footer .footer-status{font-size:.85rem}.battle-test-modal-footer .footer-status .selected-notice{display:flex;align-items:center;gap:.4rem;color:#10b981;font-weight:600}.battle-test-modal-footer .footer-status .unselected-notice{color:var(--b-text-muted)}.battle-test-modal-footer .footer-actions{display:flex;align-items:center;gap:.75rem}.battle-test-modal-footer .footer-actions .btn-cancel{background:transparent;border:1px solid var(--b-border);color:var(--b-text-secondary);font-size:.9rem;font-weight:600;padding:.55rem 1.15rem;border-radius:10px;cursor:pointer;transition:all .15s}.battle-test-modal-footer .footer-actions .btn-cancel:hover{background:var(--b-surface-alt);color:var(--b-text)}.battle-test-modal-footer .footer-actions .btn-confirm-test{background:var(--b-primary);border:none;color:#fff;font-size:.9rem;font-weight:700;padding:.6rem 1.35rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:all .15s}.battle-test-modal-footer .footer-actions .btn-confirm-test:hover:not(:disabled){background:var(--b-primary-hover)}.battle-test-modal-footer .footer-actions .btn-confirm-test:disabled{opacity:.5;cursor:not-allowed}.battle-setup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.battle-setup-overlay.battle-theme-light{--b-bg: #FFFFFF;--b-surface: #F8FAFC;--b-surface-alt: #F1F5F9;--b-border: #E2E8F0;--b-border-strong: #CBD5E1;--b-text: #0F172A;--b-text-secondary: #334155;--b-text-muted: #64748B;--b-primary: #2563EB;--b-primary-hover: #1D4ED8;--b-primary-bg: #EFF6FF;--b-card-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05)}.battle-setup-overlay.battle-theme-dark{--b-bg: #0F172A;--b-surface: #1E293B;--b-surface-alt: #283548;--b-border: #334155;--b-border-strong: #475569;--b-text: #F8FAFC;--b-text-secondary: #CBD5E1;--b-text-muted: #94A3B8;--b-primary: #3B82F6;--b-primary-hover: #60A5FA;--b-primary-bg: rgba(59, 130, 246, .15);--b-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .7)}.battle-setup-container{background:var(--b-bg);border:1px solid var(--b-border);box-shadow:var(--b-card-shadow);border-radius:16px;width:100%;max-width:840px;max-height:calc(100vh - 2.5rem);height:auto;display:flex;flex-direction:column;color:var(--b-text);overflow:hidden;position:relative}.battle-setup-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;background:var(--b-surface);border-bottom:1px solid var(--b-border)}.battle-setup-header .header-left{display:flex;align-items:center;gap:.75rem}.battle-setup-header .header-left .battle-logo-icon{width:38px;height:38px;border-radius:10px;background:var(--b-primary-bg);color:var(--b-primary);display:flex;align-items:center;justify-content:center}.battle-setup-header .header-left h2{margin:0;font-size:1.15rem;font-weight:800;color:var(--b-text)}.battle-setup-header .header-left p{margin:.15rem 0 0;font-size:.8rem;color:var(--b-text-muted)}.battle-setup-header .header-right{display:flex;align-items:center;gap:.85rem}.battle-setup-header .header-right .theme-toggle-pills{display:flex;background:var(--b-surface-alt);border:1px solid var(--b-border);border-radius:20px;padding:2px;gap:2px}.battle-setup-header .header-right .theme-toggle-pills .theme-pill{background:transparent;border:none;color:var(--b-text-muted);font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .15s}.battle-setup-header .header-right .theme-toggle-pills .theme-pill.active{background:var(--b-bg);color:var(--b-text);box-shadow:0 1px 3px #0000001a;font-weight:700}.battle-setup-header .header-right .btn-close-setup{background:transparent;border:none;color:var(--b-text-muted);padding:.4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.battle-setup-header .header-right .btn-close-setup:hover{background:var(--b-surface-alt);color:var(--b-text)}.battle-setup-body{flex:1 1 auto;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.35rem}.setup-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600}.setup-section{display:flex;flex-direction:column;gap:.65rem}.setup-section .section-label-row{display:flex;align-items:center;gap:.5rem}.setup-section .section-label-row .step-number{width:22px;height:22px;border-radius:6px;background:var(--b-primary);color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center}.setup-section .section-label-row .step-title{font-size:.9rem;font-weight:700;color:var(--b-text);text-transform:uppercase;letter-spacing:.03em}.test-selection-card{background:var(--b-surface);border:1px solid var(--b-border);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem}.test-selection-card .selected-test-preview{display:flex;align-items:center;justify-content:space-between;gap:1rem}.test-selection-card .selected-test-preview .test-info-block{display:flex;flex-direction:column;gap:.3rem}.test-selection-card .selected-test-preview .test-info-block .test-top-tags{display:flex;align-items:center;gap:.5rem}.test-selection-card .selected-test-preview .test-info-block .test-top-tags .tag-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;background:var(--b-primary-bg);color:var(--b-primary)}.test-selection-card .selected-test-preview .test-info-block .test-top-tags .tag-subject{font-size:.75rem;font-weight:600;color:var(--b-text-secondary);background:var(--b-surface-alt);padding:.15rem .5rem;border-radius:6px}.test-selection-card .selected-test-preview .test-info-block .test-top-tags .tag-meta{font-size:.75rem;color:var(--b-text-muted)}.test-selection-card .selected-test-preview .test-info-block .test-main-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--b-text)}.test-selection-card .selected-test-preview .btn-change-test{background:var(--b-surface-alt);border:1px solid var(--b-border);color:var(--b-text-secondary);font-size:.85rem;font-weight:600;padding:.45rem .9rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .15s;white-space:nowrap}.test-selection-card .selected-test-preview .btn-change-test:hover{border-color:var(--b-primary);color:var(--b-primary);background:var(--b-primary-bg)}.test-selection-card .no-test-selected{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.75rem}.test-selection-card .no-test-selected .icon-empty{color:var(--b-text-muted)}.test-selection-card .no-test-selected div{flex:1}.test-selection-card .no-test-selected div strong{display:block;font-size:.95rem;color:var(--b-text)}.test-selection-card .no-test-selected div p{margin:.15rem 0 0;font-size:.8rem;color:var(--b-text-muted)}.test-selection-card .no-test-selected .btn-browse-tests{background:var(--b-primary);border:none;color:#fff;font-size:.85rem;font-weight:700;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.test-selection-card .battle-title-input-row{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--b-border);padding-top:.75rem}.test-selection-card .battle-title-input-row label{font-size:.85rem;font-weight:600;color:var(--b-text-secondary);white-space:nowrap}.setup-text-input,.setup-select{width:100%;background:var(--b-bg);border:1px solid var(--b-border);border-radius:8px;padding:.55rem .85rem;font-size:.9rem;color:var(--b-text);outline:none;transition:all .15s}.setup-text-input:focus,.setup-select:focus{border-color:var(--b-primary);box-shadow:0 0 0 2px var(--b-primary-bg)}.mode-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.mode-choice-card{background:var(--b-surface);border:2px solid var(--b-border);border-radius:14px;padding:1.15rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.5rem;position:relative}.mode-choice-card:hover{border-color:var(--b-border-strong);background:var(--b-surface-alt);transform:translateY(-2px)}.mode-choice-card.selected{border-color:var(--b-primary);background:var(--b-primary-bg);box-shadow:0 0 0 1px var(--b-primary)}.mode-choice-card .mode-card-top{display:flex;align-items:center;justify-content:space-between}.mode-choice-card .mode-card-top .mode-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.mode-choice-card .mode-card-top .mode-icon-box.blue{background:#2563eb26;color:#2563eb}.mode-choice-card .mode-card-top .mode-icon-box.red{background:#dc262626;color:#dc2626}.mode-choice-card .mode-card-top .mode-icon-box.emerald{background:#10b98126;color:#059669}.mode-choice-card .mode-card-top .mode-icon-box.amber{background:#d9770626;color:#d97706}.mode-choice-card .mode-card-top .mode-icon-box.indigo{background:#6366f126;color:#6366f1}.mode-choice-card .mode-card-top .check-indicator{width:22px;height:22px;border-radius:50%;background:var(--b-primary);color:#fff;display:flex;align-items:center;justify-content:center}.mode-choice-card .mode-card-top .mode-pro-lock-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:3px 8px;border-radius:20px;font-size:.72rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 2px 6px #d977064d;cursor:pointer;transition:all .15s ease}.mode-choice-card .mode-card-top .mode-pro-lock-badge:hover{transform:scale(1.05);box-shadow:0 4px 10px #d9770673}.mode-choice-card h4{margin:0;font-size:1.05rem;font-weight:700;color:var(--b-text)}.mode-choice-card p{margin:0;font-size:.8rem;line-height:1.45;color:var(--b-text-secondary)}.mode-choice-card .mode-meta-pill{align-self:flex-start;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;background:var(--b-surface-alt);color:var(--b-text-muted);margin-top:.25rem}.teams-setup-area{display:flex;flex-direction:column;gap:.75rem}.teams-setup-area .team-count-control{display:flex;align-items:center;gap:.75rem}.teams-setup-area .team-count-control .label-text{font-size:.85rem;color:var(--b-text-muted);font-weight:600}.teams-setup-area .team-count-control .count-pills{display:flex;gap:.35rem}.teams-setup-area .team-count-control .count-pills .count-pill{background:var(--b-surface);border:1px solid var(--b-border);color:var(--b-text-secondary);font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;cursor:pointer;transition:all .15s}.teams-setup-area .team-count-control .count-pills .count-pill.active{background:var(--b-primary);color:#fff;border-color:var(--b-primary);font-weight:700}.teams-setup-area .teams-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.teams-setup-area .team-edit-card{background:var(--b-surface);border:1px solid var(--b-border);border-left-width:4px;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.teams-setup-area .team-edit-card .team-num-badge{width:28px;height:28px;border-radius:50%;color:#fff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.teams-setup-area .team-edit-card .team-edit-inputs{flex:1;display:flex;flex-direction:column;gap:.35rem}.teams-setup-area .team-edit-card .team-edit-inputs .team-name-field{background:var(--b-bg);border:1px solid var(--b-border);color:var(--b-text);font-size:.85rem;font-weight:600;padding:.35rem .6rem;border-radius:6px;outline:none}.teams-setup-area .team-edit-card .team-edit-inputs .team-name-field:focus{border-color:var(--b-primary)}.teams-setup-area .team-edit-card .team-edit-inputs .team-swatches{display:flex;gap:.3rem}.teams-setup-area .team-edit-card .team-edit-inputs .team-swatches .swatch-btn{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s}.teams-setup-area .team-edit-card .team-edit-inputs .team-swatches .swatch-btn.active{border-color:var(--b-text);transform:scale(1.15)}.duel-setup-area{display:flex;flex-direction:column;gap:.75rem}.duel-setup-area .duel-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.duel-setup-area .duel-toolbar-row .duel-hint-text{font-size:.85rem;color:var(--b-text-muted);font-weight:500}.duel-setup-area .duel-toolbar-row .btn-random-select-duel{background:#eff6ff;border:1.5px solid #BFDBFE;color:#2563eb;font-size:.82rem;font-weight:700;padding:.4rem .85rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .15s}.duel-setup-area .duel-toolbar-row .btn-random-select-duel:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.duel-setup-area .duel-toolbar-row .btn-random-select-duel:disabled{opacity:.5;cursor:not-allowed}.duel-setup-area .duel-setup-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.duel-setup-area .duel-setup-grid .duel-divider-vs{font-size:1.15rem;font-weight:900;font-style:italic;background:var(--b-surface-alt);border:1px solid var(--b-border);color:var(--b-primary);padding:.5rem .85rem;border-radius:12px}.duel-setup-area .duel-setup-grid .duel-player-box{background:var(--b-surface);border:2px solid var(--b-border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.duel-setup-area .duel-setup-grid .duel-player-box.blue{border-color:#2563eb66}.duel-setup-area .duel-setup-grid .duel-player-box.red{border-color:#dc262666}.duel-setup-area .duel-setup-grid .duel-player-box .player-num-tag{font-size:.75rem;font-weight:700;letter-spacing:.03em}.duel-setup-area .duel-setup-grid .duel-player-box .player-num-tag.blue{color:#2563eb}.duel-setup-area .duel-setup-grid .duel-player-box .player-num-tag.red{color:#dc2626}.exit-ticket-setup-container{display:flex;flex-direction:column;gap:.85rem}.exit-ticket-setup-container .exit-ticket-info-banner{background:var(--b-surface);border:1px solid var(--b-border);border-radius:12px;padding:.85rem 1.15rem;display:flex;flex-wrap:wrap;gap:1.5rem}.exit-ticket-setup-container .exit-ticket-info-banner .info-stat{display:flex;flex-direction:column;gap:.15rem}.exit-ticket-setup-container .exit-ticket-info-banner .info-stat .stat-label{font-size:.75rem;color:var(--b-text-muted);text-transform:uppercase;letter-spacing:.03em}.exit-ticket-setup-container .exit-ticket-info-banner .info-stat .stat-value{font-size:.95rem;font-weight:700;color:var(--b-text)}.exit-ticket-setup-container .ticket-distribution-control{display:flex;flex-direction:column;gap:.5rem}.exit-ticket-setup-container .ticket-distribution-control .control-label{font-size:.85rem;font-weight:600;color:var(--b-text)}.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 600px){.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid{grid-template-columns:1fr}}.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid .dist-card{background:var(--b-surface);border:1.5px solid var(--b-border);border-radius:10px;padding:.85rem 1rem;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:.35rem}.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid .dist-card:hover{border-color:var(--b-border-strong)}.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid .dist-card.selected{border-color:var(--b-primary);background:var(--b-primary-bg)}.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid .dist-card.selected .dist-head{color:var(--b-primary)}.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid .dist-card .dist-head{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--b-text)}.exit-ticket-setup-container .ticket-distribution-control .distribution-cards-grid .dist-card p{margin:0;font-size:.78rem;line-height:1.4;color:var(--b-text-secondary)}.wheel-setup-container .wheel-summary-card{background:var(--b-surface);border:1px solid var(--b-border);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.wheel-setup-container .wheel-summary-card .wheel-icon-pill{width:48px;height:48px;border-radius:12px;background:#d9770626;color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wheel-setup-container .wheel-summary-card .wheel-info-texts h4{margin:0 0 .25rem;font-size:.95rem;font-weight:700;color:var(--b-text)}.wheel-setup-container .wheel-summary-card .wheel-info-texts p{margin:0;font-size:.82rem;line-height:1.45;color:var(--b-text-secondary)}.flashcards-setup-container .flashcards-summary-card{background:var(--b-surface);border:1px solid var(--b-border);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:1rem}.flashcards-setup-container .flashcards-summary-card .flashcards-icon-pill{width:48px;height:48px;border-radius:12px;background:#6366f126;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flashcards-setup-container .flashcards-summary-card .flashcards-info-texts h4{margin:0 0 .25rem;font-size:.95rem;font-weight:700;color:var(--b-text)}.flashcards-setup-container .flashcards-summary-card .flashcards-info-texts p{margin:0 0 .5rem;font-size:.82rem;line-height:1.45;color:var(--b-text-secondary)}.flashcards-setup-container .flashcards-summary-card .flashcards-info-texts .flashcards-rules-bullets{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:var(--b-text-muted)}.game-rules-panel{background:var(--b-surface);border:1px solid var(--b-border);border-radius:12px;padding:.85rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.game-rules-panel .rule-item{display:flex;flex-direction:column;gap:.45rem}.game-rules-panel .rule-item .rule-label-group{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:var(--b-text)}.game-rules-panel .rule-item .time-pills{display:flex;gap:.25rem;flex-wrap:wrap}.game-rules-panel .rule-item .time-pills .time-pill{background:var(--b-bg);border:1px solid var(--b-border);color:var(--b-text-secondary);font-size:.8rem;font-weight:600;padding:.25rem .6rem;border-radius:6px;cursor:pointer}.game-rules-panel .rule-item .time-pills .time-pill.active{background:var(--b-primary);color:#fff;border-color:var(--b-primary);font-weight:700}.game-rules-panel .rule-item .custom-duration-input-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.85rem;color:var(--b-text-secondary)}.game-rules-panel .rule-item .custom-duration-input-row .setup-num-input{width:70px;padding:.35rem .6rem;background:var(--b-bg);border:1px solid var(--b-border);border-radius:8px;color:var(--b-text);font-weight:700;font-size:.9rem;text-align:center}.game-rules-panel .rule-item .custom-duration-input-row .setup-num-input:focus{outline:none;border-color:var(--b-primary)}.game-rules-panel .rule-item .rule-hint-text{font-size:.75rem;color:var(--b-text-muted);margin-top:.25rem;display:block;line-height:1.4}.game-rules-panel .rule-item .audio-upload-action-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.game-rules-panel .rule-item .audio-upload-action-row .audio-upload-button-label{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;background:var(--b-bg);border:1px dashed var(--b-primary);border-radius:8px;color:var(--b-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.game-rules-panel .rule-item .audio-upload-action-row .audio-upload-button-label:hover{background:var(--b-primary-bg)}.game-rules-panel .rule-item .audio-upload-action-row .btn-clear-audio{background:transparent;border:1px solid var(--b-border);color:var(--b-text-muted);padding:.35rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.game-rules-panel .rule-item .audio-upload-action-row .btn-clear-audio:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.game-rules-panel .rule-toggle-row{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding-top:.35rem;border-top:1px solid var(--b-border)}.game-rules-panel .rule-toggle-row .custom-checkbox{width:18px;height:18px;accent-color:var(--b-primary);cursor:pointer}.game-rules-panel .rule-toggle-row div{display:flex;flex-direction:column}.game-rules-panel .rule-toggle-row div .toggle-title{font-size:.85rem;font-weight:600;color:var(--b-text)}.game-rules-panel .rule-toggle-row div .toggle-subtitle{font-size:.75rem;color:var(--b-text-muted)}.battle-setup-footer{flex-shrink:0;position:sticky;bottom:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.15rem 1.5rem;background:var(--b-surface);border-top:1px solid var(--b-border);box-shadow:0 -4px 14px #0000000d}.battle-setup-footer .btn-cancel-setup{background:transparent;border:1px solid var(--b-border);color:var(--b-text-secondary);font-size:.9rem;font-weight:600;padding:.55rem 1.25rem;border-radius:10px;cursor:pointer;transition:all .15s}.battle-setup-footer .btn-cancel-setup:hover{background:var(--b-surface-alt);color:var(--b-text)}.battle-setup-footer .btn-start-battle{background:var(--b-primary);border:none;color:#fff;font-size:.95rem;font-weight:700;padding:.65rem 1.5rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #2563eb40;transition:all .15s}.battle-setup-footer .btn-start-battle:hover:not(:disabled){background:var(--b-primary-hover);transform:translateY(-1px)}.battle-setup-footer .btn-start-battle:disabled{opacity:.5;cursor:not-allowed}.class-dashboard-page{padding-top:16px;padding-bottom:48px;max-width:1240px;margin:0 auto;box-sizing:border-box;width:100%}.class-header-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 1px 3px #0000000a;box-sizing:border-box}.class-header-card .class-header-info{display:flex;align-items:center;gap:12px;min-width:0}.class-header-card .class-header-info .class-icon-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #d9770640}.class-header-card .class-header-info .class-icon-badge svg{width:20px;height:20px}.class-header-card .class-header-info .class-titles{min-width:0}.class-header-card .class-header-info .class-titles h1{font-size:17px;font-weight:700;color:var(--text);margin:0 0 3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.3}.class-header-card .class-header-info .class-titles h1 .code-pill{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--primary);white-space:nowrap}.class-header-card .class-header-info .class-titles p{font-size:12.5px;color:var(--text-3);margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-header-card .class-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.class-header-card .class-header-actions .btn{height:34px;padding:0 12px;font-size:12.5px;font-weight:600;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;width:auto!important;min-width:fit-content}.class-header-card .class-header-actions .btn svg{width:14px;height:14px}.class-header-card .class-header-actions .btn.btn-icon{padding:0 10px}.class-stats-grid,.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;box-sizing:border-box}.class-stats-grid .stat-card,.class-stats-grid .kpi-card,.kpi-grid .stat-card,.kpi-grid .kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 10px);padding:12px 14px;box-shadow:0 1px 2px #00000008;transition:transform .15s ease,border-color .15s ease;box-sizing:border-box;min-width:0;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px}.class-stats-grid .stat-card:hover,.class-stats-grid .kpi-card:hover,.kpi-grid .stat-card:hover,.kpi-grid .kpi-card:hover{border-color:#d9770659;transform:translateY(-1px)}.class-stats-grid .stat-card .stat-top,.class-stats-grid .kpi-card .stat-top,.kpi-grid .stat-card .stat-top,.kpi-grid .kpi-card .stat-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.class-stats-grid .stat-card .stat-top .stat-label,.class-stats-grid .kpi-card .stat-top .stat-label,.kpi-grid .stat-card .stat-top .stat-label,.kpi-grid .kpi-card .stat-top .stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-stats-grid .stat-card .stat-top .stat-icon-wrap,.class-stats-grid .kpi-card .stat-top .stat-icon-wrap,.kpi-grid .stat-card .stat-top .stat-icon-wrap,.kpi-grid .kpi-card .stat-top .stat-icon-wrap{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.class-stats-grid .stat-card .stat-top .stat-icon-wrap svg,.class-stats-grid .kpi-card .stat-top .stat-icon-wrap svg,.kpi-grid .stat-card .stat-top .stat-icon-wrap svg,.kpi-grid .kpi-card .stat-top .stat-icon-wrap svg{width:13px;height:13px}.class-stats-grid .stat-card .stat-top .stat-icon-wrap.quota,.class-stats-grid .kpi-card .stat-top .stat-icon-wrap.quota,.kpi-grid .stat-card .stat-top .stat-icon-wrap.quota,.kpi-grid .kpi-card .stat-top .stat-icon-wrap.quota{background:#3b82f61a;color:#2563eb}.class-stats-grid .stat-card .stat-top .stat-icon-wrap.active,.class-stats-grid .kpi-card .stat-top .stat-icon-wrap.active,.kpi-grid .stat-card .stat-top .stat-icon-wrap.active,.kpi-grid .kpi-card .stat-top .stat-icon-wrap.active{background:#10b9811a;color:#059669}.class-stats-grid .stat-card .stat-top .stat-icon-wrap.tests,.class-stats-grid .kpi-card .stat-top .stat-icon-wrap.tests,.kpi-grid .stat-card .stat-top .stat-icon-wrap.tests,.kpi-grid .kpi-card .stat-top .stat-icon-wrap.tests{background:#d977061a;color:#d97706}.class-stats-grid .stat-card .stat-top .stat-icon-wrap.avg,.class-stats-grid .kpi-card .stat-top .stat-icon-wrap.avg,.kpi-grid .stat-card .stat-top .stat-icon-wrap.avg,.kpi-grid .kpi-card .stat-top .stat-icon-wrap.avg{background:#8b5cf61a;color:#7c3aed}.class-stats-grid .stat-card .stat-val,.class-stats-grid .kpi-card .stat-val,.kpi-grid .stat-card .stat-val,.kpi-grid .kpi-card .stat-val{font-size:20px;font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.2px;white-space:nowrap;overflow:visible}.class-stats-grid .stat-card .stat-sub,.class-stats-grid .kpi-card .stat-sub,.kpi-grid .stat-card .stat-sub,.kpi-grid .kpi-card .stat-sub{font-size:11.5px;color:var(--text-3);margin-top:2px;line-height:1.3;white-space:normal;word-break:break-word}.class-stats-grid .stat-card .stat-sub strong,.class-stats-grid .kpi-card .stat-sub strong,.kpi-grid .stat-card .stat-sub strong,.kpi-grid .kpi-card .stat-sub strong{color:var(--text)}.class-active-student-banner{background:linear-gradient(135deg,#d9770612,#f59e0b08);border:1px solid rgba(217,119,6,.22);border-radius:10px;padding:8px 14px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;box-sizing:border-box}.class-active-student-banner .banner-left{display:flex;align-items:center;gap:10px}.class-active-student-banner .banner-left .banner-trophy{width:28px;height:28px;border-radius:7px;background:#d97706;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.class-active-student-banner .banner-left .banner-title{font-size:13px;font-weight:700;color:var(--text)}.class-active-student-banner .banner-left .banner-title span{color:#d97706}.class-active-student-banner .banner-left .banner-desc{font-size:11.5px;color:var(--text-3)}.class-active-student-banner .banner-badge{font-size:11px;font-weight:600;color:#b45309;background:#d977061a;padding:2px 8px;border-radius:99px;white-space:nowrap}.students-table-section,.students-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:14px 16px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box}.students-table-section .table-header-bar,.students-table-section .table-toolbar,.students-section .table-header-bar,.students-section .table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.students-table-section .table-header-bar .table-title-wrap,.students-table-section .table-toolbar .table-title-wrap,.students-section .table-header-bar .table-title-wrap,.students-section .table-toolbar .table-title-wrap{display:flex;align-items:center;gap:8px}.students-table-section .table-header-bar .table-title-wrap h2,.students-table-section .table-toolbar .table-title-wrap h2,.students-section .table-header-bar .table-title-wrap h2,.students-section .table-toolbar .table-title-wrap h2{font-size:15px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.2px}.students-table-section .table-header-bar .table-title-wrap .count-pill,.students-table-section .table-toolbar .table-title-wrap .count-pill,.students-section .table-header-bar .table-title-wrap .count-pill,.students-section .table-toolbar .table-title-wrap .count-pill{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-3)}.students-table-section .table-header-bar .table-controls,.students-table-section .table-header-bar .toolbar-left,.students-table-section .table-toolbar .table-controls,.students-table-section .table-toolbar .toolbar-left,.students-section .table-header-bar .table-controls,.students-section .table-header-bar .toolbar-left,.students-section .table-toolbar .table-controls,.students-section .table-toolbar .toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.students-table-section .table-header-bar .table-controls .search-wrap,.students-table-section .table-header-bar .table-controls .search-input-wrap,.students-table-section .table-header-bar .toolbar-left .search-wrap,.students-table-section .table-header-bar .toolbar-left .search-input-wrap,.students-table-section .table-toolbar .table-controls .search-wrap,.students-table-section .table-toolbar .table-controls .search-input-wrap,.students-table-section .table-toolbar .toolbar-left .search-wrap,.students-table-section .table-toolbar .toolbar-left .search-input-wrap,.students-section .table-header-bar .table-controls .search-wrap,.students-section .table-header-bar .table-controls .search-input-wrap,.students-section .table-header-bar .toolbar-left .search-wrap,.students-section .table-header-bar .toolbar-left .search-input-wrap,.students-section .table-toolbar .table-controls .search-wrap,.students-section .table-toolbar .table-controls .search-input-wrap,.students-section .table-toolbar .toolbar-left .search-wrap,.students-section .table-toolbar .toolbar-left .search-input-wrap{position:relative;min-width:180px}.students-table-section .table-header-bar .table-controls .search-wrap input,.students-table-section .table-header-bar .table-controls .search-input-wrap input,.students-table-section .table-header-bar .toolbar-left .search-wrap input,.students-table-section .table-header-bar .toolbar-left .search-input-wrap input,.students-table-section .table-toolbar .table-controls .search-wrap input,.students-table-section .table-toolbar .table-controls .search-input-wrap input,.students-table-section .table-toolbar .toolbar-left .search-wrap input,.students-table-section .table-toolbar .toolbar-left .search-input-wrap input,.students-section .table-header-bar .table-controls .search-wrap input,.students-section .table-header-bar .table-controls .search-input-wrap input,.students-section .table-header-bar .toolbar-left .search-wrap input,.students-section .table-header-bar .toolbar-left .search-input-wrap input,.students-section .table-toolbar .table-controls .search-wrap input,.students-section .table-toolbar .table-controls .search-input-wrap input,.students-section .table-toolbar .toolbar-left .search-wrap input,.students-section .table-toolbar .toolbar-left .search-input-wrap input{width:100%;height:32px;padding:0 10px 0 28px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12px;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.students-table-section .table-header-bar .table-controls .search-wrap input:focus,.students-table-section .table-header-bar .table-controls .search-input-wrap input:focus,.students-table-section .table-header-bar .toolbar-left .search-wrap input:focus,.students-table-section .table-header-bar .toolbar-left .search-input-wrap input:focus,.students-table-section .table-toolbar .table-controls .search-wrap input:focus,.students-table-section .table-toolbar .table-controls .search-input-wrap input:focus,.students-table-section .table-toolbar .toolbar-left .search-wrap input:focus,.students-table-section .table-toolbar .toolbar-left .search-input-wrap input:focus,.students-section .table-header-bar .table-controls .search-wrap input:focus,.students-section .table-header-bar .table-controls .search-input-wrap input:focus,.students-section .table-header-bar .toolbar-left .search-wrap input:focus,.students-section .table-header-bar .toolbar-left .search-input-wrap input:focus,.students-section .table-toolbar .table-controls .search-wrap input:focus,.students-section .table-toolbar .table-controls .search-input-wrap input:focus,.students-section .table-toolbar .toolbar-left .search-wrap input:focus,.students-section .table-toolbar .toolbar-left .search-input-wrap input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.students-table-section .table-header-bar .table-controls .search-wrap input::placeholder,.students-table-section .table-header-bar .table-controls .search-input-wrap input::placeholder,.students-table-section .table-header-bar .toolbar-left .search-wrap input::placeholder,.students-table-section .table-header-bar .toolbar-left .search-input-wrap input::placeholder,.students-table-section .table-toolbar .table-controls .search-wrap input::placeholder,.students-table-section .table-toolbar .table-controls .search-input-wrap input::placeholder,.students-table-section .table-toolbar .toolbar-left .search-wrap input::placeholder,.students-table-section .table-toolbar .toolbar-left .search-input-wrap input::placeholder,.students-section .table-header-bar .table-controls .search-wrap input::placeholder,.students-section .table-header-bar .table-controls .search-input-wrap input::placeholder,.students-section .table-header-bar .toolbar-left .search-wrap input::placeholder,.students-section .table-header-bar .toolbar-left .search-input-wrap input::placeholder,.students-section .table-toolbar .table-controls .search-wrap input::placeholder,.students-section .table-toolbar .table-controls .search-input-wrap input::placeholder,.students-section .table-toolbar .toolbar-left .search-wrap input::placeholder,.students-section .table-toolbar .toolbar-left .search-input-wrap input::placeholder{color:var(--text-4, #94a3b8)}.students-table-section .table-header-bar .table-controls .search-wrap .search-icon,.students-table-section .table-header-bar .table-controls .search-input-wrap .search-icon,.students-table-section .table-header-bar .toolbar-left .search-wrap .search-icon,.students-table-section .table-header-bar .toolbar-left .search-input-wrap .search-icon,.students-table-section .table-toolbar .table-controls .search-wrap .search-icon,.students-table-section .table-toolbar .table-controls .search-input-wrap .search-icon,.students-table-section .table-toolbar .toolbar-left .search-wrap .search-icon,.students-table-section .table-toolbar .toolbar-left .search-input-wrap .search-icon,.students-section .table-header-bar .table-controls .search-wrap .search-icon,.students-section .table-header-bar .table-controls .search-input-wrap .search-icon,.students-section .table-header-bar .toolbar-left .search-wrap .search-icon,.students-section .table-header-bar .toolbar-left .search-input-wrap .search-icon,.students-section .table-toolbar .table-controls .search-wrap .search-icon,.students-section .table-toolbar .table-controls .search-input-wrap .search-icon,.students-section .table-toolbar .toolbar-left .search-wrap .search-icon,.students-section .table-toolbar .toolbar-left .search-input-wrap .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-4, #94a3b8);pointer-events:none;width:13px;height:13px}.students-table-section .table-header-bar .table-controls .select-wrap select,.students-table-section .table-header-bar .table-controls .select-wrap,.students-table-section .table-header-bar .table-controls .filter-select select,.students-table-section .table-header-bar .table-controls .filter-select,.students-table-section .table-header-bar .table-controls .sort-select select,.students-table-section .table-header-bar .table-controls .sort-select,.students-table-section .table-header-bar .toolbar-left .select-wrap select,.students-table-section .table-header-bar .toolbar-left .select-wrap,.students-table-section .table-header-bar .toolbar-left .filter-select select,.students-table-section .table-header-bar .toolbar-left .filter-select,.students-table-section .table-header-bar .toolbar-left .sort-select select,.students-table-section .table-header-bar .toolbar-left .sort-select,.students-table-section .table-toolbar .table-controls .select-wrap select,.students-table-section .table-toolbar .table-controls .select-wrap,.students-table-section .table-toolbar .table-controls .filter-select select,.students-table-section .table-toolbar .table-controls .filter-select,.students-table-section .table-toolbar .table-controls .sort-select select,.students-table-section .table-toolbar .table-controls .sort-select,.students-table-section .table-toolbar .toolbar-left .select-wrap select,.students-table-section .table-toolbar .toolbar-left .select-wrap,.students-table-section .table-toolbar .toolbar-left .filter-select select,.students-table-section .table-toolbar .toolbar-left .filter-select,.students-table-section .table-toolbar .toolbar-left .sort-select select,.students-table-section .table-toolbar .toolbar-left .sort-select,.students-section .table-header-bar .table-controls .select-wrap select,.students-section .table-header-bar .table-controls .select-wrap,.students-section .table-header-bar .table-controls .filter-select select,.students-section .table-header-bar .table-controls .filter-select,.students-section .table-header-bar .table-controls .sort-select select,.students-section .table-header-bar .table-controls .sort-select,.students-section .table-header-bar .toolbar-left .select-wrap select,.students-section .table-header-bar .toolbar-left .select-wrap,.students-section .table-header-bar .toolbar-left .filter-select select,.students-section .table-header-bar .toolbar-left .filter-select,.students-section .table-header-bar .toolbar-left .sort-select select,.students-section .table-header-bar .toolbar-left .sort-select,.students-section .table-toolbar .table-controls .select-wrap select,.students-section .table-toolbar .table-controls .select-wrap,.students-section .table-toolbar .table-controls .filter-select select,.students-section .table-toolbar .table-controls .filter-select,.students-section .table-toolbar .table-controls .sort-select select,.students-section .table-toolbar .table-controls .sort-select,.students-section .table-toolbar .toolbar-left .select-wrap select,.students-section .table-toolbar .toolbar-left .select-wrap,.students-section .table-toolbar .toolbar-left .filter-select select,.students-section .table-toolbar .toolbar-left .filter-select,.students-section .table-toolbar .toolbar-left .sort-select select,.students-section .table-toolbar .toolbar-left .sort-select{height:32px;padding:0 8px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;box-sizing:border-box;outline:none;transition:border-color .15s ease}.students-table-section .table-header-bar .table-controls .select-wrap select:focus,.students-table-section .table-header-bar .table-controls .select-wrap:focus,.students-table-section .table-header-bar .table-controls .filter-select select:focus,.students-table-section .table-header-bar .table-controls .filter-select:focus,.students-table-section .table-header-bar .table-controls .sort-select select:focus,.students-table-section .table-header-bar .table-controls .sort-select:focus,.students-table-section .table-header-bar .toolbar-left .select-wrap select:focus,.students-table-section .table-header-bar .toolbar-left .select-wrap:focus,.students-table-section .table-header-bar .toolbar-left .filter-select select:focus,.students-table-section .table-header-bar .toolbar-left .filter-select:focus,.students-table-section .table-header-bar .toolbar-left .sort-select select:focus,.students-table-section .table-header-bar .toolbar-left .sort-select:focus,.students-table-section .table-toolbar .table-controls .select-wrap select:focus,.students-table-section .table-toolbar .table-controls .select-wrap:focus,.students-table-section .table-toolbar .table-controls .filter-select select:focus,.students-table-section .table-toolbar .table-controls .filter-select:focus,.students-table-section .table-toolbar .table-controls .sort-select select:focus,.students-table-section .table-toolbar .table-controls .sort-select:focus,.students-table-section .table-toolbar .toolbar-left .select-wrap select:focus,.students-table-section .table-toolbar .toolbar-left .select-wrap:focus,.students-table-section .table-toolbar .toolbar-left .filter-select select:focus,.students-table-section .table-toolbar .toolbar-left .filter-select:focus,.students-table-section .table-toolbar .toolbar-left .sort-select select:focus,.students-table-section .table-toolbar .toolbar-left .sort-select:focus,.students-section .table-header-bar .table-controls .select-wrap select:focus,.students-section .table-header-bar .table-controls .select-wrap:focus,.students-section .table-header-bar .table-controls .filter-select select:focus,.students-section .table-header-bar .table-controls .filter-select:focus,.students-section .table-header-bar .table-controls .sort-select select:focus,.students-section .table-header-bar .table-controls .sort-select:focus,.students-section .table-header-bar .toolbar-left .select-wrap select:focus,.students-section .table-header-bar .toolbar-left .select-wrap:focus,.students-section .table-header-bar .toolbar-left .filter-select select:focus,.students-section .table-header-bar .toolbar-left .filter-select:focus,.students-section .table-header-bar .toolbar-left .sort-select select:focus,.students-section .table-header-bar .toolbar-left .sort-select:focus,.students-section .table-toolbar .table-controls .select-wrap select:focus,.students-section .table-toolbar .table-controls .select-wrap:focus,.students-section .table-toolbar .table-controls .filter-select select:focus,.students-section .table-toolbar .table-controls .filter-select:focus,.students-section .table-toolbar .table-controls .sort-select select:focus,.students-section .table-toolbar .table-controls .sort-select:focus,.students-section .table-toolbar .toolbar-left .select-wrap select:focus,.students-section .table-toolbar .toolbar-left .select-wrap:focus,.students-section .table-toolbar .toolbar-left .filter-select select:focus,.students-section .table-toolbar .toolbar-left .filter-select:focus,.students-section .table-toolbar .toolbar-left .sort-select select:focus,.students-section .table-toolbar .toolbar-left .sort-select:focus{border-color:var(--primary)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--border);background:var(--surface);width:100%;box-sizing:border-box}.table-responsive table,.table-responsive .students-table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px;margin:0}.table-responsive table thead,.table-responsive .students-table thead{background:var(--surface-2);border-bottom:1px solid var(--border)}.table-responsive table thead th,.table-responsive .students-table thead th{padding:8px 10px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-3);white-space:nowrap;box-sizing:border-box;border:none}.table-responsive table tbody tr,.table-responsive .students-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s ease}.table-responsive table tbody tr:hover,.table-responsive .students-table tbody tr:hover{background:var(--surface-2)}.table-responsive table tbody tr:last-child,.table-responsive .students-table tbody tr:last-child{border-bottom:none}.table-responsive table tbody tr td,.table-responsive .students-table tbody tr td{padding:8px 10px;color:var(--text);vertical-align:middle;white-space:nowrap;box-sizing:border-box}.table-responsive table tbody tr td.index-col,.table-responsive .students-table tbody tr td.index-col{color:var(--text-4, #94a3b8);font-size:11px;font-weight:600;width:36px;text-align:center}.table-responsive table tbody tr td .student-name-cell,.table-responsive .students-table tbody tr td .student-name-cell{display:flex;align-items:center;gap:8px}.table-responsive table tbody tr td .student-name-cell .student-avatar,.table-responsive .students-table tbody tr td .student-name-cell .student-avatar{width:26px;height:26px;border-radius:50%;background:#d977061a;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.table-responsive table tbody tr td .student-name-cell .student-meta .student-name,.table-responsive .students-table tbody tr td .student-name-cell .student-meta .student-name{font-weight:600;font-size:12.5px;color:var(--text)}.table-responsive table tbody tr td .student-login,.table-responsive table tbody tr td .username-badge,.table-responsive .students-table tbody tr td .student-login,.table-responsive .students-table tbody tr td .username-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:600;color:var(--text-2);background:var(--surface-2);padding:1px 6px;border-radius:4px;border:1px solid var(--border)}.table-responsive table tbody tr td .student-password-box,.table-responsive .students-table tbody tr td .student-password-box{display:inline-flex;align-items:center;gap:6px}.table-responsive table tbody tr td .student-password-box .password-code,.table-responsive .students-table tbody tr td .student-password-box .password-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;font-weight:700;color:#d97706;background:#f59e0b1a;padding:2px 7px;border-radius:4px;border:1px solid rgba(245,158,11,.25);letter-spacing:.5px}.table-responsive table tbody tr td .student-password-box .copy-pass-btn,.table-responsive .students-table tbody tr td .student-password-box .copy-pass-btn{background:transparent;border:none;cursor:pointer;color:var(--text-3);padding:3px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.table-responsive table tbody tr td .student-password-box .copy-pass-btn:hover,.table-responsive .students-table tbody tr td .student-password-box .copy-pass-btn:hover{color:var(--primary);background:var(--surface-2)}.table-responsive table tbody tr td .student-password-box .copy-pass-btn svg,.table-responsive .students-table tbody tr td .student-password-box .copy-pass-btn svg{width:13px;height:13px}.table-responsive table tbody tr td .pass-changed-tag,.table-responsive .students-table tbody tr td .pass-changed-tag{font-size:11px;color:var(--text-3);font-style:italic}.table-responsive table tbody tr td .status-badge,.table-responsive table tbody tr td .status-pill,.table-responsive .students-table tbody tr td .status-badge,.table-responsive .students-table tbody tr td .status-pill{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.table-responsive table tbody tr td .status-badge.test_topshirgan,.table-responsive table tbody tr td .status-pill.test_topshirgan,.table-responsive .students-table tbody tr td .status-badge.test_topshirgan,.table-responsive .students-table tbody tr td .status-pill.test_topshirgan{background:#10b9811f;color:#059669}.table-responsive table tbody tr td .status-badge.faol,.table-responsive table tbody tr td .status-pill.faol,.table-responsive .students-table tbody tr td .status-badge.faol,.table-responsive .students-table tbody tr td .status-pill.faol{background:#3b82f61f;color:#2563eb}.table-responsive table tbody tr td .status-badge.oxirgi_marta_kirgan,.table-responsive table tbody tr td .status-pill.oxirgi_marta_kirgan,.table-responsive .students-table tbody tr td .status-badge.oxirgi_marta_kirgan,.table-responsive .students-table tbody tr td .status-pill.oxirgi_marta_kirgan{background:#f59e0b1f;color:#d97706}.table-responsive table tbody tr td .status-badge.hali_kirmagan,.table-responsive table tbody tr td .status-pill.hali_kirmagan,.table-responsive .students-table tbody tr td .status-badge.hali_kirmagan,.table-responsive .students-table tbody tr td .status-pill.hali_kirmagan{background:#94a3b824;color:var(--text-3)}.table-responsive table tbody tr td .score-bar-wrap,.table-responsive .students-table tbody tr td .score-bar-wrap{display:flex;align-items:center;gap:6px}.table-responsive table tbody tr td .score-bar-wrap .score-val,.table-responsive .students-table tbody tr td .score-bar-wrap .score-val{font-weight:700;font-size:12px;min-width:32px}.table-responsive table tbody tr td .score-bar-wrap .score-bar,.table-responsive .students-table tbody tr td .score-bar-wrap .score-bar{width:44px;height:5px;background:var(--surface-2);border-radius:99px;overflow:hidden}.table-responsive table tbody tr td .score-bar-wrap .score-bar .score-fill,.table-responsive .students-table tbody tr td .score-bar-wrap .score-bar .score-fill{height:100%;border-radius:99px}.table-responsive table tbody tr td .btn-sm,.table-responsive .students-table tbody tr td .btn-sm{height:26px;padding:0 8px;font-size:11.5px;font-weight:600;border-radius:6px;gap:4px}.table-responsive table tbody tr td .btn-sm svg,.table-responsive .students-table tbody tr td .btn-sm svg{width:12px;height:12px}.class-empty-state{text-align:center;padding:36px 16px}.class-empty-state .empty-icon{color:var(--text-4, #94a3b8);margin:0 auto 10px;width:34px;height:34px}.class-empty-state h3{font-size:15px;font-weight:700;color:var(--text);margin:0 0 4px}.class-empty-state p{font-size:12.5px;color:var(--text-3);max-width:420px;margin:0 auto 14px;line-height:1.4}.class-empty-state .btn{height:32px;padding:0 12px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:14px;box-sizing:border-box}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:18px 20px;box-shadow:0 12px 36px #00000029;box-sizing:border-box;max-width:100%}.modal-card .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-card .modal-header h3{font-size:16px;font-weight:700;color:var(--text);margin:0}.modal-card .modal-header .btn-icon{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-card .modal-header .btn-icon:hover{background:var(--surface-2);color:var(--text)}.modal-card .modal-body{font-size:13px;color:var(--text-2)}.modal-card .modal-footer{margin-top:14px;display:flex;gap:8px;justify-content:flex-end}.modal-card .modal-footer .btn{height:32px;padding:0 12px;font-size:12px;font-weight:600}.credentials-modal{max-width:620px;width:100%}.credentials-modal .credentials-notice{background:#f59e0b14;border:1px solid rgba(245,158,11,.22);border-radius:7px;padding:8px 12px;margin-bottom:12px;font-size:12px;color:#b45309;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.credentials-modal .credentials-notice svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}.credentials-modal .credentials-table-wrap{max-height:280px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:7px;margin-bottom:14px}.credentials-modal .credentials-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.credentials-modal .credentials-table-wrap table th{position:sticky;top:0;background:var(--surface-2);padding:7px 10px;text-align:left;font-weight:700;font-size:11px;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap}.credentials-modal .credentials-table-wrap table td{padding:7px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.credentials-modal .credentials-table-wrap table td .password-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;color:#d97706;background:#f59e0b1a;padding:1px 6px;border-radius:4px;border:1px solid rgba(245,158,11,.2)}.credentials-modal .credentials-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.credentials-modal .credentials-actions .btn{height:30px;padding:0 10px;font-size:12px;font-weight:600}.btn-icon-subtle{background:transparent;border:none;cursor:pointer;color:var(--text-3);padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-icon-subtle:hover{color:var(--primary);background:#6366f11a}.edit-student-modal{max-width:440px;width:100%}.edit-student-modal .form-group .form-input{width:100%;height:38px;padding:0 12px;font-size:13.5px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);transition:border-color .15s ease}.edit-student-modal .form-group .form-input:focus{border-color:var(--primary);outline:none;background:var(--surface)}.student-detail-modal{max-width:540px;width:100%}.student-detail-modal .student-creds-card{background:#6366f10a;border:1px solid rgba(99,102,241,.18);border-radius:9px;padding:12px 14px;margin-bottom:14px}.student-detail-modal .student-creds-card .creds-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.student-detail-modal .student-creds-card .creds-card-header .creds-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.student-detail-modal .student-creds-card .creds-card-header .creds-title .creds-icon{flex-shrink:0}.student-detail-modal .student-creds-card .creds-card-header .btn-text-action{background:none;border:none;cursor:pointer;font-size:11.5px;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;transition:background .15s ease}.student-detail-modal .student-creds-card .creds-card-header .btn-text-action:hover{background:#6366f11f}.student-detail-modal .student-creds-card .creds-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.student-detail-modal .student-creds-card .creds-details-grid{grid-template-columns:1fr;gap:8px}}.student-detail-modal .student-creds-card .creds-details-grid .cred-field{display:flex;flex-direction:column;gap:4px}.student-detail-modal .student-creds-card .creds-details-grid .cred-field .field-lbl{font-size:11px;color:var(--text-3);font-weight:600}.student-detail-modal .student-creds-card .creds-details-grid .cred-field .field-val-wrap{display:flex;align-items:center;gap:6px}.student-detail-modal .student-creds-card .creds-details-grid .cred-field .field-val-wrap .cred-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;color:var(--text);background:var(--surface-2);padding:3px 8px;border-radius:5px;border:1px solid var(--border)}.student-detail-modal .student-creds-card .creds-details-grid .cred-field .field-val-wrap .cred-code.password-highlight{color:#d97706;background:#f59e0b14;border-color:#f59e0b40;letter-spacing:1px}.student-detail-modal .student-creds-card .creds-details-grid .cred-field .field-val-wrap .creds-changed-badge{font-size:11.5px;color:var(--text-3);font-style:italic}.student-detail-modal .student-creds-card .creds-details-grid .cred-field .field-val-wrap .copy-btn-sm{background:transparent;border:none;cursor:pointer;color:var(--text-3);padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.student-detail-modal .student-creds-card .creds-details-grid .cred-field .field-val-wrap .copy-btn-sm:hover{color:var(--primary);background:var(--surface-2)}.student-detail-modal .student-creds-card .reset-pass-inline{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(99,102,241,.2)}.student-detail-modal .student-creds-card .reset-pass-inline .reset-pass-row{display:flex;align-items:center;gap:8px}@media (max-width: 480px){.student-detail-modal .student-creds-card .reset-pass-inline .reset-pass-row{flex-wrap:wrap}}.student-detail-modal .student-creds-card .reset-pass-inline .reset-pass-row .reset-input{flex:1;height:30px;padding:0 10px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.student-detail-modal .student-creds-card .reset-pass-inline .reset-pass-row .reset-input:focus{border-color:var(--primary);outline:none}.student-detail-modal .student-creds-card .reset-pass-inline .reset-pass-row .btn-sm{height:30px;padding:0 10px;font-size:11.5px;white-space:nowrap}.student-detail-modal .student-creds-card .reset-pass-inline .reset-hint{display:block;font-size:10.5px;color:var(--text-3);margin-top:5px;font-style:italic}.student-detail-modal .student-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.student-detail-modal .student-stats-summary .mini-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:9px 8px;text-align:center}.student-detail-modal .student-stats-summary .mini-stat .stat-num{font-size:16px;font-weight:800;color:var(--text);line-height:1.2}.student-detail-modal .student-stats-summary .mini-stat .stat-desc{font-size:11px;color:var(--text-3);margin-top:2px}.student-detail-modal .tests-history-wrap{max-height:220px;overflow-y:auto;margin-bottom:14px}.student-detail-modal .tests-history-wrap .history-item{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:8px 12px;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.student-detail-modal .tests-history-wrap .history-item .test-meta .test-t{font-size:12.5px;font-weight:600;color:var(--text)}.student-detail-modal .tests-history-wrap .history-item .test-meta .test-d{font-size:11px;color:var(--text-4, #94a3b8)}.student-detail-modal .tests-history-wrap .history-item .test-res{font-size:14px;font-weight:800;color:#10b981}@media (max-width: 1024px){.class-stats-grid,.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 768px){.class-dashboard-page{padding-top:12px;padding-bottom:36px}.class-header-card{padding:12px 14px;gap:12px}.class-header-card .class-header-info{width:100%}.class-header-card .class-header-actions{width:100%;justify-content:flex-start}.class-header-card .class-header-actions .btn{flex:1 1 auto;justify-content:center}.students-table-section,.students-section{padding:12px}.students-table-section .table-header-bar,.students-table-section .table-toolbar,.students-section .table-header-bar,.students-section .table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.students-table-section .table-header-bar .table-controls,.students-table-section .table-header-bar .toolbar-left,.students-table-section .table-toolbar .table-controls,.students-table-section .table-toolbar .toolbar-left,.students-section .table-header-bar .table-controls,.students-section .table-header-bar .toolbar-left,.students-section .table-toolbar .table-controls,.students-section .table-toolbar .toolbar-left{width:100%}.students-table-section .table-header-bar .table-controls .search-wrap,.students-table-section .table-header-bar .table-controls .search-input-wrap,.students-table-section .table-header-bar .toolbar-left .search-wrap,.students-table-section .table-header-bar .toolbar-left .search-input-wrap,.students-table-section .table-toolbar .table-controls .search-wrap,.students-table-section .table-toolbar .table-controls .search-input-wrap,.students-table-section .table-toolbar .toolbar-left .search-wrap,.students-table-section .table-toolbar .toolbar-left .search-input-wrap,.students-section .table-header-bar .table-controls .search-wrap,.students-section .table-header-bar .table-controls .search-input-wrap,.students-section .table-header-bar .toolbar-left .search-wrap,.students-section .table-header-bar .toolbar-left .search-input-wrap,.students-section .table-toolbar .table-controls .search-wrap,.students-section .table-toolbar .table-controls .search-input-wrap,.students-section .table-toolbar .toolbar-left .search-wrap,.students-section .table-toolbar .toolbar-left .search-input-wrap{min-width:100%;flex:1 1 100%}.students-table-section .table-header-bar .table-controls .select-wrap,.students-table-section .table-header-bar .table-controls .filter-select,.students-table-section .table-header-bar .table-controls .sort-select,.students-table-section .table-header-bar .toolbar-left .select-wrap,.students-table-section .table-header-bar .toolbar-left .filter-select,.students-table-section .table-header-bar .toolbar-left .sort-select,.students-table-section .table-toolbar .table-controls .select-wrap,.students-table-section .table-toolbar .table-controls .filter-select,.students-table-section .table-toolbar .table-controls .sort-select,.students-table-section .table-toolbar .toolbar-left .select-wrap,.students-table-section .table-toolbar .toolbar-left .filter-select,.students-table-section .table-toolbar .toolbar-left .sort-select,.students-section .table-header-bar .table-controls .select-wrap,.students-section .table-header-bar .table-controls .filter-select,.students-section .table-header-bar .table-controls .sort-select,.students-section .table-header-bar .toolbar-left .select-wrap,.students-section .table-header-bar .toolbar-left .filter-select,.students-section .table-header-bar .toolbar-left .sort-select,.students-section .table-toolbar .table-controls .select-wrap,.students-section .table-toolbar .table-controls .filter-select,.students-section .table-toolbar .table-controls .sort-select,.students-section .table-toolbar .toolbar-left .select-wrap,.students-section .table-toolbar .toolbar-left .filter-select,.students-section .table-toolbar .toolbar-left .sort-select{flex:1 1 auto}.students-table-section .table-header-bar .table-controls .select-wrap select,.students-table-section .table-header-bar .table-controls .select-wrap,.students-table-section .table-header-bar .table-controls .filter-select select,.students-table-section .table-header-bar .table-controls .filter-select,.students-table-section .table-header-bar .table-controls .sort-select select,.students-table-section .table-header-bar .table-controls .sort-select,.students-table-section .table-header-bar .toolbar-left .select-wrap select,.students-table-section .table-header-bar .toolbar-left .select-wrap,.students-table-section .table-header-bar .toolbar-left .filter-select select,.students-table-section .table-header-bar .toolbar-left .filter-select,.students-table-section .table-header-bar .toolbar-left .sort-select select,.students-table-section .table-header-bar .toolbar-left .sort-select,.students-table-section .table-toolbar .table-controls .select-wrap select,.students-table-section .table-toolbar .table-controls .select-wrap,.students-table-section .table-toolbar .table-controls .filter-select select,.students-table-section .table-toolbar .table-controls .filter-select,.students-table-section .table-toolbar .table-controls .sort-select select,.students-table-section .table-toolbar .table-controls .sort-select,.students-table-section .table-toolbar .toolbar-left .select-wrap select,.students-table-section .table-toolbar .toolbar-left .select-wrap,.students-table-section .table-toolbar .toolbar-left .filter-select select,.students-table-section .table-toolbar .toolbar-left .filter-select,.students-table-section .table-toolbar .toolbar-left .sort-select select,.students-table-section .table-toolbar .toolbar-left .sort-select,.students-section .table-header-bar .table-controls .select-wrap select,.students-section .table-header-bar .table-controls .select-wrap,.students-section .table-header-bar .table-controls .filter-select select,.students-section .table-header-bar .table-controls .filter-select,.students-section .table-header-bar .table-controls .sort-select select,.students-section .table-header-bar .table-controls .sort-select,.students-section .table-header-bar .toolbar-left .select-wrap select,.students-section .table-header-bar .toolbar-left .select-wrap,.students-section .table-header-bar .toolbar-left .filter-select select,.students-section .table-header-bar .toolbar-left .filter-select,.students-section .table-header-bar .toolbar-left .sort-select select,.students-section .table-header-bar .toolbar-left .sort-select,.students-section .table-toolbar .table-controls .select-wrap select,.students-section .table-toolbar .table-controls .select-wrap,.students-section .table-toolbar .table-controls .filter-select select,.students-section .table-toolbar .table-controls .filter-select,.students-section .table-toolbar .table-controls .sort-select select,.students-section .table-toolbar .table-controls .sort-select,.students-section .table-toolbar .toolbar-left .select-wrap select,.students-section .table-toolbar .toolbar-left .select-wrap,.students-section .table-toolbar .toolbar-left .filter-select select,.students-section .table-toolbar .toolbar-left .filter-select,.students-section .table-toolbar .toolbar-left .sort-select select,.students-section .table-toolbar .toolbar-left .sort-select{width:100%}}@media (max-width: 480px){.class-stats-grid,.kpi-grid{grid-template-columns:1fr;gap:8px}.class-header-card .class-titles h1{font-size:15.5px}.credentials-modal .credentials-actions{flex-direction:column;align-items:stretch}.credentials-modal .credentials-actions div{width:100%;display:flex;gap:8px}.credentials-modal .credentials-actions div button{flex:1}.credentials-modal .credentials-actions button{width:100%}}.class-nav-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid var(--border-dark);padding-bottom:12px;overflow-x:auto}.class-nav-tabs .class-nav-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-size:14px;font-weight:600;background:var(--surface);border:1px solid var(--border-dark);color:var(--text-2);cursor:pointer;transition:all .2s ease;white-space:nowrap}.class-nav-tabs .class-nav-tab:hover{color:var(--text);border-color:var(--primary-light)}.class-nav-tabs .class-nav-tab.active{background:var(--primary-50);border-color:var(--primary);color:var(--primary);font-weight:700}.teacher-quota-card{background:linear-gradient(135deg,#4f46e514,#7c3aed14);border:1px solid rgba(79,70,229,.25);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.teacher-quota-card .quota-card-left{display:flex;gap:18px;align-items:flex-start}.teacher-quota-card .quota-card-left .quota-icon-badge{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.teacher-quota-card .quota-card-left h3{font-size:18px;font-weight:700;color:var(--text);margin:0 0 6px}.teacher-quota-card .quota-card-left p{font-size:14px;color:var(--text-2);margin:0 0 12px;line-height:1.5}.teacher-quota-card .quota-card-left .quota-counter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.teacher-quota-card .quota-card-left .quota-counter-bar .quota-pill{background:var(--surface);border:1px solid var(--border-dark);padding:4px 12px;border-radius:20px;color:var(--text)}.teacher-quota-card .quota-card-left .quota-counter-bar .quota-pill strong{color:var(--primary)}.teacher-quota-card .quota-card-left .quota-counter-bar .quota-remaining{color:#059669;font-weight:600}.teacher-quota-card .quota-card-left .quota-counter-bar .quota-reset-text{color:var(--text-3);font-size:12px}.teacher-quota-card .quota-card-right button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;box-shadow:0 4px 14px #4f46e559}.teacher-quota-card .quota-card-right button:hover:not(:disabled){box-shadow:0 6px 20px #4f46e573}.teacher-mocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.teacher-mock-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.teacher-mock-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.teacher-mock-card .mock-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.teacher-mock-card .mock-card-header .header-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;flex:1;min-width:0}.teacher-mock-card .mock-card-header .badge-gray{white-space:nowrap;flex-shrink:0}.teacher-mock-card .mock-card-title{font-size:17px;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1.4}.teacher-mock-card .mock-card-desc{font-size:13.5px;color:var(--text-3);margin:0 0 16px;line-height:1.5;flex:1}.teacher-mock-card .mock-card-details{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-dark)}.teacher-mock-card .mock-card-details .detail-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.teacher-mock-card .mock-kpi-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:var(--surface-2);border-radius:8px;padding:10px 8px;margin-bottom:16px;text-align:center}.teacher-mock-card .mock-kpi-bar .kpi-mini{display:flex;flex-direction:column;gap:2px}.teacher-mock-card .mock-kpi-bar .kpi-mini .kpi-num{font-size:15px;font-weight:700;color:var(--text)}.teacher-mock-card .mock-kpi-bar .kpi-mini .kpi-lbl{font-size:10px;color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.teacher-mock-card .mock-card-actions{display:flex;gap:8px}.teacher-mock-card .mock-card-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:12.5px}.review-questions-list{display:flex;flex-direction:column;gap:16px}.review-questions-list .review-question-card{background:var(--surface-2);border:1px solid var(--border-dark);border-radius:10px;padding:16px}.review-questions-list .review-question-card .question-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.review-questions-list .review-question-card .question-header .q-badge{background:var(--primary-50);color:var(--primary);font-weight:700;font-size:12px;padding:3px 8px;border-radius:6px;flex-shrink:0}.review-questions-list .review-question-card .question-header .q-text{font-size:14.5px;font-weight:600;color:var(--text);line-height:1.5}.review-questions-list .review-question-card .review-options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.review-questions-list .review-question-card .review-options-list .review-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border-dark);font-size:13.5px;color:var(--text)}.review-questions-list .review-question-card .review-options-list .review-option.correct{background:#10b9811a;border-color:#10b981;color:#047857;font-weight:600}.review-questions-list .review-question-card .review-options-list .review-option .opt-letter{width:24px;height:24px;border-radius:6px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.review-questions-list .review-question-card .review-options-list .review-option .opt-text{flex:1}.review-questions-list .review-question-card .review-options-list .review-option .correct-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#10b981;font-weight:600}.review-questions-list .review-question-card .review-explanation{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:#6366f114;border:1px solid rgba(99,102,241,.15);font-size:12.5px;color:#4338ca;line-height:1.5}.review-questions-list .review-question-card .review-explanation svg{flex-shrink:0;margin-top:2px}.assign-students-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;border:1px solid var(--border-dark);border-radius:8px;padding:6px}.assign-students-list .assign-student-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease}.assign-students-list .assign-student-item:hover{background:var(--surface-2)}.assign-students-list .assign-student-item.selected{background:var(--primary-50)}.assign-students-list .assign-student-item .student-info-mini{display:flex;justify-content:space-between;align-items:center;width:100%}.assign-students-list .assign-student-item .student-info-mini .name{font-size:13.5px;font-weight:600;color:var(--text)}.assign-students-list .assign-student-item .student-info-mini .uname{font-size:12px;color:var(--text-3)}.assign-deadline-presets{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.assign-deadline-presets .preset-btn{background:var(--surface-2);border:1px solid var(--border-dark);border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all .15s ease}.assign-deadline-presets .preset-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.assign-search-box{position:relative;margin-bottom:10px}.assign-search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3)}.assign-search-box input{width:100%;padding:8px 12px 8px 32px;border-radius:8px;border:1px solid var(--border-dark);background:var(--surface);color:var(--text);font-size:13px}.assign-search-box input:focus{outline:none;border-color:var(--primary)}.tracker-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px}.tracker-summary-grid .tracker-kpi-card{background:var(--surface-2);border:1px solid var(--border-dark);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column}.tracker-summary-grid .tracker-kpi-card .kpi-title{font-size:11px;color:var(--text-3);margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tracker-summary-grid .tracker-kpi-card .kpi-val{font-size:18px;font-weight:800;color:var(--text)}.tracker-filters-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.tracker-filters-row .tracker-tabs{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:8px}.tracker-filters-row .tracker-tabs .tracker-tab{border:none;background:transparent;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-3);cursor:pointer;transition:all .15s ease}.tracker-filters-row .tracker-tabs .tracker-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tracker-filters-row .tracker-search{position:relative;flex:1;max-width:240px}.tracker-filters-row .tracker-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3)}.tracker-filters-row .tracker-search input{width:100%;padding:6px 10px 6px 30px;border-radius:6px;border:1px solid var(--border-dark);background:var(--surface);color:var(--text);font-size:12.5px}.tracker-filters-row .tracker-search input:focus{outline:none;border-color:var(--primary)}.class-reports-section{display:flex;flex-direction:column;gap:20px}.class-reports-section .reports-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:16px 20px}.class-reports-section .reports-header-bar h2{font-size:18px;font-weight:700;color:var(--text);margin:0}.class-reports-section .report-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.class-reports-section .report-summary-cards .report-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:16px;display:flex;flex-direction:column}.class-reports-section .report-summary-cards .report-kpi-card .kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--text-3);font-weight:600;margin-bottom:8px}.class-reports-section .report-summary-cards .report-kpi-card .kpi-num{font-size:26px;font-weight:800;color:var(--text);line-height:1.2;margin-bottom:4px}.class-reports-section .report-summary-cards .report-kpi-card .kpi-desc{font-size:12px;color:var(--text-3)}.class-reports-section .report-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.class-reports-section .report-analytics-grid .report-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:18px;display:flex;flex-direction:column}.class-reports-section .report-analytics-grid .report-box .report-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.class-reports-section .report-analytics-grid .report-box .report-box-header h3{font-size:15px;font-weight:700;color:var(--text);margin:0}.class-reports-section .report-analytics-grid .report-box .subject-accuracy-list{display:flex;flex-direction:column;gap:12px}.class-reports-section .report-analytics-grid .report-box .subject-accuracy-list .subject-accuracy-item{display:flex;flex-direction:column;gap:6px}.class-reports-section .report-analytics-grid .report-box .subject-accuracy-list .subject-accuracy-item .subject-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px}.class-reports-section .report-analytics-grid .report-box .subject-accuracy-list .subject-accuracy-item .subject-meta .subject-name{font-weight:600;color:var(--text)}.class-reports-section .report-analytics-grid .report-box .subject-accuracy-list .subject-accuracy-item .subject-meta .subject-score{color:var(--text-2);font-size:12px}.class-reports-section .report-analytics-grid .report-box .subject-accuracy-list .subject-accuracy-item .accuracy-progress-bg{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}.class-reports-section .report-analytics-grid .report-box .subject-accuracy-list .subject-accuracy-item .accuracy-progress-bg .accuracy-progress-fill{height:100%;border-radius:99px;transition:width .4s ease}.class-reports-section .report-analytics-grid .report-box .weak-topics-list{display:flex;flex-wrap:wrap;gap:8px}.class-reports-section .report-analytics-grid .report-box .weak-topics-list .weak-topic-pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px}.class-reports-section .report-analytics-grid .report-box .weak-topics-list .weak-topic-pill .topic-name{font-weight:600;color:var(--text)}.class-reports-section .report-analytics-grid .report-box .weak-topics-list .weak-topic-pill .topic-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.class-reports-section .report-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);overflow:hidden}.class-reports-section .report-table-card .report-box-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.class-reports-section .report-table-card .report-box-header h3{font-size:16px;font-weight:700;color:var(--text);margin:0}.class-ranking-page{padding-top:16px;padding-bottom:48px;max-width:1240px;margin:0 auto;box-sizing:border-box;width:100%}.ranking-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);padding:14px 18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:0 1px 3px #0000000a;box-sizing:border-box}.ranking-header .ranking-info{display:flex;align-items:center;gap:12px;min-width:0}.ranking-header .ranking-info .ranking-badge-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #d9770640}.ranking-header .ranking-info .ranking-badge-icon svg{width:20px;height:20px}.ranking-header .ranking-info h1{font-size:17px;font-weight:700;color:var(--text);margin:0 0 3px;line-height:1.3}.ranking-header .ranking-info p{font-size:12.5px;color:var(--text-3);margin:0;line-height:1.4}.ranking-header .btn{height:32px;padding:0 12px;font-size:12.5px;font-weight:600;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.ranking-header .btn.btn-icon{padding:0 9px}.podium-section{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin-bottom:20px;padding:10px 4px;box-sizing:border-box}.podium-section .podium-card{flex:1;max-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 12px 14px;text-align:center;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .15s ease;box-sizing:border-box}.podium-section .podium-card:hover{transform:translateY(-2px)}.podium-section .podium-card.first{order:2;border-color:#f59e0b;background:linear-gradient(180deg,rgba(245,158,11,.08) 0%,var(--surface) 100%);box-shadow:0 4px 16px #f59e0b1f;padding-top:22px;padding-bottom:16px}.podium-section .podium-card.first .podium-rank-badge{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b59}.podium-section .podium-card.second{order:1;border-color:#94a3b8}.podium-section .podium-card.second .podium-rank-badge{background:#94a3b8;color:#fff}.podium-section .podium-card.third{order:3;border-color:#d97706}.podium-section .podium-card.third .podium-rank-badge{background:#b45309;color:#fff}.podium-section .podium-card .podium-rank-badge{position:absolute;top:-11px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.podium-section .podium-card .podium-avatar{width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.podium-section .podium-card .podium-name{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.podium-section .podium-card .podium-score{font-size:16px;font-weight:800;color:var(--primary);margin-bottom:2px}.podium-section .podium-card .podium-tests{font-size:11px;color:var(--text-3)}.ranking-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 12px);box-shadow:0 1px 3px #0000000a;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.ranking-table-card .ranking-table{width:100%;border-collapse:collapse;font-size:12.5px;margin:0}.ranking-table-card .ranking-table thead{background:var(--surface-2)}.ranking-table-card .ranking-table thead th{padding:9px 12px;text-align:left;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap}.ranking-table-card .ranking-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s ease}.ranking-table-card .ranking-table tbody tr:last-child{border-bottom:none}.ranking-table-card .ranking-table tbody tr:hover{background:var(--surface-2)}.ranking-table-card .ranking-table tbody tr.is-me{background:#2563eb0d;font-weight:600}.ranking-table-card .ranking-table tbody tr.is-me td:first-child{border-left:3px solid var(--primary)}.ranking-table-card .ranking-table tbody tr td{padding:8px 12px;color:var(--text);vertical-align:middle;white-space:nowrap}.ranking-table-card .ranking-table tbody tr td .rank-circle{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;background:var(--surface-2);color:var(--text-2)}.ranking-table-card .ranking-table tbody tr td .rank-circle.rank-1{background:#fef3c7;color:#d97706}.ranking-table-card .ranking-table tbody tr td .rank-circle.rank-2{background:#f1f5f9;color:#64748b}.ranking-table-card .ranking-table tbody tr td .rank-circle.rank-3{background:#ffedd5;color:#c2410c}.ranking-table-card .ranking-table tbody tr td .student-row-user{display:flex;align-items:center;gap:8px}.ranking-table-card .ranking-table tbody tr td .student-row-user .user-avatar{width:26px;height:26px;border-radius:50%;background:#2563eb1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:var(--primary);flex-shrink:0}.ranking-table-card .ranking-table tbody tr td .student-row-user .you-tag{background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;margin-left:6px}.ranking-table-card .ranking-table tbody tr td .score-highlight{font-weight:700;color:#10b981}@media (max-width: 640px){.class-ranking-page{padding-top:12px;padding-bottom:36px}.ranking-header{padding:12px 14px;gap:12px}.ranking-header .ranking-info{width:100%}.podium-section{flex-direction:column;align-items:stretch}.podium-section .podium-card{max-width:100%}.podium-section .podium-card.first{order:1}.podium-section .podium-card.second{order:2}.podium-section .podium-card.third{order:3}}.student-class-panel{padding-top:20px;padding-bottom:56px;max-width:1240px;margin:0 auto;width:100%;box-sizing:border-box}.student-class-panel .panel-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);padding:20px 24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 2px 8px #0000000a}.student-class-panel .panel-header .header-main{display:flex;align-items:center;gap:16px}.student-class-panel .panel-header .header-main .header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#4F46E5);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #6366f140}.student-class-panel .panel-header .header-main .header-texts h1{font-size:20px;font-weight:800;color:var(--text);margin:0 0 4px;letter-spacing:-.02em}.student-class-panel .panel-header .header-main .header-texts .header-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-3);flex-wrap:wrap}.student-class-panel .panel-header .header-main .header-texts .header-meta .meta-pill{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);padding:2px 8px;border-radius:6px;font-weight:600;color:var(--text)}.student-class-panel .panel-header .header-actions{display:flex;align-items:center;gap:10px}.student-class-panel .my-position-card{background:linear-gradient(135deg,#6366f114,#10b9810d);border:1.5px solid rgba(99,102,241,.25);border-radius:var(--radius-lg, 16px);padding:16px 22px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.student-class-panel .my-position-card .position-left{display:flex;align-items:center;gap:14px}.student-class-panel .my-position-card .position-left .rank-circle-large{width:44px;height:44px;border-radius:50%;background:var(--surface);border:2px solid var(--primary);color:var(--primary);font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000000f}.student-class-panel .my-position-card .position-left .rank-circle-large.top-1{border-color:#f59e0b;background:#fef3c7;color:#d97706}.student-class-panel .my-position-card .position-left .rank-circle-large.top-2{border-color:#9ca3af;background:#f3f4f6;color:#4b5563}.student-class-panel .my-position-card .position-left .rank-circle-large.top-3{border-color:#d97706;background:#ffedd5;color:#9a3412}.student-class-panel .my-position-card .position-left .position-details h3{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--text)}.student-class-panel .my-position-card .position-left .position-details h3 .you-badge{background:var(--primary);color:#fff;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px}.student-class-panel .my-position-card .position-left .position-details p{margin:0;font-size:12.5px;color:var(--text-3)}.student-class-panel .my-position-card .position-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.student-class-panel .my-position-card .position-stats .stat-pill{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 14px;text-align:center;min-width:80px}.student-class-panel .my-position-card .position-stats .stat-pill .stat-num{font-size:15px;font-weight:800;color:var(--text)}.student-class-panel .my-position-card .position-stats .stat-pill .stat-lbl{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.student-class-panel .panel-tabs-bar{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:10px;overflow-x:auto}.student-class-panel .panel-tabs-bar .panel-tab-btn{background:transparent;border:1px solid transparent;color:var(--text-3);font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.student-class-panel .panel-tabs-bar .panel-tab-btn .count-badge{background:var(--surface-2);color:var(--text);font-size:11px;padding:2px 7px;border-radius:10px;font-weight:700}.student-class-panel .panel-tabs-bar .panel-tab-btn:hover{background:var(--surface);color:var(--text)}.student-class-panel .panel-tabs-bar .panel-tab-btn.active{background:var(--primary);color:#fff}.student-class-panel .panel-tabs-bar .panel-tab-btn.active .count-badge{background:#ffffff40;color:#fff}.student-class-panel .ranking-section .podium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}@media (max-width: 640px){.student-class-panel .ranking-section .podium-grid{grid-template-columns:1fr}}.student-class-panel .ranking-section .podium-grid .podium-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 14px;text-align:center;position:relative;box-shadow:0 1px 3px #0000000a;transition:transform .2s ease}.student-class-panel .ranking-section .podium-grid .podium-box:hover{transform:translateY(-2px)}.student-class-panel .ranking-section .podium-grid .podium-box.gold{border-color:#f59e0b66;background:linear-gradient(180deg,rgba(245,158,11,.06),var(--surface))}.student-class-panel .ranking-section .podium-grid .podium-box.silver{border-color:#9ca3af66;background:linear-gradient(180deg,rgba(156,163,175,.06),var(--surface))}.student-class-panel .ranking-section .podium-grid .podium-box.bronze{border-color:#d9770659;background:linear-gradient(180deg,rgba(217,119,6,.06),var(--surface))}.student-class-panel .ranking-section .podium-grid .podium-box .podium-medal{font-size:26px;margin-bottom:6px}.student-class-panel .ranking-section .podium-grid .podium-box .podium-avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-2);border:2px solid var(--border);margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text);font-size:16px}.student-class-panel .ranking-section .podium-grid .podium-box .podium-user-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-class-panel .ranking-section .podium-grid .podium-box .podium-score{font-size:16px;font-weight:800;color:var(--primary);margin-bottom:2px}.student-class-panel .ranking-section .podium-grid .podium-box .podium-sub{font-size:11.5px;color:var(--text-3)}.student-class-panel .ranking-section .ranking-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.student-class-panel .ranking-section .ranking-card .ranking-toolbar{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.student-class-panel .ranking-section .ranking-card .ranking-toolbar .search-box{position:relative;min-width:200px;flex:1;max-width:320px}.student-class-panel .ranking-section .ranking-card .ranking-toolbar .search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3)}.student-class-panel .ranking-section .ranking-card .ranking-toolbar .search-box input{width:100%;padding:7px 12px 7px 32px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12.5px}.student-class-panel .ranking-section .ranking-card .ranking-toolbar .sort-controls{display:flex;align-items:center;gap:6px}.student-class-panel .ranking-section .ranking-card .ranking-toolbar .sort-controls button{padding:5px 10px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-3);cursor:pointer}.student-class-panel .ranking-section .ranking-card .ranking-toolbar .sort-controls button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper{overflow-x:auto}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table{width:100%;border-collapse:collapse;font-size:13px}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table th{background:var(--surface-2);padding:10px 14px;text-align:left;font-weight:600;color:var(--text-3);font-size:12px;border-bottom:1px solid var(--border)}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table tr.is-current-user{background:#6366f114}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table tr.is-current-user td{font-weight:600;border-top:1px solid rgba(99,102,241,.25);border-bottom:1px solid rgba(99,102,241,.25)}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .rank-badge{font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2)}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .rank-badge.top-1{background:#fef3c7;color:#d97706}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .rank-badge.top-2{background:#f3f4f6;color:#4b5563}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .rank-badge.top-3{background:#ffedd5;color:#9a3412}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .student-cell{display:flex;align-items:center;gap:10px}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .student-cell .student-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--text);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .student-cell .student-names{display:flex;flex-direction:column}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .student-cell .student-names .st-name{font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:6px}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .student-cell .student-names .st-user{font-size:11.5px;color:var(--text-3)}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .points-tag{font-weight:800;color:#d97706;display:inline-flex;align-items:center;gap:4px}.student-class-panel .ranking-section .ranking-card .ranking-table-wrapper .ranking-table .score-tag{font-weight:700;color:var(--primary)}.student-class-panel .assignments-section .assignments-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.student-class-panel .assignments-section .assignments-toolbar .filter-pills{display:flex;gap:6px;flex-wrap:wrap}.student-class-panel .assignments-section .assignments-toolbar .filter-pills button{padding:5px 12px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-3);cursor:pointer;transition:all .15s ease}.student-class-panel .assignments-section .assignments-toolbar .filter-pills button:hover{color:var(--text)}.student-class-panel .assignments-section .assignments-toolbar .filter-pills button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.student-class-panel .assignments-section .assignments-list{display:flex;flex-direction:column;gap:12px}.student-class-panel .assignments-section .assignments-list .assignment-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 1px 3px #0000000a;transition:border-color .2s ease}.student-class-panel .assignments-section .assignments-list .assignment-card.completed{border-color:#10b98159;background:linear-gradient(90deg,rgba(16,185,129,.03),var(--surface))}.student-class-panel .assignments-section .assignments-list .assignment-card.overdue{border-color:#ef444459}.student-class-panel .assignments-section .assignments-list .assignment-card.started{border-color:#f59e0b59}.student-class-panel .assignments-section .assignments-list .assignment-card .card-left{flex:1;min-width:250px}.student-class-panel .assignments-section .assignments-list .assignment-card .card-left .badges-line{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.student-class-panel .assignments-section .assignments-list .assignment-card .card-left h3{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--text)}.student-class-panel .assignments-section .assignments-list .assignment-card .card-left .meta-line{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-3);flex-wrap:wrap}.student-class-panel .assignments-section .assignments-list .assignment-card .card-left .meta-line .meta-item{display:inline-flex;align-items:center;gap:4px}.student-class-panel .assignments-section .assignments-list .assignment-card .card-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.student-class-panel .assignments-section .assignments-list .assignment-card .card-right .score-result-box{text-align:right}.student-class-panel .assignments-section .assignments-list .assignment-card .card-right .score-result-box .res-score{font-size:16px;font-weight:800;color:#10b981}.student-class-panel .assignments-section .assignments-list .assignment-card .card-right .score-result-box .res-date{font-size:11px;color:var(--text-3)}.student-class-panel .assignments-section .assignments-list .assignment-card .card-right .btn{font-weight:600;font-size:12.5px;padding:7px 14px;display:inline-flex;align-items:center;gap:6px}.student-class-panel .empty-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px 24px;text-align:center;color:var(--text-3)}.student-class-panel .empty-card svg{color:var(--text-3);margin-bottom:12px;opacity:.6}.student-class-panel .empty-card h3{font-size:16px;font-weight:700;color:var(--text);margin:0 0 6px}.student-class-panel .empty-card p{font-size:13px;max-width:400px;margin:0 auto}@media (max-width: 540px){.student-class-panel{padding-top:12px;padding-bottom:36px}.student-class-panel .panel-header{padding:14px 16px}.student-class-panel .panel-header .header-main{gap:12px}.student-class-panel .panel-header .header-main .header-icon{width:40px;height:40px}.student-class-panel .panel-header .header-main .header-texts h1{font-size:17px}.student-class-panel .panel-header .header-actions{width:100%}.student-class-panel .panel-header .header-actions button,.student-class-panel .panel-header .header-actions .btn{width:100%;justify-content:center}.student-class-panel .my-position-card{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:12px}.student-class-panel .my-position-card .position-left{width:100%}.student-class-panel .my-position-card .position-right{width:100%;justify-content:space-between}.student-class-panel .assignment-card{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:12px}.student-class-panel .assignment-card .card-left,.student-class-panel .assignment-card .card-right{width:100%}.student-class-panel .assignment-card .card-right{justify-content:space-between}.student-class-panel .assignment-card .card-right .btn{flex:1;justify-content:center}}.aylana-baraban-container{position:relative;width:100%;max-width:460px;aspect-ratio:1/1;margin:0 auto;display:flex;align-items:center;justify-content:center}.aylana-baraban-container .wheel-pointer-indicator{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:25;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}.aylana-baraban-container .wheel-pointer-indicator .pointer-arrow{width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid #DC2626;position:relative}.aylana-baraban-container .wheel-pointer-indicator .pointer-arrow:after{content:"";position:absolute;top:-30px;left:-7px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.aylana-baraban-container .wheel-rotator{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center}.aylana-baraban-container .wheel-rotator .wheel-svg{width:100%;height:100%;overflow:visible}.aylana-baraban-container .wheel-rotator .wheel-svg .outer-ring{fill:#f1f5f9;stroke:#cbd5e1;stroke-width:4}.aylana-baraban-container .wheel-rotator .wheel-svg .wheel-slice{transition:opacity .2s}.aylana-baraban-container .wheel-rotator .wheel-svg .wheel-slice.used{opacity:.45}.aylana-baraban-container .wheel-rotator .wheel-svg .slice-text{font-family:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}.aylana-baraban-container .wheel-rotator .wheel-svg .center-hub-outer{fill:#fff;stroke:#e2e8f0;stroke-width:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.aylana-baraban-container .wheel-rotator .wheel-svg .center-hub-inner{fill:#1e293b}.aylana-baraban-container .center-spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:#1e293b;color:#fff;border:4px solid #FFFFFF;box-shadow:0 4px 14px #00000040;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;letter-spacing:.5px;cursor:pointer;z-index:20;transition:all .15s ease-out}.aylana-baraban-container .center-spin-btn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.06);background:#2563eb;box-shadow:0 6px 18px #2563eb66}.aylana-baraban-container .center-spin-btn:active:not(:disabled){transform:translate(-50%,-50%) scale(.96)}.aylana-baraban-container .center-spin-btn:disabled{opacity:.6;cursor:not-allowed}.aylana-baraban-container .center-spin-btn span{text-align:center;line-height:1.1}.ticket-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.ticket-modal-overlay .ticket-modal-card{background:#fff;width:100%;max-width:580px;border-radius:18px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;border:1px solid #E2E8F0}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header{padding:1rem 1.25rem;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8fafc}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .ticket-badge-title{display:flex;align-items:center;gap:.65rem}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .ticket-badge-title .ticket-num{background:#2563eb;color:#fff;font-size:.75rem;font-weight:800;padding:.25rem .6rem;border-radius:6px}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .ticket-badge-title .student-name{font-size:1rem;font-weight:700;color:#0f172a}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .header-actions{display:flex;align-items:center;gap:.75rem}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .header-actions .status-pill{font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:20px}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .header-actions .status-pill.new{background:#f1f5f9;color:#475569}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .header-actions .status-pill.in_progress{background:#fef3c7;color:#d97706}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .header-actions .status-pill.submitted{background:#dcfce7;color:#16a34a}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .header-actions .btn-close-ticket{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:6px}.ticket-modal-overlay .ticket-modal-card .ticket-modal-header .header-actions .btn-close-ticket:hover{background:#e2e8f0;color:#0f172a}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-question-text h3{font-size:1.15rem;font-weight:700;color:#0f172a;line-height:1.45;margin:0}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group{display:flex;flex-direction:column;gap:.65rem}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn{background:#f8fafc;border:1.5px solid #E2E8F0;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.85rem;cursor:pointer;text-align:left;transition:all .15s}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn:hover:not(:disabled){border-color:#94a3b8;background:#f1f5f9}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn.selected{border-color:#2563eb;background:#eff6ff}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn.selected .option-letter{background:#2563eb;color:#fff}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn .option-letter{width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#1e293b;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn .option-body{font-size:.95rem;font-weight:600;color:#1e293b;flex:1}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn.correct{border-color:#10b981;background:#ecfdf5}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn.correct .option-letter{background:#10b981;color:#fff}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn.correct-key{border-color:#10b981;background:#f0fdf4;border-style:dashed}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn.wrong{border-color:#ef4444;background:#fef2f2}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn.wrong .option-letter{background:#ef4444;color:#fff}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn .result-icon.correct{color:#10b981}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-options-group .ticket-option-btn .result-icon.wrong{color:#ef4444}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-result-alert{border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.4rem}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-result-alert.success{background:#ecfdf5;border:1px solid #A7F3D0;color:#065f46}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-result-alert.danger{background:#fef2f2;border:1px solid #FECACA;color:#991b1b}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-result-alert .result-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem}.ticket-modal-overlay .ticket-modal-card .ticket-modal-body .ticket-result-alert .result-explanation{margin:0;font-size:.85rem;line-height:1.4;opacity:.9}.ticket-modal-overlay .ticket-modal-card .ticket-modal-footer{padding:.85rem 1.25rem;border-top:1px solid #E2E8F0;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:#f8fafc}.ticket-modal-overlay .ticket-modal-card .ticket-modal-footer .btn-cancel{background:#fff;border:1px solid #CBD5E1;color:#475569;font-weight:600;font-size:.85rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.ticket-modal-overlay .ticket-modal-card .ticket-modal-footer .btn-cancel:hover{background:#f1f5f9;color:#0f172a}.ticket-modal-overlay .ticket-modal-card .ticket-modal-footer .btn-submit-ticket{background:#2563eb;border:none;color:#fff;font-weight:700;font-size:.85rem;padding:.5rem 1.15rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .15s}.ticket-modal-overlay .ticket-modal-card .ticket-modal-footer .btn-submit-ticket:hover:not(:disabled){background:#1d4ed8}.ticket-modal-overlay .ticket-modal-card .ticket-modal-footer .btn-submit-ticket:disabled{opacity:.5;cursor:not-allowed}.battle-arena-root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;transition:background-color .2s,color .2s}.battle-arena-root.battle-theme-light{--arena-bg: #F8FAFC;--arena-surface: #FFFFFF;--arena-surface-alt: #F1F5F9;--arena-border: #E2E8F0;--arena-border-strong: #CBD5E1;--arena-text: #0F172A;--arena-text-secondary: #334155;--arena-text-muted: #64748B;--arena-primary: #2563EB;--arena-primary-hover: #1D4ED8;--arena-primary-bg: #EFF6FF;--arena-tile-bg: #FFFFFF;--arena-tile-border: #93C5FD;--arena-tile-text: #1D4ED8;--arena-tile-hover-bg: #DBEAFE;--arena-used-bg: #F1F5F9;--arena-used-border: #E2E8F0;--arena-shadow: 0 4px 12px rgba(0, 0, 0, .05)}.battle-arena-root.battle-theme-dark{--arena-bg: #090D1A;--arena-surface: #111827;--arena-surface-alt: #1F2937;--arena-border: #1F2937;--arena-border-strong: #374151;--arena-text: #F9FAFB;--arena-text-secondary: #E2E8F0;--arena-text-muted: #9CA3AF;--arena-primary: #3B82F6;--arena-primary-hover: #60A5FA;--arena-primary-bg: rgba(59, 130, 246, .15);--arena-tile-bg: #1E293B;--arena-tile-border: rgba(59, 130, 246, .5);--arena-tile-text: #93C5FD;--arena-tile-hover-bg: #283548;--arena-used-bg: #0B0F19;--arena-used-border: rgba(255, 255, 255, .06);--arena-shadow: 0 4px 20px rgba(0, 0, 0, .5)}.battle-arena-root{background:var(--arena-bg);color:var(--arena-text)}.arena-top-bar{height:64px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:var(--arena-surface);border-bottom:1px solid var(--arena-border);box-shadow:var(--arena-shadow);z-index:50}.arena-top-bar .left-controls{display:flex;align-items:center;gap:1rem}.arena-top-bar .left-controls .btn-icon-back{background:var(--arena-surface-alt);border:1px solid var(--arena-border);color:var(--arena-text-secondary);padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.arena-top-bar .left-controls .btn-icon-back:hover{background:var(--arena-border);color:var(--arena-text)}.arena-top-bar .left-controls .game-brand{display:flex;align-items:center;gap:.75rem}.arena-top-bar .left-controls .game-brand .brand-icon-box{width:36px;height:36px;border-radius:8px;background:var(--arena-primary-bg);color:var(--arena-primary);display:flex;align-items:center;justify-content:center}.arena-top-bar .left-controls .game-brand .game-title{font-size:1.05rem;font-weight:700;color:var(--arena-text)}.arena-top-bar .left-controls .game-brand .game-code-badge{font-size:.75rem;font-weight:700;background:var(--arena-surface-alt);border:1px solid var(--arena-border);color:var(--arena-text-muted);padding:.1rem .45rem;border-radius:4px;display:inline-block;margin-top:.1rem}.arena-top-bar .center-notice .status-pill{display:flex;align-items:center;gap:.45rem;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.arena-top-bar .center-notice .status-pill.turn{background:var(--arena-primary-bg);border:1px solid var(--arena-primary);color:var(--arena-primary)}.arena-top-bar .center-notice .status-pill.turn .turn-label{font-size:.8rem;color:var(--arena-text-muted)}.arena-top-bar .center-notice .status-pill.turn .turn-name{font-size:.95rem;font-weight:800}.arena-top-bar .center-notice .status-pill.ready{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#059669}.arena-top-bar .center-notice .status-pill.active-timer{background:var(--arena-primary-bg);border:1px solid var(--arena-primary);color:var(--arena-primary);font-size:.95rem}.arena-top-bar .center-notice .status-pill.active-timer .timer-countdown{font-weight:800;letter-spacing:.5px}.arena-top-bar .center-notice .status-pill.active-timer .timer-text{font-size:.8rem;color:var(--arena-text-muted)}.arena-top-bar .center-notice .status-pill.active-timer.urgent{background:#ef444426;border-color:#ef4444;color:#dc2626;animation:pulse 1s infinite}.arena-top-bar .center-notice .status-pill.paused{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#dc2626}.arena-top-bar .center-notice .status-pill.winner{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#d97706}.arena-top-bar .right-controls{display:flex;align-items:center;gap:.5rem}.arena-top-bar .right-controls .btn-upload-music{display:inline-flex;align-items:center;gap:.35rem;background:var(--arena-surface-alt);border:1px dashed var(--arena-primary);color:var(--arena-primary);padding:.45rem .75rem;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.arena-top-bar .right-controls .btn-upload-music:hover{background:var(--arena-primary-bg)}.arena-top-bar .right-controls .btn-upload-music .upload-btn-text{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-top-bar .right-controls .volume-slider-group{display:flex;align-items:center;gap:.35rem;background:var(--arena-surface-alt);border:1px solid var(--arena-border);padding:.25rem .6rem;border-radius:8px}.arena-top-bar .right-controls .volume-slider-group .btn-icon-mute{background:transparent;border:none;color:var(--arena-text-secondary);cursor:pointer;display:flex;align-items:center;padding:0}.arena-top-bar .right-controls .volume-slider-group .btn-icon-mute:hover{color:var(--arena-primary)}.arena-top-bar .right-controls .volume-slider-group .arena-volume-range{width:55px;height:4px;accent-color:var(--arena-primary);cursor:pointer}.arena-top-bar .right-controls .btn-icon-control{background:var(--arena-surface-alt);border:1px solid var(--arena-border);color:var(--arena-text-secondary);padding:.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.arena-top-bar .right-controls .btn-icon-control:hover{background:var(--arena-border);color:var(--arena-text)}.arena-top-bar .right-controls .btn-icon-control.active{background:var(--arena-primary);color:#fff;border-color:var(--arena-primary)}.arena-stage{flex:1;display:flex;flex-direction:column;padding:1.25rem 2rem 4.5rem;overflow-y:auto;position:relative}.ready-lobby-screen{flex:1;display:flex;align-items:center;justify-content:center}.ready-lobby-screen .lobby-card{background:var(--arena-surface);border:1px solid var(--arena-border);box-shadow:var(--arena-shadow);padding:3rem 4rem;border-radius:20px;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:600px}.ready-lobby-screen .lobby-card .lobby-trophy-box{width:72px;height:72px;border-radius:18px;background:var(--arena-primary-bg);color:var(--arena-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.ready-lobby-screen .lobby-card h1{font-size:2rem;font-weight:800;margin:0;color:var(--arena-text)}.ready-lobby-screen .lobby-card .lobby-desc{color:var(--arena-text-muted);font-size:1rem;margin:.5rem 0 1.5rem}.ready-lobby-screen .lobby-card .lobby-participants-preview{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-bottom:2rem}.ready-lobby-screen .lobby-card .lobby-participants-preview .participant-chip{background:var(--arena-surface-alt);border:1px solid var(--arena-border);border-left-width:4px;border-radius:8px;padding:.35rem .85rem;display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.9rem;color:var(--arena-text)}.ready-lobby-screen .lobby-card .lobby-participants-preview .participant-chip .dot{width:8px;height:8px;border-radius:50%}.ready-lobby-screen .lobby-card .btn-launch-game{background:var(--arena-primary);border:none;color:#fff;padding:.85rem 2.2rem;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 15px #2563eb4d;transition:all .2s}.ready-lobby-screen .lobby-card .btn-launch-game:hover{background:var(--arena-primary-hover);transform:translateY(-2px)}.ready-lobby-screen .lobby-card .waiting-teacher{color:var(--arena-text-muted);font-size:.95rem;font-style:italic}.jeopardy-arena-layout{flex:1;display:flex;flex-direction:column;gap:1.25rem;height:100%}.jeopardy-grid-board{flex:1;display:flex;flex-direction:column;gap:.65rem;background:var(--arena-surface);padding:1rem;border-radius:16px;border:1px solid var(--arena-border);box-shadow:var(--arena-shadow)}.jeopardy-grid-board .grid-header-row{display:flex;gap:.65rem}.jeopardy-grid-board .grid-header-row .category-header-cell{flex:1;background:var(--arena-surface-alt);border:2px solid var(--arena-border);border-radius:10px;padding:.75rem .5rem;text-align:center;font-size:1rem;font-weight:700;color:var(--arena-primary);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;min-height:52px}.jeopardy-grid-board .grid-points-row{flex:1;display:flex;gap:.65rem}.jeopardy-grid-board .grid-points-row .point-tile{flex:1;background:var(--arena-tile-bg);border:2px solid var(--arena-tile-border);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);position:relative}.jeopardy-grid-board .grid-points-row .point-tile.available:hover{transform:scale(1.03);background:var(--arena-tile-hover-bg);border-color:var(--arena-primary);z-index:5}.jeopardy-grid-board .grid-points-row .point-tile .tile-points{font-size:1.85rem;font-weight:800;color:var(--arena-tile-text)}.jeopardy-grid-board .grid-points-row .point-tile.used{background:var(--arena-used-bg);border-color:var(--arena-used-border);cursor:not-allowed;opacity:.5}.jeopardy-grid-board .grid-points-row .point-tile.used .used-mark .icon-correct{color:#10b981}.jeopardy-grid-board .grid-points-row .point-tile.used .used-mark .icon-incorrect{color:#ef4444}.jeopardy-grid-board .grid-points-row .point-tile.empty{border:1px dashed var(--arena-border);background:transparent;cursor:default}.team-score-pods{display:flex;gap:1rem;margin-bottom:2.75rem}.team-score-pods .team-pod{flex:1;background:var(--arena-surface);border-radius:12px;border:1px solid var(--arena-border);border-top-width:5px;padding:.75rem 1.15rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:var(--arena-shadow);transition:all .2s}.team-score-pods .team-pod.active-turn{border-color:var(--arena-primary);box-shadow:0 0 0 2px var(--arena-primary);transform:translateY(-2px)}.team-score-pods .team-pod .pod-header{display:flex;align-items:center;justify-content:space-between}.team-score-pods .team-pod .pod-header .team-name{font-size:1rem;font-weight:700}.team-score-pods .team-pod .pod-header .turn-badge{font-size:.7rem;font-weight:700;background:var(--arena-primary);color:#fff;padding:.15rem .5rem;border-radius:10px;text-transform:uppercase}.team-score-pods .team-pod .pod-score{font-size:1.85rem;font-weight:800;color:var(--arena-text)}.team-score-pods .team-pod .pod-footer{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--arena-text-muted)}.team-score-pods .team-pod .pod-footer .btn-tiny-override{background:transparent;border:none;color:var(--arena-text-muted);cursor:pointer;padding:.2rem}.team-score-pods .team-pod .pod-footer .btn-tiny-override:hover{color:var(--arena-primary)}.duel-reference-top-bar{height:64px;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;background:var(--arena-surface);border-bottom:1px solid var(--arena-border);box-shadow:0 1px 4px #0000000a;z-index:50}.duel-reference-top-bar .duel-top-left-team{display:flex;align-items:center;gap:1rem}.duel-reference-top-bar .duel-top-left-team .player-label{color:#2563eb;font-size:1.15rem;font-weight:800;letter-spacing:-.2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-reference-top-bar .duel-top-left-team .team-score.blue{color:#2563eb;font-size:1.9rem;font-weight:900;line-height:1}.duel-reference-top-bar .duel-top-center-brand{display:flex;align-items:center;justify-content:center}.duel-reference-top-bar .duel-top-center-brand .brand-logo-row{display:flex;align-items:center;gap:.45rem}.duel-reference-top-bar .duel-top-center-brand .brand-logo-circle{width:28px;height:28px;border-radius:50%;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center}.duel-reference-top-bar .duel-top-center-brand .brand-name{font-size:1.25rem;font-weight:800;color:var(--arena-text);letter-spacing:-.5px}.duel-reference-top-bar .duel-top-right-team{display:flex;align-items:center;gap:1rem}.duel-reference-top-bar .duel-top-right-team .team-score.red{color:#dc2626;font-size:1.9rem;font-weight:900;line-height:1}.duel-reference-top-bar .duel-top-right-team .player-label{color:#dc2626;font-size:1.15rem;font-weight:800;letter-spacing:-.2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-reference-grid-arena{display:grid;grid-template-columns:1fr .65fr 1fr;gap:1rem;height:100%;max-height:calc(100vh - 78px);box-sizing:border-box;align-items:stretch;position:relative;padding:0 .5rem 2.5rem}.duel-reference-grid-arena .duel-mobile-tab-switch{display:none}@media (max-width: 768px){.duel-reference-grid-arena{display:flex;flex-direction:column;max-height:none;overflow-y:auto;gap:.75rem}.duel-reference-grid-arena .duel-mobile-tab-switch{display:flex;gap:.5rem;width:100%;margin-bottom:.5rem}.duel-reference-grid-arena .duel-mobile-tab-switch .tab-btn{flex:1;padding:.6rem .5rem;border-radius:10px;font-size:.85rem;font-weight:700;border:1.5px solid var(--arena-border);background:var(--arena-surface);color:var(--arena-text-secondary);cursor:pointer}.duel-reference-grid-arena .duel-mobile-tab-switch .tab-btn.blue.active{background:#eff6ff;border-color:#2563eb;color:#2563eb}.duel-reference-grid-arena .duel-mobile-tab-switch .tab-btn.red.active{background:#fef2f2;border-color:#dc2626;color:#dc2626}.duel-reference-grid-arena .duel-center-divider-panel{order:-1;height:auto;padding:.5rem 1rem;border-radius:12px}.duel-reference-grid-arena .duel-center-divider-panel .duel-vertical-dashed-line{display:none}.duel-reference-grid-arena .duel-player-card-panel.mobile-hidden{display:none!important}.duel-reference-grid-arena .duel-player-card-panel.mobile-active{display:flex!important}}.duel-reference-grid-arena .duel-player-card-panel{background:var(--arena-surface);border-radius:16px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.75rem;height:100%;box-sizing:border-box;box-shadow:0 3px 12px #00000005;overflow-y:auto}.duel-reference-grid-arena .duel-player-card-panel.blue-side{border:2px solid #BFDBFE}.duel-reference-grid-arena .duel-player-card-panel.red-side{border:2px solid #FECACA}.duel-reference-grid-arena .duel-player-card-panel .duel-question-box{border-radius:12px;padding:.75rem 1rem;min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.duel-reference-grid-arena .duel-player-card-panel .duel-question-box.blue{background:#eff6ff;border:1.5px solid #BFDBFE}.duel-reference-grid-arena .duel-player-card-panel .duel-question-box.blue h2{color:#2563eb;font-size:1.15rem;font-weight:700;line-height:1.35;margin:0;word-break:break-word}.duel-reference-grid-arena .duel-player-card-panel .duel-question-box.red{background:#fef2f2;border:1.5px solid #FECACA}.duel-reference-grid-arena .duel-player-card-panel .duel-question-box.red h2{color:#dc2626;font-size:1.15rem;font-weight:700;line-height:1.35;margin:0;word-break:break-word}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list{display:flex;flex-direction:column;gap:.5rem;flex:1;justify-content:space-evenly}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item{background:var(--arena-surface);border:1.5px solid var(--arena-border);border-radius:10px;padding:.55rem .85rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .15s ease-out;box-shadow:0 1px 3px #00000005;text-align:left;color:var(--arena-text);min-height:44px}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item:hover:not(:disabled){border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 3px 6px #0000000a}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item .option-circle-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item .option-circle-badge.blue,.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item .option-circle-badge.red{background:#eff6ff;color:#2563eb}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item .option-text-label{font-size:.95rem;font-weight:600;color:var(--arena-text);flex:1;line-height:1.25;word-break:break-word}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item.correct{border-color:#10b981!important;background:#10b9811f!important}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item.correct .feedback-icon.correct{color:#10b981;margin-left:auto}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item.wrong{border-color:#ef4444!important;background:#ef44441f!important;animation:shake .4s}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item.wrong .feedback-icon.wrong{color:#ef4444;margin-left:auto}.duel-reference-grid-arena .duel-player-card-panel .duel-options-list .duel-option-item:disabled{cursor:default}.duel-reference-grid-arena .duel-center-divider-panel{background:var(--arena-surface);border:1.5px solid var(--arena-border);border-radius:16px;display:flex;flex-direction:column;align-items:center;padding:1rem .85rem;position:relative;height:100%;box-sizing:border-box}.duel-reference-grid-arena .duel-center-divider-panel .duel-timer-badge{background:#eff6ff;border:1.5px solid #BFDBFE;color:#1d4ed8;padding:.35rem 1.15rem;border-radius:20px;font-size:1.15rem;font-weight:800;display:inline-flex;align-items:center;gap:.4rem;letter-spacing:.5px;box-shadow:0 2px 4px #2563eb14;z-index:5}.duel-reference-grid-arena .duel-center-divider-panel .duel-timer-badge.urgent{background:#fef2f2;border-color:#fecaca;color:#dc2626;animation:pulse 1s infinite}.duel-reference-grid-arena .duel-center-divider-panel .duel-timer-badge.paused{background:#fffbeb;border-color:#fde68a;color:#d97706}.duel-reference-grid-arena .duel-center-divider-panel .duel-vertical-dashed-line{position:absolute;top:60px;bottom:25px;left:50%;width:2px;border-left:2px dashed #CBD5E1;transform:translate(-50%);z-index:1}.exit-ticket-arena-layout{display:flex;flex-direction:column;gap:1.15rem;height:100%;padding:0 .5rem 1.5rem;box-sizing:border-box}.exit-ticket-arena-layout .exit-ticket-summary-bar{background:var(--arena-surface);border:1px solid var(--arena-border);border-radius:14px;padding:.85rem 1.25rem;display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;box-shadow:0 2px 8px #00000005}.exit-ticket-arena-layout .exit-ticket-summary-bar .summary-stat-box{display:flex;align-items:baseline;gap:.5rem}.exit-ticket-arena-layout .exit-ticket-summary-bar .summary-stat-box .stat-num{font-size:1.35rem;font-weight:800;color:var(--arena-text)}.exit-ticket-arena-layout .exit-ticket-summary-bar .summary-stat-box .stat-desc{font-size:.82rem;color:var(--arena-text-muted);font-weight:600}.exit-ticket-arena-layout .exit-ticket-summary-bar .summary-stat-box.success .stat-num{color:#10b981}.exit-ticket-arena-layout .exit-ticket-summary-bar .btn-end-ticket-session{margin-left:auto;background:#2563eb;color:#fff;border:none;padding:.5rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .15s}.exit-ticket-arena-layout .exit-ticket-summary-bar .btn-end-ticket-session:hover{background:#1d4ed8}.exit-ticket-arena-layout .exit-ticket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;overflow-y:auto;padding-bottom:2rem}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card{background:var(--arena-surface);border:1.5px solid var(--arena-border);border-radius:14px;padding:1rem;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 2px 6px #00000005}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card:hover{border-color:var(--arena-border-strong);transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card.in_progress{border-color:#fbbf24}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card.submitted{border-color:#34d399;background:#10b98108}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-header{display:flex;align-items:center;justify-content:space-between}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-header .ticket-card-badge{font-size:.75rem;font-weight:800;color:#2563eb;background:#eff6ff;padding:.2rem .5rem;border-radius:6px}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-header .ticket-status-chip{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:12px}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-header .ticket-status-chip.new{background:#f1f5f9;color:#64748b}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-header .ticket-status-chip.in_progress{background:#fef3c7;color:#d97706}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-header .ticket-status-chip.submitted{background:#dcfce7;color:#16a34a}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-student h4{margin:0;font-size:1rem;font-weight:700;color:var(--arena-text);word-break:break-word}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-footer{margin-top:auto;padding-top:.5rem;border-top:1px dashed var(--arena-border);font-size:.8rem;display:flex;align-items:center}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-footer .footer-action-link{color:#2563eb;font-weight:600}.exit-ticket-arena-layout .exit-ticket-grid .ticket-card .ticket-card-footer .footer-status-text.submitted{color:#16a34a;font-weight:600;display:flex;align-items:center;gap:.35rem}.wheel-arena-layout{display:flex;justify-content:center;align-items:center;height:100%;padding:0 1rem 2rem;box-sizing:border-box}.wheel-arena-layout .wheel-stage-card{background:var(--arena-surface);border:1.5px solid var(--arena-border);border-radius:20px;padding:1.25rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:560px;width:100%;box-shadow:0 8px 24px #0000000a}.wheel-arena-layout .wheel-stage-card .wheel-arena-header{width:100%;display:flex;align-items:center;justify-content:space-between}.wheel-arena-layout .wheel-stage-card .wheel-arena-header .remaining-indicator{font-size:.95rem;color:var(--arena-text-secondary)}.wheel-arena-layout .wheel-stage-card .wheel-arena-header .remaining-indicator strong{color:#2563eb}.wheel-arena-layout .wheel-stage-card .wheel-arena-header .btn-reset-wheel-top{background:transparent;border:1px solid var(--arena-border);color:var(--arena-text-secondary);padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem}.wheel-arena-layout .wheel-stage-card .wheel-arena-header .btn-reset-wheel-top:hover{border-color:#2563eb;color:#2563eb}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls .btn-spin-large{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:.85rem 2.25rem;font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:.65rem;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:all .15s}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls .btn-spin-large:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb73}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls .btn-spin-large:disabled{opacity:.6;cursor:not-allowed}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls .wheel-all-used-banner{background:#fef3c7;border:1px solid #FDE68A;border-radius:12px;padding:1rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls .wheel-all-used-banner p{margin:0;color:#92400e;font-weight:700;font-size:.95rem}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls .wheel-all-used-banner .btn-restart-wheel{background:#d97706;color:#fff;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem}.wheel-arena-layout .wheel-stage-card .wheel-bottom-controls .wheel-all-used-banner .btn-restart-wheel:hover{background:#b45309}.wheel-spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.wheel-spotlight-overlay .wheel-spotlight-modal{background:#fff;width:100%;max-width:620px;border-radius:18px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:88vh;overflow:hidden;border:1px solid #E2E8F0}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-header{padding:1rem 1.25rem;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;flex-shrink:0}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-header .spotlight-tag{background:#2563eb;color:#fff;font-size:.75rem;font-weight:800;padding:.25rem .65rem;border-radius:6px}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-header .btn-close-spotlight{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:6px}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-header .btn-close-spotlight:hover{background:#e2e8f0;color:#0f172a}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;flex:1 1 auto;min-height:0;overscroll-behavior:contain}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-question-title{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a;line-height:1.45}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list{display:flex;flex-direction:column;gap:.65rem}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item{background:#f8fafc;border:1.5px solid #E2E8F0;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.85rem;transition:all .15s;width:100%;text-align:left;box-sizing:border-box}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.interactive{cursor:pointer}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.interactive:hover{border-color:#2563eb;background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 6px #0000000d}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.interactive:hover .opt-letter{background:#2563eb;color:#fff}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item .opt-letter{width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#1e293b;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item .opt-text{font-size:1rem;font-weight:600;color:#1e293b;flex:1}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.revealed-correct{border-color:#10b981!important;background:#ecfdf5!important}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.revealed-correct .opt-letter{background:#10b981!important;color:#fff!important}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.revealed-correct .check-icon{color:#10b981;margin-left:auto}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.revealed-wrong{border-color:#ef4444!important;background:#fef2f2!important}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.revealed-wrong .opt-letter{background:#ef4444!important;color:#fff!important}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-options-list .spotlight-option-item.revealed-wrong .wrong-icon{color:#ef4444;margin-left:auto}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-body .spotlight-explanation{background:#eff6ff;border:1px solid #BFDBFE;border-radius:10px;padding:.95rem 1.15rem;font-size:.92rem;line-height:1.5;color:#1e40af;margin-top:.5rem;margin-bottom:.5rem}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-footer{padding:.85rem 1.25rem;border-top:1px solid #E2E8F0;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:#f8fafc;flex-shrink:0;position:relative;z-index:2}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-footer .btn-reveal-answer{background:#10b981;color:#fff;border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-footer .btn-reveal-answer:hover{background:#059669}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-footer .btn-next-spin{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer}.wheel-spotlight-overlay .wheel-spotlight-modal .spotlight-footer .btn-next-spin:hover{background:#1d4ed8}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.question-overlay-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.question-overlay-modal.dual-side-modal{background:var(--arena-surface);border:1px solid var(--arena-border);box-shadow:0 25px 50px -12px #00000059;border-radius:20px;width:100%;max-width:1200px;max-height:94vh;display:flex;flex-direction:column;overflow:hidden;color:var(--arena-text)}.question-overlay-modal.dual-side-modal .question-modal-top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.75rem;background:var(--arena-surface-alt);border-bottom:1px solid var(--arena-border)}.question-overlay-modal.dual-side-modal .question-modal-top .q-badge-info{display:flex;align-items:center;gap:.65rem}.question-overlay-modal.dual-side-modal .question-modal-top .q-badge-info .q-category{background:var(--arena-surface);border:1px solid var(--arena-border);color:var(--arena-text-secondary);padding:.3rem .85rem;border-radius:16px;font-weight:700;font-size:.85rem}.question-overlay-modal.dual-side-modal .question-modal-top .q-badge-info .q-points{background:var(--arena-primary-bg);color:var(--arena-primary);padding:.3rem .85rem;border-radius:16px;font-weight:800;font-size:.9rem}.question-overlay-modal.dual-side-modal .question-modal-top .overall-game-timer{display:flex;align-items:center;gap:.45rem;background:var(--arena-surface);border:1px solid var(--arena-border);color:var(--arena-text);padding:.35rem 1rem;border-radius:20px;font-size:.95rem;font-weight:700}.question-overlay-modal.dual-side-modal .question-modal-top .overall-game-timer.urgent{border-color:#ef4444;color:#dc2626;animation:pulse 1s infinite}.question-overlay-modal.dual-side-modal .question-modal-top .overall-game-timer.paused{border-color:#f59e0b;color:#d97706}.question-overlay-modal.dual-side-modal .question-modal-top .top-q-actions{display:flex;align-items:center;gap:.65rem}.question-overlay-modal.dual-side-modal .question-modal-top .top-q-actions .btn-skip-q-top{background:var(--arena-surface);border:1px solid var(--arena-border);color:var(--arena-text-muted);padding:.35rem .85rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .15s}.question-overlay-modal.dual-side-modal .question-modal-top .top-q-actions .btn-skip-q-top:hover{color:var(--arena-text);background:var(--arena-surface-alt)}.question-overlay-modal.dual-side-modal .question-modal-top .top-q-actions .btn-close-q-top{background:transparent;border:none;color:var(--arena-text-muted);padding:.35rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.question-overlay-modal.dual-side-modal .question-modal-top .top-q-actions .btn-close-q-top:hover{color:var(--arena-text);background:var(--arena-surface)}.question-overlay-modal.dual-side-modal .question-modal-prompt-card{flex-shrink:0;padding:1.15rem 1.75rem;background:var(--arena-surface);border-bottom:1px solid var(--arena-border);text-align:center}.question-overlay-modal.dual-side-modal .question-modal-prompt-card h3{margin:0;font-size:1.4rem;line-height:1.4;font-weight:700;color:var(--arena-text)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.15rem 1.75rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side{background:var(--arena-surface-alt);border:2px solid var(--arena-border);border-radius:16px;padding:1.15rem;display:flex;flex-direction:column;gap:.85rem;transition:all .2s}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side.active-turn-side{border-color:var(--arena-primary);box-shadow:0 0 0 3px var(--arena-primary-bg)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.65rem;border-bottom:1px solid var(--arena-border);border-left-width:4px;border-left-style:solid;padding-left:.65rem}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .side-badge-pill{width:24px;height:24px;border-radius:50%;color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.5rem}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .side-identity{display:flex;align-items:center;gap:.65rem;flex:1}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .side-identity h4{margin:0;font-size:1.05rem;font-weight:800;color:var(--arena-text)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .side-identity .side-score-pill{font-size:.82rem;font-weight:700;padding:.15rem .55rem;background:var(--arena-surface);border-radius:12px;color:var(--arena-text-muted);border:1px solid var(--arena-border)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .btn-side-buzzer{background:var(--arena-surface);border:1px solid var(--arena-border);color:var(--arena-text);font-size:.8rem;font-weight:700;padding:.3rem .75rem;border-radius:8px;cursor:pointer;transition:all .15s}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .btn-side-buzzer:hover:not(:disabled){border-color:var(--arena-primary);color:var(--arena-primary)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .btn-side-buzzer.buzzed{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 0 12px #10b98166}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-header .btn-side-buzzer:disabled{opacity:.5;cursor:not-allowed}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column{display:flex;flex-direction:column;gap:.65rem}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card{background:var(--arena-surface);border:2px solid var(--arena-border);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;text-align:left;color:var(--arena-text);transition:all .15s}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card:hover:not(:disabled){border-color:var(--arena-primary);transform:translateY(-1px)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card .opt-key{width:28px;height:28px;border-radius:7px;background:var(--arena-surface-alt);border:1px solid var(--arena-border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0;color:var(--arena-text-secondary)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card .opt-text{font-size:.95rem;font-weight:600;flex:1;line-height:1.35}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card.selected{border-color:var(--arena-primary);background:var(--arena-primary-bg)}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card.correct{background:#10b98126!important;border-color:#10b981!important}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card.correct .opt-key{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card.correct .icon-state.correct{color:#10b981;margin-left:auto}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card.incorrect{background:#ef444426!important;border-color:#ef4444!important}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card.incorrect .opt-key{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card.incorrect .icon-state.wrong{color:#ef4444;margin-left:auto}.question-overlay-modal.dual-side-modal .dual-side-battle-zone .battle-half-side .side-options-column .dual-option-card:disabled{cursor:default}.question-overlay-modal.dual-side-modal .dual-explanation-banner{flex-shrink:0;margin:0 1.75rem;background:var(--arena-surface-alt);border-left:4px solid var(--arena-primary);padding:.75rem 1.15rem;border-radius:8px;font-size:.92rem;color:var(--arena-text-secondary)}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar{flex-shrink:0;position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.75rem;background:var(--arena-surface);border-top:1px solid var(--arena-border);box-shadow:0 -4px 12px #0000000a}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar .bottom-side-summary{display:flex;align-items:center;gap:.5rem}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar .bottom-side-summary .b-name{font-size:.95rem;font-weight:700}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar .bottom-side-summary .b-score{font-size:1.2rem;font-weight:800}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar .bottom-center-controls{display:flex;align-items:center;gap:.75rem}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar .bottom-center-controls .turn-reminder-text{font-size:.85rem;font-weight:600;color:var(--arena-text-muted)}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar .bottom-center-controls .btn-bottom-return{background:var(--arena-primary);border:none;color:#fff;font-size:.92rem;font-weight:700;padding:.55rem 1.35rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .15s}.question-overlay-modal.dual-side-modal .dual-side-bottom-bar .bottom-center-controls .btn-bottom-return:hover{background:var(--arena-primary-hover);transform:translateY(-1px)}.top-teacher-actions{display:flex;align-items:center;gap:.45rem}.top-teacher-actions .top-header-btn{background:var(--arena-surface-alt);border:1px solid var(--arena-border);color:var(--arena-text);padding:.4rem .75rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.top-teacher-actions .top-header-btn:hover{background:var(--arena-border);color:var(--arena-text)}.top-teacher-actions .top-header-btn.danger{background:#ef444414;border-color:#ef444440;color:#dc2626}.top-teacher-actions .top-header-btn.danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.duel-bottom-left-dock{position:fixed;bottom:.75rem;left:1rem;display:flex;align-items:center;gap:.5rem;z-index:50}.duel-bottom-left-dock .duel-dock-btn{width:36px;height:36px;border-radius:50%;background:var(--arena-surface);border:1.5px solid var(--arena-border);color:var(--arena-text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d;cursor:pointer;transition:all .15s ease-in-out}.duel-bottom-left-dock .duel-dock-btn:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.duel-bottom-left-dock .duel-dock-btn.danger{border-color:#ef44444d;color:#dc2626}.duel-bottom-left-dock .duel-dock-btn.danger:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc262640}.mobile-blocked-view{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;box-sizing:border-box}.mobile-blocked-view .mobile-blocked-card{background:var(--arena-surface);border:1px solid var(--arena-border);border-radius:20px;box-shadow:var(--arena-shadow);padding:2.5rem 1.75rem;max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.mobile-blocked-view .mobile-blocked-card .mobile-blocked-icon{width:80px;height:80px;border-radius:24px;background:var(--arena-primary-bg);color:var(--arena-primary);display:flex;align-items:center;justify-content:center}.mobile-blocked-view .mobile-blocked-card h2{font-size:1.35rem;font-weight:800;color:var(--arena-text);margin:0;line-height:1.35}.mobile-blocked-view .mobile-blocked-card p{font-size:.92rem;color:var(--arena-text-secondary);margin:0;line-height:1.5}.mobile-blocked-view .mobile-blocked-card .btn-return-action{margin-top:.5rem;background:var(--arena-primary);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s}.mobile-blocked-view .mobile-blocked-card .btn-return-action:hover{background:var(--arena-primary-hover)}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.settings-modal-overlay .settings-modal-box{background:var(--arena-surface);border:1px solid var(--arena-border);box-shadow:var(--arena-shadow);border-radius:16px;width:100%;max-width:460px;color:var(--arena-text);display:flex;flex-direction:column}.settings-modal-overlay .settings-modal-box .settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--arena-border)}.settings-modal-overlay .settings-modal-box .settings-modal-header .settings-modal-title{display:flex;align-items:center;gap:.5rem;color:var(--arena-text)}.settings-modal-overlay .settings-modal-box .settings-modal-header .settings-modal-title h3{margin:0;font-size:1.15rem;font-weight:700}.settings-modal-overlay .settings-modal-box .settings-modal-header .btn-close-modal{background:transparent;border:none;color:var(--arena-text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.settings-modal-overlay .settings-modal-box .settings-modal-header .btn-close-modal:hover{color:var(--arena-text)}.settings-modal-overlay .settings-modal-box .settings-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.35rem}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section{display:flex;flex-direction:column;gap:.6rem}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .settings-label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--arena-text-muted)}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .btn-toggle-setting{background:var(--arena-surface-alt);border:1px solid var(--arena-border);color:var(--arena-text-secondary);padding:.55rem .95rem;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .15s}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .btn-toggle-setting.active{background:var(--arena-primary-bg);border-color:var(--arena-primary);color:var(--arena-primary)}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .volume-slider-box{flex:1;display:flex;align-items:center;gap:.6rem}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .volume-slider-box .settings-volume-slider{flex:1;accent-color:var(--arena-primary);cursor:pointer}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .volume-slider-box .volume-pct{font-size:.82rem;font-weight:700;color:var(--arena-text-secondary);min-width:38px;text-align:right}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .btn-upload-track{background:var(--arena-surface-alt);border:1px dashed var(--arena-border);color:var(--arena-text-secondary);padding:.55rem .95rem;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .15s}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .btn-upload-track:hover{border-color:var(--arena-primary);color:var(--arena-primary)}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .theme-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .theme-toggle-group .theme-chip-btn{background:var(--arena-surface-alt);border:1px solid var(--arena-border);color:var(--arena-text-secondary);padding:.6rem .85rem;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.45rem;transition:all .15s}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .theme-toggle-group .theme-chip-btn.selected{background:var(--arena-primary-bg);border-color:var(--arena-primary);color:var(--arena-primary);font-weight:700}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .time-adjust-row{display:flex;align-items:center;justify-content:space-between;background:var(--arena-surface-alt);border:1px solid var(--arena-border);border-radius:10px;padding:.4rem .6rem}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .time-adjust-row .btn-time-adjust{background:var(--arena-surface);border:1px solid var(--arena-border);color:var(--arena-text);padding:.4rem .8rem;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .time-adjust-row .btn-time-adjust:hover{background:var(--arena-border)}.settings-modal-overlay .settings-modal-box .settings-modal-body .settings-section .time-adjust-row .current-time-display{font-size:1.15rem;font-weight:800;color:var(--arena-primary);font-family:monospace}.settings-modal-overlay .settings-modal-box .settings-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--arena-border);display:flex;justify-content:flex-end}.settings-modal-overlay .settings-modal-box .settings-modal-footer .btn-save-settings{background:var(--arena-primary);border:none;color:#fff;padding:.55rem 1.45rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s}.settings-modal-overlay .settings-modal-box .settings-modal-footer .btn-save-settings:hover{background:var(--arena-primary-hover)}.podium-screen{flex:1;display:flex;align-items:center;justify-content:center}.podium-screen .podium-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;width:100%}.podium-screen .podium-container .trophy-glow-icon{width:80px;height:80px;border-radius:20px;background:var(--arena-primary-bg);color:var(--arena-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.podium-screen .podium-container h1{font-size:2.25rem;font-weight:800;margin:0 0 1.5rem;color:var(--arena-text)}.podium-screen .podium-container .podium-pedestals{display:flex;align-items:flex-end;justify-content:center;gap:1.25rem;width:100%;margin-bottom:2rem}.podium-screen .podium-container .podium-pedestals .pedestal{flex:1;max-width:190px;display:flex;flex-direction:column;align-items:center;gap:.35rem}.podium-screen .podium-container .podium-pedestals .pedestal .rank-title{font-size:.85rem;font-weight:700;color:var(--arena-primary)}.podium-screen .podium-container .podium-pedestals .pedestal .pedestal-name{font-size:1.15rem;font-weight:700;color:var(--arena-text)}.podium-screen .podium-container .podium-pedestals .pedestal .pedestal-score{font-size:1.5rem;font-weight:800;color:var(--arena-primary)}.podium-screen .podium-container .podium-pedestals .pedestal .pedestal-accuracy{font-size:.75rem;color:var(--arena-text-muted);margin-bottom:.35rem}.podium-screen .podium-container .podium-pedestals .pedestal .pedestal-block{width:100%;border-radius:12px 12px 0 0;box-shadow:0 -2px 10px #00000014}.podium-screen .podium-container .podium-pedestals .pedestal.rank-1 .pedestal-block{height:150px}.podium-screen .podium-container .podium-pedestals .pedestal.rank-2 .pedestal-block{height:110px}.podium-screen .podium-container .podium-pedestals .pedestal.rank-3 .pedestal-block{height:75px}.podium-screen .podium-container .podium-pedestals .pedestal.rank-4 .pedestal-block{height:50px}.podium-screen .podium-container .btn-exit-podium{background:var(--arena-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s}.podium-screen .podium-container .btn-exit-podium:hover{background:var(--arena-primary-hover);transform:translateY(-1px)}.override-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:200}.override-modal-overlay .override-modal-box{background:var(--arena-surface);border:1px solid var(--arena-border);box-shadow:var(--arena-shadow);padding:1.75rem;border-radius:14px;width:100%;max-width:420px;color:var(--arena-text)}.override-modal-overlay .override-modal-box h3{margin:0 0 1rem;font-size:1.15rem;color:var(--arena-text)}.override-modal-overlay .override-modal-box .override-form{display:flex;flex-direction:column;gap:.65rem}.override-modal-overlay .override-modal-box .override-form label{font-size:.8rem;font-weight:600;color:var(--arena-text-secondary)}.override-modal-overlay .override-modal-box .override-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.25rem}.override-modal-overlay .override-modal-box .override-actions .btn-cancel{background:transparent;border:1px solid var(--arena-border);color:var(--arena-text-secondary);padding:.45rem .9rem;border-radius:8px;cursor:pointer}.override-modal-overlay .override-modal-box .override-actions .btn-save{background:var(--arena-primary);border:none;color:#fff;padding:.45rem 1.15rem;border-radius:8px;font-weight:700;cursor:pointer}.arena-loading-view,.arena-error-view{align-items:center;justify-content:center;text-align:center;gap:1rem}.arena-loading-view .btn-return-action,.arena-error-view .btn-return-action{background:var(--arena-primary);color:#fff;border:none;padding:.6rem 1.35rem;border-radius:8px;font-weight:700;cursor:pointer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.flashcards-arena-layout{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:820px;height:100%;margin:0 auto;padding:.5rem 1rem 1.5rem;box-sizing:border-box;gap:1rem}.flashcards-arena-layout .flashcards-top-bar{width:100%;display:flex;align-items:center;gap:1rem;background:var(--arena-surface);border:1px solid var(--arena-border);border-radius:14px;padding:.65rem 1rem;box-shadow:0 2px 8px #00000008}.flashcards-arena-layout .flashcards-top-bar .flashcards-counter-pill{display:flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;color:var(--arena-text);white-space:nowrap}.flashcards-arena-layout .flashcards-top-bar .flashcards-counter-pill strong{color:#2563eb;font-weight:800}.flashcards-arena-layout .flashcards-top-bar .flashcards-progress-bar-wrapper{flex:1;height:8px;background:var(--arena-border);border-radius:999px;overflow:hidden}.flashcards-arena-layout .flashcards-top-bar .flashcards-progress-bar-wrapper .flashcards-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#10b981);border-radius:999px;transition:width .3s ease}.flashcards-arena-layout .flashcards-top-bar .flashcards-counters-group{display:flex;align-items:center;gap:.5rem}.flashcards-arena-layout .flashcards-top-bar .flashcards-counters-group .known-chip{display:inline-flex;align-items:center;gap:.3rem;background:#10b9811f;color:#059669;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:700}.flashcards-arena-layout .flashcards-top-bar .flashcards-counters-group .unknown-chip{display:inline-flex;align-items:center;gap:.3rem;background:#ef44441f;color:#dc2626;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:700}.flashcards-arena-layout .flashcard-stage-container{width:100%;flex:1;perspective:1200px;display:flex;align-items:center;justify-content:center;min-height:400px}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper{width:100%;height:100%;min-height:420px;max-height:560px;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1);cursor:pointer}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper.flipped{transform:rotateY(180deg)}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:20px;border:2px solid var(--arena-border);background:var(--arena-surface);box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.5rem;box-sizing:border-box;overflow:hidden}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--arena-border);padding-bottom:.65rem;margin-bottom:.25rem}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header .face-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;padding:.25rem .75rem;border-radius:999px}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header .face-tag.front-tag{background:#2563eb1a;color:#2563eb}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header .face-tag.back-tag{background:#10b9811f;color:#059669}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header .face-hint-btn{background:#2563eb14;border:1px solid rgba(37,99,235,.2);border-radius:999px;color:#2563eb;font-size:.78rem;font-weight:600;padding:.25rem .65rem;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .15s ease}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header .face-hint-btn:hover{background:#2563eb;color:#fff}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header .face-hint-btn.back{background:#10b9811a;border-color:#10b98140;color:#059669}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-header .face-hint-btn.back:hover{background:#059669;color:#fff}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;padding:.85rem .35rem;overflow-y:auto}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body::-webkit-scrollbar{width:5px}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-question-text{font-size:1.15rem;font-weight:700;line-height:1.55;color:var(--arena-text);margin:0 0 1rem;padding-top:.25rem;text-align:left;word-break:break-word}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.5rem;padding-top:.25rem}@media (max-width: 640px){.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview{grid-template-columns:1fr}}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn{background:var(--arena-surface-alt);border:1.5px solid var(--arena-border);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;line-height:1.4;cursor:pointer;text-align:left;width:100%;transition:all .15s ease;box-sizing:border-box}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn:hover:not(:disabled){border-color:#2563eb;background:#2563eb0d;transform:translateY(-1px)}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn:hover:not(:disabled) .opt-letter{background:#2563eb;color:#fff}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn .opt-letter{width:26px;height:26px;border-radius:50%;background:#eff6ff;color:#2563eb;font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn .opt-text{color:var(--arena-text);flex:1;font-weight:600}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn.revealed-correct{border-color:#10b981!important;background:#ecfdf5!important}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn.revealed-correct .opt-letter{background:#10b981!important;color:#fff!important}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn.revealed-correct .check-icon{color:#10b981;margin-left:auto;flex-shrink:0}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn.revealed-wrong{border-color:#ef4444!important;background:#fef2f2!important}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn.revealed-wrong .opt-letter{background:#ef4444!important;color:#fff!important}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-options-preview .flashcard-option-btn.revealed-wrong .wrong-icon{color:#ef4444;margin-left:auto;flex-shrink:0}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-explanation-inline{background:#eff6ff;border:1px solid #BFDBFE;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;line-height:1.45;color:#1e40af;margin-top:.85rem;text-align:left}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-correct-badge{background:#10b98114;border:2px solid #10B981;border-radius:14px;padding:1.15rem;text-align:center;margin-bottom:.85rem}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-correct-badge .badge-label{display:block;font-size:.82rem;font-weight:700;color:#059669;margin-bottom:.35rem;text-transform:uppercase}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-correct-badge .correct-answer-text{margin:0;font-size:1.45rem;font-weight:800;color:#065f46;line-height:1.35}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-explanation-box{background:var(--arena-surface-alt);border:1px solid var(--arena-border);border-radius:12px;padding:.85rem 1.15rem;font-size:.92rem;line-height:1.5;color:var(--arena-text-secondary)}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-explanation-box strong{color:var(--arena-text);display:block;margin-bottom:.25rem}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-body .card-explanation-box p{margin:0}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-footer{flex-shrink:0;border-top:1px solid var(--arena-border);padding-top:.65rem;margin-top:.25rem;text-align:center}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-footer .flip-prompt-btn{background:transparent;border:none;color:var(--arena-text-muted);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;padding:.35rem .75rem;border-radius:6px;transition:all .15s ease}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face .face-footer .flip-prompt-btn:hover{background:var(--arena-surface-alt);color:var(--arena-text)}.flashcards-arena-layout .flashcard-stage-container .flashcard-3d-flipper .flashcard-face.flashcard-back{transform:rotateY(180deg);border-color:#10b98166}.flashcards-arena-layout .flashcards-action-bar{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.flashcards-arena-layout .flashcards-action-bar .btn-card-action{flex:1;max-width:240px;padding:.75rem 1.25rem;border-radius:14px;font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .15s ease-out;box-shadow:0 2px 8px #0000000a}.flashcards-arena-layout .flashcards-action-bar .btn-card-action.unknown{background:#fff;border:2px solid #FCA5A5;color:#dc2626}.flashcards-arena-layout .flashcards-action-bar .btn-card-action.unknown:hover:not(:disabled){background:#fef2f2;border-color:#ef4444;transform:translateY(-1px)}.flashcards-arena-layout .flashcards-action-bar .btn-card-action.flip{background:#fff;border:2px solid var(--arena-border);color:var(--arena-text)}.flashcards-arena-layout .flashcards-action-bar .btn-card-action.flip:hover:not(:disabled){border-color:#2563eb;color:#2563eb;transform:translateY(-1px)}.flashcards-arena-layout .flashcards-action-bar .btn-card-action.known{background:#10b981;border:2px solid #10B981;color:#fff}.flashcards-arena-layout .flashcards-action-bar .btn-card-action.known:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.flashcards-completion-view{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin:1.5rem 0}.flashcards-completion-view .flashcards-completion-stats{display:flex;gap:1rem;width:100%;max-width:520px}.flashcards-completion-view .flashcards-completion-stats .flash-stat-card{flex:1;background:var(--arena-surface-alt);border:1px solid var(--arena-border);border-radius:14px;padding:1rem .75rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.flashcards-completion-view .flashcards-completion-stats .flash-stat-card .flash-stat-num{font-size:1.8rem;font-weight:800;color:var(--arena-text)}.flashcards-completion-view .flashcards-completion-stats .flash-stat-card .flash-stat-txt{font-size:.8rem;font-weight:600;color:var(--arena-text-muted)}.flashcards-completion-view .flashcards-completion-stats .flash-stat-card.success{border-color:#10b98166;background:#10b98114}.flashcards-completion-view .flashcards-completion-stats .flash-stat-card.success .flash-stat-num{color:#059669}.flashcards-completion-view .flashcards-completion-stats .flash-stat-card.warning{border-color:#ef444466;background:#ef444414}.flashcards-completion-view .flashcards-completion-stats .flash-stat-card.warning .flash-stat-num{color:#dc2626}.flashcards-completion-view .flashcards-completion-actions{display:flex;flex-direction:column;gap:.65rem;width:100%;max-width:380px}.flashcards-completion-view .flashcards-completion-actions button{width:100%;padding:.75rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .15s}.flashcards-completion-view .flashcards-completion-actions button.btn-restart-deck{background:#2563eb;color:#fff;border:none}.flashcards-completion-view .flashcards-completion-actions button.btn-restart-deck:hover{background:#1d4ed8}.flashcards-completion-view .flashcards-completion-actions button.btn-retry-unknown{background:#fff;color:#dc2626;border:2px solid #FCA5A5}.flashcards-completion-view .flashcards-completion-actions button.btn-retry-unknown:hover{background:#fef2f2;border-color:#ef4444}.flashcards-completion-view .flashcards-completion-actions button.btn-exit-podium{background:var(--arena-surface-alt);border:1px solid var(--arena-border);color:var(--arena-text)}.flashcards-completion-view .flashcards-completion-actions button.btn-exit-podium:hover{background:var(--arena-border)}.admin-layout{display:flex;min-height:100vh;background:var(--bg)}.admin-sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.admin-sidebar__logo{height:72px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.admin-sidebar__nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:4px}.admin-sidebar__nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-2);transition:all var(--transition)}.admin-sidebar__nav a:hover{background:var(--surface-2);color:var(--text)}.admin-sidebar__nav a.active{background:var(--primary-50);color:var(--primary);font-weight:600}.admin-sidebar__footer{padding:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.admin-user-info{display:flex;align-items:center;gap:12px;padding:8px}.admin-user-info .avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.admin-user-info .name{font-size:14px;font-weight:700;color:var(--text)}.admin-user-info .role{font-size:12px;color:var(--text-3)}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-header{height:72px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.admin-content{padding:32px;flex:1;overflow-y:auto}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static}.admin-sidebar__logo{height:56px;padding:0 16px}.admin-sidebar__nav{padding:10px 16px;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px}.admin-sidebar__nav a{white-space:nowrap;padding:8px 12px;font-size:13px;flex-shrink:0}.admin-sidebar__footer{display:none}.admin-header{height:56px;padding:0 16px}.admin-content{padding:14px 12px}}.analytics-container{display:flex;flex-direction:column;gap:28px;width:100%}.analytics-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.analytics-header .title-area h1{font-size:26px;font-weight:800;margin:0;color:var(--text-1, #0f172a)}.analytics-header .title-area p{margin:4px 0 0;color:var(--text-3, #64748b);font-size:14px}.analytics-header .filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface-2, rgba(0, 0, 0, .03));padding:4px;border-radius:var(--radius-md, 10px);border:1px solid var(--border, #e2e8f0)}.analytics-header .filter-bar .filter-btn{padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;border:none;background:transparent;color:var(--text-2, #475569);cursor:pointer;transition:all .15s ease}.analytics-header .filter-bar .filter-btn:hover{color:var(--text-1, #0f172a);background:#0000000d}.analytics-header .filter-bar .filter-btn.active{background:var(--surface, #ffffff);color:var(--primary, #4f46e5);box-shadow:0 1px 3px #0000001a}.analytics-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border, #e2e8f0);overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.analytics-tabs .tab-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--text-3, #64748b);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease}.analytics-tabs .tab-item:hover{color:var(--text-1, #0f172a)}.analytics-tabs .tab-item.active{color:var(--primary, #4f46e5);border-bottom-color:var(--primary, #4f46e5)}.analytics-tabs .tab-item .badge-count{padding:2px 6px;font-size:11px;font-weight:700;border-radius:10px;background:#4f46e51a;color:var(--primary, #4f46e5)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi-card{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 12px);padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #00000008;transition:transform .15s ease,box-shadow .15s ease}.kpi-card:hover{box-shadow:0 4px 12px #0000000f}.kpi-card .kpi-head{display:flex;justify-content:space-between;align-items:center}.kpi-card .kpi-head .kpi-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3, #64748b)}.kpi-card .kpi-head .kpi-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.kpi-card .kpi-head .kpi-icon.blue{background:#3b82f61a;color:#2563eb}.kpi-card .kpi-head .kpi-icon.green{background:#10b9811a;color:#059669}.kpi-card .kpi-head .kpi-icon.purple{background:#8b5cf61a;color:#7c3aed}.kpi-card .kpi-head .kpi-icon.amber{background:#f59e0b1a;color:#d97706}.kpi-card .kpi-head .kpi-icon.rose{background:#f43f5e1a;color:#e11d48}.kpi-card .kpi-value{font-size:26px;font-weight:800;color:var(--text-1, #0f172a);line-height:1.1}.kpi-card .kpi-footer{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3, #64748b)}.kpi-card .kpi-footer .growth-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700}.kpi-card .kpi-footer .growth-chip.positive{background:#10b9811f;color:#059669}.kpi-card .kpi-footer .growth-chip.negative{background:#ef44441f;color:#dc2626}.kpi-card .kpi-footer .growth-chip.neutral{background:#64748b1f;color:#64748b}.chart-card{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 12px);padding:20px;box-shadow:0 1px 3px #00000008}.chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-card .chart-header h3{font-size:16px;font-weight:700;color:var(--text-1, #0f172a);margin:0}.chart-card .chart-header .chart-subtitle{font-size:12px;color:var(--text-3, #64748b)}.data-table-container{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 12px);overflow:hidden;box-shadow:0 1px 3px #00000008}.data-table-container .table-topbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--border, #e2e8f0)}.data-table-container .table-topbar h3{font-size:16px;font-weight:700;margin:0;color:var(--text-1, #0f172a)}.data-table-container .table-topbar .search-box{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-2, rgba(0, 0, 0, .02));border:1px solid var(--border, #cbd5e1);border-radius:8px}.data-table-container .table-topbar .search-box input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-1);min-width:180px}.data-table-container .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table-container table{width:100%;border-collapse:collapse;font-size:13px}.data-table-container table th{background:var(--surface-2, #f8fafc);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-3, #64748b);border-bottom:1px solid var(--border, #e2e8f0);white-space:nowrap}.data-table-container table td{padding:12px 16px;border-bottom:1px solid var(--border, #e2e8f0);color:var(--text-2, #334155);white-space:nowrap}.data-table-container table tr:hover td{background:#00000004}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.drilldown-modal{background:var(--surface, #ffffff);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000040;border:1px solid var(--border, #e2e8f0);display:flex;flex-direction:column}.drilldown-modal .modal-head{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border, #e2e8f0)}.drilldown-modal .modal-head h2{font-size:18px;font-weight:800;margin:0;color:var(--text-1)}.drilldown-modal .modal-head .close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-3);border-radius:6px;padding:4px;display:flex;align-items:center;justify-content:center}.drilldown-modal .modal-head .close-btn:hover{color:var(--text-1);background:#0000000d}.drilldown-modal .modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.score-bar-row{display:flex;align-items:center;gap:12px;font-size:12px}.score-bar-row .bucket-label{width:60px;color:var(--text-3);font-weight:500}.score-bar-row .bar-track{flex:1;height:8px;background:var(--surface-2, rgba(0, 0, 0, .06));border-radius:4px;overflow:hidden}.score-bar-row .bar-track .bar-fill{height:100%;background:var(--primary, #4f46e5);border-radius:4px;transition:width .3s ease}.score-bar-row .bucket-count{width:30px;text-align:right;font-weight:700;color:var(--text-1)}.admin-payments-page{display:flex;flex-direction:column;gap:24px}.admin-payments-page .payments-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.admin-payments-page .payments-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.admin-payments-page .payments-stats-grid{grid-template-columns:1fr}}.admin-payments-page .payments-stats-grid .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px}.admin-payments-page .payments-stats-grid .stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--primary)}.admin-payments-page .payments-stats-grid .stat-card .stat-icon.pending{background:#fef3c7;color:#d97706}.admin-payments-page .payments-stats-grid .stat-card .stat-icon.approved{background:#dcfce7;color:#16a34a}.admin-payments-page .payments-stats-grid .stat-card .stat-icon.rejected{background:#fee2e2;color:#ef4444}.admin-payments-page .payments-stats-grid .stat-card .stat-details .label{font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:4px}.admin-payments-page .payments-stats-grid .stat-card .stat-details .value{font-size:22px;font-weight:800;color:var(--text)}.admin-payments-page .payments-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-payments-page .payments-toolbar .status-tabs{display:flex;background:var(--surface-2);padding:4px;border-radius:12px;gap:4px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-payments-page .payments-toolbar .status-tabs .tab-btn{padding:8px 16px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:700;color:var(--text-3);cursor:pointer;transition:all .2s;white-space:nowrap}.admin-payments-page .payments-toolbar .status-tabs .tab-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #0000000f}@media (max-width: 580px){.admin-payments-page .payments-toolbar .status-tabs .tab-btn{padding:6px 12px;font-size:12px}}.admin-payments-page .payments-toolbar .search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 14px;width:280px}.admin-payments-page .payments-toolbar .search-box input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text);width:100%}@media (max-width: 640px){.admin-payments-page .payments-toolbar .search-box{width:100%}}.admin-payments-page .payments-table-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow-x:auto}.admin-payments-page .payments-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.admin-payments-page .payments-table th{background:var(--surface-2);padding:14px 16px;font-weight:700;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap}.admin-payments-page .payments-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.admin-payments-page .payments-table tr:last-child td{border-bottom:none}.admin-payments-page .payments-table tr:hover td{background:#00000004}.admin-payments-page .payments-table .user-cell{display:flex;flex-direction:column}.admin-payments-page .payments-table .user-cell .name{font-weight:700;color:var(--text)}.admin-payments-page .payments-table .user-cell .meta{font-size:11px;color:var(--text-3)}.admin-payments-page .payments-table .badge-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.admin-payments-page .payments-table .badge-status.pending{background:#fef3c7;color:#d97706}.admin-payments-page .payments-table .badge-status.approved{background:#dcfce7;color:#16a34a}.admin-payments-page .payments-table .badge-status.rejected{background:#fee2e2;color:#ef4444}.admin-payments-page .payments-table .action-btns{display:flex;align-items:center;gap:8px}.admin-payments-page .viewer-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.admin-payments-page .viewer-modal{background:var(--surface);border-radius:16px;max-width:720px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.admin-payments-page .viewer-modal .viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.admin-payments-page .viewer-modal .viewer-header h4{margin:0;font-size:16px;font-weight:800}.admin-payments-page .viewer-modal .viewer-content{padding:20px;overflow-y:auto;text-align:center;background:#0b0f19}.admin-payments-page .viewer-modal .viewer-content img{max-width:100%;max-height:65vh;object-fit:contain;border-radius:8px}.admin-payments-page .viewer-modal .viewer-content iframe{width:100%;height:65vh;border:none;border-radius:8px;background:#fff}.admin-payments-page .reject-modal{background:var(--surface);border-radius:16px;max-width:480px;width:100%;padding:24px;display:flex;flex-direction:column;gap:16px}.admin-payments-page .reject-modal h4{margin:0;font-size:17px;font-weight:800;color:#ef4444}.admin-payments-page .reject-modal textarea{width:100%;min-height:90px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);font-size:13px;resize:vertical;outline:none}.admin-payments-page .reject-modal textarea:focus{border-color:var(--primary)}.legal-page{min-height:100vh;background:var(--bg);color:var(--text);padding:32px 16px 80px}@media (min-width: 768px){.legal-page{padding:48px 24px 96px}}.legal-container{max-width:920px;margin:0 auto}.legal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.legal-topbar .back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-dark);color:var(--text-2);font-size:13.5px;font-weight:600;text-decoration:none;transition:all var(--transition);cursor:pointer}.legal-topbar .back-btn:hover{color:var(--primary);border-color:var(--primary-light);transform:translate(-2px)}.legal-topbar .legal-nav-tabs{display:flex;gap:6px;background:var(--surface-2);padding:4px;border-radius:var(--radius);border:1px solid var(--border-dark)}.legal-topbar .legal-nav-tabs .nav-tab{padding:8px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text-3);text-decoration:none;transition:all var(--transition)}.legal-topbar .legal-nav-tabs .nav-tab:hover{color:var(--text)}.legal-topbar .legal-nav-tabs .nav-tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.legal-topbar .print-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border-dark);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.legal-topbar .print-btn:hover{color:var(--primary);border-color:var(--primary-light)}@media (max-width: 640px){.legal-topbar .print-btn{display:none}}.legal-card{background:var(--surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}@media (min-width: 768px){.legal-card{padding:44px 48px}}.legal-header{border-bottom:1px solid var(--border-dark);padding-bottom:24px;margin-bottom:32px}.legal-header .legal-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.legal-header .legal-badges .badge-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-3);border:1px solid var(--border-dark)}.legal-header .legal-badges .badge-pill--primary{background:var(--primary-50);color:var(--primary);border-color:var(--primary-100)}.legal-header .legal-badges .badge-pill--success{background:#10b9811a;color:var(--success);border-color:#10b98133}.legal-header h1{font-size:26px;font-weight:800;color:var(--text);line-height:1.25;margin-bottom:8px}@media (min-width: 768px){.legal-header h1{font-size:32px}}.legal-header .legal-subtitle{font-size:15px;color:var(--text-3);line-height:1.5;max-width:720px}.legal-callout{display:flex;gap:14px;padding:16px 18px;border-radius:var(--radius-sm);margin-bottom:28px;font-size:13.5px;line-height:1.55}.legal-callout--warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--text-2)}.legal-callout--warning .callout-icon{color:var(--warning);flex-shrink:0;margin-top:2px}.legal-callout--warning strong{color:var(--text)}.legal-callout--info{background:#4f46e50f;border:1px solid rgba(79,70,229,.2);color:var(--text-2)}.legal-callout--info .callout-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.legal-toc{background:var(--surface-2);border:1px solid var(--border-dark);border-radius:var(--radius);padding:20px 24px;margin-bottom:36px}.legal-toc h3{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--text);display:flex;align-items:center;gap:8px}.legal-toc ol{list-style:decimal inside;display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.legal-toc ol{grid-template-columns:1fr 1fr;gap:8px 24px}}.legal-toc ol li{font-size:13.5px;color:var(--text-3)}.legal-toc ol li a{color:var(--text-2);text-decoration:none;transition:color var(--transition)}.legal-toc ol li a:hover{color:var(--primary);text-decoration:underline}.legal-content{line-height:1.7;font-size:14.5px;color:var(--text-2)}.legal-content section{margin-bottom:36px;scroll-margin-top:24px}.legal-content section h2{font-size:18px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:10px}.legal-content section h2 .section-num{color:var(--primary);font-weight:800}.legal-content section p{margin-bottom:12px;text-align:justify}.legal-content section p:last-child{margin-bottom:0}.legal-content section ul,.legal-content section ol{margin:10px 0 16px 20px;display:flex;flex-direction:column;gap:6px}.legal-content section ul li,.legal-content section ol li{padding-left:4px}.legal-content section .def-item{margin-bottom:12px}.legal-content section .def-item strong{color:var(--text)}.legal-content section .highlight-box{background:var(--surface-2);border-left:3px solid var(--primary);padding:12px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:14px 0;font-size:14px}.legal-content .legal-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--border-dark);border-radius:var(--radius-sm)}.legal-content .legal-table-wrap table{width:100%;border-collapse:collapse;font-size:13.5px}.legal-content .legal-table-wrap table th,.legal-content .legal-table-wrap table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-dark)}.legal-content .legal-table-wrap table th{background:var(--surface-2);font-weight:700;color:var(--text)}.legal-content .legal-table-wrap table tr:last-child td{border-bottom:none}.legal-content .review-placeholder{background:#ef444414;border:1px dashed var(--danger);padding:12px 16px;border-radius:var(--radius-sm);margin:16px 0;color:var(--text);font-size:13.5px}.legal-content .review-placeholder .tag{display:inline-block;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;margin-bottom:6px}.legal-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--border-dark);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-3)}.legal-footer .support-links{display:flex;gap:16px}.legal-footer .support-links a{color:var(--primary);text-decoration:none;font-weight:600}.legal-footer .support-links a:hover{text-decoration:underline}@media print{.legal-topbar,.legal-footer,.legal-nav-tabs,.back-btn,.print-btn{display:none!important}.legal-page{padding:0!important;background:#fff!important;color:#000!important}.legal-card{border:none!important;box-shadow:none!important;padding:0!important}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,math,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.19.0"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.katex-newline{display:block}.katex .katex-base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .katex-base,.katex .katex-strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .katex-vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .katex-thinbox{display:inline-flex;flex-direction:row;max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline,.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-rule,.katex .katex-underline .underline-line,.katex .mfrac .frac-line{min-height:1px}.katex .mspace{display:inline-block}.katex .katex-smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.katex-inner,.katex .llap>.katex-inner,.katex .rlap>.katex-inner{position:absolute}.katex .clap>.katex-fix,.katex .llap>.katex-fix,.katex .rlap>.katex-fix{display:inline-block}.katex .llap>.katex-inner{right:0}.katex .clap>.katex-inner,.katex .rlap>.katex-inner{left:0}.katex .clap>.katex-inner>span{margin-left:-50%;margin-right:50%}.katex .katex-rule{border:0 solid;display:inline-block;position:relative}.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.katex-root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .katex-sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .katex-sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .katex-sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .katex-sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .katex-sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .katex-sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .katex-sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .katex-sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .katex-sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .katex-sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .katex-sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .katex-sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .katex-sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .katex-sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .katex-sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .katex-sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .katex-sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .katex-sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .katex-sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .katex-sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .katex-sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .katex-sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .katex-sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .katex-sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .katex-sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .katex-sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .katex-sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .katex-sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .katex-sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .katex-sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .katex-sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .katex-sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .katex-sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .katex-sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .katex-sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .katex-sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .katex-sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .katex-sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .katex-sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .katex-sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .katex-sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .katex-sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .katex-sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .katex-sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .katex-sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .katex-sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .katex-sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .katex-sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .katex-sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .katex-sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .katex-sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .katex-sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .katex-sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .katex-sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .katex-sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .katex-sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .katex-sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .katex-sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .katex-sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .katex-sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .katex-sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .katex-sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .katex-sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .katex-sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .katex-sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .katex-sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .katex-sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .katex-sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .katex-sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .katex-sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .katex-sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .katex-sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .katex-sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .katex-sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .katex-sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .katex-sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .katex-sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .katex-sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .katex-sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .katex-sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .katex-sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .katex-sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .katex-sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .katex-sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .katex-sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .katex-sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .katex-sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .katex-sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .katex-sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .katex-sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .katex-sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .katex-sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .katex-sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .katex-sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .katex-sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .katex-sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .katex-sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .katex-sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .katex-sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .katex-sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .katex-sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .katex-sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .katex-sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .katex-sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .katex-sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .katex-sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .katex-sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .katex-sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .katex-sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .katex-sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .katex-sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .katex-sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .katex-sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .katex-sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .katex-sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .katex-sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .katex-sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .katex-sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .katex-sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .katex-sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .katex-sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .katex-accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .katex-accent .accent-body{position:relative}.katex .katex-accent .accent-body:not(.accent-full){width:0}.katex .katex-overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .katex-stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .katex-stretchy:after,.katex .katex-stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .katex-sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .reflectbox{display:inline-block;transform:scaleX(-1)}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.katex-tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.katex-tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}