*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f6fa;min-height:100vh;color:#333}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(99,102,241,.1),transparent 28%),radial-gradient(circle at 84% 72%,rgba(14,165,233,.08),transparent 30%),linear-gradient(160deg,#f0f2f8,#f8fbff 48%,#f4f7ff)}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-circle{position:absolute;border-radius:50%;opacity:.5}.bg-circle-1{width:260px;height:260px;left:5%;top:15%;background:radial-gradient(circle,rgba(168,85,247,.12),transparent 70%)}.bg-circle-2{width:180px;height:180px;right:8%;top:25%;background:radial-gradient(circle,rgba(56,189,248,.1),transparent 70%)}.bg-circle-3{width:120px;height:120px;left:50%;bottom:15%;background:radial-gradient(circle,rgba(99,102,241,.08),transparent 70%)}.bg-dot{position:absolute;border-radius:50%}.bg-dot-1{width:8px;height:8px;left:12%;top:35%;background:#f472b659}.bg-dot-2{width:6px;height:6px;right:18%;top:18%;background:#38bdf866}.bg-dot-3{width:10px;height:10px;left:42%;bottom:22%;background:#6366f140}.bg-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(99,102,241,.06),transparent);height:1px}.bg-line-1{width:35%;left:5%;top:45%;transform:rotate(-8deg)}.bg-line-2{width:28%;right:5%;bottom:35%;transform:rotate(6deg)}.login-container{width:100%;max-width:446px;padding:24px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.login-card{width:100%;background:#fffffff5;border-radius:26px;padding:36px 30px 28px;border:1px solid rgba(99,102,241,.09);box-shadow:0 28px 70px #3341551a,0 8px 24px #6366f10d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-header{text-align:center;margin-bottom:24px}.brand-logo{width:88px;height:88px;margin:0 auto 12px;display:block;object-fit:contain;mix-blend-mode:multiply}.brand-title{font-size:1.55em;font-weight:800;color:#312e81;letter-spacing:-.5px}.brand-subtitle{color:#6b7280;font-size:.92em;margin-top:8px;line-height:1.55;max-width:280px;margin-left:auto;margin-right:auto}.login-tabs{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.login-tab{flex:1;padding:12px 0;background:none;border:none;font-size:.95em;font-weight:500;color:#9ca3af;cursor:pointer;position:relative;transition:color .2s}.login-tab:after{content:"";position:absolute;bottom:-1px;left:20%;width:60%;height:2.5px;background:transparent;border-radius:2px;transition:background .2s}.login-tab.active{color:#1f2937;font-weight:700}.login-tab.active:after{background:#1f2937}.login-tab:hover:not(.active){color:#6b7280}.register-title{font-size:1.32em;font-weight:800;color:#1f2937;margin-bottom:18px;letter-spacing:-.02em}.auth-form .form-group{margin-bottom:12px}.auth-form .form-label{display:block;font-size:.9em;color:#374151;margin-bottom:6px;font-weight:600}.auth-form .form-input{width:100%;padding:13px 16px;border:1.5px solid #e5e7eb;border-radius:14px;font-size:.94em;color:#1f2937;transition:border-color .2s,box-shadow .2s;outline:none;background:linear-gradient(180deg,#fafbff,#fdfdff)}.auth-form .form-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;background:#fff}.auth-form .form-input::placeholder{color:#b3b8c3}.phone-row{display:flex;align-items:center;border:1.5px solid #e5e7eb;border-radius:14px;background:linear-gradient(180deg,#fafbff,#fdfdff);overflow:hidden;transition:border-color .2s,box-shadow .2s}.phone-row:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;background:#fff}.phone-prefix{padding:13px 12px 13px 16px;color:#6b7280;font-size:.95em;font-weight:700;white-space:nowrap;border-right:1px solid #e5e7eb;background:#f4f6fb}.phone-input{border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;flex:1}.code-row{display:flex;gap:10px;align-items:center}.code-input{flex:1}.code-btn{white-space:nowrap;min-width:116px;padding:13px 16px;border:1.5px solid #6366f1;border-radius:14px;background:linear-gradient(180deg,#fff,#f7f8ff);color:#6366f1;font-size:.9em;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 6px 16px #6366f11a}.code-btn:hover:not(:disabled){background:#6366f1;color:#fff;box-shadow:0 10px 22px #6366f133}.code-btn:disabled{border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.password-row{display:flex;align-items:center;border:1.5px solid #e5e7eb;border-radius:14px;background:linear-gradient(180deg,#fafbff,#fdfdff);overflow:hidden;transition:border-color .2s,box-shadow .2s}.password-row:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;background:#fff}.password-input{flex:1;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.password-toggle{white-space:nowrap;align-self:stretch;width:52px;border:none;border-left:1px solid #e5e7eb;background:#f6f7ff;color:#6366f1;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.password-toggle:hover{background:#eef2ff}.password-toggle svg{width:18px;height:18px}.msg{font-size:.85em;padding:10px 14px;border-radius:10px;margin-bottom:14px}.msg-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.msg-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.submit-btn{width:100%;padding:11px 16px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:14px;font-size:.98em;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease;letter-spacing:2px;margin-top:8px;box-shadow:0 14px 28px #4f46e547}.submit-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.submit-btn:active{transform:scale(.98)}.login-actions{margin-top:14px}.secondary-btn{width:100%;padding:10px 16px;border-radius:14px;border:2px solid rgba(99,102,241,.55);background:linear-gradient(180deg,#6366f11a,#6366f10f);color:#5b4df6;font-size:.96em;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease;letter-spacing:.5px;box-shadow:0 8px 18px #6366f117}.secondary-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#6366f121,#6366f114)}.secondary-btn:active{transform:scale(.985)}.login-promo-text{margin-top:10px;text-align:center;font-size:.86em;font-weight:600;color:#5b4df6;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.5}.login-bottom-links{margin-top:18px;text-align:center;font-size:.88em}.login-bottom-links a{color:#6366f1;text-decoration:none;font-weight:500;transition:color .15s}.login-bottom-links-single a{color:#8b95a7}.login-bottom-links a:hover{color:#4f46e5;text-decoration:underline}.login-bottom-links-single a:hover{color:#667085}.login-bottom-links-single{margin-top:16px}.login-promo-icon{font-size:.96em;line-height:1}.footnote{margin-top:10px;text-align:center;color:#9ca3af;font-size:.78em}.page-footer{margin-top:22px;text-align:center;color:#9ca3af;font-size:.8em;line-height:2}.page-footer span{margin:0 10px;cursor:pointer}.page-footer span:hover{color:#6366f1}.page-footer .copyright{display:inline-block;margin-top:4px;color:#b5b9c4;font-size:.9em}.code-dialog-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:300;display:flex;align-items:center;justify-content:center}.code-dialog{background:#fff;border-radius:16px;width:90%;max-width:340px;box-shadow:0 16px 48px #0000002e;overflow:hidden}.code-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.code-dialog-header h3{font-size:1em;color:#333;font-weight:600}.code-dialog-body{padding:24px 20px;text-align:center}.code-dialog-tip{color:#6b7280;font-size:.88em;margin-bottom:12px}.code-dialog-value{font-size:2.2em;font-weight:800;color:#4f46e5;letter-spacing:8px;padding:10px 0}.code-dialog-note{color:#9ca3af;font-size:.78em;margin-top:12px;line-height:1.4}.code-dialog-footer{padding:12px 20px 18px}.code-dialog-footer .submit-btn{font-size:.92em;padding:10px;letter-spacing:2px}.toast-overlay{position:fixed;top:0;left:0;right:0;z-index:400;display:flex;justify-content:center;padding-top:60px;pointer-events:none}.toast-box{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:.9em;font-weight:500;box-shadow:0 8px 30px #00000026;pointer-events:auto}.toast-box.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.toast-box.info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.toast-icon{font-size:1.1em}.toast-text{line-height:1.4}.toast-fade-enter-active{transition:all .3s ease-out}.toast-fade-leave-active{transition:all .25s ease-in}.toast-fade-enter-from{opacity:0;transform:translateY(-20px)}.toast-fade-leave-to{opacity:0;transform:translateY(-10px)}@media (max-width: 640px){.login-container{padding:16px}.login-card{border-radius:22px;padding:30px 20px 22px}.brand-title{font-size:1.5em}.brand-subtitle{font-size:.85em}.submit-btn{letter-spacing:4px;font-size:1.05em}.code-btn{min-width:104px;padding:13px 12px}.password-toggle{width:48px}}.app-header{background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.header-inner{max-width:1000px;margin:0 auto;padding:0 24px}.app-title{font-size:1.4em;color:#333;padding:16px 0 0}.tab-nav{display:flex;gap:0;margin-top:12px}.tab-btn{background:none;border:none;padding:12px 24px;font-size:.95em;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-weight:500}.tab-btn:hover{color:#6366f1}.tab-btn.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.main-content{max-width:1000px;margin:0 auto;padding:24px}.topic-filter{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:#fffbeb;border-radius:8px}.filter-label{color:#666;font-size:.9em}.filter-btn{padding:8px 20px;border:1px solid #e0e0e0;border-radius:20px;background:#fff;font-size:.9em;cursor:pointer;transition:all .2s;color:#555}.filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.filter-btn:hover:not(.active){border-color:#6366f1;color:#6366f1}.topic-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.topic-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:14px 24px;background:#fafafa;border-bottom:1px solid #eee;font-size:.85em;color:#888;font-weight:600}.topic-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:20px 24px;border-bottom:1px solid #f0f0f0;align-items:center;transition:background .15s}.topic-item:last-child{border-bottom:none}.topic-item:hover{background:#fafafe}.topic-name{font-size:1em;font-weight:500;color:#333;display:flex;align-items:center;gap:8px}.tag-new{display:inline-block;background:#ef4444;color:#fff;font-size:.7em;padding:2px 6px;border-radius:3px;font-weight:600}.topic-count,.topic-recordings{color:#888;font-size:.9em}.topic-actions{display:flex;align-items:center;gap:12px}.btn-answer{padding:6px 16px;background:#fff;border:1px solid #6366f1;color:#6366f1;border-radius:6px;font-size:.85em;cursor:pointer;font-weight:500;transition:all .2s}.btn-answer:hover{background:#6366f1;color:#fff}.detail-view{max-width:1000px;margin:0 auto;padding:24px}.detail-header{margin-bottom:24px}.back-btn{background:none;border:none;color:#6366f1;font-size:.95em;cursor:pointer;padding:8px 0;font-weight:500;transition:opacity .15s}.back-btn:hover{opacity:.7}.detail-title{font-size:1.5em;color:#333;margin-top:8px}.question-card{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #00000014;overflow:hidden}.question-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0}.question-title{font-size:1em;font-weight:500;color:#333}.question-answer-btn{padding:8px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.9em;cursor:pointer;font-weight:500;transition:background .2s}.question-answer-btn:hover{background:#4f46e5}.question-audio{padding:16px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.audio-player{display:flex;align-items:center;gap:12px;background:#f0f0f5;padding:10px 16px;border-radius:24px}.play-btn{width:36px;height:36px;border-radius:50%;background:#6366f1;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9em;flex-shrink:0;transition:background .15s}.play-btn:hover{background:#4f46e5}.audio-time{font-size:.85em;color:#888;min-width:40px}.audio-progress{flex:1;height:4px;background:#ddd;border-radius:2px;position:relative;cursor:pointer}.audio-progress-bar{height:100%;background:#6366f1;border-radius:2px;width:0%;position:relative;transition:width .1s linear}.audio-progress-bar:after{content:"";position:absolute;right:-5px;top:-3px;width:10px;height:10px;background:#6366f1;border-radius:50%}.question-text{padding:16px 24px;font-size:.95em;line-height:1.6;color:#555;border-bottom:1px solid #f0f0f0}.sample-answer{padding:16px 24px;border-bottom:1px solid #f0f0f0}.sample-answer-label{font-size:.85em;color:#888;margin-bottom:8px}.sample-answer-text{font-size:.9em;line-height:1.6;color:#555;background:#f8f9fa;padding:12px 16px;border-radius:8px;border-left:3px solid #6366f1}.recording-tabs{display:flex;border-bottom:1px solid #eee}.rec-tab{padding:12px 20px;background:none;border:none;font-size:.9em;color:#888;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;transition:all .2s}.rec-tab.active{color:#6366f1;border-bottom-color:#6366f1}.rec-tab-content{padding:16px 24px;min-height:80px}.my-recordings-empty{text-align:center;color:#bbb;padding:24px 0;font-size:.9em}.my-recording-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f5f5f5}.my-recording-item:last-child{border-bottom:none}.my-rec-player{flex:1;display:flex;align-items:center;gap:10px;background:#f5f5f5;padding:8px 14px;border-radius:20px}.my-rec-play-btn{width:28px;height:28px;border-radius:50%;background:none;border:1.5px solid #888;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7em;flex-shrink:0;transition:all .15s}.my-rec-play-btn:hover{border-color:#6366f1;color:#6366f1}.my-rec-progress{flex:1;height:3px;background:#ddd;border-radius:2px;cursor:pointer}.my-rec-progress-bar{height:100%;background:#888;border-radius:2px;width:0%}.my-rec-time{font-size:.8em;color:#888;min-width:36px}.my-rec-date{font-size:.75em;color:#bbb;min-width:80px;text-align:right}.my-rec-delete{background:none;border:none;color:#ccc;cursor:pointer;font-size:1em;padding:4px;transition:color .15s}.my-rec-delete:hover{color:#ef4444}.my-rec-analyze{background:none;border:1px solid #6366f1;color:#6366f1;cursor:pointer;font-size:.75em;padding:4px 10px;border-radius:4px;transition:all .15s;white-space:nowrap}.my-rec-analyze:hover{background:#6366f1;color:#fff}.recording-modal,.results-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.modal-content{position:relative;background:#fff;border-radius:16px;width:90%;max-width:480px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-content.modal-large{max-width:700px;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}.modal-header h3{font-size:1.1em;color:#333}.modal-close{background:none;border:none;font-size:1.5em;color:#999;cursor:pointer;padding:0 4px;line-height:1}.modal-close:hover{color:#333}.modal-body{padding:24px}.recording-timer{text-align:center;font-size:3em;font-weight:300;color:#333;margin-bottom:24px;font-variant-numeric:tabular-nums}.recording-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:60px;margin-bottom:32px}.wave-bar{width:4px;height:20px;background:#6366f1;border-radius:2px;animation:wave 1.2s ease-in-out infinite}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.15s}.wave-bar:nth-child(3){animation-delay:.3s}.wave-bar:nth-child(4){animation-delay:.45s}.wave-bar:nth-child(5){animation-delay:.6s}@keyframes wave{0%,to{height:20px}50%{height:50px}}.recording-actions{text-align:center}.rec-btn{padding:12px 40px;border:none;border-radius:30px;font-size:1em;cursor:pointer;font-weight:500;transition:all .2s}.rec-stop{background:#ef4444;color:#fff}.rec-stop:hover{background:#dc2626}.score-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.score-card{text-align:center;padding:16px 8px;background:#f8f9fa;border-radius:10px}.score-value{font-size:1.8em;font-weight:700;color:#6366f1;margin-bottom:4px}.score-value.excellent{color:#22c55e}.score-value.good{color:#3b82f6}.score-value.fair{color:#f59e0b}.score-value.poor{color:#ef4444}.score-label{font-size:.8em;color:#888}.word-comparison-section{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:20px}.word-comparison-section h4{color:#6366f1;margin-bottom:10px;font-size:1em}.legend{display:flex;gap:16px;margin-bottom:12px;font-size:.85em;color:#888}.legend-item{display:inline-flex;align-items:center;gap:5px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.correct{background:#22c55e}.dot.wrong{background:#ef4444}.dot.missing{background:#a0aec0}.word-comparison{display:flex;flex-wrap:wrap;gap:5px;line-height:2}.word-item{padding:3px 8px;border-radius:5px;font-size:.95em;cursor:default;transition:transform .15s}.word-item:hover{transform:scale(1.05)}.word-item.correct{background:#dcfce7;color:#166534}.word-item.wrong{background:#fee2e2;color:#991b1b;font-weight:600;border-bottom:2px dashed #ef4444}.word-item.missing{background:#e2e8f0;color:#a0aec0;text-decoration:line-through}.ai-section{background:linear-gradient(135deg,#eef2ff,#f3e8ff);padding:24px;border-radius:12px;margin-bottom:20px}.ai-ielts-score{text-align:center;margin-bottom:20px}.ielts-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:12px 24px;border-radius:50px;box-shadow:0 2px 10px #6366f126;margin-bottom:10px}.ielts-label{font-size:.9em;color:#888;font-weight:500}.ielts-number{font-size:2em;font-weight:800;color:#6366f1}.ielts-number.ielts-high{color:#22c55e}.ielts-number.ielts-mid{color:#f59e0b}.ielts-number.ielts-low{color:#ef4444}.ai-comment{color:#555;font-size:.95em;margin-top:8px}.corrections-section{margin-bottom:20px}.corrections-section h4{color:#6366f1;margin-bottom:12px;font-size:1em}.corrections-list{display:flex;flex-direction:column;gap:10px}.correction-item{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 4px #0000000f;border-left:4px solid #ef4444}.correction-word{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.correction-word strong{font-size:1.15em;color:#333}.phonetic{font-size:.95em;color:#6366f1;font-family:Lucida Sans Unicode,Segoe UI,sans-serif}.correction-detail .issue{color:#dc2626;margin-bottom:4px;font-size:.9em}.correction-detail .tip{color:#555;font-size:.9em;line-height:1.5}.ai-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-feedback-card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 1px 4px #0000000f}.ai-feedback-card h4{margin-bottom:10px;font-size:.95em}.ai-feedback-card.strengths h4{color:#16a34a}.ai-feedback-card.improvements h4{color:#d97706}.ai-feedback-card ul{list-style:none;padding:0}.ai-feedback-card li{padding:5px 0;color:#555;line-height:1.5;font-size:.9em;border-bottom:1px solid #f5f5f5}.ai-feedback-card li:last-child{border-bottom:none}.ai-feedback-card.strengths li:before{content:"• ";color:#22c55e;font-weight:700}.ai-feedback-card.improvements li:before{content:"• ";color:#f59e0b;font-weight:700}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:300}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p{color:#fff;margin-top:16px;font-size:1em}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;background:#1e1e2d;color:#a2a3b7;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;overflow-y:auto}.admin-logo{padding:16px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:12px}.admin-logo-img{width:36px;height:36px;object-fit:contain;flex-shrink:0;mix-blend-mode:screen;border-radius:6px}.admin-logo-text h2{color:#fff;font-size:1.1em;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.admin-role{font-size:.75em;color:#6366f1;margin-top:2px;white-space:nowrap}.admin-nav{flex:1;padding:16px 0}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#a2a3b7;text-decoration:none;font-size:.92em;transition:all .15s;border-left:3px solid transparent;white-space:nowrap}.admin-nav-item:hover{background:#ffffff0a;color:#d1d1e0}.admin-nav-item.active{background:#6366f11f;color:#818cf8;border-left-color:#6366f1;font-weight:600}.nav-icon{font-size:1.15em}.admin-sidebar-footer{padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-toggle-btn{background:none;border:none;color:#6b6b80;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:all .15s}.sidebar-toggle-btn:hover{background:#ffffff1a;color:#d1d1e0}.sidebar-expand-btn{background:none;border:1px solid #e0e0e0;color:#555;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .15s}.sidebar-expand-btn:hover{background:#f0f0f0;color:#333;border-color:#ccc}.admin-user-info{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-avatar{width:32px;height:32px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:600}.admin-username{font-size:.9em;color:#d1d1e0}.admin-logout-btn{width:100%;padding:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#a2a3b7;font-size:.82em;cursor:pointer;transition:all .15s}.admin-logout-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.admin-main{flex:1;background:#f5f6fa;display:flex;flex-direction:column;min-width:0}.admin-header{background:#fff;padding:20px 32px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center}.admin-page-title{font-size:1.3em;color:#333;font-weight:600}.admin-content{padding:24px 32px;flex:1;overflow-y:auto}.admin-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 16px;background:#fafafa;font-size:.85em;color:#888;font-weight:600;border-bottom:1px solid #eee}.admin-table td{padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:.9em;color:#444}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafafe}.password-cell{display:flex;align-items:center;gap:6px}.desc-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8em;font-weight:500}.role-badge.admin{background:#fef3c7;color:#b45309}.role-badge.student{background:#dbeafe;color:#1d4ed8}.category-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.category-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8em;font-weight:500}.category-tag.new{background:#fef3c7;color:#b45309}.category-tag.old{background:#dbeafe;color:#1d4ed8}.category-tag.basic{background:#dcfce7;color:#166534}.btn-primary{padding:8px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.88em;cursor:pointer;font-weight:500;transition:background .15s}.btn-primary:hover{background:#4f46e5}.btn-default{padding:8px 20px;background:#fff;color:#555;border:1px solid #ddd;border-radius:8px;font-size:.88em;cursor:pointer;transition:all .15s}.btn-default:hover{border-color:#bbb}.btn-text{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.85em;padding:4px 8px;transition:opacity .15s}.btn-text:hover{opacity:.7}.btn-text.danger{color:#ef4444}.btn-text:disabled{color:#ccc;cursor:not-allowed}.survey-preview-header{margin-bottom:22px;padding:18px 20px;border:1px solid #ebeefe;border-radius:16px;background:radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 34%),linear-gradient(180deg,#fff,#f8faff);display:flex;align-items:center;justify-content:space-between;gap:16px}.survey-preview-eyebrow{font-size:.76em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6366f1;margin-bottom:6px}.survey-preview-user{font-size:1.3em;font-weight:700;color:#1f2937}.survey-preview-meta-card{min-width:136px;padding:12px 14px;border-radius:12px;background:#ffffffd1;border:1px solid rgba(99,102,241,.14);box-shadow:inset 0 1px #ffffffe6}.survey-preview-meta-label{font-size:.74em;color:#8b8fa3;margin-bottom:4px}.survey-preview-meta-value{font-size:.95em;font-weight:600;color:#374151}.survey-preview-sections{display:flex;flex-direction:column;gap:16px}.survey-preview-section{border:1px solid #e8ecfb;border-radius:16px;background:linear-gradient(180deg,#fbfcff,#f6f8ff);padding:18px;box-shadow:0 8px 24px #6366f10a}.survey-preview-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.survey-preview-section h4{margin:0;font-size:1em;color:#312e81}.survey-preview-section-count{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.76em;font-weight:600}.survey-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.survey-preview-item{padding:14px 16px;border-radius:14px;background:#ffffffeb;border:1px solid #e6eaf7;box-shadow:0 1px 2px #0f172a08}.survey-preview-item-wide{grid-column:1 / -1}.survey-preview-label{font-size:.78em;font-weight:600;color:#7c84a1;margin-bottom:8px}.survey-preview-value{font-size:.96em;color:#1f2937;line-height:1.8;white-space:pre-wrap;word-break:break-word}.survey-preview-empty{padding:40px 0;text-align:center;color:#999}.learning-progress-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding:18px 20px;border:1px solid #ebeefe;border-radius:16px;background:linear-gradient(180deg,#fff,#f8faff)}.learning-progress-meta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.learning-progress-pill{min-width:108px;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#ffffffe6}.learning-progress-pill span{display:block;font-size:.74em;color:#8b8fa3;margin-bottom:4px}.learning-progress-pill strong{font-size:.95em;color:#1f2937}.learning-progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.learning-progress-card{padding:16px;border-radius:16px;border:1px solid #e7ebfb;background:linear-gradient(180deg,#fbfcff,#f4f7ff);box-shadow:0 6px 20px #6366f10d}.learning-progress-label{font-size:.8em;color:#7c84a1;margin-bottom:10px}.learning-progress-value{font-size:1.5em;font-weight:700;color:#1f2937;line-height:1.2}.learning-progress-sub{margin-top:8px;font-size:.82em;color:#6366f1}.learning-progress-detail{display:grid;gap:14px}.learning-progress-part{padding:16px 18px;border-radius:16px;background:#fbfcff;border:1px solid #e8ecfb}.learning-progress-part-title{margin-bottom:12px;font-size:1em;font-weight:700;color:#312e81}.learning-progress-part-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.learning-progress-stat{padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #eef1f7}.learning-progress-stat span{display:block;font-size:.78em;color:#8b8fa3;margin-bottom:6px}.learning-progress-stat strong{font-size:1.1em;color:#1f2937}@media (max-width: 768px){.survey-preview-header{flex-direction:column;align-items:flex-start}.survey-preview-meta-card{width:100%}.survey-preview-grid{grid-template-columns:1fr}.learning-progress-header{flex-direction:column}.learning-progress-meta{width:100%;justify-content:flex-start}}.btn-icon{background:none;border:none;cursor:pointer;font-size:.85em;padding:2px}.admin-dialog-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center}.admin-dialog{background:#fff;border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 60px #0003;overflow:hidden}.admin-dialog.admin-dialog-wide{max-width:680px;max-height:80vh;overflow-y:auto}.admin-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #eee}.admin-dialog-header h3{font-size:1.05em;color:#333}.admin-dialog-body{padding:20px 24px}.admin-dialog-footer{padding:14px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.admin-form-group{margin-bottom:16px}.admin-form-group label{display:block;font-size:.85em;color:#666;margin-bottom:6px;font-weight:500}.admin-input{width:100%;padding:10px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.9em;color:#333;outline:none;transition:border-color .15s;background:#fafafa}.admin-input:focus{border-color:#6366f1;background:#fff}.admin-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.question-edit-item{padding:16px;background:#fafafa;border-radius:8px;margin-bottom:12px;border:1px solid #eee}.question-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-edit-header strong{color:#6366f1;font-size:.95em}.material-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eee}.material-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1.5px solid #e0e0e0;border-radius:20px;background:#fff;font-size:.88em;color:#555;cursor:pointer;transition:all .15s}.material-tab:hover{border-color:#6366f1;color:#6366f1}.material-tab.active{background:#6366f1;color:#fff;border-color:#6366f1}.material-tab-icon{font-size:1.1em}.material-tab-count{background:#00000014;padding:1px 7px;border-radius:10px;font-size:.8em}.material-tab.active .material-tab-count{background:#ffffff40}.material-section-title{font-size:1em;color:#333;font-weight:600}.material-name-cell{font-weight:500;color:#333}.material-content-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;font-size:.85em}.stu-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f5f6fa}.stu-topbar{height:56px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:100}.stu-topbar-left{display:flex;align-items:center}.stu-brand{display:flex;align-items:center;gap:10px}.stu-brand-logo{height:36px;width:auto;object-fit:contain}.stu-brand-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.stu-brand-text{font-size:1.05em;font-weight:700;color:#312e81}.stu-topbar-right{display:flex;align-items:center;gap:14px}.stu-username{font-size:.88em;color:#555}.stu-logout-btn{padding:5px 14px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-size:.82em;cursor:pointer;transition:all .15s}.stu-logout-btn:hover{border-color:#ef4444;color:#ef4444}.stu-body{display:flex;flex:1;min-height:0;overflow:hidden}.stu-sidebar{width:180px;background:#fff;border-right:1px solid #e8e8e8;padding:16px 0;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;min-height:0}.stu-sidebar-nav{display:flex;flex-direction:column;gap:0}.stu-sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:.9em;color:#555;text-decoration:none;transition:all .15s;border-left:3px solid transparent}.stu-sidebar-item:hover{background:#f8f9fc;color:#333}.stu-sidebar-item.active{background:#eef2ff;color:#4f46e5;border-left-color:#4f46e5;font-weight:600}.stu-community-entry{margin:auto 16px 0;min-height:48px;padding:12px 14px;display:flex;align-items:center;gap:10px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;text-decoration:none;font-size:.92em;font-weight:700;box-shadow:inset 0 0 0 1px #818cf826;transition:transform .15s,box-shadow .15s,background .15s}.stu-community-entry:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #6366f133,0 10px 20px #4f46e51a}.stu-community-entry.active{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 14px 26px #4f46e538}.stu-community-entry-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stu-community-entry-icon svg{width:100%;height:100%;display:block}.stu-sidebar-icon{font-size:1.1em}.stu-main{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:24px 28px}.stu-survey-notice{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:14px;border:1px solid #fed7aa;border-radius:14px;background:linear-gradient(135deg,#fffaf2,#fff4e8);color:#9a3412;font-size:.92em;box-shadow:0 10px 24px #d9770614}.stu-survey-notice-icon{color:#d97706;font-size:.95em;flex-shrink:0}.stu-survey-notice-text{flex:1;line-height:1.5}.stu-survey-notice-link{border:1px solid rgba(249,115,22,.16);background:#ffffffeb;color:#c2410c;font-weight:700;cursor:pointer;padding:8px 14px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 14px #f9731614}.stu-survey-notice-link:hover{color:#9a3412;border-color:#f973164d}.stu-filters{background:#fff;border-radius:10px;padding:16px 20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a}.stu-filters-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.stu-filters-foot{margin-top:14px;display:flex;justify-content:flex-start}.stu-filter-groups{flex:1;min-width:0}.stu-search-box{width:360px;max-width:100%;flex-shrink:0;display:flex;align-items:center;gap:10px;min-height:40px}.stu-search-label{min-width:48px;margin-top:0}.stu-search-box .stu-search-input,.stu-search-box{position:relative}.stu-search-input{flex:1;height:40px;padding:0 72px 0 14px;border:1.5px solid #dbe2f1;border-radius:12px;background:linear-gradient(180deg,#fcfdff,#f8fbff);color:#1f2937;font-size:.9em;outline:none;transition:border-color .15s,box-shadow .15s}.stu-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.stu-search-input::placeholder{color:#9ca3af}.stu-search-clear{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:none;color:#6366f1;font-size:.82em;font-weight:700;cursor:pointer;padding:4px 6px}.stu-search-clear:hover{color:#4338ca}.stu-filter-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stu-filter-row:last-child{margin-bottom:0}.stu-filter-label{font-size:.85em;color:#888;min-width:36px;flex-shrink:0}.stu-filter-tag{padding:4px 14px;border:none;background:none;color:#555;font-size:.85em;cursor:pointer;border-radius:4px;transition:all .15s}.stu-filter-tag:hover{color:#4f46e5}.stu-filter-tag.active{color:#4f46e5;font-weight:600}.stu-status-tabs{display:flex;gap:4px;margin-bottom:20px}.stu-status-tab{padding:8px 20px;border:none;background:none;color:#666;font-size:.88em;cursor:pointer;border-radius:20px;transition:all .15s}.stu-status-tab:hover{background:#f0f0f5}.stu-status-tab.active{background:#6366f1;color:#fff;font-weight:500}.stu-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.stu-topic-card{background:#fff;border-radius:12px;overflow:hidden;border:1.5px solid transparent;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.stu-topic-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.stu-card-cover{height:130px;background:linear-gradient(135deg,#fde68a,#fdba74,#fb923c);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.stu-card-placeholder{padding:16px;color:#ffffffd9;font-size:.85em;font-weight:500;text-align:center;line-height:1.5;word-break:break-word}.stu-card-info{padding:12px 14px}.stu-card-title{font-size:.88em;color:#333;font-weight:500;line-height:1.4;margin-bottom:8px;min-height:20px}.stu-card-tags{display:flex;gap:6px;flex-wrap:wrap}.stu-tag{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.72em;font-weight:500;border:1px solid}.stu-tag-material{color:#d97706;border-color:#fcd34d;background:#fffbeb}.stu-tag-new{color:#dc2626;border-color:#fca5a5;background:#fef2f2}.stu-tag-old{color:#2563eb;border-color:#93c5fd;background:#eff6ff}.stu-empty{text-align:center;color:#bbb;padding:60px 0;font-size:.95em}.survey-mask{position:fixed;top:0;left:0;right:0;bottom:0;padding:20px;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center}.survey-dialog{background:linear-gradient(180deg,#fff,#fcfbff);border-radius:24px;width:92%;max-width:520px;border:1px solid rgba(167,139,250,.18);box-shadow:0 28px 70px #0f172a38;overflow:hidden}.survey-body{padding:40px 32px 32px;text-align:center}.survey-title{font-size:1.42em;font-weight:800;color:#111827;margin-bottom:10px;letter-spacing:-.02em}.survey-desc{font-size:.96em;color:#4b5563;line-height:1.7;margin-bottom:18px}.survey-info{background:linear-gradient(180deg,#faf7ff,#f6f8ff);border:1px solid rgba(196,181,253,.4);border-radius:16px;padding:16px 18px;margin-bottom:26px;text-align:left}.survey-info p{position:relative;padding-left:18px;font-size:.9em;color:#4b5563;line-height:1.8}.survey-info p:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.survey-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.survey-btn-primary{padding:14px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:.95em;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s;box-shadow:0 6px 16px #a855f74d}.survey-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.survey-btn-secondary{padding:12px;background:#fff;color:#4b5563;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.88em;font-weight:500;cursor:pointer;transition:all .15s}.survey-btn-secondary:hover{border-color:#a855f7;color:#7c3aed}.survey-hint{font-size:.78em;color:#d946ef;line-height:1.5}.survey-page{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;background:#f5f6fa;min-height:calc(100vh - 56px)}.survey-card{background:#fff;border-radius:14px;width:100%;max-width:680px;box-shadow:0 2px 12px #0000000f;padding:32px 36px}.survey-card-title{font-size:1.15em;font-weight:700;color:#1f2937;margin-bottom:24px}.survey-steps{display:flex;align-items:center;justify-content:center;margin-bottom:24px;gap:0}.survey-step{display:flex;align-items:center;gap:6px}.step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:600;border:2px solid #d1d5db;color:#9ca3af;background:#fff;flex-shrink:0}.survey-step.active .step-num{background:#7c3aed;border-color:#7c3aed;color:#fff}.survey-step.done .step-num{background:#3b82f6;border-color:#3b82f6;color:#fff;font-size:.75em}.step-label{font-size:.85em;color:#9ca3af;white-space:nowrap}.survey-step.active .step-label{color:#7c3aed;font-weight:600}.survey-step.done .step-label{color:#3b82f6}.step-line{width:36px;height:1px;background:#d1d5db;margin:0 4px}.survey-step.done+.survey-step .step-line,.survey-step.done .step-line{background:#3b82f6}.survey-tip{padding:10px 16px;border-radius:8px;font-size:.84em;line-height:1.6;margin-bottom:20px}.survey-tip-warn{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.survey-tip-info{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.survey-form{max-width:940px;margin:0 auto 24px}.survey-field{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;justify-content:center;margin-bottom:18px;gap:18px}.survey-field-label{min-width:0;width:100%;font-size:.88em;color:#374151;font-weight:500;padding-top:10px;display:flex;align-items:flex-start;justify-content:flex-end}.survey-field-label .required{color:#ef4444;line-height:1.2;margin-right:2px}.survey-field-label-text{min-width:0;text-align:right;line-height:1.4}.survey-field-label-colon{text-align:center;line-height:1.4}.survey-field-input{width:100%;max-width:760px}.survey-input,.survey-select{width:100%;padding:9px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.88em;color:#333;outline:none;background:#fff;transition:border-color .15s}.survey-input:focus,.survey-select:focus{border-color:#7c3aed}.survey-textarea{width:100%;padding:9px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.88em;color:#333;outline:none;background:#fff;resize:vertical;font-family:inherit;transition:border-color .15s}.survey-textarea:focus{border-color:#7c3aed}.survey-footer{display:flex;justify-content:flex-end;gap:12px;max-width:940px;margin:0 auto;padding-top:8px;border-top:1px solid #f0f0f0}.survey-btn-skip,.survey-btn-prev{padding:10px 22px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#555;font-size:.88em;cursor:pointer;transition:all .15s}.survey-btn-skip:hover,.survey-btn-prev:hover{border-color:#9ca3af;color:#333}.survey-btn-next{padding:10px 28px;border:none;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-size:.88em;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s;box-shadow:0 4px 12px #7c3aed40}.survey-btn-next:hover{filter:brightness(1.05);transform:translateY(-1px)}.survey-result-page{text-align:center;padding:40px 0 20px}.progress-ring-wrap{position:relative;display:inline-block;margin-bottom:22px;padding:8px;border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#f8fafce0);box-shadow:0 16px 36px #3b82f61f}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.progress-ring-fg{fill:none;stroke:#7c3aed;stroke-width:8;stroke-linecap:round;stroke-dasharray:314;transition:stroke-dashoffset .4s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.3em;font-weight:700;color:#111827}.gen-title{font-size:1.16em;font-weight:800;color:#111827;margin-bottom:8px}.gen-subtitle{font-size:.9em;color:#6b7280;margin-bottom:18px}.gen-status-card{max-width:420px;margin:0 auto 24px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#faf7ff,#f8fbff);border:1px solid rgba(196,181,253,.35);text-align:left}.gen-status-line{font-size:.92em;font-weight:600;color:#374151;line-height:1.7}.gen-status-meta{margin-top:8px;font-size:.84em;color:#6b7280;line-height:1.6}.done-icon{font-size:4em;margin-bottom:20px}.score-picker-dialog{max-width:480px;position:relative}.score-picker-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.2em;color:#9ca3af;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.score-picker-close:hover{color:#374151;background:#f3f4f6}.score-picker-desc{font-size:.9em;color:#6b7280;margin-bottom:24px}.score-picker-options{display:flex;gap:16px;margin-bottom:24px;justify-content:center}.score-option{flex:1;max-width:180px;padding:22px 16px 20px;border:1.5px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s;text-align:center;background:linear-gradient(180deg,#fff,#fbfbff)}.score-option:hover{border-color:#c4b5fd;background:#faf5ff;transform:translateY(-1px)}.score-option.selected{border-color:#7c3aed;background:#f5f0ff;box-shadow:0 0 0 3px #7c3aed1f,0 12px 28px #7c3aed1f}.score-number{font-size:2em;font-weight:800;color:#7c3aed;margin-bottom:4px}.score-option .score-label{font-size:.92em;font-weight:600;color:#374151;margin-bottom:10px}.score-desc{font-size:.8em;color:#6b7280;line-height:1.65;margin:0;min-height:40px}.score-picker-confirm{width:100%;padding:14px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:.95em;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s;box-shadow:0 6px 16px #a855f74d}.score-picker-confirm:hover{filter:brightness(1.05);transform:translateY(-1px)}@media (max-width: 768px){.stu-body{flex-direction:column}.stu-sidebar{width:100%;padding:12px;border-right:none;border-bottom:1px solid #e8e8e8;gap:12px}.stu-sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.stu-sidebar-item{padding:10px 14px;border-left:none;border-radius:12px;background:#f8fafc}.stu-sidebar-item.active{border-left-color:transparent}.stu-community-entry{margin:0;align-self:flex-start}.stu-main{padding:18px 16px 24px}.stu-filters-head{flex-direction:column}.stu-filters-foot{margin-top:12px}.stu-search-box{width:100%;position:relative}.stu-search-label{min-width:36px}.topic-table-header{display:none}.topic-item{grid-template-columns:1fr;gap:8px}.score-cards{grid-template-columns:repeat(2,1fr)}.ai-feedback-grid{grid-template-columns:1fr}.survey-card{padding:24px 20px}.survey-field{grid-template-columns:1fr;gap:8px}.survey-field-label{padding-top:0;justify-content:flex-start}.survey-field-label-text{text-align:left}.survey-field-input,.survey-footer{max-width:none}.modal-content{width:95%}.legend{flex-wrap:wrap;gap:8px}}