@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap);body,html{height:100%;overflow:hidden;width:100%}body{margin:0;overscroll-behavior:none}.content,.student-app,.tab-viewport,table{max-width:100%}table{display:block;overflow-x:auto}img{height:auto}code,img,pre{max-width:100%}code,pre{word-wrap:break-word;overflow-x:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-overflow-scrolling:touch;overflow:hidden;overscroll-behavior:none}#root,body,html{height:100%;width:100%}#root{max-width:100vw;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.role-selection{align-items:center;background:linear-gradient(150deg,#337bae,#1a405f);background:linear-gradient(150deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);display:flex;height:100%;justify-content:center;overflow-y:auto;padding:24px}.kubik-role-logo{animation:kubikFadeUp .6s ease both;display:block;filter:brightness(0) invert(1);height:auto;margin:0 auto 40px;width:150px}.role-container{max-width:480px;text-align:center;width:100%}.role-logo{align-items:center;display:inline-flex;font-size:56px;font-weight:900;gap:4px;letter-spacing:-2px;margin-bottom:48px;text-shadow:0 4px 12px #0003}.role-logo .logo-ed{color:#fff}.role-logo .logo-me{color:#337bae;color:var(--kubik-blue)}.role-title{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:10px}.role-subtitle{color:#ffffffd9;font-size:15px;font-weight:400;margin-bottom:40px}.role-buttons{display:flex;flex-direction:column;gap:20px}.role-button{align-items:center;background:#fff;border:none;border-radius:20px;box-shadow:0 8px 28px #1a405f38;cursor:pointer;display:flex;gap:18px;overflow:hidden;padding:22px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-button:before{background:linear-gradient(135deg,#1e40af0d,#3b82f60d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.role-button:hover:before{opacity:1}.role-button:hover{box-shadow:0 16px 36px #1a405f4d;transform:translateY(-4px)}.role-button:active{transform:translateY(-3px) scale(1.01)}.role-icon{align-items:center;border-radius:20px;border-radius:16px;box-shadow:0 4px 16px #0000001a;display:flex;flex-shrink:0;font-size:56px;height:88px;justify-content:center;position:relative;width:88px;z-index:1}.role-student .role-icon{background:linear-gradient(135deg,#337bae,#4a93c4);background:linear-gradient(135deg,var(--kubik-blue) 0,#4a93c4 100%)}.role-admin .role-icon{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%)}.role-info{flex:1 1;position:relative;z-index:1}.role-info h2{color:#1a405f;color:var(--kubik-navy);font-size:19px;font-weight:600;margin-bottom:4px}.role-info p{color:#6b7280;font-size:15px;font-weight:500;line-height:1.5}@media (max-width:400px){.role-logo{font-size:48px}.role-title{font-size:28px}.role-button{gap:16px;padding:20px}.role-icon{font-size:48px;height:72px;width:72px}.role-info h2{font-size:20px}.role-info p{font-size:14px}}.subject-filters{-webkit-overflow-scrolling:touch;display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.subject-filters::-webkit-scrollbar{height:4px}.subject-filters::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.subject-filters::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.filter-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease;white-space:nowrap}.filter-button:hover{background:#f2f8fc;color:#1a405f;color:var(--kubik-navy)}.filter-button.active,.filter-button:hover{border-color:#337bae;border-color:var(--kubik-blue)}.filter-button.active{background:#337bae;background:var(--kubik-blue);box-shadow:0 4px 12px #337bae40;color:#fff}.filter-icon{font-size:18px}@media (max-width:768px){.subject-filters{gap:8px}.filter-button{font-size:13px;padding:8px 14px}.filter-icon{font-size:16px}}.kubik-loading-logo{animation:kubikBreathe 2.4s ease-in-out infinite;filter:brightness(0) invert(1);height:auto;width:160px}.blocked-screen{align-items:center;background:#fcfcfa;background:var(--kubik-white);display:flex;height:100%;justify-content:center;overflow-y:auto;padding:24px}.kubik-blocked-logo{display:block;height:auto;margin:0 auto 8px;opacity:.9;width:72px}.blocked-container{max-width:480px;text-align:center;width:100%}.blocked-icon{animation:pulse 2s ease-in-out infinite;font-size:80px;margin:32px 0}.blocked-title{color:#1a405f;color:var(--kubik-navy);font-size:26px;font-weight:600;letter-spacing:-.5px;margin:0 0 14px}.blocked-description{color:#7b8794;color:var(--kubik-text-soft);font-size:15px;line-height:1.6;margin:0 0 32px}.telegram-button{align-items:center;background:#337bae;background:var(--kubik-blue);border-radius:14px;box-shadow:0 6px 18px #337bae40;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.telegram-button:hover{box-shadow:0 12px 32px #0003;transform:translateY(-2px)}.telegram-icon{font-size:24px}:root{--kubik-text-soft:#7b8794;--space-page-x:20px;--space-page-y:28px;--space-page-bottom:44px;--space-section:26px;--space-grid:20px;--space-card:22px;--space-stack:16px;--space-inline:14px;--student-bottom-nav-offset:calc(96px + env(safe-area-inset-bottom, 0px))}.student-app{background:#fcfcfa;background:var(--kubik-white);box-shadow:0 0 50px #1a405f0f;display:flex;flex-direction:column;height:100%;margin:0 auto;max-height:100dvh;max-width:480px;overflow:hidden;width:100%}.logo{align-items:center;display:flex;font-size:32px;font-weight:900;gap:2px;letter-spacing:-1px}.logo-ed{color:#fff}.logo-me{color:#337bae;color:var(--kubik-blue)}.content{-webkit-overflow-scrolling:touch;background:#eaf3fa;background:var(--kubik-blue-soft,#eaf3fa);flex:1 1;max-width:100%;min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:none;padding:0 0 calc(96px + env(safe-area-inset-bottom, 0px));padding-bottom:var(--student-bottom-nav-offset)}.bottom-navigation{background:#fff;border-top:1px solid #eceae5;border-top:1px solid var(--kubik-border);bottom:0;box-shadow:0 -4px 16px #00000014;display:flex;gap:10px;left:50%;max-width:480px;padding:14px 16px calc(16px + env(safe-area-inset-bottom, 0px));position:fixed;transform:translateX(-50%);width:100%;z-index:100}.nav-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:6px;padding:12px 10px;transition:all .3s ease}.nav-button:hover{background:#f3f4f6}.nav-button.active{background:#337bae;background:var(--kubik-blue);box-shadow:0 4px 12px #337bae47;color:#fff;position:relative;transform:translateY(-2px)}.nav-button.active:after{background:#ffbebd;background:var(--kubik-pink);border-radius:50%;content:"";height:6px;position:absolute;right:14px;top:7px;width:6px}.nav-icon{font-size:24px;transition:filter .3s ease}.nav-text{font-size:11px;font-weight:600}.student-app .quiz-section,.student-app .section{box-sizing:border-box;padding:28px 20px 44px;padding:var(--space-page-y) var(--space-page-x) var(--space-page-bottom)}.student-app .section.section-practice{overflow-x:clip;padding:0 0 44px;padding:0 0 var(--space-page-bottom)}.student-app .section.section-practice .leaderboard-page,.student-app .section.section-practice .practice-dashboard,.student-app .section.section-practice .practice-panel,.student-app .section.section-practice .practice-tabs,.student-app .section.section-practice .rating-panel,.student-app .section.section-practice .subjects-grid,.student-app .section.section-practice>.empty-state,.student-app .section.section-practice>.practice-grid{padding-left:20px;padding-left:var(--space-page-x);padding-right:20px;padding-right:var(--space-page-x)}.student-app .section.section-homework,.student-app .section.section-stats{overflow-x:clip;padding:0 0 44px;padding:0 0 var(--space-page-bottom)}.student-app .section.section-homework .homework-panel,.student-app .section.section-homework .subjects-grid,.student-app .section.section-homework>.empty-state,.student-app .section.section-stats .practice-tabs,.student-app .section.section-stats .stats-panel,.student-app .section.section-stats>.empty-state{padding-left:20px;padding-left:var(--space-page-x);padding-right:20px;padding-right:var(--space-page-x)}.homework-panel,.stats-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.practice-hero,.section-hero{background:linear-gradient(135deg,#337bae,#1a405f);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);border-radius:0;box-sizing:border-box;margin:0 0 18px;overflow:hidden;padding:calc(20px + env(safe-area-inset-top, 0px)) 20px 42px;position:relative;width:100%}.practice-hero-wave,.section-hero-wave{bottom:-1px;display:block;height:34px;left:0;pointer-events:none;position:absolute;width:100%}.practice-hero-wave path,.section-hero-wave path{fill:#eaf3fa;fill:var(--kubik-blue-soft,#eaf3fa)}.practice-hero-glow,.section-hero-glow{background:radial-gradient(circle,#ffbebd66 0,#0000 70%);height:140px;pointer-events:none;position:absolute;right:-20px;top:-30px;width:140px}.practice-hero-content,.section-hero-content{align-items:center;display:flex;gap:14px;justify-content:space-between;position:relative}.practice-hero-main,.section-hero-main{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.practice-hero-text,.section-hero-text{flex:1 1;min-width:0}.practice-hero-eyebrow,.section-hero-eyebrow{color:#ffbebd;color:var(--kubik-pink);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:7px}.practice-hero-title,.section-hero-title{align-items:center;color:#fff;display:flex;font-family:Manrope,sans-serif;font-size:29px;font-weight:800;gap:9px;letter-spacing:-1px;line-height:1.05;margin:0;word-break:break-word}.hero-title-emoji{flex-shrink:0;font-size:26px}.practice-hero-sub,.section-hero-sub{color:#ffffffd1;font-size:13.5px;font-weight:500;line-height:1.4;margin:9px 0 0}.hero-streak{align-items:center;border:2px solid #ffbebd;border:2px solid var(--kubik-pink);border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:54px;justify-content:center;width:54px}.hero-streak,.hero-streak.done{background:#fffffff5;box-shadow:0 4px 14px #0000002e}.hero-streak.done{border-color:#ffbebd;border-color:var(--kubik-pink)}.hero-streak.empty,.hero-streak.pending{background:#ffffffe6;border-color:#ffbebd8c;box-shadow:0 2px 10px #0000001a}.hero-streak-flame{font-size:18px;line-height:1;transform-origin:center bottom}.hero-streak.done .hero-streak-flame{animation:flameFlicker 1.8s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,120,50,.85)) drop-shadow(0 0 8px rgba(255,90,40,.45));opacity:1}.hero-streak.empty .hero-streak-flame,.hero-streak.pending .hero-streak-flame{animation:none;filter:grayscale(1) brightness(.72) contrast(.95);opacity:.88}.hero-streak-count{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:800;line-height:1;margin-top:1px}.hero-streak.empty .hero-streak-count,.hero-streak.pending .hero-streak-count{color:#7b8794;color:var(--kubik-text-soft)}.hero-streak.done.bump{animation:streakBumpAnim 1.4s cubic-bezier(.18,.89,.32,1.28)}.hero-streak.done.bump .hero-streak-flame{animation:flameBurst 1.4s ease-out}.hero-count-badge{align-items:center;background:#fffffff5;border:2px solid #ffbebd;border:2px solid var(--kubik-pink);border-radius:50%;box-shadow:0 4px 14px #0000002e;display:flex;flex-direction:column;flex-shrink:0;height:54px;justify-content:center;min-width:54px;padding:0 6px}.hero-count-badge.urgent{background:#fff5f5;border-color:#f87171}.hero-count-badge-num{color:#1a405f;color:var(--kubik-navy);font-size:17px;font-weight:800;line-height:1}.hero-count-badge-label{color:#7b8794;color:var(--kubik-text-soft);font-size:8px;font-weight:700;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.hero-back-inset{background:#ffffff29;border:1px solid #ffffff47;color:#fff;display:block;margin:0 0 14px;position:relative;z-index:2}.hero-back-inset:hover{background:#ffffff3d;border-color:#fff6;color:#fff}.practice-tabs{background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:16px;box-shadow:0 2px 12px #1a405f0f;display:flex;gap:6px;margin-bottom:20px;padding:5px}.practice-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#7b8794;color:var(--kubik-text-soft);cursor:pointer;display:flex;flex:1 1;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 10px;transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .15s ease}.practice-tab:active{transform:scale(.98)}.practice-tab.active{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);box-shadow:0 4px 14px #337bae47;color:#fff}.practice-tab-icon{font-size:17px;line-height:1}.practice-tab-label{line-height:1.2}.student-brand{align-items:center;display:inline-flex;flex-shrink:0;position:relative;z-index:2}.student-brand-logo{display:block;height:40px;max-width:40px;object-fit:contain;width:auto}.student-brand--hero .student-brand-logo{filter:brightness(0) invert(1);height:58px;max-width:72px;opacity:.98}.student-brand--light .student-brand-logo{filter:none}.selection-empty-hint{color:#ffffffe0;font-size:14px;line-height:1.5;margin:0 0 20px;padding:0 8px}.student-app .section.section-quiz{padding:0 0 44px;padding:0 0 var(--space-page-bottom)}.quiz-brand-bar{padding:calc(14px + env(safe-area-inset-top, 0px)) 20px 4px;padding:calc(14px + env(safe-area-inset-top, 0px)) var(--space-page-x) 4px}.student-app .section-title{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;font-size:26px;font-weight:800;gap:12px;letter-spacing:-.5px;line-height:1.2;margin:0 0 26px;margin:0 0 var(--space-section)}.student-app .section-title:before{background:#ffbebd;background:var(--kubik-pink);border-radius:2px;content:"";flex-shrink:0;height:26px;width:4px}.student-app .practice-topbar{gap:10px;margin-bottom:26px;margin-bottom:var(--space-section)}.student-app .homework-page-subtitle,.student-app .practice-subtitle{margin-top:10px}.student-app .homeworks-grid,.student-app .practice-dashboard,.student-app .practice-grid,.student-app .stats-content,.student-app .stats-summary,.student-app .subjects-grid{gap:20px;gap:var(--space-grid)}.student-app .stats-block{margin-bottom:20px;margin-bottom:var(--space-grid)}.student-app .card,.student-app .dash-card,.student-app .homework-card,.student-app .homework-stat-card,.student-app .quiz-stat-card,.student-app .stat-card,.student-app .stats-block,.student-app .topic-card{padding:22px;padding:var(--space-card)}.student-app .homework-card{gap:16px;gap:var(--space-stack)}.student-app .subject-card,.student-app .topic-card{padding:20px 18px}.student-app .section.section-homework .homework-subject-card,.student-app .section.section-practice .practice-subject-card{padding:0}.student-app .homework-stats-list,.student-app .quiz-stats-list,.student-app .recent-list,.student-app .subjects-list,.student-app .topics-list{gap:16px;gap:var(--space-stack)}.student-app .recent-item,.student-app .subject-stat-row,.student-app .topic-stat-row{padding:14px 12px}.student-app .hw-metrics,.student-app .hw-progress-block,.student-app .predicted-score-header{margin-top:8px}.student-app .empty-state{margin-top:20px;margin-top:var(--space-grid);padding:72px 24px}.student-app .empty-icon{margin-bottom:16px}.student-app .primary-button{margin-top:16px;margin-top:var(--space-stack);padding:15px 24px}.student-app .back-button{margin-bottom:12px}.student-app .main-tabs{padding:8px}.student-app .main-tabs,.student-app .subject-tabs{gap:10px;margin-bottom:26px;margin-bottom:var(--space-section)}.student-app .subject-tabs{padding:8px 0 10px}.student-app .answers-list,.student-app .hw-stat-result,.student-app .leaderboard-list,.student-app .result-actions{gap:16px;gap:var(--space-stack)}.student-app .leader-row{margin-bottom:10px;padding:14px 12px}.student-app .code-generation,.student-app .full-leaderboard,.student-app .mini-leaderboard{margin-bottom:20px;margin-bottom:var(--space-grid);padding:22px;padding:var(--space-card)}.student-app .card-title{margin-bottom:12px}.student-app .card-description{line-height:1.65}.student-app .page-header{padding:16px 20px}.student-app .global-header,.student-app .page-header,.student-app .single-subject-banner{margin-bottom:26px;margin-bottom:var(--space-section)}.student-app .single-subject-banner{padding:18px}.student-app .quiz-stat-card{margin-bottom:20px;margin-bottom:var(--space-grid)}.student-app .homework-stat-card{gap:16px;gap:var(--space-stack);padding:18px}.student-app .recent-item{gap:12px;padding:14px 12px}.student-app .topic-card-top{gap:16px}.student-app .topic-name{margin-bottom:6px}.student-app .predicted-score-header{margin-bottom:14px}.student-app .practice-dashboard{margin-bottom:26px;margin-bottom:var(--space-section)}@media (max-width:400px){.student-app .quiz-section:not(.section-quiz),.student-app .section:not(.section-practice):not(.section-homework):not(.section-stats):not(.section-quiz){padding:24px 16px 36px}.student-app .section.section-homework,.student-app .section.section-practice,.student-app .section.section-quiz,.student-app .section.section-stats{padding-bottom:36px}.quiz-brand-bar,.student-app .section.section-homework .homework-panel,.student-app .section.section-homework .subjects-grid,.student-app .section.section-homework>.empty-state,.student-app .section.section-practice .leaderboard-page,.student-app .section.section-practice .practice-dashboard,.student-app .section.section-practice .practice-panel,.student-app .section.section-practice .practice-tabs,.student-app .section.section-practice .rating-panel,.student-app .section.section-practice .subjects-grid,.student-app .section.section-practice>.empty-state,.student-app .section.section-practice>.practice-grid,.student-app .section.section-stats .practice-tabs,.student-app .section.section-stats .stats-panel,.student-app .section.section-stats>.empty-state{padding-left:16px;padding-right:16px}.student-app .section-title{font-size:24px;margin-bottom:20px}}.card{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;margin-bottom:var(--space-grid,18px);padding:22px;padding:var(--space-card,20px);transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #337bae1f;transform:translateY(-2px)}.card-title{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:8px}.card-description{color:#6b7280;font-size:14px;line-height:1.6}.primary-button{border-radius:12px;box-shadow:none;font-size:16px;margin-top:12px;padding:14px 24px;transition:all .3s ease}.primary-button:hover{background:#1a405f;background:var(--kubik-navy);box-shadow:none;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-text{color:#6b7280;line-height:1.6}.student-selection{align-items:center;background:linear-gradient(150deg,#337bae,#1a405f);background:linear-gradient(150deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);display:flex;height:100%;justify-content:center;overflow-y:auto;padding:24px}.kubik-selection-logo{animation:kubikFadeUp .6s ease both;display:block;filter:brightness(0) invert(1);height:auto;margin:0 auto 36px;width:150px}.selection-container{max-width:480px;text-align:center;width:100%}.selection-logo{align-items:center;display:inline-flex;font-size:56px;font-weight:900;gap:4px;letter-spacing:-2px;margin-bottom:40px;text-shadow:0 4px 12px #0003}.selection-logo .logo-ed{color:#fff}.selection-logo .logo-me{color:#337bae;color:var(--kubik-blue)}.selection-title{color:#fff;font-size:26px;font-weight:600;letter-spacing:-.5px;margin-bottom:28px}.selection-subtitle{display:none}.students-loading,.students-select-list{display:flex;flex-direction:column;gap:18px}.student-select-card{align-items:center;background:#fff;border:none;border-radius:18px;box-shadow:0 8px 24px #1a405f33;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.student-select-card:hover{box-shadow:0 16px 32px #1a405f47;transform:translateY(-4px)}.student-select-card:active{transform:translateY(-2px) scale(1.01)}.student-select-avatar{align-items:center;background:linear-gradient(135deg,#337bae,#1a405f);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);border-radius:50%;box-shadow:0 4px 12px #337bae38;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:600;height:56px;justify-content:center;width:56px}.student-select-info{flex:1 1}.student-select-info h3{color:#1a405f;color:var(--kubik-navy);font-size:17px;font-weight:600;margin:0 0 4px}.student-select-info p{color:#6b7280;font-size:14px;margin:0}.student-select-arrow{color:#337bae;color:var(--kubik-blue);flex-shrink:0;font-size:22px}.student-select-card.skeleton{animation:pulse 1.5s ease-in-out infinite;pointer-events:none}.student-select-card.skeleton .skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f5e4e3,#fcf0ef 50%,#f5e4e3);background-size:200% 100%;border-radius:50%;height:56px;width:56px}.student-select-card.skeleton .skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.student-select-card.skeleton .skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6 50%,#e5e7eb);background-size:200% 100%;border-radius:4px;height:16px}.student-select-card.skeleton .skeleton-line.short{width:60%}@media (max-width:400px){.selection-logo{font-size:48px}.selection-title{font-size:28px}.student-select-card{padding:16px}.student-select-avatar{font-size:20px;height:50px;width:50px}}.initial-loading{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;padding:20px}.initial-loading .loading-logo{animation:pulseLogo 2s ease-in-out infinite;display:flex;font-size:48px;font-weight:800;gap:4px}.initial-loading .loading-logo .logo-ed{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text}.initial-loading .loading-logo .logo-me{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#337bae,#ffbebd);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-pink) 100%);-webkit-background-clip:text}.initial-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #eceae5;border-top-color:#337bae;border:4px solid var(--kubik-border);border-radius:50%;border-top-color:var(--kubik-blue);height:48px;width:48px}.initial-loading p{color:#1e40af;font-size:16px;font-weight:600}@keyframes pulseLogo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.loading-screen{align-items:center;background:linear-gradient(150deg,#337bae,#1a405f);background:linear-gradient(150deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);display:flex;flex-direction:column;gap:32px;height:100%;justify-content:center;overflow-y:auto}.loading-screen .kubik-loading-logo{animation:kubikBreathe 2.4s ease-in-out infinite;filter:brightness(0) invert(1);height:auto;width:160px}.kubik-loader{background:#ffffff40;border-radius:3px;height:3px;overflow:hidden;position:relative;width:140px}.kubik-loader-fill{animation:kubikSlide 1.3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#ffbebd);background:linear-gradient(90deg,#fff 0,var(--kubik-pink) 100%);border-radius:3px;height:100%;left:0;position:absolute;top:0;width:40%}@keyframes kubikSlide{0%{left:-40%}to{left:100%}}@keyframes kubikBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.04)}}@keyframes kubikFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tab-viewport{background:#eaf3fa;background:var(--kubik-blue-soft,#eaf3fa);min-height:100%;overflow-x:clip;position:relative;width:100%}.tab-panel{width:100%;will-change:transform,opacity}.tab-visible{opacity:1;transform:translateX(0)}.tab-hidden{display:none}.tab-enter-forward{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) both}.tab-exit-forward{animation:slideOutLeft .3s cubic-bezier(.4,0,.2,1) both;left:0;pointer-events:none;position:absolute;right:0;top:0}.tab-enter-backward{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) both}.tab-exit-backward{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1) both;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(40px)}}.section{animation:none;background:#eaf3fa;background:var(--kubik-blue-soft,#eaf3fa);font-family:Manrope,-apple-system,sans-serif;margin:0;min-height:100%;padding:0 16px 28px;position:relative}.section:before{background-image:radial-gradient(circle,#337bae17 1px,#0000 0);background-size:19px 19px;bottom:0;content:"";height:70%;left:0;-webkit-mask-image:linear-gradient(#0000,#000 55%);mask-image:linear-gradient(#0000,#000 55%);pointer-events:none;position:absolute;right:0;z-index:0}.section>*{position:relative;z-index:1}.practice-topbar{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.practice-topbar .back-button{margin-bottom:14px}.section-title{align-items:center;display:flex;font-family:Manrope,sans-serif;font-size:27px;gap:10px;letter-spacing:-.8px;line-height:1.15;word-break:break-word}.title-emoji{flex-shrink:0;font-size:26px}.practice-subtitle{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;font-weight:500;line-height:1.45;margin:8px 0 0}.back-button{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);box-shadow:0 1px 3px #1a405f0d;color:#1a405f;font-family:Manrope,sans-serif;font-size:13px;padding:9px 15px;transition:all .2s ease;white-space:nowrap}.back-button:hover{border-color:#337bae;border-color:var(--kubik-blue);color:#337bae;color:var(--kubik-blue);transform:translateX(-2px)}.section-practice .practice-subject-card{aspect-ratio:16/10;background-color:#1a405f;background-color:var(--kubik-navy);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:18px;box-shadow:0 6px 18px #1a405f1f;padding:0;width:100%}.section-practice .practice-subject-card:before{display:none}.section-practice .practice-subject-card:hover{border-color:#0000;box-shadow:0 14px 28px #1a405f38;transform:translateY(-3px) scale(1.01)}.section-practice .subjects-grid{gap:14px}.subject-meta{color:#a8b0b8;font-size:11px}.practice-grid{grid-gap:18px;display:grid;gap:18px}.topic-card{border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:20px;box-shadow:0 2px 10px #1a405f0a;font-family:Manrope,sans-serif;padding:20px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.topic-card:hover{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 12px 26px #337bae1f;transform:translateY(-3px)}.topic-card-top{gap:13px}.topic-card-top,.topic-icon{align-items:center;display:flex}.topic-icon{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:15px;flex-shrink:0;font-size:26px;height:50px;justify-content:center;width:50px}.topic-head{flex:1 1;min-width:0}.topic-name{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:700;line-height:1.25;margin:0 0 6px}.topic-qcount{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;font-weight:500}.topic-rate-chip{border-radius:20px;flex-shrink:0;font-size:13px;font-weight:800;letter-spacing:-.3px;padding:5px 11px}.topic-rate-chip.good{background:#e3f5ec;color:#2e9e6b;color:var(--good)}.topic-rate-chip.medium{background:#fbf0dd;color:#d9943b;color:var(--medium)}.topic-rate-chip.low{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.topic-desc{color:#8a95a1;color:var(--kubik-text-soft);font-size:13.5px;line-height:1.5;margin:13px 0 0}.topic-progress{align-items:center;display:flex;gap:10px;margin-top:15px}.topic-progress-track{background:#f0eeea;border-radius:7px;flex:1 1;height:7px;overflow:hidden}.topic-progress-fill{border-radius:7px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.topic-progress-fill.good{background:linear-gradient(90deg,#2e9e6b,#4fbf8b);background:linear-gradient(90deg,var(--good),#4fbf8b)}.topic-progress-fill.medium{background:linear-gradient(90deg,#d9943b,#e8b86a);background:linear-gradient(90deg,var(--medium),#e8b86a)}.topic-progress-fill.low{background:linear-gradient(90deg,#d75a5a,#ffbebd);background:linear-gradient(90deg,var(--low),var(--kubik-pink))}.topic-progress-label{color:#8a95a1;color:var(--kubik-text-soft);flex-shrink:0;font-size:12px;font-weight:700}.topic-start-btn{align-items:center;background:#337bae;background:var(--kubik-blue);border:none;border-radius:13px;color:#fff;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:14.5px;font-weight:700;gap:7px;justify-content:center;margin-top:16px;padding:13px;transition:all .2s ease;width:100%}.topic-start-btn:hover:not(:disabled){background:#1a405f;background:var(--kubik-navy)}.topic-start-btn:disabled{background:#d3d9dd;cursor:not-allowed}.btn-arrow{transition:transform .2s ease}.topic-start-btn:hover:not(:disabled) .btn-arrow{transform:translateX(4px)}.empty-state{padding:70px 16px}.empty-icon{margin-bottom:14px;opacity:.45}.empty-text{color:#8a95a1;color:var(--kubik-text-soft);font-size:15px}.practice-mode{background:#fcfcfa;background:var(--kubik-white);bottom:var(--student-bottom-nav-offset);display:flex;flex-direction:column;font-family:Manrope,sans-serif;left:0;margin:0 auto;max-width:480px;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:1200}.practice-loading-body{align-items:center;color:#8a95a1;color:var(--kubik-text-soft);display:flex;flex:1 1;font-size:15px;font-weight:600;justify-content:center}.practice-mode--result .practice-result-body{flex:1 1;min-height:0;overflow-y:auto;padding:16px}.practice-header{align-items:center;background:linear-gradient(135deg,#337bae,#1a405f);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);display:flex;flex-shrink:0;gap:11px;overflow:hidden;padding:12px 14px;position:relative}.practice-header:before{background:radial-gradient(circle,#ffffff21 0,#0000 65%);content:"";height:220px;pointer-events:none;position:absolute;right:-8%;top:-60%;width:220px}.practice-header .back-button{background:#ffffff29;border:1px solid #ffffff38;border-radius:11px;box-shadow:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:9px 14px;position:relative;white-space:nowrap;z-index:1}.practice-header .back-button:hover{background:#ffffff42;transform:none}.practice-info{flex:1 1;min-width:0;position:relative;z-index:1}.practice-info h2{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-info p{color:#ffffffd1;font-size:12px;font-weight:500;margin:0}.practice-progressbar{background:#eceae5;background:var(--kubik-border);flex-shrink:0;height:4px;overflow:hidden;width:100%}.practice-progressbar-fill{background:linear-gradient(90deg,#337bae,#ffbebd);background:linear-gradient(90deg,var(--kubik-blue) 0,var(--kubik-pink) 100%);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.question-container{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 16px 18px}.question-header{flex-shrink:0}.question-text{flex-shrink:0;font-size:17px;letter-spacing:-.3px;line-height:1.35}.answers-list{display:flex;flex-direction:column;flex-shrink:0;gap:12px}.answer-option{align-items:center;background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:13px;box-shadow:0 1px 3px #1a405f08;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:14px;gap:11px;padding:11px 13px;text-align:left;transition:border-color .2s,background .2s,transform .1s,box-shadow .2s}.answer-option:hover:not(:disabled){background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.answer-option:active:not(:disabled){transform:scale(.985)}.answer-option.selected{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.answer-option.correct{background:#e3f5ec;border-color:#2e9e6b;border-color:var(--good);pointer-events:none}.answer-option.wrong{background:#fbe8e8;border-color:#d75a5a;border-color:var(--low);pointer-events:none}.answer-option:disabled{cursor:not-allowed}.answer-letter{background:#f1efeb;border-radius:8px;color:#8a95a1;color:var(--kubik-text-soft);flex-shrink:0;font-size:12px;height:26px;transition:all .2s;width:26px}.answer-option.selected .answer-letter{background:#337bae;background:var(--kubik-blue);color:#fff}.answer-option.correct .answer-letter{background:#2e9e6b;background:var(--good);color:#fff}.answer-option.wrong .answer-letter{background:#d75a5a;background:var(--low);color:#fff}.answer-text{color:#2a3744;color:var(--kubik-text);flex:1 1;font-weight:500;line-height:1.35}.answer-icon{flex-shrink:0;font-size:18px;font-weight:700}.correct-icon{color:#2e9e6b;color:var(--good)}.wrong-icon{color:#d75a5a;color:var(--low)}.answer-result-box{align-items:center;animation:slideUp .3s ease both;border-radius:11px;display:flex;flex-shrink:0;gap:9px;margin-top:12px;padding:9px 13px}.answer-result-box.correct-result{background:#e3f5ec;border:1.5px solid #2e9e6b;border:1.5px solid var(--good)}.answer-result-box.wrong-result{background:#fbe8e8;border:1.5px solid #d75a5a;border:1.5px solid var(--low)}.result-icon{font-size:20px}.result-text{font-size:15px;font-weight:700}.answer-result-box.correct-result .result-text{color:#1c6b47}.answer-result-box.wrong-result .result-text{color:#9e3535}.difficulty-badge{align-items:center;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 10px}.difficulty-badge.easy{background:#e3f5ec}.difficulty-badge.medium{background:#fbf0dd}.hint-button{background:#ffbebd;background:var(--kubik-pink);border:none;border-radius:9px;color:#1a405f;color:var(--kubik-navy);cursor:pointer;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;padding:7px 13px}.hint-box{background:#fff1f0;background:var(--kubik-pink-soft);border:1.5px solid #ffbebd;border:1.5px solid var(--kubik-pink);border-radius:11px;flex-shrink:0;margin-bottom:12px;padding:10px 13px}.hint-box--explanation{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.question-nav-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:12px;padding-top:4px}.question-nav-btn{background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:12px;color:#1a405f;color:var(--kubik-navy);cursor:pointer;flex:0 1 auto;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;padding:10px 14px;transition:background .15s ease,border-color .15s ease}.question-nav-btn:active{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.question-nav-btn--forward{margin-left:auto}.hint-title{color:#1a405f;color:var(--kubik-navy);font-size:13px;font-weight:700;margin-bottom:4px}.hint-text{color:#2a3744;color:var(--kubik-text);font-size:13px;line-height:1.5}.explanation-box{animation:slideUp .3s ease both;background:#eaf3fa;background:var(--kubik-blue-soft);border:1.5px solid #337bae;border:1.5px solid var(--kubik-blue);border-radius:11px;flex-shrink:1;margin-top:10px;min-height:0;overflow-y:auto;padding:10px 13px}.explanation-box .hint-text{font-size:12.5px;line-height:1.45}.explanation-box .hint-title{font-size:12.5px;margin-bottom:3px}.practice-result-body{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:44px 24px 28px}.result-hero{margin-bottom:38px;text-align:center}.result-hero-emoji{animation:resultPop .55s cubic-bezier(.18,.89,.32,1.28) both;display:inline-block;font-size:68px;margin-bottom:16px}.result-hero-title{color:#1a405f;color:var(--kubik-navy);font-size:25px;font-weight:800;letter-spacing:-.6px;margin:0 0 6px}.result-hero-subtitle{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;font-weight:500;margin:0}.result-numbers{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:26px;width:100%}.result-num-block{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:7px}.result-num{color:#337bae;color:var(--kubik-blue);font-family:Manrope,sans-serif;font-size:56px;font-weight:800;letter-spacing:-2.5px;line-height:1}.result-num.good{color:#2e9e6b;color:var(--good)}.result-num.medium{color:#d9943b;color:var(--medium)}.result-num.low{color:#d75a5a;color:var(--low)}.result-num-total{font-size:26px;letter-spacing:-1px}.result-num-label,.result-num-total{color:#8a95a1;color:var(--kubik-text-soft);font-weight:600}.result-num-label{font-size:12.5px;text-align:center}.result-num-divider{background:#eceae5;background:var(--kubik-border);flex-shrink:0;height:60px;width:1px}.result-progress-track{background:#f0eeea;border-radius:9px;height:9px;margin-bottom:40px;overflow:hidden;width:100%}.result-progress-bar{animation:fillBar .8s ease both;background:#337bae;background:var(--kubik-blue);border-radius:9px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.result-progress-bar.good{background:linear-gradient(90deg,#2e9e6b,#4fbf8b);background:linear-gradient(90deg,var(--good),#4fbf8b)}.result-progress-bar.medium{background:linear-gradient(90deg,#d9943b,#e8b86a);background:linear-gradient(90deg,var(--medium),#e8b86a)}.result-progress-bar.low{background:linear-gradient(90deg,#d75a5a,#ffbebd);background:linear-gradient(90deg,var(--low),var(--kubik-pink))}@keyframes resultPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fillBar{0%{width:0!important}}.result-actions{margin-top:auto;width:100%}.primary-button{background:#337bae;background:var(--kubik-blue);border-radius:15px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;padding:16px 20px;transition:all .2s ease}.primary-button:hover:not(:disabled){background:#1a405f;background:var(--kubik-navy);transform:translateY(-1px)}.primary-button:disabled{background:#c5cdd3}.secondary-button{border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:15px;color:#1a405f;color:var(--kubik-navy);font-family:Manrope,sans-serif;font-size:15px;font-weight:700;padding:16px 20px;transition:all .2s ease;width:100%}.secondary-button:hover{border-color:#337bae;border-color:var(--kubik-blue);color:#337bae;color:var(--kubik-blue)}@media (max-width:480px){.subjects-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.result-num{font-size:48px}.section-title{font-size:24px}}.practice-mode .question-container{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))}.confetti-layer{height:60%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:50}.confetti-piece{animation:confettiFall 1.1s ease-in forwards;border-radius:2px;height:9px;opacity:0;position:absolute;top:-16px;width:9px}.confetti-piece.c0{background:#ffbebd;background:var(--kubik-pink)}.confetti-piece.c1{background:#337bae;background:var(--kubik-blue)}.confetti-piece.c2{background:#2e9e6b;background:var(--good)}.confetti-piece.c3{background:#f5c84b}.confetti-piece.c4{background:#1a405f;background:var(--kubik-navy)}.confetti-piece.c5{background:#e8806b}.confetti-piece:nth-child(2n){border-radius:1px;height:11px;width:7px}.confetti-piece:nth-child(3n){border-radius:50%}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(340px) rotate(540deg) scale(.7)}}.topbar-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.streak-circle{align-items:center;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;font-family:Manrope,sans-serif;gap:0;height:52px;justify-content:center;position:relative;transition:transform .2s ease;width:52px}.streak-circle.done{background:radial-gradient(circle at 50% 35%,#ffe8e0 0,#ffd4ce 100%);border:2px solid #ffbebd;border:2px solid var(--kubik-pink);box-shadow:0 0 0 4px #ffbebd2e,0 4px 12px #ff8c6e40}.streak-circle.pending{background:#f2f0ec;border:2px solid #eceae5;border:2px solid var(--kubik-border)}.streak-circle.on-blue{height:46px;position:relative;width:46px;z-index:1}.streak-circle.on-blue.done{background:#fffffff2;border-color:#ffbebd;border-color:var(--kubik-pink);box-shadow:0 2px 10px #0000001f}.streak-circle.on-blue.empty,.streak-circle.on-blue.pending{background:#ffffffeb;border:2px solid #ffbebd8c;box-shadow:0 2px 10px #0000001f}.streak-circle-flame{display:block;font-size:18px;line-height:1;transform-origin:center bottom}.streak-circle.done .streak-circle-flame{animation:flameFlicker 1.8s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,120,50,.85)) drop-shadow(0 0 8px rgba(255,90,40,.45));opacity:1}.streak-circle.empty .streak-circle-flame,.streak-circle.pending .streak-circle-flame{animation:none;filter:grayscale(1) brightness(.72) contrast(.95);opacity:.88}.streak-circle-count{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-top:1px}.streak-circle.on-blue.empty .streak-circle-count,.streak-circle.on-blue.pending .streak-circle-count,.streak-circle.pending .streak-circle-count{color:#8a95a1;color:var(--kubik-text-soft)}.streak-circle.on-blue.done .streak-circle-count{color:#1a405f;color:var(--kubik-navy)}@keyframes streakAppear{0%{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(-2deg)}25%{transform:scale(1.15) rotate(2deg)}50%{transform:scale(.95) rotate(-1deg)}75%{transform:scale(1.1) rotate(1deg)}}.streak-circle.done.bump{animation:streakBumpAnim 1.4s cubic-bezier(.18,.89,.32,1.28)}.streak-circle.done.bump .streak-circle-flame{animation:flameBurst 1.4s ease-out}@keyframes streakBumpAnim{0%{transform:scale(1)}15%{box-shadow:0 0 0 10px #ffbebd66,0 6px 20px #ff8c6e80;transform:scale(1.4) rotate(-8deg)}35%{transform:scale(.9) rotate(5deg)}55%{transform:scale(1.18) rotate(-3deg)}75%{transform:scale(.98)}to{transform:scale(1) rotate(0deg)}}@keyframes flameBurst{0%{transform:scale(1)}20%{filter:drop-shadow(0 0 10px rgba(255,120,90,1));transform:scale(1.6)}to{transform:scale(1)}}.practice-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.practice-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:340px){.practice-stats-row:has(.daily-goal-card){align-items:stretch;grid-template-columns:1.4fr 1fr}}.practice-stats-row .daily-goal-card,.practice-stats-row .predicted-score-card{display:flex;flex-direction:column;height:100%;margin:0;text-align:center}.daily-goal-card{text-align:center}.predicted-score-ring-wrap{flex:1 1;margin:4px 0 8px}.predicted-score-ring,.predicted-score-ring-wrap{align-items:center;display:flex;justify-content:center}.predicted-score-ring{--score-pct:0%;--ring-color:var(--kubik-blue);background:conic-gradient(var(--ring-color) var(--score-pct),#1a405f14 0);border-radius:50%;height:88px;position:relative;transition:background .4s ease;width:88px}.predicted-score-ring:before{background:#fff;border-radius:50%;content:"";inset:8px;position:absolute}.predicted-score-ring.score-low{--ring-color:var(--kubik-pink)}.predicted-score-ring.score-mid{--ring-color:var(--kubik-blue)}.predicted-score-ring.score-high{--ring-color:var(--good)}.predicted-score-ring.locked{--ring-color:var(--kubik-blue)}.predicted-score-ring-inner{align-items:center;display:flex;flex-direction:column;line-height:1;position:relative;z-index:1}.predicted-score-ring-inner.locked{flex-direction:row}.predicted-score-ring-value{color:#1a405f;color:var(--kubik-navy);font-size:22px;font-weight:800;letter-spacing:-1px}.predicted-score-ring-inner.locked .predicted-score-ring-value{font-size:17px;letter-spacing:0}.predicted-score-ring-max{font-size:10px;margin-top:2px}.predicted-score-ring-max,.predicted-unlock-count{color:#8a95a1;color:var(--kubik-text-soft);font-weight:700}.predicted-unlock-count{font-size:13px}.predicted-score-card .predicted-action-hint,.predicted-score-card .predicted-hint,.predicted-score-card .predicted-locked-hint,.predicted-score-card .predicted-locked-title,.predicted-score-card .predicted-meta{text-align:center}.predicted-score-card .predicted-locked-title{font-size:12px;margin:0 0 4px}.predicted-score-card .predicted-meta{font-size:12px;margin-top:0}.predicted-score-card .predicted-action-hint,.predicted-score-card .predicted-hint,.predicted-score-card .predicted-locked-hint{font-size:12px}.daily-goal-ring-wrap{flex:1 1;margin:4px 0 8px}.daily-goal-ring,.daily-goal-ring-wrap{align-items:center;display:flex;justify-content:center}.daily-goal-ring{--goal-pct:0%;background:conic-gradient(#ffbebd var(--goal-pct),#1a405f14 0);background:conic-gradient(var(--kubik-pink) var(--goal-pct),#1a405f14 0);border-radius:50%;height:84px;position:relative;width:84px}.daily-goal-ring:before{background:#fff;border-radius:50%;content:"";inset:8px;position:absolute}.daily-goal-ring.complete{background:conic-gradient(#2e9e6b var(--goal-pct),#1a405f14 0);background:conic-gradient(var(--good) var(--goal-pct),#1a405f14 0)}.daily-goal-ring-value{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:800;position:relative;z-index:1}.daily-goal-card .goal-msg{font-size:12px;margin:0}.practice-section-heading{color:#1a405f;color:var(--kubik-navy);font-family:Manrope,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.3px;margin:4px 0 0}.rating-panel{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.rating-period-tabs{background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:14px;box-shadow:0 2px 10px #1a405f0d;display:flex;gap:0;padding:4px}.rating-period-tab{background:#0000;border:none;border-radius:11px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;flex:1 1;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:11px 8px;transition:all .22s ease}.rating-period-tab.active{background:#eaf3fa;background:var(--kubik-blue-soft);box-shadow:inset 0 0 0 1px #337bae26;color:#1a405f;color:var(--kubik-navy);font-weight:700}.my-rank-card{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:18px;box-shadow:0 8px 24px #1a405f38;color:#fff;padding:22px 20px;text-align:center}.my-rank-label{font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;opacity:.85;text-transform:uppercase}.my-rank-value{font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1;margin-bottom:8px}.my-rank-meta{font-size:13px;font-weight:500;opacity:.88}.rating-list-card{background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:18px;box-shadow:0 2px 10px #1a405f0d;padding:18px 16px}.rating-list-header{align-items:center;border-bottom:1px solid #eceae5;border-bottom:1px solid var(--kubik-border);color:#1a405f;color:var(--kubik-navy);display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.rating-list-count{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:20px;color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;font-weight:600;padding:4px 10px}.rating-panel .leaderboard-list{gap:8px}.rating-panel .lb-row{background:#fcfcfa;background:var(--kubik-white);border:1px solid #0000;border-radius:12px;font-size:14px;gap:10px;grid-template-columns:36px 1fr auto;padding:12px 14px;transition:border-color .15s ease}.rating-panel .lb-row.top3{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#d9943b33}.rating-panel .lb-row.me{background:linear-gradient(135deg,#eaf3fa,#337bae1f);background:linear-gradient(135deg,var(--kubik-blue-soft) 0,#337bae1f 100%);border-color:#337bae59;font-weight:700}.rating-panel .lb-rank{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:800;text-align:center}.rating-panel .lb-row.top3 .lb-rank{font-size:22px}.rating-panel .lb-name{color:#1a405f;color:var(--kubik-navy);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-panel .lb-score{color:#337bae;color:var(--kubik-blue);font-size:15px;font-weight:800;min-width:28px;text-align:right}.rating-panel .lb-empty{padding:28px 12px}.practice-dashboard{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.dash-card{background:#fcfcfa;background:var(--kubik-white);border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:16px;box-shadow:0 2px 8px #1a405f0a;padding:20px}.predicted-score-card{background:linear-gradient(135deg,#eaf3fa,#fcfcfa);background:linear-gradient(135deg,var(--kubik-blue-soft) 0,var(--kubik-white) 100%);border-color:#337bae33}.predicted-score-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px;text-align:left}.predicted-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.score-delta{border-radius:20px;font-size:13px;font-weight:800;padding:3px 8px}.score-delta.up{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.score-delta.down{background:#d75a5a1f;color:#d75a5a;color:var(--low)}.predicted-score-max{font-size:20px;font-weight:600;margin-left:2px}.predicted-meta,.predicted-score-max{color:#8a95a1;color:var(--kubik-text-soft)}.predicted-meta{font-size:13px;margin-top:12px}.predicted-hint{line-height:1.45;margin:10px 0 0}.predicted-action-hint,.predicted-hint{color:#337bae;color:var(--kubik-blue);font-size:13px}.predicted-action-hint{font-weight:700;line-height:1.4;margin:8px 0 0}.predicted-encouragement{color:#1a405f;color:var(--kubik-navy);font-weight:600}.predicted-locked-title{color:#1a405f;color:var(--kubik-navy);font-size:13px;font-weight:700;margin-bottom:4px}.predicted-locked-hint{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;line-height:1.4;margin:10px 0 0}.daily-goal-header{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:10px}.daily-goal-header .goal-done{color:#2e9e6b;color:var(--good)}.daily-goal-bar{background:#1a405f14;border-radius:99px;height:10px;overflow:hidden}.daily-goal-fill{background:linear-gradient(90deg,#ffbebd,#ff9a99);background:linear-gradient(90deg,var(--kubik-pink),#ff9a99);border-radius:99px;height:100%;transition:width .4s ease}.daily-goal-fill.complete{background:linear-gradient(90deg,#2e9e6b,#5ecf9a);background:linear-gradient(90deg,var(--good),#5ecf9a)}.goal-msg{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;margin:8px 0 0}.goal-msg.done{color:#2e9e6b;color:var(--good);font-weight:600}.topics-insight-card .topics-group{margin-bottom:16px}.topics-insight-card .topics-group:last-child{margin-bottom:0}.topics-group-title{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.topic-insight{align-items:center;border-radius:10px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.topic-insight.strong{background:#2e9e6b14;color:#2e9e6b;color:var(--good)}.topic-insight.weak{background:#d75a5a14;color:#d75a5a;color:var(--low)}.topic-insight.new{background:#337bae14;color:#1a405f;color:var(--kubik-navy)}.topic-insight.new .topic-insight-pct{color:#337bae;color:var(--kubik-blue);font-size:11px;font-weight:700}.topic-insight-pct{font-size:13px;font-weight:800}.weak-topics-btn{background:#1a405f;background:var(--kubik-navy);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;margin-top:12px;padding:14px;transition:opacity .2s;width:100%}.weak-topics-btn:disabled{cursor:not-allowed;opacity:.6}.weak-topics-btn:not(:disabled):active{opacity:.85}.leaderboard-header{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;flex-wrap:wrap;font-size:14px;font-weight:700;gap:10px;justify-content:space-between;margin-bottom:14px}.leaderboard-tabs{background:#1a405f0f;border-radius:10px;display:flex;gap:4px;padding:3px}.lb-tab{background:#0000;border:none;border-radius:8px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 10px}.lb-tab.active{background:#fff;box-shadow:0 1px 4px #1a405f1a;color:#1a405f;color:var(--kubik-navy)}.my-rank{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;margin-bottom:10px;padding:8px 10px}.leaderboard-list{gap:4px}.lb-row{grid-gap:8px;align-items:center;border-radius:10px;display:grid;font-size:14px;gap:8px;grid-template-columns:28px 1fr auto;padding:8px 10px}.lb-row.me{background:#337bae1a;font-weight:700}.lb-rank{color:#8a95a1;color:var(--kubik-text-soft);font-weight:800;text-align:center}.lb-name{color:#2a3744;color:var(--kubik-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{color:#337bae;color:var(--kubik-blue);font-weight:700}.lb-empty{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;margin:0;padding:12px 0;text-align:center}.leaderboard-page{display:flex;flex-direction:column;gap:12px}.leaderboard-page .leaderboard-tabs{background:#f0eeea;border-radius:14px;display:flex;gap:0;padding:4px}.leaderboard-page .lb-tab{background:#0000;border:none;border-radius:11px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;flex:1 1;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:10px 8px;transition:all .22s ease}.leaderboard-page .lb-tab.active{background:#fff;box-shadow:0 2px 8px #1a405f1a;color:#1a405f;color:var(--kubik-navy);font-weight:700}.practice-hero-row{align-items:center;display:flex;gap:14px;min-width:0}.practice-hero-title--plain{flex:1 1;font-size:22px;letter-spacing:-.3px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-hero-text--compact{flex:1 1;min-width:0}.hero-goal-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.hero-goal-caption{color:#ffffffe6;font-size:10px;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap}.hero-goal-caption.goal-done{color:#bbf7d0}.hero-daily-goal-ring{box-shadow:0 3px 10px #0000001f;flex-shrink:0;height:44px;width:44px}.hero-daily-goal-ring:before{background:#fff;inset:5px}.hero-daily-goal-ring .daily-goal-ring-value{font-size:10px;font-weight:800}.practice-hero-row .hero-streak{border-width:1.5px;box-shadow:0 3px 10px #00000024;flex-shrink:0;height:44px;width:44px}.practice-hero-row .hero-streak-flame{font-size:15px}.practice-hero-row .hero-streak-count{font-size:11px}.hero-metric-hint-wrap{flex-shrink:0;position:relative}.hero-metric-hint-trigger{-webkit-tap-highlight-color:transparent;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;margin:0;padding:0;touch-action:manipulation}.hero-metric-hint-trigger:focus-visible{border-radius:50%;outline:2px solid #ffbebdd9;outline-offset:3px}.hero-metric-hint-popover{animation:heroHintPop .18s ease-out;background:#fffffffa;border:1px solid #ffbebd73;border-radius:11px;bottom:calc(100% + 8px);box-shadow:0 8px 22px #1a405f29;color:#1a405f;color:var(--kubik-navy);font-size:11px;font-weight:600;line-height:1.38;max-width:min(168px,52vw);padding:8px 10px;pointer-events:none;position:absolute;text-align:center;width:-webkit-max-content;width:max-content;z-index:30}.hero-metric-hint-wrap--center .hero-metric-hint-popover{left:50%;transform:translateX(-50%)}.hero-metric-hint-wrap--end .hero-metric-hint-popover{right:0}.hero-metric-hint-popover:after{background:#fff;border-bottom:1px solid #ffbebd73;border-right:1px solid #ffbebd73;bottom:-5px;content:"";height:10px;position:absolute;transform:rotate(45deg);width:10px}.hero-metric-hint-wrap--center .hero-metric-hint-popover:after{left:50%;margin-left:-5px}.hero-metric-hint-wrap--end .hero-metric-hint-popover:after{right:14px}@keyframes heroHintPop{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero-metric-hint-wrap--center .hero-metric-hint-popover{animation-name:heroHintPopCenter}@keyframes heroHintPopCenter{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.practice-header .hero-metric-hint-wrap{z-index:2}.practice-header .hero-metric-hint-popover{max-width:min(176px,58vw)}.question-meta-row{display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-bottom:12px}.practice-session-topic{color:#337bae;color:var(--kubik-blue);font-size:13px;font-weight:700;letter-spacing:-.1px;line-height:1.35;padding:0 12px;text-align:center}.question-meta-row .question-header{margin-bottom:0}.practice-mode-buttons{display:flex;flex-direction:column;gap:10px}.practice-mode-btn{align-items:center;background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:14px;box-shadow:0 2px 8px #1a405f0a;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:14px 16px;text-align:left;transition:border-color .2s,box-shadow .2s,transform .1s;width:100%}.practice-mode-btn:hover:not(:disabled){border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 4px 14px #1a405f14}.practice-mode-btn:active:not(:disabled){transform:scale(.985)}.practice-mode-btn:disabled{cursor:not-allowed;opacity:.55}.practice-mode-btn-icon{flex-shrink:0;font-size:26px;line-height:1}.practice-mode-btn-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.practice-mode-btn-title{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700}.practice-mode-btn-sub{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;font-weight:500;line-height:1.3}.practice-mode-btn-arrow{color:#337bae;color:var(--kubik-blue);flex-shrink:0;font-size:18px;font-weight:700}.topic-picker-overlay{align-items:flex-end;background:#1a405f73;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1300}.topic-picker{background:#fff;border-radius:18px 18px 14px 14px;display:flex;flex-direction:column;gap:12px;max-height:70vh;max-width:480px;overflow:hidden;padding:18px 16px 14px;width:100%}.topic-picker-title{color:#1a405f;color:var(--kubik-navy);font-size:17px;font-weight:700;margin:0;text-align:center}.topic-picker-list{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.topic-picker-item{align-items:center;background:#eaf3fa;background:var(--kubik-blue-soft,#eaf3fa);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 14px;text-align:left;transition:border-color .2s,background .2s}.topic-picker-item:hover{background:#fff;border-color:#337bae;border-color:var(--kubik-blue)}.topic-picker-icon{flex-shrink:0;font-size:22px}.topic-picker-name{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:600}.topic-picker-cancel{background:#0000;border:none;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px}.homework-section{font-family:Manrope,-apple-system,sans-serif}.homework-topbar{margin-bottom:0}.homework-topbar .back-button{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;color:#1a405f;color:var(--kubik-navy);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;margin-bottom:14px;padding:9px 15px}.homework-page-title{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;font-size:27px;font-weight:800;gap:10px;letter-spacing:-.8px;margin:0}.homework-page-icon{flex-shrink:0;font-size:26px}.homework-page-subtitle{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;line-height:1.45;margin:8px 0 0}.homeworks-grid{gap:18px}.homework-card,.homeworks-grid{display:flex;flex-direction:column}.homework-card{background:#fcfcfa;background:var(--kubik-white);border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:18px;box-shadow:0 2px 10px #1a405f0d;gap:16px}.hw-card-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.hw-card-heading{flex:1 1;min-width:0}.hw-card-title{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0}.hw-card-subject{align-items:center;color:#8a95a1;color:var(--kubik-text-soft);display:flex;font-size:13px;font-weight:600;gap:6px;margin:8px 0 0}.hw-card-subject-icon{font-size:16px}.hw-status-badge{border-radius:999px;font-weight:800;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.hw-status-badge.new{background:#eaf3fa;background:var(--kubik-blue-soft);color:#337bae;color:var(--kubik-blue)}.hw-status-badge.progress{background:#fff7ed;color:#d9943b;color:var(--medium)}.hw-status-badge.done{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.hw-status-badge.closed,.hw-status-badge.expired{background:#d75a5a1f;color:#d75a5a;color:var(--low)}.hw-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#2a3744;color:var(--kubik-text);display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.hw-metrics{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.hw-metric{background:#f8fafc;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;padding:14px 16px}.hw-metric-label{color:#8a95a1;color:var(--kubik-text-soft);display:block;font-size:11px;font-weight:700;letter-spacing:.35px;margin-bottom:6px;text-transform:uppercase}.hw-metric-value{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:800;line-height:1.2}.hw-progress-block{display:flex;flex-direction:column;gap:12px;margin-top:8px}.hw-progress-header{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;font-size:13px;font-weight:700;justify-content:space-between}.hw-progress-percent{color:#337bae;color:var(--kubik-blue)}.hw-progress-bar{background:#1a405f14;border-radius:999px;height:10px;overflow:hidden}.hw-progress-fill{background:linear-gradient(90deg,#337bae,#5a9fd4);background:linear-gradient(90deg,var(--kubik-blue),#5a9fd4);border-radius:999px;height:100%;transition:width .35s ease}.hw-progress-fill.good{background:linear-gradient(90deg,#2e9e6b,#5ecf9a);background:linear-gradient(90deg,var(--good),#5ecf9a)}.hw-progress-fill.medium{background:linear-gradient(90deg,#d9943b,#f0b35c);background:linear-gradient(90deg,var(--medium),#f0b35c)}.hw-progress-fill.low{background:linear-gradient(90deg,#d75a5a,#ef8a8a);background:linear-gradient(90deg,var(--low),#ef8a8a)}.hw-deadline{grid-gap:4px;background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:12px;display:grid;gap:4px;padding:12px 14px}.hw-deadline.ok{background:#2e9e6b1a}.hw-deadline.warning{background:#d9943b1f}.hw-deadline.urgent{background:#d75a5a1f}.hw-deadline-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.hw-deadline-date{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:700}.hw-deadline-hint{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;font-weight:600}.hw-deadline.urgent .hw-deadline-hint{color:#d75a5a;color:var(--low)}.hw-action-btn{background:#1a405f;background:var(--kubik-navy);border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;padding:14px 16px;transition:opacity .2s,transform .15s;width:100%}.hw-action-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.hw-action-btn:disabled{background:#c5ccd3;cursor:not-allowed;transform:none}.homework-mode{background:#fcfcfa;background:var(--kubik-white,#fff);bottom:var(--student-bottom-nav-offset);display:flex;flex-direction:column;font-family:Manrope,sans-serif;left:0;margin:0 auto;max-width:480px;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:1200}.homework-mode-header{align-items:center;background:linear-gradient(135deg,#337bae,#1a405f);background:linear-gradient(135deg,var(--kubik-blue,#3b82f6) 0,var(--kubik-navy,#1a405f) 100%);display:flex;flex-shrink:0;gap:10px;padding:10px 12px}.homework-mode-header .back-button{background:#ffffff29;border:1px solid #ffffff38;border-radius:10px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;padding:8px 12px}.homework-mode-header .back-button:hover{background:#ffffff42}.homework-mode-header .homework-info{flex:1 1;min-width:0}.homework-mode-header .homework-info h2{color:#fff;font-size:14px;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homework-mode-header .homework-info p{color:#ffffffd1;font-size:11px;font-weight:500;margin:0}.homework-mode-progress{background:#eceae5;background:var(--kubik-border,#e5e7eb);flex-shrink:0;height:4px;overflow:hidden;width:100%}.homework-mode-progress-fill{background:linear-gradient(90deg,#337bae,#ffbebd);background:linear-gradient(90deg,var(--kubik-blue,#3b82f6) 0,var(--kubik-pink,#e91e8c) 100%);height:100%;transition:width .35s ease}.homework-mode-body{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:10px 12px}.homework-mode .question-container,.homework-mode-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.homework-mode .question-container{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border,#e5e7eb);border-radius:14px;margin-bottom:0;overflow:hidden;padding:12px 14px}.homework-mode .question-header{flex-shrink:0;margin-bottom:8px}.homework-mode .question-number{font-size:11px;padding:4px 10px}.homework-mode .question-points{font-size:12px}.homework-mode .question-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;flex-shrink:0;font-size:14px;line-height:1.35;margin:0 0 10px;overflow:hidden}.homework-mode-answer{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;overflow:hidden}.homework-mode-footer{background:#fff;border-top:1px solid #eceae5;border-top:1px solid var(--kubik-border,#e5e7eb);flex-shrink:0;padding:8px 12px 10px}.homework-mode .hw-nav-row{align-items:center;display:flex;gap:8px}.hw-nav-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border,#d1d5db);border-radius:10px;box-sizing:border-box;color:#374151;cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;height:44px;justify-content:center;line-height:1;margin:0;max-height:44px;min-height:44px;padding:0 14px;transition:background .2s,border-color .2s}.hw-nav-btn--back:hover{background:#f9fafb}.hw-nav-btn--next,.hw-nav-btn--submit{border-color:#0000;color:#fff}.hw-nav-btn--next{background:#337bae;background:var(--kubik-blue,#3b82f6)}.hw-nav-btn--next:hover:not(:disabled){background:#2563eb}.hw-nav-btn--submit{background:#10b981}.hw-nav-btn--submit:hover:not(:disabled){background:#059669}.hw-nav-btn:disabled{background:#9ca3af;border-color:#0000;color:#fff;cursor:not-allowed}.hw-nav-btn:only-child{flex:1 1;width:100%}.homework-mode-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;margin-top:8px;overflow-x:auto;overflow-y:hidden;padding:6px 8px;scrollbar-width:none}.homework-mode-nav::-webkit-scrollbar{display:none}.homework-mode-nav .q-nav-btn{flex-shrink:0;font-size:11px;height:28px;min-width:28px}.homework-mode .question-options{flex:0 1 auto;gap:8px;margin-bottom:0;overflow:visible;width:100%}.homework-mode .option-btn{flex:0 0 auto;font-size:13px;padding:10px 12px;width:100%}.homework-mode .option-letter{font-size:12px;height:24px;width:24px}.homework-mode .fill-blanks-container,.homework-mode .ordering-container{flex:0 1 auto;margin-bottom:0;overflow:visible;width:100%}.homework-mode .ordering-list{gap:6px}.homework-mode .ordering-item{flex:0 0 auto;padding:10px 12px}.homework-mode .ordering-hint{font-size:11px;margin-bottom:6px}.homework-mode .true-false-options{flex:0 0 auto;gap:10px;justify-content:center;width:100%}.homework-mode .tf-btn{flex:0 1 auto;font-size:14px;min-width:0;padding:10px 22px;width:auto}.homework-mode .numeric-input input,.homework-mode .short-answer-input input{box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.homework-mode-answer--multiple_choice .question-options,.homework-mode-answer--ordering .ordering-container,.homework-mode-answer--ordering .ordering-list,.homework-mode-answer--single_choice .question-options{display:flex;flex-direction:column}.homework-mode-answer--ordering .item-text{font-size:13px}.matching-wire{display:flex;flex:0 1 auto;flex-direction:column;overflow:visible;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.matching-wire-columns{align-items:flex-start;display:flex;flex:0 1 auto;position:relative}.matching-wire-col{display:flex;flex-direction:column;gap:6px;min-height:0;position:relative;width:44%;z-index:2}.matching-wire-col--right{margin-left:auto}.matching-wire-svg{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.mw-block{align-items:center;display:flex;flex:0 0 auto;font-size:12px;gap:6px;line-height:1.25;min-height:36px;padding:8px 10px;transition:border-color .15s,background .15s,box-shadow .15s}.mw-left{border:2px solid #0000;border-radius:8px 0 0 8px;border-right:none;cursor:grab;justify-content:space-between}.mw-right{border:2px solid #0000;border-left:none;border-radius:0 8px 8px 0;cursor:crosshair}.mw-block-text{color:#1a405f;color:var(--kubik-navy,#1a405f);flex:1 1;min-width:0;word-break:break-word}.mw-dot{background:#1a405f47;border-radius:50%;flex-shrink:0;height:9px;transition:background .15s;width:9px}.mw-dot--on{background:#534ab7;background:var(--mw-color,#534ab7)}.mw-block--idle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffd1,#eaf3faad);border-color:#1a405f24;box-shadow:inset 0 1px 0 #ffffffe6,0 2px 8px #1a405f12}.mw-block--connected{background:color-mix(in srgb,var(--mw-color) 14%,#ffffffbf);border-color:color-mix(in srgb,var(--mw-color) 55%,#0000);box-shadow:0 1px 4px color-mix(in srgb,var(--mw-color) 18%,#0000)}.mw-block--active{background:color-mix(in srgb,var(--mw-color) 22%,#fffc);border-color:var(--mw-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--mw-color) 25%,#0000)}.matching-wire-hint{color:#8a95a1;color:var(--kubik-text-soft,#6b7280);flex-shrink:0;font-size:10px;margin:4px 0 0;text-align:center}.homework-header{align-items:center;gap:16px;margin-bottom:16px}.back-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;padding:8px 16px;transition:background .2s}.back-button:hover{background:#e5e7eb}.homework-info h2{color:#111827;font-size:18px;margin:0}.homework-info p{color:#6b7280;font-size:13px;margin:4px 0 0}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s}.question-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:18px;padding:22px}.question-header{margin-bottom:16px}.question-number{background:#3b82f6;padding:5px 12px}.question-points{color:#059669;font-size:14px}.question-text{color:#111827;margin:0 0 16px}.question-options{gap:12px;margin-bottom:18px}.option-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:14px 16px;text-align:left;transition:border-color .2s,background .2s}.option-btn:hover{background:#eff6ff;border-color:#3b82f6}.option-btn.selected{background:#dbeafe;border-color:#3b82f6}.option-letter{background:#3b82f6;color:#fff;font-size:13px;font-weight:600}.option-text{color:#374151;line-height:1.3}.numeric-input input,.short-answer-input input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 14px;width:100%}.numeric-input input:focus,.short-answer-input input:focus{border-color:#3b82f6;outline:none}.matching-container{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.matching-pair{align-items:center;display:flex;gap:10px}.matching-left{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151}.matching-left,.matching-select{flex:1 1;font-size:13px;padding:10px 14px}.matching-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer}.matching-select:focus{border-color:#3b82f6;outline:none}.ordering-container{margin-bottom:16px}.ordering-hint{color:#6b7280;font-size:13px;font-style:italic;margin-bottom:12px}.ordering-list{display:flex;flex-direction:column;gap:8px;padding:4px 0}.ordering-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:grab;display:flex;gap:10px;padding:12px 14px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform}.ordering-item:active{cursor:grabbing}.ordering-item.dragging{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;cursor:grabbing}.ordering-item.drag-target{background:#f0f9ff;border-color:#3b82f6;border-style:dashed}.drag-handle{color:#9ca3af;flex-shrink:0;font-size:18px;letter-spacing:-1px;line-height:1}.ordering-item.dragging .drag-handle{color:#3b82f6}.item-number{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.ordering-item.dragging .item-number{background:#dbeafe;color:#1e40af}.item-text{color:#1f2937;flex:1 1;font-size:14px;font-weight:500}.fill-blanks-container{margin-bottom:16px}.blanks-text{color:#374151;font-size:15px;line-height:1.8}.blank-input{background:#eff6ff;border:none;border-bottom:2px solid #3b82f6;display:inline-block;font-family:inherit;font-size:15px;margin:0 4px;min-width:100px;padding:4px 10px;text-align:center}.blank-input:focus{background:#dbeafe;border-bottom-color:#2563eb;outline:none}.true-false-options{display:flex;gap:12px;margin-bottom:16px}.tf-btn{background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:16px;transition:border-color .2s,background .2s}.tf-btn:hover{background:#eff6ff;border-color:#3b82f6}.tf-btn.selected{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.navigation-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:16px}.primary-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background .2s;width:100%}.primary-button:hover:not(:disabled){background:#2563eb}.primary-button:disabled{background:#9ca3af;cursor:not-allowed}.primary-button.submit{background:#10b981}.primary-button.submit:hover:not(:disabled){background:#059669}.secondary-button{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background .2s}.secondary-button:hover{background:#f9fafb}.homework-result{margin:0 auto;max-width:600px;text-align:center}.result-header h1{color:#111827;font-size:28px;margin:0 0 8px}.result-homework-title{color:#6b7280;font-size:16px;margin:0 0 32px}.result-score-display{margin:20px 0 16px}.result-score-block{align-items:center;background:linear-gradient(135deg,#eaf3fa,#fff);background:linear-gradient(135deg,var(--kubik-blue-soft,#eaf3fa) 0,#fff 100%);border:1px solid #eceae5;border:1px solid var(--kubik-border,#e5e7eb);border-radius:14px;box-shadow:0 4px 14px #1a405f0f;display:inline-flex;flex-direction:column;gap:4px;padding:18px 28px}.result-score-main{color:#1a405f;color:var(--kubik-navy,#1a405f);font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.result-score-sub{color:#8a95a1;color:var(--kubik-text-soft,#6b7280);font-size:13px;font-weight:600}.result-message{margin:0 0 24px}.result-message p{border-radius:10px;font-size:18px;font-weight:600;margin:0;padding:16px 24px}.excellent{background:#d1fae5;color:#065f46}.good{background:#dbeafe;color:#1e40af}.average{background:#fef3c7;color:#92400e}.needs-work{background:#fee2e2;color:#991b1b}.result-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.attempts-exhausted{background:#fee2e2;border-radius:8px;color:#dc2626;font-weight:600;padding:12px}.empty-state{padding:80px 24px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-text{color:#9ca3af;font-size:16px;line-height:1.5}.page-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;box-shadow:0 6px 18px #1e40af33;display:flex;gap:12px;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative}.page-header:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:200px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:200px}.back-button-header{background:#ffffff2e;border:1px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 12px;position:relative;white-space:nowrap;z-index:1}.back-button-header:hover{background:#ffffff47}.page-header-title{align-items:center;color:#fff;display:flex;flex:1 1;font-size:18px;font-weight:800;gap:10px;overflow:hidden;position:relative;z-index:1}.page-header-icon{flex-shrink:0;font-size:26px}.page-header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header.single-subject{justify-content:center}.subjects-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}.section-homework .subjects-grid{gap:14px}.section-homework .homework-subject-card{aspect-ratio:16/10;background-color:#1a405f;background-color:var(--kubik-navy);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;border-radius:18px;box-shadow:0 6px 18px #1a405f1f;padding:0;width:100%}.section-homework .homework-subject-card:before{display:none}.section-homework .homework-subject-card:hover{border-color:#0000;box-shadow:0 14px 28px #1a405f38;transform:translateY(-3px) scale(1.01)}.homework-subject-card-badge{background:#ef4444;border-radius:999px;box-shadow:0 4px 12px #ef444459;color:#fff;font-size:12px;font-weight:800;height:26px;line-height:26px;min-width:26px;padding:0 7px;position:absolute;right:10px;text-align:center;top:10px;z-index:2}.subject-card{align-items:center;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:22px;display:flex;flex-direction:column;font-family:Manrope,sans-serif;gap:10px;overflow:hidden;padding:22px 16px 20px;position:relative;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.subject-card:before{background:radial-gradient(circle,#ffbebd 0,#0000 70%);background:radial-gradient(circle,var(--kubik-pink) 0,#0000 70%);content:"";height:80px;opacity:.5;position:absolute;right:-30px;top:-30px;transition:opacity .3s,transform .3s;width:80px}.subject-card:hover{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 14px 30px #337bae29}.subject-card:hover:before{opacity:.8;transform:scale(1.2)}.subject-icon-big{align-items:center;background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:18px;display:flex;font-size:38px;height:64px;justify-content:center;position:relative;width:64px;z-index:1}.subject-card h3{font-size:15px;margin:0;position:relative;z-index:1}.subject-card p{font-size:12px;font-weight:500;position:relative;z-index:1}@media (max-width:480px){.subjects-grid{gap:14px;grid-template-columns:repeat(2,1fr)}}.badge-warning{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:12px;box-shadow:0 3px 8px #ef444459;color:#fff;font-size:11px;font-weight:700;padding:4px 9px;position:absolute;right:10px;top:10px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.questions-nav{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px;padding:10px}.q-nav-btn{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:700;height:30px;min-width:30px;padding:0 8px;transition:border-color .15s ease}.q-nav-btn:hover{border-color:#3b82f6}.q-nav-btn.answered{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.q-nav-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.result-details{margin:16px 0}.result-details h3{color:#1f2937;font-size:16px;font-weight:700;margin:0 0 12px}.result-question{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:10px;padding:14px}.result-question.correct{border-color:#d1fae5}.result-question.incorrect{border-color:#fee2e2}.result-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.result-question-number{color:#6b7280;font-size:12px;font-weight:700}.hw-q-points{background:#fef3c7;border-radius:6px;color:#92400e;font-size:11px;font-weight:700;padding:2px 8px}.result-question-text{color:#1f2937;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 10px}.result-answers{display:flex;flex-direction:column;gap:5px}.result-answer{align-items:center;background:#f9fafb;border-radius:7px;display:flex;font-size:13px;gap:8px;padding:7px 10px}.result-answer.correct-answer{background:#d1fae5}.result-answer.wrong-answer{background:#fee2e2}.correct-mark{color:#10b981}.correct-mark,.wrong-mark{flex-shrink:0;margin-left:auto}.wrong-mark{color:#ef4444;font-weight:700}.hw-explanation-box{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;display:flex;gap:8px;margin-top:10px;padding:10px 12px}.hw-explanation-icon{flex-shrink:0;font-size:16px}.hw-explanation-text{color:#92400e;font-size:13px;line-height:1.5}.quiz-section{margin:0 auto;max-width:800px;min-height:calc(100vh - 96px)}.quiz-enter{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:40px 20px;text-align:center}.quiz-icon-big{animation:bounce 2s ease-in-out infinite;font-size:96px;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quiz-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);-webkit-background-clip:text;font-size:36px;font-weight:800;margin-bottom:12px}.quiz-subtitle{color:#8a95a1;color:var(--kubik-text-soft);font-size:16px;font-weight:500;margin-bottom:40px}.code-input-container{margin-bottom:20px;max-width:400px;width:100%}.code-input{background:#fff;border:3px solid #337bae;border:3px solid var(--kubik-blue);border-radius:16px;box-shadow:0 4px 16px #3b82f626;color:#1a405f;color:var(--kubik-navy);font-family:Courier New,monospace;font-size:36px;font-weight:800;letter-spacing:12px;padding:24px;text-align:center;text-transform:uppercase;transition:all .3s;width:100%}.code-input:focus{border-color:#1a405f;border-color:var(--kubik-navy);box-shadow:0 0 0 4px #337bae1a,0 8px 24px #3b82f633;outline:none;transform:translateY(-2px)}.code-input::placeholder{color:#cbd5e1;letter-spacing:12px}.error-message{animation:shake .4s ease-out;background:linear-gradient(135deg,#fff1f0,#fff1f0);background:linear-gradient(135deg,var(--kubik-pink-soft) 0,var(--kubik-pink-soft) 100%);border-radius:10px;color:#d75a5a;color:var(--low);font-weight:600;margin-bottom:20px;padding:12px 20px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.join-button{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:none;border-radius:14px;box-shadow:0 8px 24px #1a405f33;color:#fff;cursor:pointer;font-size:18px;font-weight:700;max-width:400px;padding:18px 32px;transition:all .3s;width:100%}.join-button:hover:not(:disabled){box-shadow:0 12px 32px #1a405f40;transform:translateY(-2px)}.join-button:disabled{cursor:not-allowed;opacity:.5}.quiz-hint{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #337bae;border:2px solid var(--kubik-blue);border-radius:12px;color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:500;margin-top:24px;max-width:400px;padding:16px 20px}.quiz-lobby{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:40px 20px;text-align:center}.lobby-pulse{height:120px;margin-bottom:32px;position:relative;width:120px}.pulse-circle{animation:pulseRing 2s ease-out infinite;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:50%;inset:0;opacity:.3;position:absolute}.pulse-circle:nth-child(2){animation-delay:.5s}.pulse-circle:nth-child(3){animation-delay:1s}@keyframes pulseRing{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.lobby-pulse:after{align-items:center;animation:rotateSlow 8s linear infinite;content:"🎯";display:flex;font-size:56px;inset:0;justify-content:center;position:absolute;z-index:2}@keyframes rotateSlow{to{transform:rotate(1turn)}}.quiz-lobby h1{color:#1a405f;color:var(--kubik-navy);font-size:28px;font-weight:800;margin-bottom:8px}.lobby-subtitle{color:#8a95a1;color:var(--kubik-text-soft);font-size:16px;margin-bottom:32px}.lobby-quiz-info{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;box-shadow:0 4px 16px #0000000d;margin-bottom:24px;max-width:400px;padding:20px;width:100%}.info-row{align-items:center;border-bottom:1px solid #fcfcfa;border-bottom:1px solid var(--kubik-white);display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;font-weight:500}.info-value{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700}.info-value.access-code{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:8px;color:#fff;font-family:Courier New,monospace;letter-spacing:2px;padding:4px 12px}.exit-button{background:#fcfcfa;background:var(--kubik-white);border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.exit-button:hover{background:#eceae5;background:var(--kubik-border);color:#1a405f;color:var(--kubik-navy)}.exit-button.big{font-size:16px;margin-top:24px;padding:16px;width:100%}.quiz-waiting{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.loading-spinner-big{animation:spin 1s linear infinite;border:5px solid #eceae5;border-top-color:#337bae;border:5px solid var(--kubik-border);border-radius:50%;border-top-color:var(--kubik-blue);height:64px;width:64px}.quiz-waiting p{color:#8a95a1;color:var(--kubik-text-soft);font-size:16px;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.quiz-section.playing{padding:16px}.quiz-playing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-counter{background:#eaf3fa;background:var(--kubik-blue-soft);color:#1a405f;color:var(--kubik-navy);font-size:14px;padding:8px 14px}.my-score-mini,.question-counter{border-radius:8px;font-weight:700}.my-score-mini{background:linear-gradient(135deg,#337bae,#ffbebd);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-pink) 100%);box-shadow:0 4px 12px #f59e0b4d;color:#fff;font-size:15px;padding:8px 16px}.questions-progress{background:#eceae5;background:var(--kubik-border);border-radius:10px;height:6px;margin-bottom:20px;overflow:hidden}.questions-progress-fill{background:linear-gradient(90deg,#1a405f,#337bae);background:linear-gradient(90deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:10px;height:100%;transition:width .4s ease}.time-container{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:16px 20px}.time-display{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.time-number{-webkit-text-fill-color:#0000;font-feature-settings:"tnum";background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);-webkit-background-clip:text;font-size:48px;font-variant-numeric:tabular-nums;font-weight:800;transition:all .3s}.time-number.urgent{-webkit-text-fill-color:#0000;animation:pulseUrgent .6s ease-in-out infinite;background:linear-gradient(135deg,#d75a5a,#d75a5a);background:linear-gradient(135deg,var(--low) 0,var(--low) 100%);-webkit-background-clip:text}@keyframes pulseUrgent{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.time-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:18px;font-weight:600}.time-progress-bar{background:#eceae5;background:var(--kubik-border);border-radius:10px;height:8px;overflow:hidden}.time-progress-fill{background:linear-gradient(90deg,#1a405f,#337bae);background:linear-gradient(90deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:10px;height:100%;transition:width 1s linear}.time-progress-fill.urgent{background:linear-gradient(90deg,#d75a5a,#d75a5a);background:linear-gradient(90deg,var(--low) 0,var(--low) 100%)}.question-card{animation:slideIn .4s ease-out;border-radius:20px;box-shadow:0 8px 24px #1e40af14;margin-bottom:20px;padding:24px}.question-text{font-size:22px;font-weight:700;margin:0 0 24px}.answer-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.answer-btn{align-items:center;border:3px solid #0000;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:8px;min-height:100px;overflow:hidden;padding:20px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.answer-btn:hover:not(:disabled){box-shadow:0 8px 24px #00000026;transform:translateY(-4px) scale(1.02)}.answer-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.answer-0{background:linear-gradient(135deg,#d75a5a,#d75a5a);background:linear-gradient(135deg,var(--low) 0,var(--low) 100%)}.answer-1{background:linear-gradient(135deg,#337bae,#1a405f);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%)}.answer-2{background:linear-gradient(135deg,#337bae,#d9943b);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--medium) 100%)}.answer-3{background:linear-gradient(135deg,#2e9e6b,#2e9e6b);background:linear-gradient(135deg,var(--good) 0,var(--good) 100%)}.answer-btn.selected{border-color:#fff;box-shadow:0 0 0 4px #ffffff80,0 8px 24px #0003;transform:scale(.95)}.answer-btn.correct{animation:correctPulse .6s ease-out;background:linear-gradient(135deg,#2e9e6b,#2e9e6b)!important;background:linear-gradient(135deg,var(--good) 0,var(--good) 100%)!important}.answer-btn.wrong{background:linear-gradient(135deg,#8a95a1,#2a3744)!important;background:linear-gradient(135deg,var(--kubik-text-soft) 0,var(--kubik-text) 100%)!important;opacity:.6}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.answer-btn:disabled{cursor:not-allowed}.answer-letter{align-items:center;background:#ffffff4d;border-radius:12px;display:flex;font-size:18px;font-weight:800;height:40px;justify-content:center;width:40px}.answer-text{font-size:16px;line-height:1.3}.answer-icon{align-items:center;animation:iconPop .4s ease-out;background:#fff;border-radius:50%;color:#2e9e6b;color:var(--good);display:flex;font-size:24px;font-weight:800;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.answer-feedback{animation:slideIn .3s ease-out;border-radius:12px;margin-top:20px;padding:16px;text-align:center}.answer-feedback.correct{background:linear-gradient(135deg,#2e9e6b1f,#2e9e6b14);border:2px solid #2e9e6b;border:2px solid var(--good)}.answer-feedback.wrong{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #337bae;border:2px solid var(--kubik-blue)}.feedback-icon{font-size:32px;margin-bottom:8px}.feedback-text{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700}.question-result{animation:slideIn .4s ease-out;margin-top:20px}.result-banner{font-size:18px;font-weight:800;margin-bottom:16px;padding:16px}.result-banner.correct{background:linear-gradient(135deg,#2e9e6b1f,#2e9e6b14);border:3px solid #2e9e6b;border:3px solid var(--good);color:#2e9e6b;color:var(--good)}.result-banner.wrong{background:linear-gradient(135deg,#fff1f0,#fff1f0);background:linear-gradient(135deg,var(--kubik-pink-soft) 0,var(--kubik-pink-soft) 100%);border:3px solid #d75a5a;border:3px solid var(--low);color:#d75a5a;color:var(--low)}.explanation-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #337bae;border:2px solid var(--kubik-blue);border-radius:12px;color:#1a405f;color:var(--kubik-navy);padding:16px}.explanation-box strong{color:#1a405f;color:var(--kubik-navy);display:block;margin-bottom:8px}.explanation-box p{font-size:14px;line-height:1.5;margin:0}.mini-leaderboard{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;margin-top:24px;padding:20px}.mini-leaderboard h3{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:700;margin:0 0 14px}.mini-leader{align-items:center;background:#fcfcfa;background:var(--kubik-white);border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:12px 14px}.mini-leader.me{background:linear-gradient(135deg,#eaf3fa,#eaf3fa);background:linear-gradient(135deg,var(--kubik-blue-soft) 0,var(--kubik-blue-soft) 100%);border:2px solid #337bae;border:2px solid var(--kubik-blue)}.mini-rank{font-size:20px}.mini-name{flex:1 1;font-weight:600}.mini-name,.mini-score{color:#1a405f;color:var(--kubik-navy);font-size:14px}.mini-score{font-weight:700}.my-rank-info{background:linear-gradient(135deg,#eaf3fa,#eaf3fa);background:linear-gradient(135deg,var(--kubik-blue-soft) 0,var(--kubik-blue-soft) 100%);border-radius:8px;color:#1a405f;color:var(--kubik-navy);font-size:13px;margin-top:8px;padding:10px;text-align:center}.my-rank-info strong{font-size:16px}.quiz-section.results{padding:20px}.results-header{margin-bottom:32px;text-align:center}.results-header h1{-webkit-text-fill-color:#0000;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);-webkit-background-clip:text;font-size:32px;font-weight:800}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.my-result{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:20px;box-shadow:0 12px 32px #1a405f33;color:#fff;gap:20px;margin-bottom:32px;padding:24px}.my-result,.rank-badge{align-items:center;display:flex}.rank-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;flex-shrink:0;font-size:56px;height:100px;justify-content:center;width:100px}.rank-badge.rank-1{background:linear-gradient(135deg,#337bae,#ffbebd);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-pink) 100%)}.my-result-info{flex:1 1}.my-result-label{font-size:14px;margin-bottom:4px;opacity:.9}.my-result-rank{font-size:24px;font-weight:800;margin-bottom:8px}.my-result-score{font-size:18px;font-weight:700}.podium{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px;padding:0 8px}.podium-place{align-items:center;animation:slideUp .6s ease-out backwards;display:flex;flex-direction:column;text-align:center}.podium-place.place-1{animation-delay:.3s}.podium-place.place-2{animation-delay:.1s}.podium-place.place-3{animation-delay:.2s}.crown{animation:float 2s ease-in-out infinite;font-size:32px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.podium-avatar{align-items:center;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:18px;font-weight:700;height:60px;justify-content:center;margin:8px 0;width:60px}.place-1 .podium-avatar{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 6px 16px #f59e0b4d;font-size:20px;height:72px;width:72px}.podium-name{font-size:13px;font-weight:700;margin-bottom:4px}.podium-name,.podium-score{color:#1a405f;color:var(--kubik-navy)}.podium-score{font-size:14px;font-weight:800;margin-bottom:12px}.podium-stand{align-items:center;border-radius:12px 12px 0 0;color:#fff;display:flex;flex-direction:column;font-size:32px;font-weight:800;justify-content:center;width:100%}.podium-stand span{font-size:24px;margin-top:-4px}.podium-stand.gold{background:linear-gradient(135deg,#337bae,#ffbebd);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-pink) 100%);box-shadow:0 -4px 16px #f59e0b4d;height:120px}.podium-stand.silver{background:linear-gradient(135deg,#94a3b8,#cbd5e1);box-shadow:0 -4px 16px #94a3b84d;height:90px}.podium-stand.bronze{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 -4px 16px #f973164d;height:70px}.full-leaderboard{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;padding:20px}.full-leaderboard h3{border-bottom:2px solid #fcfcfa;border-bottom:2px solid var(--kubik-white);color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.leader-row{align-items:center;border-radius:12px;display:flex;gap:14px;margin-bottom:10px;padding:14px 12px;transition:all .2s}.leader-row,.leader-row:hover{background:#fcfcfa;background:var(--kubik-white)}.leader-row.top3{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #337bae;border:1px solid var(--kubik-blue)}.leader-row.me{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:2px solid #337bae;border:2px solid var(--kubik-blue);box-shadow:0 4px 12px #1a405f33;color:#fff}.leader-row.me .leader-name,.leader-row.me .leader-score strong,.leader-row.me .leader-username{color:#fff}.leader-row.me .leader-score span{color:#fffc}.leader-rank{color:#1a405f;color:var(--kubik-navy);font-size:22px;font-weight:800;min-width:40px;text-align:center}.leader-row.me .leader-rank{color:#fff}.leader-avatar{align-items:center;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.leader-row.me .leader-avatar{background:linear-gradient(135deg,#337bae,#ffbebd);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-pink) 100%)}.leader-info{flex:1 1;margin-right:12px;min-width:0}.leader-name{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;flex-wrap:wrap;font-size:14px;font-weight:700;gap:8px;margin-bottom:2px}.me-badge{background:#ffffff4d;border-radius:12px;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.leader-username{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-score{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;margin-left:auto;min-width:70px}.leader-score strong{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:800;white-space:nowrap}.leader-score span{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;white-space:nowrap}@media (max-width:480px){.code-input,.quiz-title{font-size:28px}.code-input{letter-spacing:8px;padding:20px}.question-text{font-size:18px}.answer-btn{min-height:80px;padding:16px 12px}.answer-letter{font-size:16px;height:32px;width:32px}.answer-text{font-size:14px}.time-number{font-size:40px}.rank-badge{font-size:44px;height:80px;width:80px}.my-result-rank{font-size:20px}.podium-stand.gold{height:100px}.podium-stand.silver{height:75px}.podium-stand.bronze{height:60px}}.main-tabs{background:#fcfcfa;background:var(--kubik-white);border-radius:14px;display:flex;gap:10px;margin-bottom:24px;padding:8px}.main-tab{background:#0000;border:none;border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 20px;transition:all .3s}.main-tab.active,.main-tab:hover{color:#1a405f;color:var(--kubik-navy)}.main-tab.active{background:#fff;box-shadow:0 2px 8px #337bae1a}.global-leaderboard-container{padding:0}.global-header{margin-bottom:20px;text-align:center}.global-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);-webkit-background-clip:text;font-size:24px;font-weight:800;margin-bottom:4px}.global-header p{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px}.subject-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:10px;margin-bottom:24px;overflow-x:auto;padding:8px 0 10px}.subject-tab{align-items:center;background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:12px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s;white-space:nowrap}.subject-tab:hover{border-color:#337bae;border-color:var(--kubik-blue);transform:translateY(-2px)}.subject-tab.active{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-color:#0000;box-shadow:0 4px 12px #1a405f33;color:#fff}.subject-tab-icon{font-size:18px}.single-subject-banner{align-items:center;background:linear-gradient(135deg,#eaf3fa,#eaf3fa);background:linear-gradient(135deg,var(--kubik-blue-soft) 0,var(--kubik-blue-soft) 100%);border:2px solid #337bae;border:2px solid var(--kubik-blue);border-radius:14px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.subject-icon-big{font-size:32px}.single-subject-banner h3{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin:0}.leaderboard-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.leader-stats{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;margin-top:4px}.leader-row.me .leader-stats{color:#fffc}@media (max-width:480px){.leader-row{flex-wrap:wrap}.leader-info{flex:1 1 100%;margin-bottom:8px}.leader-score{align-items:flex-start;margin-left:0}}.quiz-playing-layout{display:flex;gap:0;height:100%;width:100%}.quiz-playing-main{-webkit-overflow-scrolling:touch;flex:1 1;min-width:0;overflow-y:auto}.quiz-sidebar{background:#fcfcfa;background:var(--color-background-secondary,var(--kubik-white));border-left:1px solid #eceae5;border-left:1px solid var(--color-border-primary,var(--kubik-border));flex-shrink:0;overflow-y:auto;padding:8px 4px;width:100px}.quiz-sidebar .mini-leaderboard{background:none;padding:0}.quiz-sidebar .mini-leaderboard h3{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;font-weight:700;margin-bottom:8px;text-align:center}.quiz-sidebar .mini-leader{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding:6px 4px}.quiz-sidebar .mini-leader.me{background:#eaf3fa;background:var(--kubik-blue-soft);border:1px solid #eceae5;border:1px solid var(--kubik-border)}.quiz-sidebar .mini-rank{font-size:16px}.quiz-sidebar .mini-name{color:#2a3744;color:var(--kubik-text);font-size:10px;font-weight:600;text-align:center;word-break:break-word}.quiz-sidebar .mini-score{color:#1a405f;color:var(--kubik-navy);font-size:11px;font-weight:700}.quiz-sidebar .my-rank-info{color:#8a95a1;color:var(--kubik-text-soft);font-size:10px;margin-top:4px;text-align:center}.light-orb{animation:orbFly .65s cubic-bezier(.45,0,.55,1) forwards;background:radial-gradient(circle at 35% 35%,#fff 0,#ffe3dd 35%,#ffbebd 70%,#ffbebd00 100%);background:radial-gradient(circle at 35% 35%,#fff 0,#ffe3dd 35%,var(--kubik-pink) 70%,#ffbebd00 100%);border-radius:50%;box-shadow:0 0 12px 4px #ffbebdd9,0 0 24px 8px #337bae66;height:18px;left:0;pointer-events:none;position:fixed;top:0;transform:translate(var(--x0),var(--y0)) translate(-50%,-50%) scale(1);width:18px;will-change:transform,opacity;z-index:200}@keyframes orbFly{0%{opacity:0;transform:translate(var(--x0),var(--y0)) translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(var(--x0),var(--y0)) translate(-50%,-50%) scale(1.15)}55%{opacity:1;transform:translate(calc((var(--x0) + var(--x1))/2),calc((var(--y0) + var(--y1))/2 - 50px)) translate(-50%,-50%) scale(.95)}to{opacity:.9;transform:translate(var(--x1),var(--y1)) translate(-50%,-50%) scale(.5)}}.goal-peek{align-items:center;background:#fffffff7;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-left:none;border-radius:0 16px 16px 0;box-shadow:0 6px 20px #1a405f29;display:flex;gap:10px;left:0;padding:8px 14px 8px 10px;pointer-events:none;position:fixed;top:86px;transform:translateX(-120%);transition:transform .32s cubic-bezier(.2,.8,.2,1);z-index:150}.goal-peek.show{transform:translateX(0)}.goal-peek.pulse .goal-peek-ring{animation:goalRingPulse .45s cubic-bezier(.18,.89,.32,1.28)}@keyframes goalRingPulse{0%{transform:scale(1)}40%{box-shadow:0 0 0 6px #ffbebd59;transform:scale(1.18)}to{transform:scale(1)}}.goal-peek-ring{align-items:center;background:radial-gradient(closest-side,#fff 76%,#0000 77% 100%),conic-gradient(#ffbebd 0,#f0eeea 0);background:radial-gradient(closest-side,#fff 76%,#0000 77% 100%),conic-gradient(var(--kubik-pink) var(--goal-pct,0),#f0eeea 0);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;transition:background .6s cubic-bezier(.4,0,.2,1);width:48px}.goal-peek-ring.complete{background:radial-gradient(closest-side,#fff 76%,#0000 77% 100%),conic-gradient(#2e9e6b 0,#f0eeea 0);background:radial-gradient(closest-side,#fff 76%,#0000 77% 100%),conic-gradient(var(--good) var(--goal-pct,0),#f0eeea 0)}.goal-peek-value{color:#1a405f;color:var(--kubik-navy);font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:-.4px}.goal-peek-label{display:flex;flex-direction:column;gap:1px}.goal-peek-title{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;font-weight:700;white-space:nowrap}.goal-peek-count{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:800;letter-spacing:-.4px}.join-button.secondary{background:#fff;border:2px solid #337bae;border:2px solid var(--kubik-blue);box-shadow:none;color:#1a405f;color:var(--kubik-navy);margin-bottom:12px}.quiz-recent{margin-top:32px;max-width:420px;text-align:left;width:100%}.quiz-recent-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.quiz-recent-title{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700;margin:0}.quiz-recent-all{background:none;border:none;color:#337bae;color:var(--kubik-blue);cursor:pointer;font-size:13px;font-weight:700;padding:0}.quiz-recent-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.quiz-recent-item{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:14px;cursor:pointer;padding:14px 16px;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.quiz-recent-item:hover{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 6px 16px #337bae1f}.quiz-recent-name{color:#1a405f;color:var(--kubik-navy);display:block;font-size:14px;font-weight:700;margin-bottom:4px}.quiz-recent-meta{color:#8a95a1;color:var(--kubik-text-soft);display:block;font-size:12px}.reconnect-block{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:12px;margin-bottom:12px;max-width:400px;padding:12px 16px;text-align:center;width:100%}.reconnect-block p{font-size:14px;margin:0 0 10px}.quiz-lobby-title,.reconnect-block p{color:#1a405f;color:var(--kubik-navy)}.quiz-lobby-title{font-size:22px;font-weight:800;line-height:1.3;margin-bottom:8px}.lobby-status-badge{color:#2e9e6b;color:var(--good);font-weight:700;margin-bottom:20px}.lobby-wait-msg{color:#8a95a1;color:var(--kubik-text-soft);font-size:16px;margin-bottom:24px}.time-caption{font-size:14px;margin:0 0 8px}.question-points,.time-caption{color:#8a95a1;color:var(--kubik-text-soft);text-align:center}.question-points{margin:0 0 16px}.answer-wait-msg{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:12px;color:#1a405f;color:var(--kubik-navy);font-weight:600;margin-top:20px;padding:14px 16px;text-align:center}.answer-wait-msg--timeout{background:#fef2f2;color:#d75a5a;color:var(--low)}.quiz-leaderboard-screen,.quiz-question-result{padding:24px 16px 40px}.q-result-banner{font-size:28px;font-weight:800;margin-bottom:12px;text-align:center}.q-result-banner.correct{color:#2e9e6b;color:var(--good)}.q-result-banner.wrong{color:#d75a5a;color:var(--low)}.q-result-score{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.q-result-row{border-bottom:1px solid #eceae5;border-bottom:1px solid var(--kubik-border);display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:10px 0}.q-result-hint,.q-result-rank,.quiz-lb-my-rank{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;margin-top:16px;text-align:center}.quiz-lb-title{margin-bottom:20px}.quiz-lb-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:36px 1fr auto;margin-bottom:8px}.quiz-lb-row.me{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.results-quiz-name{color:#8a95a1;color:var(--kubik-text-soft);font-size:16px;margin-bottom:20px;text-align:center}.results-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:20px 0}.results-stats-grid div{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;padding:14px;text-align:center}.results-stats-grid span{color:#8a95a1;color:var(--kubik-text-soft);display:block;font-size:12px;margin-bottom:4px}.results-stats-grid strong{color:#1a405f;color:var(--kubik-navy);font-size:16px}.results-errors{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:14px;margin-bottom:20px;padding:16px}.results-errors h3{font-size:15px;margin:0 0 10px}.results-errors ul{color:#2a3744;color:var(--kubik-text);font-size:13px;margin:0;padding-left:18px}.results-actions{gap:12px}.quiz-live,.results-actions{display:flex;flex-direction:column}.quiz-live{gap:16px;min-height:100%;padding:12px 14px 24px}.quiz-live-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.quiz-live-meta{flex:1 1;min-width:0}.quiz-live-label{color:#1a405f;color:var(--kubik-navy);display:block;font-size:13px;font-weight:700;margin-bottom:8px}.quiz-live-progress{background:#1e40af1f;border-radius:999px;height:5px;overflow:hidden}.quiz-live-progress-fill{background:linear-gradient(90deg,#1a405f,#337bae);background:linear-gradient(90deg,var(--kubik-navy),var(--kubik-blue));border-radius:999px;height:100%;transition:width .35s ease}.quiz-live-score{align-items:center;background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;box-shadow:0 2px 8px #1e40af14;color:#1a405f;color:var(--kubik-navy);display:inline-flex;flex-shrink:0;font-size:15px;font-weight:800;gap:6px;padding:8px 12px}.quiz-live-score-icon{font-size:14px}.quiz-timer{align-items:center;display:flex;flex-direction:column;gap:6px}.quiz-timer-ring{height:88px;position:relative;width:88px}.quiz-timer-svg{height:100%;transform:rotate(-90deg);width:100%}.quiz-timer-track{fill:none;stroke:#1e40af1f;stroke-width:3}.quiz-timer-arc{fill:none;stroke:#337bae;stroke:var(--kubik-blue);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s linear}.quiz-timer.is-urgent .quiz-timer-arc{stroke:#d75a5a;stroke:var(--low);animation:quizTimerPulse .8s ease-in-out infinite}@keyframes quizTimerPulse{0%,to{opacity:1}50%{opacity:.55}}.quiz-timer-value{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;line-height:1;position:absolute}.quiz-timer-value strong{font-feature-settings:"tnum";color:#1a405f;color:var(--kubik-navy);font-size:28px;font-variant-numeric:tabular-nums;font-weight:800}.quiz-timer-value span{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;font-weight:600;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.quiz-timer-caption{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;font-weight:500;margin:0}.quiz-live-card{animation:slideIn .35s ease-out;background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:20px;box-shadow:0 10px 30px #1e40af14;padding:20px 16px}.quiz-live-question{color:#1a405f;color:var(--kubik-navy);font-size:21px;font-weight:800;line-height:1.45;margin:0 0 10px}.quiz-live-points{color:#2e9e6b;color:var(--good);font-size:13px;font-weight:600;margin:0 0 18px}.quiz-answers{display:flex;flex-direction:column;gap:10px}.quiz-answer{align-items:center;background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:14px 14px 14px 12px;position:relative;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;width:100%}.quiz-answer:before{background:#337bae;background:var(--kubik-blue);border-radius:999px;bottom:8px;content:"";left:0;position:absolute;top:8px;width:4px}.quiz-answer--0:before{background:#e76f51}.quiz-answer--1:before{background:#2a9d8f}.quiz-answer--2:before{background:#457b9d}.quiz-answer--3:before{background:#e9c46a}.quiz-answer:hover:not(:disabled){border-color:#1e40af59;box-shadow:0 6px 16px #1e40af1a;transform:translateY(-1px)}.quiz-answer:active:not(:disabled){transform:translateY(0)}.quiz-answer-mark{align-items:center;background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:10px;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:800;height:34px;justify-content:center;width:34px}.quiz-answer-mark,.quiz-answer-text{color:#1a405f;color:var(--kubik-navy)}.quiz-answer-text{flex:1 1;font-size:15px;font-weight:600;line-height:1.35}.quiz-answer-badge{align-items:center;background:#2e9e6b;background:var(--good);border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:800;height:26px;justify-content:center;width:26px}.quiz-answer.is-selected{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.quiz-answer.is-locked:not(.is-selected){opacity:.55}.quiz-answer:disabled{cursor:default}.quiz-status-bar{border-radius:14px;margin-top:16px;padding:14px 16px;text-align:center}.quiz-status-bar--wait{background:linear-gradient(135deg,#1e40af14,#3b82f61f);border:1px solid #1e40af26}.quiz-status-bar--wait p{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:600;margin:8px 0 0}.quiz-status-bar--timeout{background:#fef2f2;border:1px solid #dc262633}.quiz-status-bar--timeout p{color:#d75a5a;color:var(--low);font-size:14px;font-weight:700;margin:0}.quiz-status-dots{display:inline-flex;gap:6px}.quiz-status-dots span{animation:waiting-bounce 1.2s ease-in-out infinite;background:#337bae;background:var(--kubik-blue);border-radius:50%;height:8px;width:8px}.quiz-status-dots span:nth-child(2){animation-delay:.2s}.quiz-status-dots span:nth-child(3){animation-delay:.4s}.quiz-screen{padding:16px 14px 32px}.quiz-lb-card,.quiz-result-card{animation:slideIn .35s ease-out;background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:20px;box-shadow:0 10px 30px #1e40af14;padding:24px 18px}.quiz-result-card.is-correct{background:linear-gradient(180deg,#2e9e6b14,#fff 120px);border-color:#2e9e6b59}.quiz-result-card.is-wrong{background:linear-gradient(180deg,#dc26260f,#fff 120px);border-color:#dc262640}.quiz-result-icon{align-items:center;border-radius:16px;display:flex;font-size:28px;font-weight:800;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.quiz-result-card.is-correct .quiz-result-icon{background:#2e9e6b26;color:#2e9e6b;color:var(--good)}.quiz-result-card.is-wrong .quiz-result-icon{background:#dc26261f;color:#d75a5a;color:var(--low)}.quiz-result-title{color:#1a405f;color:var(--kubik-navy);font-size:26px;font-weight:800;margin:0 0 8px;text-align:center}.quiz-result-score{color:#337bae;color:var(--kubik-blue);font-size:16px;font-weight:700;margin:0 0 18px;text-align:center}.quiz-result-details{border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:14px;margin-bottom:14px;overflow:hidden}.quiz-result-row{border-bottom:1px solid #eceae5;border-bottom:1px solid var(--kubik-border);display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:12px 14px}.quiz-result-row:last-child{border-bottom:none}.quiz-result-row span{color:#8a95a1;color:var(--kubik-text-soft)}.quiz-result-row strong{color:#1a405f;color:var(--kubik-navy);text-align:right}.quiz-result-explanation{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:14px;margin-bottom:12px;padding:14px}.quiz-result-explanation strong{color:#1a405f;color:var(--kubik-navy);display:block;font-size:13px;margin-bottom:6px}.quiz-result-explanation p{color:#2a3744;color:var(--kubik-text);font-size:14px;line-height:1.45;margin:0}.quiz-lb-my-rank,.quiz-result-hint,.quiz-result-rank{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;margin:12px 0 0;text-align:center}.quiz-lb-title{color:#1a405f;color:var(--kubik-navy);font-size:24px;font-weight:800;margin:0 0 16px;text-align:center}.quiz-lb-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.quiz-lb-row{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;display:block;padding:12px 14px}.quiz-lb-line{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:600}.quiz-lb-change{font-size:13px;font-weight:700;margin:8px 0 0;text-align:center}.quiz-lb-change.is-up{color:#2e9e6b;color:var(--good)}.quiz-lb-change.is-down{color:#d75a5a;color:var(--low)}.quiz-q-result{animation:slideIn .35s ease-out;background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:20px;box-shadow:0 10px 30px #1e40af14;padding:24px 18px}.quiz-q-result.is-correct{border-color:#2e9e6b59}.quiz-q-result.is-wrong{border-color:#dc262640}.quiz-q-result-title{color:#1a405f;color:var(--kubik-navy);font-size:28px;font-weight:800;margin:0 0 16px;text-align:center}.quiz-q-result.is-correct .quiz-q-result-title{color:#2e9e6b;color:var(--good)}.quiz-q-result.is-wrong .quiz-q-result-title{color:#d75a5a;color:var(--low)}.quiz-q-result-line{color:#337bae;color:var(--kubik-blue);font-size:17px;font-weight:700;margin:0 0 16px;text-align:center}.quiz-q-result-block{margin-bottom:14px}.quiz-q-result-label{color:#8a95a1;color:var(--kubik-text-soft);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.quiz-q-result-block p,.quiz-q-result-block strong{color:#1a405f;color:var(--kubik-navy);font-size:16px;line-height:1.45;margin:0}.quiz-q-result-rank{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700;margin:16px 0 0;text-align:center}.results-summary-list{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:14px;margin:16px 0;padding:16px 18px}.results-summary-list p{color:#1a405f;color:var(--kubik-navy);font-size:15px;margin:0 0 8px}.results-summary-list p:last-child{margin-bottom:0}.results-questions-review{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:14px;margin-bottom:16px;padding:16px}.results-questions-review h3{color:#1a405f;color:var(--kubik-navy);font-size:15px;margin:0 0 12px}.results-questions-review ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.results-questions-review li{border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:10px;font-size:13px;padding:12px}.results-questions-review li.is-correct{background:#2e9e6b14}.results-questions-review li.is-wrong{background:#dc26260f}.results-questions-review li.is-empty{background:#eaf3fa;background:var(--kubik-blue-soft)}.results-questions-review li strong{display:block;font-size:12px;margin-top:6px}.results-question-explanation{color:#8a95a1!important;color:var(--kubik-text-soft)!important;font-size:12px!important;margin:8px 0 0!important}.quiz-lb-row.is-me{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.quiz-lb-rank{font-weight:800}.quiz-lb-name,.quiz-lb-rank{color:#1a405f;color:var(--kubik-navy)}.quiz-lb-name{font-weight:600}.quiz-lb-score{color:#337bae;color:var(--kubik-blue);font-weight:800}.quiz-history-screen{padding:16px 14px 32px}.quiz-history-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.quiz-history-back{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:10px;color:#1a405f;color:var(--kubik-navy);cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px}.quiz-history-title{color:#1a405f;color:var(--kubik-navy);font-size:22px;font-weight:800;margin:0}.quiz-history-empty{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;padding:24px 12px;text-align:center}.quiz-history-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.quiz-history-item{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:14px;cursor:pointer;padding:14px 16px;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.quiz-history-item:hover:not(:disabled){border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 6px 16px #337bae1f}.quiz-history-item:disabled{cursor:default;opacity:.65}.quiz-history-item-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.quiz-history-name{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700;line-height:1.35}.quiz-history-status{border-radius:999px;flex-shrink:0;font-size:11px;font-weight:700;padding:4px 8px;text-transform:lowercase}.quiz-history-status--done{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.quiz-history-status--pending{background:#f59e0b26;color:#b45309}.quiz-history-date{color:#8a95a1;color:var(--kubik-text-soft);display:block;font-size:13px;margin-bottom:4px}.quiz-history-meta{color:#2a3744;color:var(--kubik-text);display:block;font-size:13px}.results-errors-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.results-errors-head h3{margin:0}.results-review-btn{background:#eaf3fa;background:var(--kubik-blue-soft);border:none;border-radius:10px;color:#337bae;color:var(--kubik-blue);cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px}.results-errors-list{color:#2a3744;color:var(--kubik-text);font-size:13px;margin:0;padding-left:18px}.results-errors-detail{display:flex;flex-direction:column;gap:10px;margin-top:14px}.results-error-card{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:12px;font-size:13px;line-height:1.45;padding:12px 14px}.results-error-card strong{color:#1a405f;color:var(--kubik-navy);display:block;margin-bottom:8px}.results-error-card p{margin:0 0 6px}.results-error-card span{color:#8a95a1;color:var(--kubik-text-soft);font-weight:600}.results-error-explanation{border-top:1px solid #1e40af1f;margin-top:4px!important;padding-top:8px}.section-stats.sd-page{background:#fcfcfa;background:var(--kubik-white);font-family:Manrope,-apple-system,sans-serif;min-height:100%}.sd-hero .practice-hero-title--plain{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.sd-subject-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:12px 16px 4px;scrollbar-width:none}.sd-subject-tabs::-webkit-scrollbar{display:none}.sd-subject-tab{align-items:center;background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:999px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;display:flex;flex:0 0 auto;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.sd-subject-tab.active{background:linear-gradient(135deg,#337bae,#1a405f);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);border-color:#0000;box-shadow:0 4px 14px #1a405f40;color:#fff}.sd-subject-tab-icon{font-size:16px;line-height:1}.sd-subject-single{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;font-size:15px;font-weight:700;gap:8px;padding:8px 20px 0}.sd-dashboard{display:flex;flex-direction:column;gap:14px;padding:12px 16px 24px}.sd-predicted-wrap{margin-bottom:2px}.sd-predicted-wrap .predicted-score-card{margin:0}.sd-month-delta{color:#337bae;color:var(--kubik-blue);font-size:12px;font-weight:700;margin:8px 0 0;text-align:center}.sd-score-card{align-items:center;background:linear-gradient(145deg,#1a405f,#245578 55%,#337bae);background:linear-gradient(145deg,var(--kubik-navy) 0,#245578 55%,var(--kubik-blue) 100%);border-radius:20px;box-shadow:0 8px 28px #1a405f47;color:#fff;display:flex;gap:16px;justify-content:space-between;overflow:hidden;padding:20px 22px;position:relative}.sd-score-card:before{background:radial-gradient(circle,#ffbebd59 0,#0000 70%);content:"";height:180px;pointer-events:none;position:absolute;right:-20%;top:-40%;width:180px}.sd-score-main{flex:1 1;min-width:0;position:relative;z-index:1}.sd-score-label{font-size:12px;font-weight:600;letter-spacing:.06em;opacity:.75;text-transform:uppercase}.sd-score-row{align-items:baseline;display:flex;gap:2px;margin-top:4px}.sd-score-num{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1}.sd-score-max{font-size:20px;font-weight:600;opacity:.65}.sd-score-deltas{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sd-score-delta{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px}.sd-score-delta.up{background:#2e9e6b40;color:#a8f0c8}.sd-score-delta.down{background:#d75a5a40;color:#ffc4c4}.sd-score-ring{align-items:center;background:conic-gradient(#ffbebd calc(var(--pct)*1%),#ffffff26 0);background:conic-gradient(var(--kubik-pink) calc(var(--pct)*1%),#ffffff26 0);border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:72px;justify-content:center;position:relative;width:72px;z-index:1}.sd-score-ring:before{background:#1a405fd9;border-radius:50%;content:"";inset:6px;position:absolute}.sd-score-ring span{position:relative;z-index:1}.sd-score-card--locked{background:linear-gradient(145deg,#fff,#eaf3fa);background:linear-gradient(145deg,#fff 0,var(--kubik-blue-soft) 100%);border:1px solid #eceae5;border:1px solid var(--kubik-border);box-shadow:0 4px 20px #1a405f14;color:#1a405f;color:var(--kubik-navy)}.sd-score-card--locked:before{display:none}.sd-score-lock-ring{align-items:center;background:conic-gradient(#337bae calc(var(--pct)*1%),#eceae5 0);background:conic-gradient(var(--kubik-blue) calc(var(--pct)*1%),var(--kubik-border) 0);border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:72px;justify-content:center;line-height:1.1;width:72px}.sd-score-lock-ring:before{background:#fff;border-radius:50%;content:"";height:58px;position:absolute;width:58px}.sd-score-card--locked .sd-score-lock-ring{position:relative}.sd-score-lock-value{color:#1a405f;color:var(--kubik-navy);font-size:22px;font-weight:800;position:relative;z-index:1}.sd-score-lock-of{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;font-weight:600;position:relative;z-index:1}.sd-score-lock-title{font-size:16px;font-weight:700;margin:0 0 4px}.sd-score-lock-sub{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;line-height:1.4;margin:0}.sd-pill-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.sd-pill{align-items:flex-start;background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:16px;box-shadow:0 2px 8px #00000008;display:flex;gap:10px;padding:14px}.sd-pill-icon{flex-shrink:0;font-size:22px;line-height:1}.sd-pill-body{display:flex;flex-direction:column;min-width:0}.sd-pill-value{color:#1a405f;color:var(--kubik-navy);font-size:20px;font-weight:800;line-height:1.15}.sd-pill-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px}.sd-pill-label,.sd-pill-sub{font-weight:600;margin-top:2px}.sd-pill-sub{color:#337bae;color:var(--kubik-blue);font-size:10px}.sd-weekly{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:16px;padding:14px 16px}.sd-weekly-head{color:#1a405f;color:var(--kubik-navy);display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin-bottom:10px}.sd-weekly-bar{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:999px;height:8px;overflow:hidden}.sd-weekly-fill{background:linear-gradient(90deg,#337bae,#ffbebd);background:linear-gradient(90deg,var(--kubik-blue),var(--kubik-pink));border-radius:999px;height:100%;transition:width .6s ease}.sd-weekly-hint{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;margin:8px 0 0}.sd-weak-block{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:18px;padding:16px}.sd-block-title{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:800;margin:0 0 12px}.sd-weak-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.sd-weak-item{background:#fff1f0;background:var(--kubik-pink-soft);border-radius:12px;gap:8px;padding:10px 12px}.sd-weak-item,.sd-weak-rank{align-items:center;display:flex}.sd-weak-rank{background:#d75a5a;background:var(--low);border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:800;height:22px;justify-content:center;width:22px}.sd-weak-icon{flex-shrink:0;font-size:18px}.sd-weak-name{color:#2a3744;color:var(--kubik-text);flex:1 1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-weak-pct{color:#d75a5a;color:var(--low);flex-shrink:0;font-size:14px;font-weight:800}.sd-rec-card{background:linear-gradient(160deg,#eaf3fa,#fff 60%);background:linear-gradient(160deg,var(--kubik-blue-soft) 0,#fff 60%);border:1.5px solid #337bae33;border-radius:18px;padding:18px 18px 16px}.sd-rec-kicker{color:#337bae;color:var(--kubik-blue);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sd-rec-text{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:600;line-height:1.45;margin:8px 0 14px}.sd-cta{align-items:center;background:linear-gradient(135deg,#337bae,#1a405f);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);border:none;border-radius:14px;box-shadow:0 4px 16px #1a405f38;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;justify-content:center;padding:12px 20px;transition:transform .15s ease,box-shadow .15s ease}.sd-cta:active{transform:scale(.98)}.sd-cta--full{width:100%}.sd-cta--outline{background:#0000;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);box-shadow:none;color:#1a405f;color:var(--kubik-navy);margin-top:12px;width:100%}.sd-achievements{display:flex;flex-wrap:wrap;gap:8px}.sd-ach-chip{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:999px;color:#2a3744;color:var(--kubik-text);font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.sd-section{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:16px;overflow:hidden}.sd-section-head{background:#0000;border:none;cursor:pointer;font-family:inherit;padding:14px 16px;text-align:left;width:100%}.sd-section-head,.sd-section-title{align-items:center;display:flex;gap:8px}.sd-section-title{color:#1a405f;color:var(--kubik-navy);flex:1 1;font-size:14px;font-weight:700}.sd-section-icon{font-size:18px}.sd-section-badge{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:999px;color:#337bae;color:var(--kubik-blue);font-size:11px;font-weight:700;padding:2px 8px}.sd-section-chevron{color:#8a95a1;color:var(--kubik-text-soft);font-size:20px;line-height:1;transition:transform .2s ease}.sd-section.open .sd-section-chevron{transform:rotate(90deg)}.sd-section-body{animation:sdSlide .25s ease;padding:0 16px 16px}@keyframes sdSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sd-topic-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.sd-topic-row{align-items:center;border-bottom:1px solid #eceae5;border-bottom:1px solid var(--kubik-border);display:flex;gap:10px;padding:10px 0}.sd-topic-row:last-child{border-bottom:none}.sd-topic-icon{flex-shrink:0;font-size:20px}.sd-topic-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sd-topic-name{color:#2a3744;color:var(--kubik-text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-topic-meta{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px}.sd-status{border-radius:8px;flex-shrink:0;font-size:10px;font-weight:700;padding:4px 8px;text-transform:lowercase}.sd-status--weak{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.sd-status--review{background:#fff8ed;color:#d9943b;color:var(--medium)}.sd-status--normal{background:#eaf3fa;background:var(--kubik-blue-soft);color:#337bae;color:var(--kubik-blue)}.sd-status--good{background:#e8f8f0;color:#2e9e6b;color:var(--good)}.sd-status--mastered{background:linear-gradient(135deg,#e8f8f0,#eaf3fa);background:linear-gradient(135deg,#e8f8f0,var(--kubik-blue-soft));color:#2e9e6b;color:var(--good)}.sd-status--learning{background:#f5f5f5;color:#8a95a1;color:var(--kubik-text-soft)}.sd-diff-grid{display:flex;flex-direction:column;gap:8px}.sd-diff-row{align-items:center;border-radius:12px;color:#2a3744;color:var(--kubik-text);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 14px}.sd-diff-row--easy{background:#e8f8f0}.sd-diff-row--medium{background:#fff8ed}.sd-diff-row--hard{background:#fff1f0;background:var(--kubik-pink-soft)}.sd-diff-val{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:800}.sd-mode-list{display:flex;flex-direction:column;gap:8px}.sd-mode-row{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:12px;color:#1a405f;color:var(--kubik-navy);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 14px}.sd-error-list{list-style:none;margin:0;padding:0}.sd-error-item{border-bottom:1px solid #eceae5;border-bottom:1px solid var(--kubik-border);display:flex;flex-direction:column;gap:4px;padding:10px 0}.sd-error-item:last-child{border-bottom:none}.sd-error-topic{color:#1a405f;color:var(--kubik-navy);font-size:13px;font-weight:600}.sd-error-meta{font-size:11px}.sd-error-meta,.sd-muted{color:#8a95a1;color:var(--kubik-text-soft)}.sd-muted{font-size:13px;margin:0;padding:8px 0;text-align:center}.sd-activity-detail{display:flex;flex-wrap:wrap;font-size:11px;font-weight:600;gap:8px 16px;justify-content:center;padding:12px 0 4px}.sd-activity-detail,.sd-loading{color:#8a95a1;color:var(--kubik-text-soft)}.sd-loading{padding:48px 24px;text-align:center}.sd-loading-pulse{animation:sdPulse 1.2s ease-in-out infinite;background:linear-gradient(135deg,#eaf3fa,#fff1f0);background:linear-gradient(135deg,var(--kubik-blue-soft),var(--kubik-pink-soft));border-radius:50%;height:48px;margin:0 auto 16px;width:48px}@keyframes sdPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.sd-empty{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 24px;text-align:center}.sd-empty-icon{font-size:48px}.sd-empty p{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;line-height:1.5;margin:0;max-width:280px}.sd-main-tabs{margin:0 16px 12px}.sd-homework-panel{padding-top:4px}.sd-hw-card{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:18px;box-shadow:0 2px 8px #00000008;padding:16px 18px}.sd-hw-head{align-items:center;display:flex;gap:10px;margin-bottom:14px}.sd-hw-icon{font-size:22px}.sd-hw-name{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:800}.sd-hw-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.sd-hw-stat{align-items:center;background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:12px;display:flex;flex-direction:column;gap:2px;padding:8px 4px}.sd-hw-stat-val{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:800}.sd-hw-stat-val.good{color:#2e9e6b;color:var(--good)}.sd-hw-stat-val.medium{color:#d9943b;color:var(--medium)}.sd-hw-stat-val.low{color:#d75a5a;color:var(--low)}.sd-hw-stat-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sd-hw-bar{background:#eceae5;background:var(--kubik-border);border-radius:999px;height:8px;overflow:hidden}.sd-hw-bar-fill{background:linear-gradient(90deg,#337bae,#ffbebd);background:linear-gradient(90deg,var(--kubik-blue),var(--kubik-pink));border-radius:999px;height:100%}.admin-panel{-webkit-overflow-scrolling:touch;background:#fcfcfa;background:var(--kubik-white);height:100%;margin:0 auto;max-width:1400px;overflow-y:auto}.admin-header{align-items:center;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);box-shadow:0 4px 20px #1a405f2e;display:flex;justify-content:space-between;padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header-brand{align-items:center;display:flex;gap:16px;min-width:0}.admin-brand-logo{filter:brightness(0) invert(1);flex-shrink:0;height:36px;max-width:36px;object-fit:contain;width:auto}.admin-title{color:#fff;font-size:17px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-tabs{background:#fff;box-shadow:0 2px 8px #0000000d;display:flex;gap:8px;overflow-x:auto;padding:16px 32px}.admin-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.admin-tab:hover{background:#eaf3fa;background:var(--kubik-blue-soft);color:#1a405f;color:var(--kubik-navy)}.admin-tab.active{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);box-shadow:0 4px 12px #1a405f33;color:#fff}.tab-icon{font-size:20px}.tab-name{font-size:14px}.admin-content{padding:32px}.admin-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000f;min-height:400px;padding:32px}.coming-soon{color:#8a95a1;color:var(--kubik-text-soft);font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.admin-content{padding:20px 16px}.admin-section{padding:24px 20px}}.admin-refresh-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff47;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:700;gap:8px;margin-left:12px;padding:9px 14px;transition:background .2s,border-color .2s,transform .15s}.admin-refresh-btn:hover:not(:disabled){background:#ffffff2e;border-color:#fff6}.admin-refresh-btn:disabled{cursor:wait;opacity:.65}.admin-refresh-icon{display:inline-block;font-size:18px;line-height:1}.admin-refresh-btn.spinning .admin-refresh-icon{animation:adminRefreshSpin .7s linear infinite}@keyframes adminRefreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:520px){.admin-refresh-label{display:none}.admin-refresh-btn{margin-left:8px;padding:10px 12px}}.admin-panel *{box-sizing:border-box;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.students-section{animation:fadeIn .3s ease}.section-header{margin-bottom:28px}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-input{width:280px}.add-button:active{transform:translateY(0)}.students-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.student-card{border-radius:16px;gap:16px;padding:20px;transition:all .3s ease}.student-card:hover{box-shadow:0 8px 24px #3b82f626;transform:translateY(-4px)}.student-avatar{background:linear-gradient(135deg,var(--kubik-blue) 0,#60a5fa 100%);box-shadow:0 4px 12px #3b82f64d;font-size:24px;font-weight:800;height:60px;width:60px}.student-info h3{color:var(--kubik-navy);font-size:18px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-username{font-size:13px;margin:0 0 8px}.student-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.access-date,.status-badge{border-radius:12px}.access-date{background:#fef3c7;color:var(--kubik-navy);font-size:12px;padding:4px 10px}.student-subjects-mini{display:flex;flex-wrap:wrap;gap:6px}.subject-badge{border:1px solid var(--kubik-border);border-radius:12px;font-size:14px}.skeleton-avatar{height:60px;width:60px}.modal-content{max-width:900px}.add-mode-tabs{display:flex;gap:12px;padding:24px 32px 0}.mode-tab{background:#fff;border:2px solid var(--kubik-border);border-radius:12px;color:var(--kubik-text-soft);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .3s ease}.mode-tab:hover{background:var(--kubik-blue-soft);border-color:var(--kubik-blue)}.mode-tab.active{background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-color:var(--kubik-blue);box-shadow:0 4px 12px #1a405f33;color:#fff}.bot-users-container{padding:24px 32px}.bot-users-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.filter-controls{display:flex;flex-wrap:wrap;gap:12px}.filter-select{border:2px solid var(--kubik-border);border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:200px;padding:10px 16px;transition:all .3s ease}.filter-select:focus{border-color:var(--kubik-blue);outline:none}.sort-order-btn{background:#fff;border:2px solid var(--kubik-border);border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;padding:10px 20px;transition:all .3s ease}.sort-order-btn:hover{background:var(--kubik-blue-soft);border-color:var(--kubik-blue)}.loading-state{color:var(--kubik-text-soft);padding:40px;text-align:center}.bot-users-table{border:2px solid var(--kubik-border);border-radius:16px;max-height:400px;overflow:hidden;overflow-y:auto}.bot-user-row{align-items:center;border-bottom:1px solid var(--kubik-border);cursor:pointer;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s ease}.bot-user-row:last-child{border-bottom:none}.bot-user-row:hover:not(.assigned){background:var(--kubik-white)}.bot-user-row.selected{background:var(--kubik-blue-soft);border-left:4px solid var(--kubik-blue)}.bot-user-row.assigned{background:#fafafa;cursor:not-allowed;opacity:.5}.bot-user-avatar{align-items:center;background:linear-gradient(135deg,#6b7280,#9ca3af);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:48px;justify-content:center;width:48px}.bot-user-row.selected .bot-user-avatar{background:linear-gradient(135deg,var(--kubik-blue) 0,#60a5fa 100%)}.bot-user-info{flex:1 1;min-width:0}.bot-user-info h4{color:var(--kubik-navy);font-size:15px;font-weight:700;margin:0 0 4px}.bot-user-info p{color:var(--kubik-text-soft);font-size:13px;margin:0 0 6px}.bot-user-meta{color:var(--kubik-text-soft);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.assigned-badge{background:#2e9e6b1f;border-radius:8px;color:var(--good);font-weight:600;padding:2px 8px}.selected-checkmark{align-items:center;background:var(--kubik-blue);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:800;height:28px;justify-content:center;width:28px}.selected-user-notice{background:var(--kubik-blue-soft);border:2px solid var(--kubik-blue);border-radius:12px;color:var(--kubik-navy);font-size:14px;margin-top:16px;padding:12px 16px}.manual-form{padding:24px 32px}.form-row{margin-bottom:16px}.manual-form input{border:2px solid var(--kubik-border);border-radius:12px;font-size:15px;padding:14px 16px;transition:all .3s ease;width:100%}.manual-form input:focus{border-color:var(--kubik-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.assignment-form{border-top:2px solid var(--kubik-border);padding:24px 32px}.form-section h3{font-size:18px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px}.form-group input[type=date]{border:2px solid var(--kubik-border);border-radius:10px;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input[type=date]:focus{border-color:var(--kubik-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group small{display:block;margin-top:4px}.subjects-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.subject-checkbox{align-items:center;background:#fff;border:2px solid var(--kubik-border);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.subject-checkbox:hover{background:var(--kubik-white);border-color:var(--kubik-blue)}.subject-checkbox input[type=checkbox]{accent-color:var(--kubik-blue);cursor:pointer;height:20px;width:20px}.subject-checkbox span{color:var(--kubik-text);font-size:14px;font-weight:500}.checkbox-label{align-items:center;color:var(--kubik-text);cursor:pointer;display:flex;font-size:14px;gap:12px}.checkbox-label input[type=checkbox]{accent-color:var(--kubik-blue);cursor:pointer;height:20px;width:20px}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #1a405f40;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.student-detail{animation:slideIn .3s ease}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:32px}.back-button{background:var(--kubik-white);border:none;border-radius:12px;color:var(--kubik-navy);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.back-button:hover{background:var(--kubik-border);transform:translateX(-4px)}.delete-button{background:#fee;border:2px solid #fca5a5;border-radius:12px;color:var(--low);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.delete-button:hover{background:var(--low);border-color:var(--low);color:#fff}.detail-content{display:flex;flex-direction:column;gap:24px}.detail-card{background:linear-gradient(135deg,var(--kubik-white) 0,#fff 100%);border:2px solid var(--kubik-border);border-radius:16px;padding:28px}.student-avatar-large{background:linear-gradient(135deg,var(--kubik-blue) 0,#60a5fa 100%);box-shadow:0 8px 24px #3b82f64d;font-size:40px;font-weight:800;height:100px;margin:0 auto 20px;width:100px}.detail-card h2{color:var(--kubik-navy);font-size:28px;font-weight:800;margin:0 0 8px;text-align:center}.student-username-large{font-size:16px;margin:0 0 4px}.student-id,.student-username-large{color:var(--kubik-text-soft);text-align:center}.student-id{font-size:13px;margin:0 0 12px}.status-badge-large{border-radius:16px;display:inline-block;font-size:14px;font-weight:700;margin:0 auto;padding:6px 16px}.status-badge-large.active{background:#2e9e6b1f;color:var(--good)}.status-badge-large.inactive{background:var(--kubik-pink-soft);color:var(--low)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:var(--kubik-navy);font-size:20px;font-weight:700;margin:0}.edit-button{background:var(--kubik-white);border:none;border-radius:10px;color:var(--kubik-navy);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.edit-button:hover{background:var(--kubik-border)}.access-info p{color:var(--kubik-text);font-size:15px;margin:0 0 12px}.extend-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.extend-btn{background:var(--kubik-blue-soft);border:2px solid var(--kubik-blue);border-radius:10px;color:var(--kubik-navy);transition:all .3s ease}.extend-btn:hover{background:var(--kubik-blue);color:#fff}.edit-access-form{display:flex;flex-direction:column;gap:16px}.subjects-list{gap:12px}.subject-item{align-items:center;background:#fff;color:var(--kubik-text);display:flex;font-weight:500;gap:12px;padding:14px 16px}.subject-icon{font-size:24px}.subjects-edit{display:flex;flex-direction:column;gap:12px}.save-button{background:linear-gradient(135deg,var(--good) 0,var(--good) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:14px 28px;transition:all .3s ease}.save-button:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#fff 0,var(--kubik-white) 100%);border:2px solid var(--kubik-border);border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:var(--kubik-blue);box-shadow:0 4px 16px #3b82f61a;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--kubik-blue-soft) 0,var(--kubik-blue-soft) 100%);border-radius:14px;display:flex;font-size:36px;height:60px;justify-content:center;width:60px}.stat-info h4{color:var(--kubik-text-soft);font-size:14px;font-weight:600;margin:0 0 8px}.stat-value{font-size:24px;margin:0 0 4px}.stat-label{font-size:12px;margin:0}.subjects-with-dates{display:flex;flex-direction:column;gap:12px}.subject-item{border:2px solid var(--kubik-border);border-radius:12px;padding:16px;transition:all .3s ease}.subject-item.selected{background:var(--kubik-blue-soft);border-color:var(--kubik-blue)}.subject-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px}.subject-checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.subject-name{flex:1 1}.subject-dates{grid-gap:12px;border-top:1px solid var(--kubik-border);display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px;padding-top:12px}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{color:var(--kubik-text-soft);font-size:12px;font-weight:600}.date-input-group input[type=month]{border:2px solid var(--kubik-border);border-radius:8px;font-size:14px;padding:8px 12px;transition:all .3s ease}.date-input-group input[type=month]:focus{border-color:var(--kubik-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-text-input{border:2px solid var(--kubik-border);border-radius:8px;font-family:monospace;font-size:14px;padding:10px 14px;transition:all .3s ease}.date-text-input:focus{border-color:var(--kubik-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-text-input::placeholder{color:var(--kubik-text-soft);font-family:system-ui}.section-description{font-size:13px;margin:0 0 16px}.expiring-badges{align-items:center;display:flex;gap:8px}.expiring-badge{border-radius:10px;font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.expiring-badge.expired{background:var(--kubik-pink-soft);color:var(--low)}.expiring-badge.week{background:#fef3c7;color:var(--kubik-navy)}.expiring-badge.month{background:var(--kubik-blue-soft);color:var(--kubik-navy)}.expiry-badge{border-radius:8px;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.expiry-badge.expired{background:var(--kubik-pink-soft);color:var(--low)}.expiry-badge.soon{background:#fef3c7;color:var(--kubik-navy)}.expiry-badge.permanent{background:#2e9e6b1f;color:var(--good)}.student-card.expired{border-left:4px solid #dc2626;opacity:.7}.modal-content.large{max-height:95vh;max-width:900px}.student-detail-content{display:flex;flex-direction:column;gap:24px;padding:24px 32px}.detail-section h3{color:var(--kubik-navy);font-size:16px;font-weight:700;margin:0 0 12px}.detail-section p{color:var(--kubik-text);font-size:14px;margin:8px 0}.subjects-list{display:flex;flex-direction:column;gap:8px}.subject-detail-item{align-items:center;background:var(--kubik-white);border:1px solid var(--kubik-border);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.subject-expiry{color:var(--kubik-text-soft);font-size:12px}.extend-access-buttons{display:flex;gap:8px;margin-top:12px}.extend-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.extend-btn:hover{background:var(--good);transform:translateY(-1px)}.detail-actions{border-top:2px solid var(--kubik-border);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.btn-danger{background:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .3s ease}.btn-danger:hover{background:var(--low);transform:translateY(-2px)}@media (max-width:768px){.form-row,.stats-grid,.students-grid,.subjects-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.add-button,.search-input{width:100%}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.filter-controls{flex-direction:column}.filter-select{width:100%}}.confirm-delete-overlay{z-index:1100}.confirm-delete-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000047;max-width:480px;padding:28px 24px 24px;text-align:center;width:100%}.confirm-delete-icon{font-size:44px;line-height:1;margin-bottom:10px}.confirm-delete-modal h3{color:var(--kubik-navy);font-size:20px;font-weight:800;margin:0 0 10px}.confirm-delete-message{color:var(--kubik-text);font-size:15px;line-height:1.45;margin:0 0 14px}.confirm-delete-list{background:#fff5f5;border:1px solid #d75a5a33;border-radius:12px;list-style:none;margin:0 0 14px;padding:14px 16px;text-align:left}.confirm-delete-list li{color:var(--kubik-navy);font-size:14px;line-height:1.4;margin-bottom:8px;padding-left:18px;position:relative}.confirm-delete-list li:last-child{margin-bottom:0}.confirm-delete-list li:before{color:var(--low);content:"•";font-weight:800;left:0;position:absolute}.confirm-delete-entity{color:var(--kubik-navy);font-size:15px;margin:0 0 10px}.confirm-delete-warning{color:var(--low);font-size:13px;font-weight:600;margin:0}.confirm-delete-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.confirm-delete-actions .btn-secondary{background:var(--kubik-white);border:1px solid var(--kubik-border);border-radius:10px;color:var(--kubik-text);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.confirm-delete-actions .btn-secondary:hover{background:var(--kubik-border)}.confirm-delete-actions .btn-danger-confirm{background:linear-gradient(135deg,var(--low) 0,#c53030 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px}.confirm-delete-actions .btn-danger-confirm:hover{box-shadow:0 6px 16px #dc262666;transform:translateY(-1px)}.users-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{flex-wrap:wrap}.header-left h2{color:var(--kubik-navy);font-size:28px;font-weight:800;margin:0 0 12px}.role-stats{display:flex;flex-wrap:wrap;gap:16px}.role-stat{border-radius:12px;font-size:13px;font-weight:600;padding:6px 14px}.role-stat.admin{background:var(--kubik-pink-soft);color:var(--low)}.role-stat.teacher{background:var(--kubik-blue-soft);color:var(--kubik-navy)}.role-stat.manager{background:#2e9e6b1f;color:var(--good)}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-input{border-radius:12px;flex:1 1;font-size:15px;min-width:300px;padding:12px 20px;transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.role-filter{background:#fff;border:2px solid var(--kubik-border);border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;min-width:200px;padding:12px 20px;transition:all .3s ease}.role-filter:focus{border-color:var(--kubik-blue);outline:none}.add-button{background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #1a405f33;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-button:hover{box-shadow:0 6px 20px #1a405f40;transform:translateY(-2px)}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.user-card{background:#fff;border:2px solid var(--kubik-border);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.user-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.user-card.admin{border-left:4px solid #dc2626}.user-card.teacher{border-left:4px solid #2563eb}.user-card.manager{border-left:4px solid var(--good)}.user-card-header{gap:16px}.user-avatar,.user-card-header{align-items:center;display:flex}.user-avatar{border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.user-main-info{flex:1 1;min-width:0}.user-main-info h3{color:var(--kubik-navy);font-size:18px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{font-size:13px;margin:0 0 2px}.user-id,.user-username{color:var(--kubik-text-soft)}.user-id{font-size:12px;margin:0}.user-card-body{display:flex;flex-direction:column;gap:12px}.role-badge{align-self:flex-start;border:2px solid;border-radius:12px;display:inline-block;font-size:14px;font-weight:700;padding:8px 14px}.role-description{color:var(--kubik-text-soft);font-size:13px;line-height:1.5;margin:0}.user-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.status-badge{border-radius:10px}.created-date{color:var(--kubik-text-soft);font-size:12px}.user-card-actions{border-top:2px solid var(--kubik-white);display:flex;gap:8px;padding-top:12px}.action-btn{background:#fff;border:2px solid var(--kubik-border);border-radius:10px;cursor:pointer;flex:1 1;font-size:18px;padding:10px;transition:all .2s ease}.action-btn:hover{transform:translateY(-2px)}.action-btn.edit:hover{background:var(--kubik-blue-soft);border-color:var(--kubik-blue)}.action-btn.toggle.active:hover{background:#ecfdf5;border-color:var(--good)}.action-btn.delete:hover,.action-btn.toggle.inactive:hover{background:#fef2f2;border-color:#dc2626}.skeleton{animation:pulse 1.5s ease-in-out infinite;pointer-events:none}.skeleton-avatar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--kubik-border) 0,var(--kubik-white) 50%,var(--kubik-border) 100%);background-size:200% 100%;border-radius:50%;height:64px;width:64px}.skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--kubik-border) 0,var(--kubik-white) 50%,var(--kubik-border) 100%);background-size:200% 100%;border-radius:4px;height:16px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{font-size:16px}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid var(--kubik-border);padding:24px 32px}.modal-header h2{font-size:24px;font-weight:800}.modal-close{align-items:center;border-radius:50%;display:flex;justify-content:center;transition:all .2s ease}.modal-close:hover{transform:rotate(90deg)}.user-form{padding:24px 32px}.form-section{margin-bottom:28px}.form-section h3{align-items:center;color:var(--kubik-navy);display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px}.form-group input{border:2px solid var(--kubik-border);border-radius:10px;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:var(--kubik-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background:var(--kubik-white);color:var(--kubik-text-soft);cursor:not-allowed}.form-group small{color:var(--kubik-text-soft);font-size:12px}.role-selector{display:flex;flex-direction:column;gap:12px}.role-option{cursor:pointer;transition:all .3s ease}.role-option input[type=radio]{display:none}.role-option-content{align-items:center;background:#fff;border:2px solid var(--kubik-border);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.role-option:hover .role-option-content{background:var(--kubik-white);border-color:var(--kubik-blue)}.role-option.selected .role-option-content{background:var(--kubik-blue-soft);border-color:var(--kubik-blue);box-shadow:0 4px 12px #3b82f626}.role-option-icon{align-items:center;background:#fff;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.role-option.selected .role-option-icon{background:#fff;box-shadow:0 2px 8px #0000001a}.role-option-info{flex:1 1}.role-option-info h4{color:var(--kubik-navy);font-size:16px;font-weight:700;margin:0 0 4px}.role-option-info p{color:var(--kubik-text-soft);font-size:13px;line-height:1.4;margin:0}.modal-actions{border-top:2px solid var(--kubik-border);margin-top:20px}.btn-primary,.btn-secondary{font-size:15px;font-weight:700;padding:14px 28px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #1a405f40}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.search-input{min-width:100%}.role-filter{width:100%}.form-row{grid-template-columns:1fr}.modal-content{border-radius:0;margin:0;max-height:100vh;max-width:100%}.role-stats{align-items:flex-start;flex-direction:column}}.practice-admin{padding:20px}.breadcrumbs{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.breadcrumbs button{background:none;border:none;border-radius:4px;color:#337bae;color:var(--kubik-blue);cursor:pointer;padding:4px 8px;transition:background .2s}.breadcrumbs button:hover{background:#3b82f61a}.breadcrumbs .separator{color:#8a95a1;color:var(--kubik-text-soft)}.breadcrumbs .current{color:#1a405f;color:var(--kubik-navy);font-weight:600}.section-header{align-items:flex-start;gap:16px}.section-title{color:#1a405f;color:var(--kubik-navy);font-size:28px;font-weight:800;margin:0}.section-description{color:#8a95a1;margin:4px 0 0}.section-header-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px}.import-modal-body{padding:24px}.import-format-hint{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:12px;font-size:13px;line-height:1.7;margin-bottom:20px;padding:14px 16px}.import-format-hint code{background:#ffffffb3;border-radius:4px;font-size:12px;padding:1px 5px}.import-hint-key{color:#337bae;color:var(--kubik-blue)}.import-template-btn{font-size:13px;margin-bottom:16px}.import-file-input{border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;font-size:14px;padding:10px;width:100%}.import-result-ok{background:#ecfdf5;border:1.5px solid #2e9e6b;border:1.5px solid var(--good);border-radius:10px;font-size:13px;margin-bottom:16px;padding:12px 14px}.import-result-errors{color:#d75a5a;color:var(--low);margin-top:8px}.import-result-error{background:#fff1f0;background:var(--kubik-pink-soft);border:1.5px solid #d75a5a;border:1.5px solid var(--low);border-radius:10px;color:#d75a5a;color:var(--low);font-size:13px;margin-bottom:16px;padding:12px 14px}.subjects-grid,.topics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.subject-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:24px;text-align:center;transition:all .3s ease}.subject-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.subject-icon{font-size:48px;margin-bottom:12px}.subject-card h3{color:#1a405f;color:var(--kubik-navy);font-size:20px;font-weight:700;margin:0 0 8px}.subject-card p{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;margin:0}.topic-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.topic-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.topic-card-header{position:absolute;right:12px;top:12px;z-index:10}.topic-actions{background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:6px;padding:6px}.topic-card-body{cursor:pointer;padding:24px}.topic-icon{font-size:40px;margin-bottom:12px}.topic-card h4{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin:0 0 8px}.topic-card p{font-size:14px;margin:0 0 12px}.topic-card p,.topic-meta{color:#8a95a1;color:var(--kubik-text-soft)}.topic-meta{display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.topic-weight-badge{color:#337bae;color:var(--kubik-blue);font-weight:600}.weight-sum-banner{border-radius:8px;display:inline-block;font-size:13px;font-weight:600;margin:8px 0 0;padding:6px 10px}.weight-sum-banner.ok{background:#ecfdf5;color:#2e9e6b;color:var(--good)}.weight-sum-banner.warn{background:#fffbeb;color:#b45309}.form-hint{color:#8a95a1;color:var(--kubik-text-soft)}.form-hint,.weight-warning{font-size:12px;margin:6px 0 0}.weight-warning{color:#d75a5a;color:var(--low);font-weight:600}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);box-shadow:0 4px 12px #1a405f33;color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #1a405f40;transform:translateY(-2px)}.btn-secondary{color:#1a405f;color:var(--kubik-navy)}.btn-icon{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:background .2s;width:36px}.btn-icon:hover{background:#0000000d}.btn-icon.danger:hover{background:#ef44441a}.questions-list{gap:16px}.question-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px;transition:all .3s}.question-card.inactive{background:#fcfcfa;background:var(--kubik-white);opacity:.5}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-number{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;font-weight:700}.question-actions{align-items:center;display:flex;gap:6px}.difficulty-badge{border-radius:8px;font-size:12px;font-weight:600;padding:4px 12px}.difficulty-badge.easy{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.difficulty-badge.medium{background:#fef3c7;color:#d9943b;color:var(--medium)}.difficulty-badge.hard{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.question-text{font-size:16px;font-weight:600;line-height:1.5;margin-bottom:16px}.question-options{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.option{align-items:center;background:#fcfcfa;background:var(--kubik-white);border:2px solid #0000;border-radius:10px;display:flex;gap:12px;padding:12px}.option.correct{background:#2e9e6b1f;border-color:#2e9e6b;border-color:var(--good)}.option-letter{align-items:center;background:#fff;border-radius:50%;color:#8a95a1;color:var(--kubik-text-soft);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.option.correct .option-letter{background:#2e9e6b;background:var(--good);color:#fff}.option-text{color:#1a405f;color:var(--kubik-navy);flex:1 1;font-size:14px}.correct-mark{color:#2e9e6b;color:var(--good);font-size:18px;font-weight:700}.question-explanation{background:#eaf3fa;background:var(--kubik-blue-soft);border-left:4px solid #337bae;border-left:4px solid var(--kubik-blue);border-radius:8px;color:#1a405f;color:var(--kubik-navy);font-size:14px;line-height:1.5;padding:12px}.modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-large{max-width:700px}.modal-header{align-items:center;border-bottom:1px solid #eceae5;border-bottom:1px solid var(--kubik-border);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#1a405f;color:var(--kubik-navy);font-size:20px;font-weight:700;margin:0}.modal-close{background:#fcfcfa;background:var(--kubik-white);border:none;border-radius:8px;cursor:pointer;font-size:20px;height:36px;transition:background .2s;width:36px}.modal-close:hover{background:#eceae5;background:var(--kubik-border)}.modal form{padding:24px}.form-group label{color:#1a405f;color:var(--kubik-navy)}.form-group input,.form-group select,.form-group textarea{border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;padding:12px}.option-input{align-items:center;display:flex;gap:12px;margin-bottom:10px}.option-input .option-letter{align-items:center;background:#fcfcfa;background:var(--kubik-white);border-radius:50%;color:#8a95a1;color:var(--kubik-text-soft);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.option-input input[type=text]{flex:1 1}.option-input input[type=radio]{cursor:pointer;height:20px;width:20px}.modal-actions{border-top:1px solid #eceae5;border-top:1px solid var(--kubik-border);display:flex;gap:12px;justify-content:flex-end;padding-top:20px}@media (max-width:768px){.section-header{align-items:stretch;flex-direction:column}.subjects-grid,.topics-grid{grid-template-columns:1fr}.modal{max-width:100%}}.questions-expand-bar{align-items:center;background:#fcfcfa;background:var(--kubik-white);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.questions-expand-hint{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;font-weight:500}.questions-expand-btns{display:flex;gap:8px}.btn-expand{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:7px;color:#2a3744;color:var(--kubik-text);cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s ease}.btn-expand:hover{background:#fcfcfa;background:var(--kubik-white);border-color:#8a95a1;border-color:var(--kubik-text-soft)}.question-card .question-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:0}.question-header-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.question-expand-icon{color:#8a95a1;color:var(--kubik-text-soft);flex-shrink:0;font-size:10px;width:12px}.question-preview{color:#1a405f;color:var(--kubik-navy);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inactive-badge{background:#fff1f0;background:var(--kubik-pink-soft);border-radius:6px;color:#d75a5a;color:var(--low);flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px}.question-body{border-top:1px solid #eceae5;border-top:1px solid var(--kubik-border);margin-top:14px;padding-top:14px}.question-body .question-options{margin-bottom:0}.homework-form{margin:0 auto;max-width:900px}.form-group{margin-bottom:20px}.form-group label{color:#2a3744;color:var(--kubik-text);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#337bae;border-color:var(--kubik-blue);outline:none}.form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.questions-section{padding-top:32px}.questions-section h3{margin-bottom:20px}.questions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.question-preview{background:#fcfcfa;background:var(--kubik-white);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:8px;padding:16px}.question-preview-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.question-number{background:#337bae;background:var(--kubik-blue);border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.question-type{color:#8a95a1;color:var(--kubik-text-soft);flex:1 1;font-size:13px}.question-points{color:#2e9e6b;color:var(--good);font-size:13px;font-weight:600}.remove-question-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;height:28px;transition:background .2s;width:28px}.remove-question-btn,.remove-question-btn:hover{background:#d75a5a;background:var(--low)}.question-text{color:#1a405f;color:var(--kubik-navy);font-size:14px;margin:0}.add-question-form{background:#fff;border:2px dashed #eceae5;border:2px dashed var(--kubik-border);padding:24px}.add-question-form h4{color:#1a405f;color:var(--kubik-navy);margin:0 0 20px}.question-options{margin-bottom:20px}.question-options h4{color:#2a3744;color:var(--kubik-text);font-size:14px;font-weight:600;margin-bottom:12px}.option-input-group{align-items:center;display:flex;gap:12px;margin-bottom:10px}.option-input-group input[type=checkbox],.option-input-group input[type=radio]{cursor:pointer;width:auto}.option-input-group input[type=text]{flex:1 1}.add-blank-btn,.add-item-btn,.add-option-btn,.add-pair-btn,.add-variant-btn{background:#fcfcfa;background:var(--kubik-white);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:6px;color:#2a3744;color:var(--kubik-text);cursor:pointer;font-size:13px;margin-top:8px;padding:8px 16px;transition:all .2s}.add-blank-btn:hover,.add-item-btn:hover,.add-option-btn:hover,.add-pair-btn:hover,.add-variant-btn:hover{background:#eceae5;background:var(--kubik-border);border-color:#8a95a1;border-color:var(--kubik-text-soft)}.fill-blanks-builder,.matching-builder,.numeric-answer-builder,.ordering-builder,.short-answer-builder,.true-false-builder{margin-bottom:20px}.fill-blanks-builder h4,.matching-builder h4,.numeric-answer-builder h4,.ordering-builder h4,.short-answer-builder h4,.true-false-builder h4{color:#2a3744;color:var(--kubik-text);font-size:14px;font-weight:600;margin-bottom:8px}.hint{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;font-style:italic;margin-bottom:12px}.answer-variant{display:flex;gap:8px;margin-bottom:8px}.answer-variant input{flex:1 1}.answer-variant button{background:#d75a5a;background:var(--low);border:none;border-radius:6px;color:#fff;cursor:pointer;width:32px}.numeric-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.numeric-inputs label{color:#2a3744;color:var(--kubik-text);display:block;font-size:13px;margin-bottom:6px}.pair-input{align-items:center;display:flex;gap:12px;margin-bottom:10px}.pair-input input{flex:1 1}.pair-input span{color:#8a95a1;color:var(--kubik-text-soft);font-weight:600}.pair-input button{background:#d75a5a;background:var(--low);border:none;border-radius:6px;color:#fff;cursor:pointer;height:32px;width:32px}.order-item{align-items:center;display:flex;gap:12px;margin-bottom:10px}.order-number{background:#337bae;background:var(--kubik-blue);border-radius:6px;color:#fff;font-size:13px;font-weight:600;min-width:32px;padding:6px 10px;text-align:center}.order-item input{flex:1 1}.order-item button{background:#d75a5a;background:var(--low);border:none;border-radius:6px;color:#fff;cursor:pointer;height:32px;width:32px}.blanks-answers h5{color:#2a3744;color:var(--kubik-text);font-size:13px;margin-bottom:12px}.blank-group{background:#fcfcfa;background:var(--kubik-white);border-radius:8px;margin-bottom:12px;padding:12px}.blank-group h6{color:#2a3744;color:var(--kubik-text);font-size:13px;font-weight:600;margin:0 0 8px}.blank-answer{display:flex;gap:8px;margin-bottom:8px}.blank-answer input{flex:1 1}.blank-answer button{background:#d75a5a;background:var(--low);border:none;border-radius:6px;color:#fff;cursor:pointer;width:32px}.tf-options{display:flex;gap:16px}.tf-option{align-items:center;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px 20px;transition:all .2s}.tf-option,.tf-option:hover{background:#fcfcfa;background:var(--kubik-white)}.tf-option:hover{border-color:#eceae5;border-color:var(--kubik-border)}.tf-option input[type=radio]{cursor:pointer;width:auto}.tf-option span{color:#2a3744;color:var(--kubik-text);font-size:14px;font-weight:500}.add-question-btn{background:#337bae;background:var(--kubik-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:12px 24px;transition:background .2s;width:100%}.add-question-btn:hover{background:#1a405f;background:var(--kubik-navy)}.form-actions{border-top:2px solid #eceae5;border-top:2px solid var(--kubik-border);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-btn{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:8px;color:#2a3744;color:var(--kubik-text);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.cancel-btn:hover{background:#fcfcfa;background:var(--kubik-white);border-color:#8a95a1;border-color:var(--kubik-text-soft)}.save-btn{border-radius:8px;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s}.save-btn,.save-btn:hover{background:#2e9e6b;background:var(--good)}.homeworks-list{display:flex;flex-direction:column;gap:16px}.homework-card{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;padding:20px;transition:box-shadow .2s}.homework-card:hover{box-shadow:0 4px 12px #00000014}.homework-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:12px}.homework-title-section{flex:1 1}.homework-title-section h3{color:#1a405f;color:var(--kubik-navy);font-size:18px;margin:0 0 8px}.subject-badge{background:#fcfcfa;background:var(--kubik-white);color:#2a3744;color:var(--kubik-text);font-size:12px;font-weight:500;margin-right:8px}.status-badge,.subject-badge{border-radius:6px;display:inline-block;padding:4px 10px}.status-badge{font-weight:600}.status-badge.active{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.status-badge.inactive{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.homework-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:#fcfcfa;background:var(--kubik-white);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn:hover{background:#eceae5;background:var(--kubik-border);transform:translateY(-2px)}.icon-btn.delete:hover{background:#fff1f0;background:var(--kubik-pink-soft);border-color:#fca5a5}.homework-description{font-size:14px;margin:12px 0}.homework-description,.homework-meta{color:#8a95a1;color:var(--kubik-text-soft)}.homework-meta{border-top:1px solid #fcfcfa;border-top:1px solid var(--kubik-white);display:flex;flex-wrap:wrap;font-size:13px;gap:16px;padding-top:12px}.results-container{margin-top:24px}.results-list{display:flex;flex-direction:column;gap:12px}.result-card{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;padding:20px}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.student-info{display:flex;flex-direction:column;gap:4px}.student-name{color:#1a405f}.student-email{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px}.result-score{text-align:right}.result-score .score{color:#337bae;color:var(--kubik-blue);display:block;font-size:24px;font-weight:700}.result-score .percentage{font-size:14px}.result-meta,.result-score .percentage{color:#8a95a1;color:var(--kubik-text-soft)}.result-meta{border-top:1px solid #fcfcfa;border-top:1px solid var(--kubik-white);display:flex;font-size:13px;gap:16px;padding-top:12px}.section-header h2{color:#1a405f;color:var(--kubik-navy);font-size:24px}.primary-btn{background:#337bae;background:var(--kubik-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.primary-btn:hover{background:#1a405f;background:var(--kubik-navy)}.back-btn{border:1px solid #eceae5;color:#2a3744}.back-btn:hover{background:#eceae5}.empty-message{font-size:14px;padding:40px}.empty-message,.loading{color:#8a95a1;color:var(--kubik-text-soft);text-align:center}.loading{font-size:16px;padding:60px}.hw-breadcrumbs{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:20px}.hw-breadcrumbs button{background:none;border:none;border-radius:4px;color:#337bae;color:var(--kubik-blue);cursor:pointer;font-size:14px;padding:4px 8px;transition:background .2s}.hw-breadcrumbs button:hover{background:#3b82f61a}.hw-breadcrumbs span{color:#8a95a1;color:var(--kubik-text-soft)}.hw-bc-current{color:#1a405f!important;color:var(--kubik-navy)!important;font-weight:600}.hw-subjects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hw-subject-card{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:24px;text-align:center;transition:all .2s ease}.hw-subject-card:hover{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 6px 16px #1e40af26;transform:translateY(-3px)}.hw-subject-icon{font-size:44px;margin-bottom:12px}.hw-subject-name{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:700;margin-bottom:6px}.hw-subject-count{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px}.hw-months-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.hw-month-card{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:14px;box-shadow:0 2px 6px #0000000d;cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.hw-month-card:hover{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 4px 12px #1e40af1f;transform:translateY(-2px)}.hw-month-icon{font-size:32px;margin-bottom:8px}.hw-month-name{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:700}.hw-month-year{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;margin-bottom:6px}.hw-month-count{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:10px;color:#337bae;color:var(--kubik-blue);display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.section-description{color:var(--kubik-text-soft);font-size:14px;margin-bottom:24px}.search-box{margin-bottom:24px}.search-input{border:2px solid var(--kubik-border);border-radius:10px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.search-input:focus{border-color:var(--kubik-blue);outline:none}.students-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.student-card{align-items:center;background:#fff;border:2px solid var(--kubik-border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s}.student-card:hover{border-color:var(--kubik-blue);box-shadow:0 4px 12px #337bae1a;transform:translateY(-2px)}.student-avatar{align-items:center;background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.student-info{flex:1 1;min-width:0}.student-name{color:var(--kubik-navy);font-size:14px;font-weight:600;margin-bottom:4px}.student-meta{color:var(--kubik-text-soft);font-size:12px;margin-bottom:6px}.student-subjects{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.subject-tag{background:var(--kubik-white);border-radius:4px;color:var(--kubik-text);display:inline-block;font-size:10px;padding:2px 6px}.student-arrow{color:var(--kubik-text-soft);flex-shrink:0;font-size:20px}.stats-header{align-items:center;border-bottom:2px solid var(--kubik-border);display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.back-btn{border:1px solid var(--kubik-border);color:var(--kubik-text);font-size:14px}.back-btn:hover{background:var(--kubik-border)}.student-header-info{align-items:center;display:flex;flex:1 1;gap:12px}.student-avatar-large{align-items:center;background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.student-username{color:var(--kubik-text-soft);font-size:14px;margin:4px 0 0}.subject-filter{align-items:center;background:var(--kubik-white);border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.subject-filter label{color:var(--kubik-text);font-size:14px;font-weight:600}.subject-select{background:#fff;border:1px solid var(--kubik-border);border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 12px}.subject-select:focus{border-color:var(--kubik-blue);outline:none}.loading-text{color:var(--kubik-text-soft);padding:40px;text-align:center}.homework-stat-card,.homework-stats-list{display:flex;flex-direction:column;gap:12px}.homework-stat-card{background:#fff;border:1px solid var(--kubik-border);border-radius:12px;padding:16px}.hw-stat-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.hw-stat-title-block{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.hw-stat-icon{flex-shrink:0;font-size:24px}.hw-stat-title{color:var(--kubik-navy);font-size:14px;font-weight:600}.hw-stat-subject{color:var(--kubik-text-soft);font-size:12px;margin-top:2px}.hw-status-badge{border-radius:6px;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.status-upcoming{background:var(--kubik-blue-soft);color:var(--kubik-navy)}.status-active{background:#2e9e6b1f;color:var(--good)}.status-expired{background:var(--kubik-pink-soft);color:var(--low)}.hw-stat-result{background:var(--kubik-white);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.hw-stat-score{align-items:center;display:flex;font-size:13px;justify-content:space-between}.hw-score-label{color:var(--kubik-text-soft);font-weight:500}.hw-score-value{color:var(--kubik-navy);font-weight:700}.hw-stat-attempts{color:var(--kubik-text-soft);font-size:12px;text-align:center}.hw-stat-not-completed{align-items:center;background:var(--kubik-white);border-radius:8px;color:var(--kubik-text-soft);display:flex;font-size:13px;gap:8px;justify-content:center;padding:16px}.not-completed-icon{font-size:20px}.hw-stat-dates{border-top:1px solid var(--kubik-border);display:flex;flex-direction:column;gap:6px;padding-top:8px}.hw-date-item{align-items:center;display:flex;font-size:12px;justify-content:space-between}.hw-date-label{color:var(--kubik-text-soft);font-weight:500}.hw-date-value{color:var(--kubik-navy);font-weight:600}.hw-date-value.expired{color:var(--low)}.as-header{justify-content:space-between;margin-bottom:20px}.as-header,.as-header-left{align-items:center;display:flex;gap:12px}.as-header-left h2{color:var(--kubik-navy);font-size:22px;font-weight:800;margin:0}.as-mode-hint{color:var(--kubik-text-soft);font-size:13px;font-style:italic}.as-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:240px 1fr}.as-sidebar{background:#fff;border:1px solid var(--kubik-border);border-radius:12px;max-height:70vh;overflow-y:auto;padding:12px;position:-webkit-sticky;position:sticky;top:0}.as-content{display:flex;flex-direction:column;gap:16px}.as-student-btn{align-items:center;background:#fff;border:1px solid var(--kubik-border);border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:6px;padding:10px;text-align:left;transition:all .15s ease;width:100%}.as-student-btn:hover{background:var(--kubik-blue-soft);border-color:var(--kubik-blue)}.as-ava{align-items:center;background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-navy) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.as-stu-info{flex:1 1;min-width:0}.as-stu-name{color:var(--kubik-navy);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-stu-sub{color:var(--kubik-text-soft);font-size:12px;margin-top:2px}.as-percent{border-radius:6px;font-size:12px;font-weight:700;padding:3px 8px}.as-percent.good{background:#2e9e6b1f;color:var(--good)}.as-percent.medium{background:#fef3c7;color:var(--medium)}.as-percent.low{background:var(--kubik-pink-soft);color:var(--low)}.as-hw-list{display:flex;flex-direction:column;gap:8px}.as-hw-row{border:1px solid var(--kubik-border);border-radius:10px;overflow:hidden}.as-hw-row-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.as-hw-row-header,.as-hw-row-header:hover{background:var(--kubik-white)}.as-hw-title{color:var(--kubik-navy);flex:1 1;font-size:14px;font-weight:600;gap:8px}.as-hw-meta,.as-hw-title{align-items:center;display:flex}.as-hw-meta{flex-shrink:0;gap:10px}.as-hw-done{color:var(--kubik-text-soft);font-size:13px;font-weight:500}.as-hw-details{background:#fff;display:flex;flex-direction:column;gap:12px;padding:12px 14px}.as-hw-section-title{border-bottom:1px solid var(--kubik-border);color:var(--kubik-text);font-size:13px;font-weight:700;margin-bottom:8px;padding-bottom:6px}.as-hw-student-row{align-items:center;background:var(--kubik-white);border-radius:8px;display:flex;gap:10px;margin-bottom:4px;padding:7px 10px}.as-hw-student-row.not-done{background:#fff7f7}.as-hw-student-name{color:var(--kubik-navy);flex:1 1;font-size:13px;font-weight:500}.as-hw-student-score{color:var(--kubik-text-soft);font-size:13px;font-weight:600}@media (max-width:768px){.as-layout{grid-template-columns:1fr}.as-sidebar{max-height:200px;position:static}}.as-practice-subject-stats{background:var(--kubik-white);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px}.as-stat-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.as-stat-label{color:var(--kubik-text-soft);font-weight:500}.as-stat-value{align-items:center;color:var(--kubik-navy);display:flex;font-weight:700}.as-hw-subject-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.as-hw-subject-summary{align-items:center;display:flex;font-size:13px;gap:8px}.as-hw-row-header .as-hw-done{white-space:nowrap}.predicted-analytics-block{margin-bottom:24px}.predicted-subject-card{background:var(--kubik-white);border:1px solid var(--kubik-border);border-radius:12px;margin-bottom:12px;padding:14px}.predicted-subject-header{align-items:center;color:var(--kubik-navy);display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-bottom:10px}.predicted-score-badge{background:linear-gradient(135deg,var(--kubik-navy),var(--kubik-blue));border-radius:20px;color:#fff;font-size:13px;font-weight:800;padding:4px 10px}.predicted-locked-badge{color:var(--kubik-text-soft);font-size:13px;font-weight:600}.predicted-manager-summary,.predicted-summary-row{color:var(--kubik-text);font-size:13px;margin-bottom:8px}.predicted-summary-row{display:flex;gap:16px}.predicted-section-label{color:var(--kubik-text-soft);font-size:12px;font-weight:700;letter-spacing:.4px;margin:10px 0 6px;text-transform:uppercase}.predicted-topic-row{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px;padding:8px 10px}.predicted-topic-row.weak{background:#fef2f2}.predicted-diff-topic{margin-bottom:8px}.predicted-diff-topic-name{color:var(--kubik-text);font-size:13px;font-weight:600;margin-bottom:4px}.predicted-diff-grid{display:flex;flex-direction:column;gap:4px}.predicted-diff-item{background:#fff;border-radius:6px;color:var(--kubik-text-soft);display:flex;font-size:12px;justify-content:space-between;padding:4px 8px}.diff-tag.easy{color:var(--good)}.diff-tag.medium{color:var(--medium)}.diff-tag.hard{color:var(--low)}.predicted-history-list{display:flex;flex-direction:column;gap:4px}.predicted-history-item{background:#fff;border-radius:6px;color:var(--kubik-text);display:flex;font-size:12px;justify-content:space-between;padding:6px 8px}.history-growth.up{color:var(--good);font-weight:700}.history-growth.down{color:var(--low);font-weight:700}.predicted-unlock-hint{color:var(--kubik-text-soft);font-size:13px;margin:0}.admin-section{margin:0 auto;max-width:1400px;padding:24px}.section-header{align-items:center;border-bottom:2px solid #eceae5;border-bottom:2px solid var(--kubik-border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);-webkit-background-clip:text;font-size:28px;font-weight:800;margin:0}.live-btn,.primary-btn,.start-button{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #1a405f33;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;transition:all .3s}.live-btn:hover,.primary-btn:hover,.start-button:hover{box-shadow:0 6px 20px #1a405f40;transform:translateY(-2px)}.back-btn{background:#fcfcfa;background:var(--kubik-white);border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:8px;color:#1a405f;color:var(--kubik-navy);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.delete-btn{background:linear-gradient(135deg,#d75a5a,#d75a5a);background:linear-gradient(135deg,var(--low) 0,var(--low) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.delete-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.save-btn{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #1a405f33;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:24px;padding:16px;width:100%}.save-btn:hover{box-shadow:0 6px 24px #1a405f40;transform:translateY(-2px)}.quizzes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.quiz-card{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;padding:20px;position:relative;transition:all .3s}.quiz-card:before{background:linear-gradient(90deg,#1a405f,#337bae 50%,#337bae);background:linear-gradient(90deg,var(--kubik-navy) 0,var(--kubik-blue) 50%,var(--kubik-blue) 100%);border-radius:16px 16px 0 0;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.quiz-card:hover{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 12px 24px #337bae1a;transform:translateY(-4px)}.quiz-card:hover:before{opacity:1}.quiz-header{align-items:start;display:flex;gap:12px;margin-bottom:12px}.subject-icon{flex-shrink:0;font-size:32px}.quiz-header h3{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin:0 0 4px}.quiz-header small{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px}.status-badge{border-radius:20px;font-size:12px;font-weight:700;margin-left:auto;padding:4px 12px;white-space:nowrap}.status-draft{background:#fcfcfa;background:var(--kubik-white);color:#8a95a1;color:var(--kubik-text-soft)}.status-active{background:linear-gradient(135deg,#fff1f0,#fff1f0);background:linear-gradient(135deg,var(--kubik-pink-soft) 0,var(--kubik-pink-soft) 100%);color:#d75a5a;color:var(--low)}.status-finished{background:linear-gradient(135deg,#2e9e6b1f,#2e9e6b14);color:#2e9e6b;color:var(--good)}.quiz-description{font-size:14px;line-height:1.5}.quiz-description,.quiz-info{color:#8a95a1;color:var(--kubik-text-soft);margin:12px 0}.quiz-info{display:flex;font-size:13px;gap:16px}.quiz-code{background:#eaf3fa;background:var(--kubik-blue-soft);border:2px solid #337bae;border:2px solid var(--kubik-blue);border-radius:8px;color:#1a405f;color:var(--kubik-navy);font-size:14px;margin:12px 0;padding:8px 12px;text-align:center}.quiz-code strong{font-size:20px;font-weight:800;letter-spacing:2px}.quiz-actions{display:flex;gap:8px;margin-top:16px}.quiz-actions button{flex:1 1}.quiz-form{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;max-width:900px;padding:24px}.form-input,.form-select,.form-textarea{border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;font-size:14px;margin-bottom:16px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.questions-section{border-top:2px solid #eceae5;border-top:2px solid var(--kubik-border);margin-top:32px;padding-top:24px}.questions-section h3{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin-bottom:16px}.question-item{align-items:start;background:#fcfcfa;background:var(--kubik-white);border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:16px}.q-num{align-items:center;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.q-content{flex:1 1}.q-content strong{color:#1a405f;color:var(--kubik-navy);display:block;margin-bottom:8px}.q-meta{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px}.remove-btn{background:#fff1f0;background:var(--kubik-pink-soft);border:none;border-radius:50%;color:#d75a5a;color:var(--low);cursor:pointer;font-weight:700;height:32px;transition:all .2s;width:32px}.remove-btn:hover{background:#d75a5a;background:var(--low);color:#fff;transform:scale(1.1)}.add-question-form{background:#eaf3fa;background:var(--kubik-blue-soft);border:2px solid #337bae;border:2px solid var(--kubik-blue);border-radius:12px;margin-top:20px;padding:20px}.option-input-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.option-input-row input[type=radio]{cursor:pointer;height:20px;width:20px}.option-input-row span{color:#1a405f;color:var(--kubik-navy);font-weight:700;min-width:20px}.option-input-row .form-input{margin-bottom:0}.form-row{align-items:center;display:flex;gap:16px;margin:16px 0}.form-row label{color:#2a3744;color:var(--kubik-text);font-weight:600;white-space:nowrap}.form-row .form-input{margin-bottom:0;max-width:120px}.add-btn{background:linear-gradient(135deg,#337bae,#ffbebd);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-pink) 100%);border:none;border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;font-weight:700;margin-top:16px;padding:12px;transition:all .3s;width:100%}.add-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.quiz-live{min-height:90vh}.live-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:20px;margin-bottom:24px;padding:20px}.live-header h2{color:#1a405f;color:var(--kubik-navy);flex:1 1;font-size:24px;font-weight:700;margin:0}.access-code-big{align-items:center;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:12px;color:#fff;display:flex;font-size:14px;gap:12px;padding:12px 24px}.access-code-big strong{font-size:28px;font-weight:800;letter-spacing:3px}.live-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px}.live-control{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;min-height:500px;padding:24px}.lobby{padding:40px 20px;text-align:center}.lobby h3{color:#1a405f;color:var(--kubik-navy);font-size:24px;margin-bottom:16px}.lobby-info{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;margin-bottom:32px}.participants-count{align-items:center;display:flex;flex-direction:column;gap:8px;margin:32px 0}.count-big{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);-webkit-background-clip:text;font-size:64px;font-weight:800}.start-button{font-size:18px;margin-top:20px;padding:16px 32px}.start-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.current-question-admin{animation:slideIn .4s ease-out}.q-header{align-items:center;border-bottom:2px solid #eceae5;border-bottom:2px solid var(--kubik-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.q-header span{color:#8a95a1;color:var(--kubik-text-soft);font-weight:600}.timer{background:#eaf3fa;background:var(--kubik-blue-soft);border-radius:8px;color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;padding:8px 16px}.timer.urgent{animation:pulse 1s ease-in-out infinite;background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.current-question-admin h3{color:#1a405f;color:var(--kubik-navy);font-size:20px;font-weight:700;line-height:1.5;margin-bottom:20px}.admin-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.admin-option{align-items:center;background:#fcfcfa;background:var(--kubik-white);border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:12px;display:flex;font-size:15px;font-weight:500;gap:12px;padding:16px}.admin-option.correct{background:linear-gradient(135deg,#2e9e6b1f,#2e9e6b14);border-color:#2e9e6b;border-color:var(--good)}.admin-option span:first-child{align-items:center;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.admin-option.correct span:first-child{background:linear-gradient(135deg,#2e9e6b,#2e9e6b);background:linear-gradient(135deg,var(--good) 0,var(--good) 100%)}.check{color:#2e9e6b;color:var(--good);font-size:20px;margin-left:auto}.control-buttons{display:flex;gap:12px;margin-top:24px}.next-button{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:14px;transition:all .3s}.next-button:hover{box-shadow:0 4px 12px #1a405f40;transform:translateY(-2px)}.finish-button{background:#fcfcfa;background:var(--kubik-white);border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-weight:700;padding:14px 24px;transition:all .3s}.finish-button:hover{background:#fff1f0;background:var(--kubik-pink-soft);border-color:#d75a5a;border-color:var(--low);color:#d75a5a;color:var(--low)}.live-side{display:flex;flex-direction:column;gap:20px}.leaderboard-live,.participants-list{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;padding:20px}.leaderboard-live h3,.participants-list h3{border-bottom:2px solid #eceae5;border-bottom:2px solid var(--kubik-border);color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.list-scroll{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.list-scroll::-webkit-scrollbar{width:6px}.list-scroll::-webkit-scrollbar-track{background:#fcfcfa;background:var(--kubik-white);border-radius:10px}.list-scroll::-webkit-scrollbar-thumb{background:#337bae;background:var(--kubik-blue);border-radius:10px}.participant-item{align-items:center;background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:10px;display:flex;gap:12px;padding:10px 12px}.participant-avatar{align-items:center;background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.participant-item div{flex:1 1}.participant-item div div{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:600}.participant-item small{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px}.leader-item{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.leader-item:hover{background:#fcfcfa;background:var(--kubik-white)}.leader-item.rank-1{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #337bae;border:2px solid var(--kubik-blue);font-weight:700}.leader-item.rank-2{background:linear-gradient(135deg,#eceae5,#eceae5);background:linear-gradient(135deg,var(--kubik-border) 0,var(--kubik-border) 100%);border:2px solid #8a95a1;border:2px solid var(--kubik-text-soft)}.leader-item.rank-3{background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #f97316}.rank{font-size:20px;min-width:40px;text-align:center}.name{flex:1 1;font-size:14px}.name,.score{color:#1a405f;color:var(--kubik-navy)}.score{font-size:16px;font-weight:700}.empty-state{color:#8a95a1;color:var(--kubik-text-soft);padding:60px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width:1024px){.live-grid{grid-template-columns:1fr}.live-side{flex-direction:row}.leaderboard-live,.participants-list{flex:1 1}}@media (max-width:768px){.quizzes-grid{grid-template-columns:1fr}.live-header{text-align:center}.form-row,.live-header,.live-side{flex-direction:column}.form-row{align-items:stretch}.form-row .form-input{max-width:100%}}.quiz-results-view{max-width:1200px}.results-quiz-info{margin-bottom:32px}.info-card{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;padding:24px}.info-card h3{color:#1a405f;color:var(--kubik-navy);font-size:24px;font-weight:800;margin:0 0 12px}.info-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.info-meta,.quiz-desc{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px}.quiz-desc{line-height:1.6;margin:12px 0}.quiz-dates{border-top:1px solid #fcfcfa;border-top:1px solid var(--kubik-white);color:#8a95a1;color:var(--kubik-text-soft);display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-top:12px;padding-top:12px}.results-section{margin-bottom:32px}.results-section h3{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin-bottom:16px}.question-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.question-stat-card{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:12px;padding:16px;transition:all .2s}.question-stat-card:hover{border-color:#337bae;border-color:var(--kubik-blue);box-shadow:0 4px 12px #3b82f61a}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.q-number{background:#eaf3fa;background:var(--kubik-blue-soft);color:#1a405f;color:var(--kubik-navy);font-size:12px}.accuracy,.q-number{border-radius:6px;font-weight:700;padding:4px 10px}.accuracy{font-size:13px}.accuracy.good{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.accuracy.medium{background:#fef3c7;color:#1a405f;color:var(--kubik-navy)}.accuracy.low{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.stat-question{color:#1a405f;color:var(--kubik-navy);font-size:14px;line-height:1.5;margin:0 0 12px}.stat-footer{border-top:1px solid #fcfcfa;border-top:1px solid var(--kubik-white);color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;padding-top:12px}.results-leaderboard{display:flex;flex-direction:column;gap:12px}.result-participant{align-items:center;background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.result-participant:hover{box-shadow:0 4px 12px #0000000d;transform:translateX(4px)}.result-participant.rank-1{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#337bae;border-color:var(--kubik-blue)}.result-participant.rank-2{background:linear-gradient(135deg,#fcfcfa,#eceae5);background:linear-gradient(135deg,var(--kubik-white) 0,var(--kubik-border) 100%);border-color:#8a95a1;border-color:var(--kubik-text-soft)}.result-participant.rank-3{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#f97316}.participant-rank{font-size:24px;min-width:40px;text-align:center}.participant-details{flex:1 1;min-width:0}.participant-name{color:#1a405f;color:var(--kubik-navy);font-size:16px;font-weight:700;margin-bottom:4px}.participant-username{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px}.participant-stats{display:flex;gap:20px}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-value{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:800}.stat-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;margin-top:2px}.participant-details-accordion{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:12px;margin-bottom:12px;overflow:hidden}.accordion-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s;-webkit-user-select:none;user-select:none}.accordion-header,.accordion-header:hover{background:#fcfcfa;background:var(--kubik-white)}.participant-rank-mini{font-size:18px;min-width:30px}.participant-name-mini{color:#1a405f;color:var(--kubik-navy);flex:1 1;font-weight:600}.participant-score-mini{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px}.accordion-content{background:#fff;padding:16px 20px}.answer-item{border-left:4px solid;border-radius:8px;margin-bottom:12px;padding:12px}.answer-item.correct{background:#f0fdf4;border-color:#2e9e6b;border-color:var(--good)}.answer-item.wrong{background:#fef2f2;border-color:#d75a5a;border-color:var(--low)}.answer-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.q-num{background:#eaf3fa;background:var(--kubik-blue-soft);color:#1a405f;color:var(--kubik-navy)}.answer-badge,.q-num{border-radius:6px;font-size:12px;font-weight:700;padding:4px 10px}.answer-badge.correct{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.answer-badge.wrong{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.answer-score{color:#337bae;color:var(--kubik-blue);font-size:12px;font-weight:700;margin-left:auto}.answer-question{color:#1a405f;color:var(--kubik-navy);font-size:14px;line-height:1.5;margin:0 0 8px}.answer-info{align-items:center;color:#8a95a1;color:var(--kubik-text-soft);display:flex;font-size:12px;gap:8px}.view-results-btn{background:linear-gradient(135deg,#337bae,#ffbebd);background:linear-gradient(135deg,var(--kubik-blue) 0,var(--kubik-pink) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.view-results-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}@media (max-width:768px){.question-stats-grid{grid-template-columns:1fr}.participant-stats{flex-direction:column;gap:8px}.accordion-header{align-items:start;flex-direction:column}.participant-score-mini{margin-left:42px}}.code-generation{margin-bottom:24px;padding:24px}.generated-code{font-size:42px;margin:16px 0;padding:16px 24px}.generate-code-btn,.regenerate-btn{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 28px;transition:all .2s}.generate-code-btn:hover,.regenerate-btn:hover{box-shadow:0 6px 20px #1a405f33;transform:translateY(-2px)}.generate-code-btn:disabled,.regenerate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.regenerate-btn{font-size:14px}.code-hint{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;margin-top:12px}.code-generation{background:#fcfcfa;background:var(--kubik-white);border-radius:16px;margin-bottom:20px;padding:20px;text-align:center}.generated-code{background:#fff;border:2px dashed #337bae;border:2px dashed var(--kubik-blue);border-radius:12px;color:#1a405f;color:var(--kubik-navy);font-family:monospace;font-size:40px;font-weight:900;letter-spacing:6px;margin:12px 0;padding:14px 24px}.generate-code-btn{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy),var(--kubik-blue));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 28px;transition:all .2s}.generate-code-btn:hover{box-shadow:0 6px 20px #1e40af4d;transform:translateY(-2px)}.generate-code-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.regenerate-btn{background:#fff;border:2px solid #337bae;border:2px solid var(--kubik-blue);border-radius:10px;color:#1a405f;color:var(--kubik-navy);cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.regenerate-btn:hover{background:#eaf3fa;background:var(--kubik-blue-soft)}.regenerate-btn:disabled{cursor:not-allowed;opacity:.6}.answer-feedback.waiting{align-items:center;background:#fcfcfa;background:var(--kubik-white);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px}.waiting-dots{display:flex;gap:6px}.waiting-dots span{animation:waiting-bounce 1.2s ease-in-out infinite;background:#337bae;background:var(--kubik-blue);border-radius:50%;height:10px;width:10px}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes waiting-bounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.answer-feedback.waiting .feedback-text{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px;font-weight:500}.notifications-section{animation:fadeIn .3s ease}.notif-tabs{border-bottom:2px solid #eceae5;border-bottom:2px solid var(--kubik-border);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.notif-tab{background:none;border:none;border-bottom:3px solid #0000;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.notif-tab.active,.notif-tab:hover{color:#337bae;color:var(--kubik-blue)}.notif-tab.active{border-bottom-color:#337bae;border-bottom-color:var(--kubik-blue)}.notif-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:280px 1fr}.notif-filters-panel{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:16px;padding:20px;position:-webkit-sticky;position:sticky;top:0}.filters-title{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700;margin:0 0 16px}.filter-section{border-bottom:1px solid #fcfcfa;border-bottom:1px solid var(--kubik-white);margin-bottom:20px;padding-bottom:20px}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section-title{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.subjects-checkboxes{display:flex;flex-direction:column;gap:6px}.subject-check-item{align-items:center;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:8px;color:#2a3744;color:var(--kubik-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 10px;transition:all .15s;-webkit-user-select:none;user-select:none}.subject-check-item.checked,.subject-check-item:hover{background:#eaf3fa;background:var(--kubik-blue-soft);border-color:#337bae;border-color:var(--kubik-blue)}.subject-check-item.checked{color:#1d4ed8}.subject-check-item input{cursor:pointer;height:16px;width:16px}.clear-filter-btn{background:none;border:none;color:#d75a5a;color:var(--low);cursor:pointer;font-size:12px;font-weight:600;padding:4px 0}.filter-select-full{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;cursor:pointer;font-size:13px;padding:10px 12px;transition:border-color .2s;width:100%}.filter-select-full:focus{border-color:#337bae;border-color:var(--kubik-blue);outline:none}.notif-compose{display:flex;flex-direction:column;gap:16px}.recipients-preview{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:14px;padding:16px}.recipients-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recipients-title{color:#2a3744;color:var(--kubik-text);font-size:14px;font-weight:700}.recipients-count{color:#337bae;color:var(--kubik-blue);font-size:28px;font-weight:900;line-height:1}.filters-applied,.recipients-count.zero{color:#8a95a1;color:var(--kubik-text-soft)}.filters-applied{font-size:12px;font-style:italic;margin-bottom:10px}.recipients-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.recipient-chip{background:#eaf3fa;background:var(--kubik-blue-soft);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:20px;color:#1d4ed8;font-size:12px;font-weight:600;padding:4px 10px}.recipient-chip.more{background:#fcfcfa;background:var(--kubik-white);border-color:#eceae5;border-color:var(--kubik-border);color:#8a95a1;color:var(--kubik-text-soft)}.recipient-chip.error{background:#fff1f0;background:var(--kubik-pink-soft);border-color:#fca5a5;color:#d75a5a;color:var(--low)}.no-recipients{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;padding:8px 0;text-align:center}.compose-label{color:#2a3744;color:var(--kubik-text);display:block;font-size:13px;font-weight:700;margin-bottom:8px}.compose-textarea{border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:140px;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.compose-textarea:focus{border-color:#337bae;border-color:var(--kubik-blue);outline:none}.char-count{color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;margin-top:4px;text-align:right}.tg-preview-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;font-weight:600;margin-bottom:8px}.tg-bubble{background:#eaf3fa;background:var(--kubik-blue-soft);border:1px solid #bae6fd;border-radius:12px 12px 12px 4px;max-width:380px;padding:12px 16px}.tg-bubble-text{color:#1a405f;color:var(--kubik-navy);font-size:14px;line-height:1.5;white-space:pre-wrap}.send-btn{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy) 0,var(--kubik-blue) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #1a405f33;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .2s;width:100%}.send-btn:hover:not(:disabled){box-shadow:0 6px 16px #1a405f40;transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.send-result-screen{display:flex;flex-direction:column;gap:20px}.result-banner{border-radius:12px;font-size:16px;font-weight:700;padding:16px 20px;text-align:center}.result-banner.success{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.result-banner.partial{background:#fef3c7;color:#1a405f;color:var(--kubik-navy)}.result-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.result-col-title{color:#2a3744;color:var(--kubik-text);font-size:14px;font-weight:700;margin-bottom:10px}.result-row-item{border-radius:8px;font-size:13px;margin-bottom:4px;padding:8px 12px}.result-row-item.success{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.result-row-item.error{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.result-row-item.error span{font-size:11px;opacity:.8}.history-section{display:flex;flex-direction:column;gap:10px}.history-card{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;overflow:hidden}.history-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:background .15s}.history-header:hover{background:#fcfcfa;background:var(--kubik-white)}.history-left{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.history-expand{color:#8a95a1;color:var(--kubik-text-soft);flex-shrink:0;font-size:11px;margin-top:3px}.history-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px}.history-sender{color:#1a405f;color:var(--kubik-navy);font-size:13px;font-weight:700}.history-date{font-size:12px}.history-date,.history-preview-text{color:#8a95a1;color:var(--kubik-text-soft)}.history-preview-text{font-size:13px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-stats{align-items:center;display:flex;flex-shrink:0;gap:8px}.h-stat{border-radius:8px;font-size:12px;font-weight:700;padding:4px 10px}.h-stat.success{background:#2e9e6b1f;color:#2e9e6b;color:var(--good)}.h-stat.error{background:#fff1f0;background:var(--kubik-pink-soft);color:#d75a5a;color:var(--low)}.h-stat.total{color:#2a3744;color:var(--kubik-text)}.h-stat.total,.history-body{background:#fcfcfa;background:var(--kubik-white)}.history-body{border-top:1px solid #eceae5;border-top:1px solid var(--kubik-border);display:flex;flex-direction:column;gap:12px;padding:14px 16px}.history-filters{align-items:center;color:#8a95a1;color:var(--kubik-text-soft);display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.history-filters strong{color:#2a3744;color:var(--kubik-text)}.history-filters span{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:8px;padding:3px 10px}.history-full-text{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:10px;color:#1a405f;color:var(--kubik-navy);font-size:14px;line-height:1.5;padding:12px 14px;white-space:pre-wrap}.history-recipients strong{color:#2a3744;color:var(--kubik-text);font-size:13px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:460px;padding:32px 28px;text-align:center;width:100%}.confirm-icon{font-size:48px;margin-bottom:12px}.confirm-modal h3{color:#1a405f;color:var(--kubik-navy);font-size:20px;font-weight:800;margin:0 0 12px}.confirm-modal p{color:#2a3744;color:var(--kubik-text);font-size:15px;margin:0 0 16px}.confirm-preview{background:#fcfcfa;background:var(--kubik-white);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;margin-bottom:14px;padding:14px;text-align:left}.confirm-filters{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;margin-bottom:8px}.confirm-text{color:#2a3744;color:var(--kubik-text);font-size:13px;font-style:italic}.confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn-secondary{background:#fcfcfa;background:var(--kubik-white);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:10px;color:#2a3744;color:var(--kubik-text);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.btn-secondary:hover{background:#eceae5;background:var(--kubik-border)}.btn-danger-confirm{background:linear-gradient(135deg,#d75a5a,#d75a5a);background:linear-gradient(135deg,var(--low) 0,var(--low) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s}.btn-danger-confirm:hover{box-shadow:0 6px 16px #dc262666;transform:translateY(-1px)}.empty-state{padding:50px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}@media (max-width:768px){.notif-layout,.result-columns{grid-template-columns:1fr}.notif-filters-panel{position:static}}.send-mode-switch{display:flex;gap:6px;margin-bottom:16px}.mode-btn{background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 10px;transition:all .15s}.mode-btn.active,.mode-btn:hover{border-color:#337bae;border-color:var(--kubik-blue);color:#1d4ed8}.mode-btn.active{background:#eaf3fa;background:var(--kubik-blue-soft)}.single-student-picker{margin-bottom:16px}.pick-student-btn{background:#fff;border:2px dashed #eceae5;border:2px dashed var(--kubik-border);border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .15s;width:100%}.pick-student-btn:hover{border-color:#337bae;border-color:var(--kubik-blue);color:#1d4ed8}.pick-student-btn:hover,.single-selected{background:#eaf3fa;background:var(--kubik-blue-soft)}.single-selected{align-items:center;border:2px solid #337bae;border:2px solid var(--kubik-blue);border-radius:10px;display:flex;gap:10px;padding:12px}.single-avatar{align-items:center;background:linear-gradient(135deg,#337bae,#337bae);background:linear-gradient(135deg,var(--kubik-blue),var(--kubik-blue));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.single-info{flex:1 1;min-width:0}.single-name{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:700}.single-username{font-size:12px}.single-clear,.single-username{color:#8a95a1;color:var(--kubik-text-soft)}.single-clear{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:4px}.single-clear:hover{color:#d75a5a;color:var(--low)}.student-picker-modal{max-width:420px}.student-picker-list{max-height:400px;overflow-y:auto;padding:0 8px 12px}.picker-student-row{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background .15s}.picker-student-row:hover{background:#eaf3fa;background:var(--kubik-blue-soft)}.history-role{background:#fcfcfa;background:var(--kubik-white);border-radius:6px;color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;font-weight:500;padding:2px 8px}.bte-section{animation:fadeIn .3s ease}.bte-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.bte-header h2{color:#1a405f;color:var(--kubik-navy);font-size:24px;font-weight:800;margin:0 0 4px}.bte-desc{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;margin:0}.bte-subject-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.bte-subj-btn{align-items:center;background:#fff;border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:20px;color:#2a3744;color:var(--kubik-text);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s}.bte-subj-btn.active,.bte-subj-btn:hover{border-color:#337bae;border-color:var(--kubik-blue);color:#1d4ed8}.bte-subj-btn.active{background:#eaf3fa;background:var(--kubik-blue-soft)}.bte-count{border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);font-size:11px;font-weight:700;padding:1px 7px}.bte-count,.bte-subj-btn.active .bte-count{background:#eceae5;background:var(--kubik-border)}.bte-subj-btn.active .bte-count{color:#1d4ed8}.bte-subject-block{margin-bottom:24px}.bte-subject-title{align-items:center;color:#1a405f;color:var(--kubik-navy);display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:10px}.bte-questions-list{display:flex;flex-direction:column;gap:8px}.bte-question-card{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.bte-question-card:hover{box-shadow:0 2px 8px #0000000f}.bte-question-card.inactive{background:#fcfcfa;background:var(--kubik-white);opacity:.55}.bte-q-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 14px;-webkit-user-select:none;user-select:none}.bte-q-header:hover{background:#fcfcfa;background:var(--kubik-white)}.bte-q-header-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.bte-expand-icon{font-size:10px}.bte-expand-icon,.bte-q-num{color:#8a95a1;color:var(--kubik-text-soft);flex-shrink:0}.bte-q-num{font-size:12px;font-weight:700}.bte-q-preview{color:#1a405f;color:var(--kubik-navy);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bte-inactive-badge{background:#fff1f0;background:var(--kubik-pink-soft);border-radius:6px;color:#d75a5a;color:var(--low);flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px}.bte-q-actions{display:flex;flex-shrink:0;gap:4px}.bte-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .15s;width:32px}.bte-icon-btn:hover{background:#0000000d}.bte-icon-btn.danger:hover{background:#ef44441a}.bte-q-body{background:#fafafa;border-top:1px solid #eceae5;border-top:1px solid var(--kubik-border);padding:12px 14px 14px}.bte-q-text{color:#1a405f;color:var(--kubik-navy);font-size:14px;font-weight:600;line-height:1.5;margin:0 0 12px}.bte-options{display:flex;flex-direction:column;gap:6px}.bte-option{align-items:center;background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:8px;display:flex;gap:10px;padding:8px 12px}.bte-option.correct{background:#2e9e6b1f;border-color:#2e9e6b;border-color:var(--good)}.bte-opt-letter{align-items:center;background:#fcfcfa;background:var(--kubik-white);border-radius:50%;color:#8a95a1;color:var(--kubik-text-soft);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.bte-option.correct .bte-opt-letter{background:#2e9e6b;background:var(--good);color:#fff}.bte-opt-text{color:#1a405f;color:var(--kubik-navy);flex:1 1;font-size:13px}.bte-correct-mark{color:#2e9e6b;color:var(--good);font-size:16px;font-weight:700}.bte-btn-primary{background:linear-gradient(135deg,#1a405f,#337bae);background:linear-gradient(135deg,var(--kubik-navy),var(--kubik-blue));border:none;border-radius:10px;box-shadow:0 4px 12px #1e40af4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s}.bte-btn-primary:hover{transform:translateY(-1px)}.bte-btn-secondary{background:#fcfcfa;background:var(--kubik-white);border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:10px;color:#2a3744;color:var(--kubik-text);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.bte-btn-secondary:hover{background:#eceae5;background:var(--kubik-border)}.bte-empty{color:#8a95a1;color:var(--kubik-text-soft);padding:50px;text-align:center}.bte-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.bte-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.bte-modal-header{align-items:center;border-bottom:1px solid #eceae5;border-bottom:1px solid var(--kubik-border);display:flex;justify-content:space-between;padding:20px 24px}.bte-modal-header h2{color:#1a405f;color:var(--kubik-navy);font-size:18px;font-weight:700;margin:0}.bte-modal-close{background:#fcfcfa;background:var(--kubik-white);border:none;border-radius:8px;cursor:pointer;font-size:18px;height:32px;width:32px}.bte-modal-close:hover{background:#eceae5;background:var(--kubik-border)}.bte-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.bte-form-group label{color:#2a3744;color:var(--kubik-text);display:block;font-size:13px;font-weight:700;margin-bottom:6px}.bte-form-group input[type=number],.bte-form-group select,.bte-form-group textarea{border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.bte-form-group input:focus,.bte-form-group select:focus,.bte-form-group textarea:focus{border-color:#337bae;border-color:var(--kubik-blue);outline:none}.bte-option-input{align-items:center;display:flex;gap:10px;margin-bottom:8px}.bte-opt-letter-sm{align-items:center;background:#fcfcfa;background:var(--kubik-white);border-radius:50%;color:#8a95a1;color:var(--kubik-text-soft);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.bte-option-input input[type=radio]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.bte-option-input input[type=text]{border:2px solid #eceae5;border:2px solid var(--kubik-border);border-radius:8px;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s}.bte-option-input input[type=text]:focus{border-color:#337bae;border-color:var(--kubik-blue);outline:none}.bte-add-option{background:none;border:1px dashed #eceae5;border:1px dashed var(--kubik-border);border-radius:8px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-size:13px;margin-right:8px;margin-top:4px;padding:6px 14px;transition:all .15s}.bte-add-option:hover{border-color:#337bae;border-color:var(--kubik-blue);color:#1d4ed8}.bte-add-option.danger:hover{border-color:#d75a5a;border-color:var(--low);color:#d75a5a;color:var(--low)}.bte-modal-footer{border-top:1px solid #eceae5;border-top:1px solid var(--kubik-border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.bte-explanation{background:#fffbeb;border-left:3px solid #337bae;border-left:3px solid var(--kubik-blue);border-radius:0 8px 8px 0;color:#1a405f;color:var(--kubik-navy);font-size:13px;line-height:1.5;margin-top:10px;padding:10px 12px}:root{--kubik-pink:#ffbebd;--kubik-pink-soft:#fff1f0;--kubik-white:#fcfcfa;--kubik-blue:#337bae;--kubik-blue-soft:#eaf3fa;--kubik-navy:#1a405f;--kubik-border:#eceae5;--kubik-text:#2a3744;--kubik-text-soft:#8a95a1;--good:#2e9e6b;--medium:#d9943b;--low:#d75a5a}.apps-count{color:#8a95a1;color:var(--kubik-text-soft);font-size:14px}.apps-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.apps-filter{background:#fff;border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:10px;color:#8a95a1;color:var(--kubik-text-soft);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s}.apps-filter:hover{color:#1a405f;color:var(--kubik-navy)}.apps-filter.active,.apps-filter:hover{border-color:#337bae;border-color:var(--kubik-blue)}.apps-filter.active{background:#1a405f;background:var(--kubik-navy);color:#fff}.apps-list{display:flex;flex-direction:column;gap:12px}.app-card{background:#fff;border:1px solid #eceae5;border:1px solid var(--kubik-border);border-radius:12px;overflow:hidden}.app-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px}.app-card-header:hover{background:#fcfcfa;background:var(--kubik-white)}.app-main-info{align-items:center;display:flex;gap:12px}.app-expand{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px}.app-name{color:#1a405f;color:var(--kubik-navy);font-size:15px;font-weight:700}.app-phone{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;margin-top:2px}.app-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.app-badge{border-radius:8px;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.app-card-body{border-top:1px solid #fcfcfa;border-top:1px solid var(--kubik-white);padding:0 16px 16px}.app-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:16px 0}.app-detail{display:flex;flex-direction:column;gap:4px}.app-detail-label{color:#8a95a1;color:var(--kubik-text-soft);font-size:12px;font-weight:600}.app-detail span:last-child{color:#1a405f;color:var(--kubik-navy);font-size:14px}.app-crm-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;padding:10px 12px}.app-crm-error,.app-crm-lead{font-size:13px;margin-bottom:12px}.app-crm-lead{color:#8a95a1;color:var(--kubik-text-soft)}.app-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.app-status-select{align-items:center;display:flex;gap:8px}.app-status-select label{color:#8a95a1;color:var(--kubik-text-soft);font-size:13px;font-weight:600}.app-status-select select{border:1.5px solid #eceae5;border:1.5px solid var(--kubik-border);border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px}.app-resend-btn{background:#1a405f;background:var(--kubik-navy);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.app-resend-btn:hover{background:#1e3a8a}@media (max-width:600px){.app-detail-grid{grid-template-columns:1fr}.app-card-header{align-items:flex-start;flex-direction:column}.app-badges{justify-content:flex-start}}.cleanup-page{max-width:640px;padding:24px 32px 40px}.cleanup-header h2{color:var(--kubik-navy);font-size:22px;margin:0 0 8px}.cleanup-header p{color:var(--kubik-text-soft);font-size:14px;margin:0 0 20px}.cleanup-card{background:#fff;border:1.5px solid var(--kubik-border);border-radius:16px;box-shadow:0 2px 8px #1a405f0a;margin-bottom:16px;padding:20px}.cleanup-card h3{color:var(--kubik-navy);font-size:16px;margin:0 0 8px}.cleanup-hint{color:var(--kubik-text-soft);font-size:13px;line-height:1.45;margin:0 0 14px}.cleanup-label{color:var(--kubik-text-soft);display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.cleanup-select{background:#fff;border:1.5px solid var(--kubik-border);border-radius:12px;color:var(--kubik-navy);margin-bottom:14px;padding:12px 14px}.cleanup-btn,.cleanup-select{font-family:inherit;font-size:14px;width:100%}.cleanup-btn{border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:12px 16px}.cleanup-btn:disabled{cursor:not-allowed;opacity:.6}.cleanup-btn--danger{background:var(--low);color:#fff}.cleanup-btn--warn{background:var(--medium);color:#fff}.cleanup-message{border-radius:12px;font-size:14px;font-weight:600;padding:14px 16px}.cleanup-message--success{background:#2e9e6b1f;border:1px solid #2e9e6b40;color:var(--good)}.cleanup-message--error{background:#d75a5a1a;border:1px solid #d75a5a40;color:var(--low)}.cleanup-muted{color:var(--kubik-text-soft);padding:24px 32px}
/*# sourceMappingURL=main.91ca9353.css.map*/