.web-app-container{background:var(--background);height:100vh;display:flex;overflow:hidden}.main-sidebar{background:var(--sidebar-bg);color:#fff;z-index:2000;scrollbar-width:none;flex-direction:column;flex-shrink:0;width:260px;padding:2rem 1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.main-sidebar::-webkit-scrollbar{width:0}.main-sidebar.collapsed{align-items:center;width:88px;padding:2rem .75rem}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.dashboard-view{scroll-behavior:smooth;flex:1;padding:2.5rem 3rem;overflow:hidden auto}.sidebar-header{align-items:center;gap:1rem;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.logo-square{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 12px #4f46e54d}.logo-text{color:#fff;font-size:1.25rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:.375rem;display:flex}.sidebar-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:.875rem;align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:600;transition:all .2s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff0d}.sidebar-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e540}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.user-profile-simple{background:#ffffff0a;border:1px solid #ffffff12;border-radius:.75rem;align-items:center;gap:.875rem;min-width:0;padding:.75rem;display:flex}.sidebar-avatar{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.875rem;font-weight:800;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info span{display:block}.sidebar-user-info .name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:700;overflow:hidden}.sidebar-user-info .class{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.72rem;overflow:hidden}.content-header{background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 2.5rem;display:flex}.header-search{background:var(--background);border:1px solid var(--border);border-radius:.75rem;align-items:center;gap:.75rem;min-width:300px;padding:.625rem 1.25rem;display:flex}.header-search input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:.875rem;font-weight:500}.header-search svg{color:var(--text-muted);flex-shrink:0}.header-actions{align-items:center;gap:1rem;display:flex}.icon-btn{background:var(--background);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.welcome-section{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.welcome-section h1{color:var(--foreground);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;line-height:1.2}.welcome-section p{color:var(--text-secondary);font-size:1.05rem}.quick-stats{flex-wrap:wrap;gap:1rem;display:flex}.stat-pill{border:1px solid #0000;border-radius:1rem;flex-direction:column;min-width:130px;max-width:180px;padding:1rem 1.5rem;display:flex}.stat-pill.blue{background:var(--accent-surface);color:var(--primary);border-color:#e0e7ff}.stat-pill.orange{background:var(--orange-surface);color:#d97706;border-color:var(--orange-surface-hover)}.stat-pill .s-label{text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:800}.stat-pill .s-value{font-size:1.5rem;font-weight:800}.perf-stats-row{grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:2rem;display:grid}.perf-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.perf-stat-card .psc-value{color:var(--primary);font-size:1.5rem;font-weight:800;line-height:1}.perf-stat-card .psc-label{color:var(--text-muted,#64748b);font-size:.78rem;font-weight:500}.perf-stat-card .psc-sub{color:var(--text-muted,#94a3b8);margin-top:.1rem;font-size:.72rem}.grid-layout{grid-template-columns:1fr 340px;gap:2.5rem;display:grid}.section-head{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-head h3{color:var(--foreground);font-size:1.25rem;font-weight:800}.text-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .2s}.text-btn:hover{background:var(--accent-surface-hover)}.subject-cards{flex-direction:column;gap:1.25rem;display:flex}.subject-card-wide{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #00000005}.subject-card-wide:hover{border-color:var(--border);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.s-icon{background:var(--accent-surface);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.s-info{flex:1}.s-info h4{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.subject-course-tag{background:var(--accent-surface);color:var(--primary);text-transform:uppercase;border-radius:99px;padding:.15rem .5rem;font-size:.65rem;font-weight:800}.progress-bar-container{background:var(--muted);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-bar{background:var(--primary);border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.s-info p{color:var(--text-secondary);font-size:.75rem;font-weight:600}.action-btn-square{background:var(--background);border:1px solid var(--border);width:36px;height:36px;color:var(--text-dim);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn-square:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.topic-card-web{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;padding:1.25rem;transition:all .2s}.topic-card-web:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000d}.topic-card-web.locked-card{opacity:.7}.t-status{margin-bottom:.75rem}.t-badge{text-transform:uppercase;border-radius:.375rem;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:800;display:inline-flex}.t-badge.free{color:#059669;background:#ecfdf5}.t-badge.locked-badge{color:#d97706;background:#fef3c7}.topic-card-web h4{color:var(--foreground);margin-bottom:.75rem;font-size:.9375rem;font-weight:700}.t-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.main-grid-right .card{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #00000005}.c-head{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.c-head h4{color:var(--foreground);font-size:1rem;font-weight:700}.c-body h3{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;overflow:hidden}.test-type-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:.4rem;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.6875rem;font-weight:700;display:inline-block}.reminder-footer{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.reminder-time-label{color:var(--primary);align-items:center;gap:.375rem;margin:0;font-size:.75rem;font-weight:600;display:flex}.c-meta{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.rank-list{flex-direction:column;gap:.75rem;display:flex}.rank-item{align-items:center;gap:1rem;padding:.5rem 0;display:flex}.r-pos{color:var(--primary);min-width:24px;font-size:1.25rem;font-weight:800}.r-user p{color:var(--foreground);margin:0;font-size:.875rem;font-weight:600}.r-user small{color:var(--text-secondary);font-size:.75rem}.text-btn-wide{text-align:center;border:1px solid var(--border);width:100%;color:var(--primary);cursor:pointer;background:0 0;border-radius:.75rem;margin-top:1rem;padding:.75rem;font-size:.8125rem;font-weight:700;transition:background .2s}.text-btn-wide:hover{background:var(--accent-surface)}.section-head-column{flex-direction:column;gap:1rem;display:flex}.section-head-column h2{color:var(--foreground);font-size:2rem;font-weight:800}.filter-row-premium{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-pill-v2{background:var(--card);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:.75rem;min-width:280px;padding:.75rem 1.25rem;display:flex}.search-pill-v2 input{color:var(--foreground);background:0 0;border:none;outline:none;flex:1;font-size:.9375rem;font-weight:500}.search-pill-v2 svg{color:var(--text-muted)}.filter-chips{gap:.5rem;display:flex}.chip{cursor:pointer;background:var(--card);border:1px solid var(--border);color:var(--text-secondary);border-radius:2rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chip:hover:not(.active){border-color:var(--primary);color:var(--primary)}.course-section{margin-bottom:3rem}.course-section-header{border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.c-icon-bg{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #4f46e540}.course-title{color:var(--foreground);margin:0;font-size:1.5rem;font-weight:800}.course-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem;font-weight:600}.structured-learning-view{animation:.4s ease-out fadeIn}.mb-xl{margin-bottom:4rem}.library-grid-web{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.library-card{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;padding:1.5rem;transition:transform .2s;box-shadow:0 4px 6px -1px #00000005}.library-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000000d}.l-card-img{background:var(--accent-surface);border-radius:1rem;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex}.l-card-body h4{color:var(--foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.l-card-body p{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.l-progress{background:var(--muted);border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden}.l-bar{background:var(--primary);border-radius:3px;height:100%;transition:width .6s}.subject-metrics-premium{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.unlocked-highlight-pill{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:.75rem;align-items:center;gap:.5rem;width:fit-content;padding:.375rem .75rem;font-size:.8125rem;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #00000005}.total-topics-label{color:var(--text-secondary);margin:.25rem 0 0 .25rem;font-size:.75rem;font-weight:600}.test-view-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.test-view-header h2{color:var(--foreground);font-size:2rem;font-weight:800}.view-toggle-group{background:var(--card);border:1px solid var(--border);border-radius:.75rem;display:flex;overflow:hidden}.toggle-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.toggle-btn.active{background:var(--primary);color:#fff}.test-grid-web{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.test-card-premium{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #00000005}.t-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.t-badge-v2{text-transform:uppercase;border-radius:1rem;padding:.25rem .75rem;font-size:.7rem;font-weight:800;display:inline-block}.t-badge-v2.available{color:#059669;background:#ecfdf5}.t-badge-v2.scheduled{color:#d97706;background:#fef3c7}.t-badge-v2.live{color:#dc2626;background:#fee2e2}.t-badge-v2.completed{background:var(--accent-surface);color:var(--primary)}.test-card-premium h4{color:var(--foreground);margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.t-card-meta{gap:1.5rem;margin-bottom:1.25rem;display:flex}.m-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.t-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.shine{position:relative;overflow:hidden}.shine:after{content:"";background:linear-gradient(45deg,#0000 40%,#fff3 50%,#0000 60%);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.score-info{align-items:center;gap:1rem;display:flex}.scheduled-info{color:#d97706;font-size:.8125rem;font-weight:600}.text-btn-sm{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:700;display:flex}.structured-explorer{flex-direction:column;gap:1rem;display:flex}.explorer-node{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;overflow:hidden}.node-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.node-header:hover{background:var(--background)}.node-info{align-items:center;gap:1rem;display:flex}.t-icon{color:var(--text-secondary);align-items:center;transition:transform .2s;display:flex}.node-title{color:var(--foreground);font-size:1rem;font-weight:700}.node-badge{color:var(--text-muted);background:var(--background);border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.cat-tag{text-transform:uppercase;border-radius:.375rem;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.cat-tag.course{background:var(--accent-surface);color:var(--primary)}.nested-container{background:var(--background);border-top:1px solid var(--border);padding:.75rem 1rem}.explorer-test-list{padding:.75rem 1rem}.explorer-test-item{background:var(--card);border:1px solid var(--border);border-radius:1rem;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;display:flex}.t-main{align-items:center;gap:1rem;display:flex}.t-details b{color:var(--foreground);font-size:.9375rem;display:block}.t-details span{color:var(--text-muted);font-size:.75rem;font-weight:600}.live-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.live-card-v2{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;position:relative;box-shadow:0 4px 6px -1px #00000005}.live-badge-v2{text-transform:uppercase;background:var(--primary);color:#fff;border-radius:1rem;padding:.25rem .75rem;font-size:.65rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem}.live-card-content h3{color:var(--foreground);margin-bottom:.75rem;font-size:1.25rem;font-weight:800}.live-meta-row{gap:1.5rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.live-meta-row span{align-items:center;gap:.5rem;display:flex}.live-platform{margin-bottom:1.5rem;font-size:.8125rem}.join-btn-v2{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.join-btn-v2:hover{transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 2rem}.empty-state h3{color:var(--text-secondary);margin-top:1rem;font-size:1rem}.s-table-wrapper{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden}.s-table{border-collapse:collapse;width:100%}.s-table th{background:var(--background);text-transform:uppercase;color:var(--text-secondary);text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:800}.s-table td{border-bottom:1px solid var(--border);color:var(--foreground);padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.bold-cell{color:var(--foreground);font-weight:700}.text-link-v4{color:var(--primary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;text-decoration:none;display:flex}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.ah-text h2{color:var(--foreground);font-size:2rem;font-weight:800}.ah-text p{color:var(--text-secondary);margin-top:.25rem;font-size:.9375rem}.analytics-sub-nav{flex-wrap:wrap;gap:.5rem;display:flex}.sub-nav-btn{color:var(--text-secondary);background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:flex}.sub-nav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #4f46e533}.sub-nav-btn:hover:not(.active){border-color:var(--primary);color:var(--primary)}.analytics-content-box{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;min-height:300px;padding:2rem}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.kpi-card-v2{color:#fff;border-radius:1.5rem;padding:1.75rem;position:relative;overflow:hidden}.kpi-card-v2:after{content:"";background:#ffffff1a;border-radius:50%;width:150px;height:150px;position:absolute;top:-50%;right:-20%}.kpi-card-v2 label{text-transform:uppercase;opacity:.8;font-size:.75rem;font-weight:800}.kpi-card-v2 h3{margin:.5rem 0;font-size:2.5rem;font-weight:800}.kpi-mini-bar{background:#fff3;border-radius:3px;height:6px;margin-top:.75rem;overflow:hidden}.kpi-mini-bar .fill{background:var(--card);border-radius:3px;height:100%}.kpi-note{opacity:.7;font-size:.75rem}.gradient-blue{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.gradient-purple{background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%)}.gradient-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.mastery-board-v2{flex-direction:column;gap:1.25rem;display:flex}.m-node-v2{background:var(--background);border:1px solid var(--border);border-radius:1.25rem;padding:1.5rem}.m-title-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.m-title-row b{color:var(--foreground);align-items:center;gap:.75rem;font-size:1rem;display:flex}.m-course-label{color:var(--text-muted);background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:.1rem .6rem;font-size:.75rem;font-weight:500}.m-status{text-transform:uppercase;border-radius:1rem;padding:.25rem .75rem;font-size:.7rem;font-weight:800}.m-status.excellent{color:#059669;background:#ecfdf5}.m-status.good{background:var(--accent-surface);color:var(--primary)}.m-status.warning{color:#d97706;background:#fef3c7}.m-bar-container-v2{background:var(--muted);border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.m-bar-fill-v4{background:linear-gradient(90deg, var(--primary), #818cf8);border-radius:4px;height:100%;transition:width 1s}.m-metrics-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.analysis-drill-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.v4-select{border:1px solid var(--border);color:var(--foreground);background:var(--background);border-radius:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700}.topic-heatmap-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.heatmap-cell{background:var(--background);border:1px solid var(--border);border-radius:1rem;padding:1.25rem}.hc-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.hc-header b{color:var(--foreground);font-size:.9375rem}.hc-val{color:var(--primary);font-size:.875rem;font-weight:800}.hc-bar-bg{background:var(--muted);border-radius:3px;height:6px;overflow:hidden}.hc-bar-fill{background:var(--primary);border-radius:3px;height:100%}.table-wrapper-v5{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden}.analysis-table-v2{border-collapse:collapse;width:100%}.analysis-table-v2 th{background:var(--background);text-transform:uppercase;color:var(--text-secondary);text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:800}.analysis-table-v2 td{color:var(--foreground);border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.test-meta-cell b{display:block}.test-meta-cell span{color:var(--text-muted);font-size:.75rem}.rank-chip{color:#d97706;background:#f59e0b0d;border-radius:.5rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:700;display:inline-flex}.leaderboard-preview{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;padding:2rem}.leaderboard-preview header{margin-bottom:1.5rem}.leaderboard-preview h3{color:var(--foreground);font-size:1.25rem;font-weight:800}.leaderboard-list{flex-direction:column;gap:.75rem;display:flex}.leader-row{border-radius:1rem;align-items:center;gap:1rem;padding:1rem;transition:background .2s;display:flex}.leader-row:hover{background:var(--accent-surface)}.leader-row.current{background:var(--accent-surface);border:1px solid #e0e7ff}.l-num{color:var(--primary);min-width:36px;font-size:1.125rem;font-weight:800}.l-avatar{background:var(--muted);width:36px;height:36px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:flex}.l-name{color:var(--foreground);flex:1;font-weight:600}.l-score{color:var(--primary);font-size:.8125rem;font-weight:700}.analysis-card{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;padding:2rem}.notifications-list-web{flex-direction:column;gap:1rem;display:flex}.notification-item-web{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;gap:1.25rem;padding:1.5rem;transition:transform .2s;display:flex}.notification-item-web:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.n-icon-sq{background:var(--accent-surface);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.n-content-web b{color:var(--foreground);font-size:1rem}.n-content-web p{color:var(--text-secondary);margin:.5rem 0;font-size:.875rem;line-height:1.5}.n-content-web span{color:var(--text-muted);font-size:.75rem;font-weight:600}.empty-state-v2{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:.9375rem;font-weight:600}.settings-section h2{color:var(--foreground);font-size:2rem;font-weight:800}.settings-grid-web{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.settings-card-web{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;overflow:hidden}.sc-header{background:var(--background);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sc-header h3{color:var(--foreground);font-size:1.125rem;font-weight:700}.sc-body{padding:1.5rem}.setting-control{justify-content:space-between;align-items:center;display:flex}.s-text b{color:var(--foreground);font-size:.9375rem;display:block}.s-text span{color:var(--text-muted);font-size:.8125rem}.theme-toggle-mock,.lang-toggle-mock{background:var(--border);border-radius:.75rem;display:flex;overflow:hidden}.t-option,.l-option{cursor:pointer;color:var(--text-secondary);padding:.625rem 1.25rem;font-size:.8125rem;font-weight:700;transition:all .2s}.t-option.active,.l-option.active{background:var(--primary);color:#fff;border-radius:.75rem}.f-row-simple label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:800;display:block}.f-row-simple input{border:1px solid var(--border);width:100%;color:var(--foreground);background:var(--background);border-radius:.75rem;padding:.75rem 1rem;font-weight:600}.study-view-overlay{z-index:5000;background:var(--background);flex-direction:column;display:flex;position:fixed;inset:0}.study-header{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:1rem 2rem;display:flex}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.study-title b{color:var(--foreground);font-size:1.125rem}.study-player-layout{flex:1;display:flex;overflow:hidden}.study-sidebar{background:var(--card);border-right:1px solid var(--border);width:320px;padding:1.5rem;overflow-y:auto}.study-sidebar h3{color:var(--foreground);margin-bottom:1rem;font-size:1rem;font-weight:800}.topic-nav-list{flex-direction:column;gap:.5rem;display:flex}.nav-topic-item{color:var(--text-secondary);cursor:pointer;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.nav-topic-item:hover{background:var(--background)}.nav-topic-item.active{background:var(--accent-surface);color:var(--primary)}.nav-topic-item.nav-locked{opacity:.5}.n-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.player-content{flex:1;padding:3rem;overflow-y:auto}.lesson-details h1{color:var(--foreground);margin-bottom:1rem;font-size:2rem;font-weight:800}.lesson-details p{color:var(--text-secondary);font-size:1rem;line-height:1.8}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:6000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-profile-modal{background:var(--card);border-radius:2rem;width:100%;max-width:480px;box-shadow:0 25px 50px #00000026}.edit-profile-modal header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.edit-profile-modal header h3{color:var(--foreground);font-size:1.25rem;font-weight:800}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.modal-body{padding:2rem}.f-stack-grid{flex-direction:column;gap:1.25rem;display:flex}.f-row label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:800;display:block}.f-row input,.f-row select,.f-row textarea{border:1.5px solid var(--border);width:100%;color:var(--foreground);background:var(--background);border-radius:1rem;outline:none;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.f-row input:focus,.f-row select:focus,.f-row textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.edit-profile-modal footer{border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:700}.secondary-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:700}.mt-m{margin-top:1.5rem}.mt-l{margin-top:2.5rem}.mb-m{margin-bottom:1.5rem}.mb-l{margin-bottom:2.5rem}.pb-m{padding-bottom:1.5rem}.op-50{opacity:.5}.scrollable{overflow-y:auto}.bold-text{font-weight:800}.h-left h2{color:var(--foreground);font-size:2rem;font-weight:800}.primary-btn-wide{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:1rem;width:100%;padding:1rem;font-weight:700;transition:background .2s}.primary-btn-wide:hover{background:var(--primary-hover)}.primary-btn-sm{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;padding:.625rem 1rem;font-weight:700;transition:background .2s}.primary-btn-sm:hover{background:var(--primary-hover)}.primary-btn-sm.secondary-style{color:#fff;background:#334155}.primary-btn-sm.secondary-style:hover{background:#1e293b}.secondary-btn-outline{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:700;transition:background .2s}.secondary-btn-outline:hover{background:var(--background)}.loader{color:var(--primary);margin-top:2rem;font-size:1.25rem;font-weight:800}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-app-header,.show-mobile,.sidebar-header-mobile{display:none}@media (width<=1024px){.grid-layout{grid-template-columns:1fr}.welcome-section{flex-direction:column;align-items:flex-start;gap:1.5rem}.dashboard-view{padding:2rem 1.5rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.welcome-section h1{font-size:1.75rem}}@media (width<=768px){.main-sidebar{width:260px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000004d}.web-app-container{flex-direction:column}.main-content{width:100%}.main-sidebar.mobile-open{transform:translate(0)}.show-mobile{display:flex!important}.hide-mobile{display:none!important}.sidebar-header-mobile{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex!important}.close-sidebar-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;background:#0f172a66;position:fixed;inset:0}.mobile-app-header{background:var(--card);border-bottom:1px solid var(--border);z-index:1000;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;display:flex;box-shadow:0 2px 10px #00000005}.mobile-header-left{align-items:center;gap:1rem;display:flex}.menu-toggle-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.25rem}.landing-logo{color:var(--text-primary);align-items:center;gap:.5rem;font-weight:800;display:flex}.kpi-grid{grid-template-columns:1fr}.dashboard-view{padding:1.25rem 1rem}.content-header{display:none!important}.header-search{flex:1;min-width:auto}.study-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:30vh}.study-player-layout{flex-direction:column}.settings-grid-web,.test-grid-web,.live-grid{grid-template-columns:1fr}.perf-stats-row{grid-template-columns:repeat(2,1fr)}.library-grid-web{grid-template-columns:1fr}.filter-row-premium{flex-direction:column;align-items:stretch}.search-pill-v2{min-width:auto}.subject-card-wide{gap:.75rem;padding:1rem}.subject-card-wide h4{flex-direction:column;align-items:flex-start;gap:.25rem;font-size:.95rem;display:flex}.quick-stats{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.quick-stats::-webkit-scrollbar{display:none}.stat-pill{flex:none;width:auto;min-width:0;max-width:none;padding:.75rem 1rem}.stat-pill .s-value{font-size:1.15rem}.topics-grid{grid-template-columns:1fr}.course-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.course-section-header div{flex-direction:column;gap:.25rem;display:flex}.library-card{padding:1.25rem}.l-card-body h4{flex-direction:column;gap:.25rem;font-size:1rem;display:flex}.analytics-header{flex-direction:column;align-items:stretch;gap:1rem}.ah-text h2{font-size:1.5rem}.ah-text p{overflow-wrap:break-word;word-wrap:break-word;font-size:.8125rem}.analytics-sub-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding:.25rem 0;display:flex;overflow-x:auto;flex-wrap:nowrap!important}.analytics-sub-nav::-webkit-scrollbar{display:none}.sub-nav-btn{white-space:nowrap;flex-shrink:0;padding:.5rem .875rem;font-size:.75rem}.analytics-content-box{border-radius:1rem;padding:1.25rem}.welcome-section h1{font-size:1.375rem}.welcome-section p{font-size:.875rem}.section-head h3{font-size:1.05rem}.kpi-card-v2{padding:1.25rem}.kpi-card-v2 h3{font-size:1.5rem}.m-node-v2{padding:1.25rem}.m-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.explorer-test-item{flex-direction:column;align-items:stretch;gap:1rem}.t-main{gap:.75rem}.action-row-sm{flex-direction:column;gap:.5rem;display:flex}.nested-container{padding-left:.75rem!important}}.primary-btn-wide.active-reminder{border:none;color:#fff!important;background:#10b981!important}.content-loader-container{width:100%;height:100%;color:var(--primary);justify-content:center;align-items:center;display:flex}.topic-player-container{height:100%;padding:1rem}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem;display:grid}.content-card-v3{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:1.25rem;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.content-card-v3:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 12px 24px -8px #0000001a}.c-thumbnail{background:#1e293b;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.c-type-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;background:#0009;border-radius:.5rem;padding:.25rem .75rem;font-size:.7rem;font-weight:800;position:absolute;bottom:.75rem;right:.75rem}.c-info{padding:1.25rem}.c-info h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:700}.c-info p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.empty-topic-state{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-topic-state h3{color:var(--text-dim);margin-top:1.5rem;font-size:1.25rem}.empty-topic-state p{margin-top:.5rem;font-size:.9375rem}:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#6366f1;--accent:#f59e0b;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--radius:.75rem;--font-sans:"Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{--background:#f9fafb;--foreground:#111827;--card:#fff;--card-foreground:#111827;--border:#e5e7eb;--input:#e5e7eb;--sidebar-bg:#0f172a;--header-bg:#fff;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-dim:#475569;--text-heading:#334155;--muted:#e2e8f0;--muted-foreground:#64748b;--accent-surface:#eef2ff;--accent-surface-hover:#e0e7ff;--orange-surface:#fff7ed;--orange-surface-hover:#ffedd5}[data-theme=dark]{--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--card-foreground:#f8fafc;--border:#334155;--input:#334155;--sidebar-bg:#020617;--header-bg:#1e293b;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 20px 25px -5px #0006;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#94a3b8;--text-heading:#cbd5e1;--muted:#334155;--muted-foreground:#94a3b8;--accent-surface:#6366f126;--accent-surface-hover:#6366f140;--orange-surface:#f59e0b1a;--orange-surface-hover:#f59e0b33}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--background);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--foreground);font-weight:700}button{cursor:pointer;border:none;font-family:inherit}a{color:inherit;text-decoration:none}#root{flex-direction:column;min-height:100vh;display:flex}:root{--break-mobile:768px;--break-tablet:1024px}@media (width<=768px){.hide-mobile{display:none!important}}@media (width>=769px){.show-mobile{display:none!important}}.responsive-container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}@media (width<=768px){.responsive-container{padding:0 1.25rem}}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:1rem;width:100%;margin-bottom:1rem;overflow-x:auto}.table-scroll-wrapper table{min-width:600px}.drawer-transition{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}.adaptive-grid{gap:1.5rem;display:grid}@media (width<=1024px){.adaptive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.adaptive-grid-3,.adaptive-grid-2{grid-template-columns:1fr}}