*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4a90e2;--secondary-color:#7b68ee;--success-color:#52c41a;--warning-color:#faad14;--danger-color:#f5222d;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--border-color:#e8e8e8;--bg-light:#f5f7fa;--bg-white:#fff;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 12px #00000026;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}button{border:none;cursor:pointer;font-family:inherit;outline:none}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid #e8e8e8;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);font-family:inherit;outline:none;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:#4a90e2;border-color:var(--primary-color)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border-radius:4px;border-radius:var(--radius-sm)}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:#357abd}.btn-secondary{background-color:#7b68ee;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#6a5acd}.btn-danger{background-color:#f5222d;background-color:var(--danger-color)}.btn-danger:hover{background-color:#d4161c}.card{background:var(--bg-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);padding:20px}.page-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.page-header h1{font-size:28px;margin-bottom:8px}.page-header p{font-size:14px}.loading,.page-header p{color:#7f8c8d;color:var(--text-secondary)}.loading{min-height:200px}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;border-radius:var(--radius-sm);color:#f5222d;color:var(--danger-color);padding:12px 16px}.success-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;border-radius:var(--radius-sm);color:#52c41a;color:var(--success-color);margin-bottom:20px;padding:12px 16px}@media (max-width:768px){.container{padding:0 15px}.page-header h1{font-size:24px}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:400px;width:100%}.login-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;padding:40px}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:var(--text-primary);font-size:24px;margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:14px}.login-form{margin-bottom:20px}.form-group label{color:var(--text-primary)}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color .3s}.form-group input:focus{border-color:var(--primary-color)}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-block{font-size:16px;margin-top:10px;padding:12px;width:100%}.login-footer{border-top:1px solid var(--border-color);padding-top:20px;text-align:center}.login-footer p{color:var(--text-secondary);font-size:12px}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:20px}}.students-table{overflow-x:auto}.students-table table{border-collapse:collapse;width:100%}.students-table td,.students-table th{border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.students-table th{background-color:#fafafa;color:var(--text-primary);font-size:14px;font-weight:600}.students-table td{font-size:14px}.table-actions{display:flex;gap:8px}.btn-icon{align-items:center;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:color .3s}.btn-icon:hover{color:var(--primary-color)}.btn-icon.btn-danger:hover{color:var(--danger-color)}.modal-content{border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.modal-header h2{font-size:20px}.modal-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:32px;height:32px;line-height:1;padding:0;width:32px}.modal-close:hover{color:var(--text-primary)}.modal-form{padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.students-table{font-size:12px}.students-table td,.students-table th{padding:8px}}.student-profile{margin:0 auto;max-width:1400px;padding:30px}.student-profile-error,.student-profile-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.student-profile-header{margin-bottom:30px}.btn-back-profile{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .2s}.btn-back-profile:hover{border-color:#4a90e2;color:#4a90e2}.student-profile-info{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:25px}.student-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;width:80px}.student-profile-info h1{color:#2c3e50;font-size:28px;margin:0 0 5px}.student-email{color:#666;font-size:16px;margin:0}.student-profile-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding:15px}.profile-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.profile-tab:hover{background:#f5f5f5;color:#4a90e2}.profile-tab.active{background:#4a90e2;color:#fff}.student-profile-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:400px;padding:30px}.profile-tab-content{animation:fadeIn .3s}.info-section h2{color:#2c3e50;font-size:22px;margin:0 0 25px}.info-display{max-width:600px}.info-item{border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:20px;padding-bottom:20px}.info-item label{color:#666;flex:0 0 200px;font-weight:600}.info-item span{color:#2c3e50;font-size:16px}.student-profile-content .btn-edit{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;min-width:160px;padding:10px 28px;transition:all .2s}.btn-edit:hover{background:#3a7bc8}.info-form{max-width:600px}.form-group{margin-bottom:20px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#4a90e2;outline:none}.form-actions{margin-top:25px}.btn-cancel{border:2px solid #e0e0e0;padding:10px 24px}.btn-save{font-size:14px;padding:10px 24px}.btn-save:hover{background:#389e0d}.modules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.modules-header h2{color:#2c3e50;font-size:22px;margin:0}.btn-add-module{align-items:center;background:#52c41a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-add-module:hover{background:#389e0d}.empty-state{background:#f8f9fa;padding:60px 20px}.empty-state p{font-size:16px;margin:0 0 10px}.empty-hint{color:#999;font-size:14px}.modules-list{grid-gap:15px;display:grid;gap:15px}.module-card{align-items:flex-start;background:#f8f9fa;border:2px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.module-card:hover{background:#fff;border-color:#4a90e2;box-shadow:0 2px 8px #0000001a}.module-info{flex:1 1}.module-header-info{align-items:center;display:flex;gap:12px;margin-bottom:8px}.module-header-info h3{color:#2c3e50;font-size:18px;margin:0}.category-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.category-badge.grammar{background:#e6f7ff;color:#1890ff}.category-badge.vocabulary{background:#f6ffed;color:#52c41a}.module-level{color:#666;font-size:15px;margin:0 0 10px}.module-meta{color:#999;display:flex;font-size:13px;gap:20px}.btn-remove-module{align-items:center;background:#ffebee;border:none;border-radius:6px;color:#f44336;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-remove-module:hover{background:#f44336;color:#fff}.modal-overlay{background:#00000080;z-index:2000}.modal-content{box-shadow:0 4px 20px #0003;max-width:500px;padding:30px}.modal-content h3{color:#2c3e50;font-size:22px;margin:0 0 25px}.modal-content .form-group{margin-bottom:20px}.modal-content select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.modal-content select:focus{border-color:#4a90e2;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.formulas-header{margin-bottom:25px}.formulas-header h2{color:#2c3e50;font-size:22px;margin:0 0 15px}.formulas-stats{display:flex;flex-wrap:wrap;gap:15px}.stat-item{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:10px 18px}.stat-label{color:#666;font-weight:500}.stat-value{font-size:16px;font-weight:700}.stat-total{background:#e6f7ff}.stat-total,.stat-total .stat-value{color:#1890ff}.stat-mastered{background:#f6ffed;color:#52c41a}.stat-mastered .stat-value{color:#52c41a}.stat-not-mastered{background:#fff1f0;color:#f5222d}.stat-not-mastered .stat-value{color:#f5222d}.stat-not-started{background:#f0f0f0;color:#999}.stat-not-started .stat-value{color:#666}.formulas-controls{align-items:center;display:flex;gap:15px;margin-bottom:25px}.formulas-filters{display:flex;gap:8px}.filter-btn-formula{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn-formula:hover{border-color:#4a90e2;color:#4a90e2}.filter-btn-formula.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.formula-search{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:10px 16px;transition:border-color .2s}.formula-search:focus{border-color:#4a90e2;outline:none}.formulas-list{grid-gap:12px;display:grid;gap:12px}.formula-card{align-items:flex-start;background:#fff;border:2px solid #f0f0f0;border-radius:12px;display:flex;gap:20px;justify-content:space-between;padding:20px;transition:all .2s}.formula-card:hover{border-color:#4a90e2;box-shadow:0 2px 8px #0000001a}.formula-content{flex:1 1}.formula-texts{margin-bottom:12px}.formula-ru{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:6px}.formula-en{color:#666;font-size:15px}.formula-examples{background:#f8f9fa;border-radius:8px;font-size:14px;margin-top:12px;padding:12px}.example-ru{color:#333;margin-bottom:4px}.example-en{color:#666;font-style:italic}.formula-notes{background:#fff9e6;border-radius:6px;color:#666;font-size:13px;margin-top:10px;padding:10px}.formula-actions{flex-shrink:0}.btn-formula-status{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.btn-formula-status.not-started{background:#f0f0f0;color:#666}.btn-formula-status.not-started:hover{background:#e0e0e0}.btn-formula-status.not-mastered{background:#fff1f0;color:#f5222d}.btn-formula-status.not-mastered:hover{background:#f5222d;color:#fff}.btn-formula-status.mastered{background:#f6ffed;color:#52c41a}.btn-formula-status.mastered:hover{background:#52c41a;color:#fff}.homework-header{margin-bottom:25px}.homework-header h2{color:#2c3e50;font-size:22px;margin:0}.btn-add-homework{align-items:center;background:#1890ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-add-homework:hover{background:#096dd9}.homework-list{grid-gap:15px;gap:15px}.homework-card{align-items:flex-start;border:2px solid #f0f0f0;gap:20px;justify-content:space-between;padding:20px;transition:all .2s}.homework-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #0000001a}.homework-info{flex:1 1}.homework-info h3{color:#2c3e50;font-size:18px;margin:0 0 10px}.homework-description{font-size:14px;margin-bottom:12px}.homework-meta{color:#999;font-size:13px}.status-read{color:#52c41a;font-weight:600}.status-unread{color:#f5222d;font-weight:600}.btn-delete-homework{align-items:center;background:#ffebee;border:none;border-radius:6px;color:#f44336;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-delete-homework:hover{background:#f44336;color:#fff}.modal-homework{max-width:600px}.modal-homework textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.modal-homework textarea:focus{border-color:#4a90e2;outline:none}.modal-homework small{color:#999;display:block;font-size:12px;margin-top:8px}.checking-header{margin-bottom:25px}.checking-header h2{color:#2c3e50;font-size:22px;margin:0}.checking-type-tabs{display:flex;gap:10px;margin-bottom:20px}.type-tab{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.type-tab:hover{border-color:#4a90e2;color:#4a90e2}.type-tab.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.checking-filters{display:flex;gap:8px;margin-bottom:25px}.filter-btn-check{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn-check:hover{border-color:#4a90e2;color:#4a90e2}.filter-btn-check.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.submissions-list{grid-gap:12px;display:grid;gap:12px}.submission-card{align-items:flex-start;background:#fff;border:2px solid #f0f0f0;border-radius:12px;display:flex;gap:20px;justify-content:space-between;padding:20px;transition:all .2s}.submission-card:hover{border-color:#4a90e2;box-shadow:0 2px 8px #0000001a}.submission-info{flex:1 1}.submission-header-info{align-items:center;display:flex;gap:12px;margin-bottom:8px}.submission-header-info h3{color:#2c3e50;font-size:16px;margin:0}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status-pending{background:#fff7e6;color:#faad14}.status-checked{background:#e6f7ff;color:#1890ff}.status-approved{background:#f6ffed;color:#52c41a}.status-rejected{background:#fff1f0;color:#f5222d}.submission-type{color:#666;font-size:14px;margin:5px 0}.submission-meta{color:#999;display:flex;font-size:13px;gap:15px;margin-top:10px}.submission-score{background:#e6f7ff;border-radius:6px;color:#1890ff;display:inline-block;font-size:14px;font-weight:600;margin-top:10px;padding:8px 12px}.submission-feedback{background:#f8f9fa;border-radius:6px;color:#666;font-size:13px;margin-top:10px;padding:10px}.btn-view-submission{align-items:center;background:#e6f7ff;border:none;border-radius:6px;color:#1890ff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-view-submission:hover{background:#1890ff;color:#fff}.tests-header{margin-bottom:25px}.tests-header h2{color:#2c3e50;font-size:22px;margin:0 0 15px}.tests-stats{color:#666;display:flex;font-size:14px;gap:20px}.tests-stats span{font-weight:500}.test-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;padding:20px;transition:all .2s}.test-card:hover{border-color:#4a90e2;box-shadow:0 2px 8px #0000001a}.test-info h3{color:#2c3e50;font-size:18px;margin:0 0 12px}.test-details{color:#999;display:flex;font-size:13px;gap:20px;margin-bottom:15px}.test-results{align-items:center;display:flex;gap:15px}.test-score{font-size:24px}.test-status{border-radius:20px;font-size:13px;font-weight:600;padding:6px 16px}.test-status.passed{background:#f6ffed;color:#52c41a}.test-status.failed{background:#fff1f0;color:#f5222d}.test-feedback{background:#f8f9fa;border-radius:8px;color:#666;font-size:14px;margin-top:12px;padding:12px}@media (max-width:768px){.formulas-controls{align-items:stretch;flex-direction:column}.formulas-filters{flex-wrap:wrap;order:1}.formula-search{flex:none;order:2;width:100%}}




/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 20px}.alert-error{background-color:#fff2f0;border:1px solid #ffccc7;color:#cf1322}.alert-success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.form-label{font-size:14px;font-weight:500;margin-bottom:8px}.form-label.required:after{color:#f5222d;content:" *"}.form-input{border:1px solid #d9d9d9;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s}.form-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}textarea.form-input{min-height:80px;resize:vertical}select.form-input{background-color:#fff;cursor:pointer}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#4a90e2;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357abd;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-1px)}.btn-secondary{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#666}.btn-secondary:hover:not(:disabled){background-color:#e8e8e8}.btn-danger{background-color:#ff4d4f;color:#fff}.btn-danger:hover:not(:disabled){background-color:#cf1322}.btn-icon{background:#0000;border:1px solid #d9d9d9;border-radius:6px;color:#666;height:32px;min-width:32px;padding:8px}.btn-icon:hover:not(:disabled){background-color:#f5f5f5;border-color:#4a90e2;color:#4a90e2}.card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.loading{align-items:center;color:#999;display:flex;font-size:16px;justify-content:center;padding:40px}.block-card{background:#fff;border:2px solid #e8e8e8;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s}.block-card:hover{border-color:#4a90e2;box-shadow:0 4px 12px #4a90e226}.block-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.block-type-badge{align-items:center;background:#e6f7ff;border-radius:12px;color:#0050b3;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.list-group{display:flex;flex-direction:column;gap:12px}.list-item{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:15px;transition:all .2s}.list-item:hover{background:#f5f5f5;border-color:#d9d9d9}.text-muted{color:#999;font-size:13px}.text-danger{color:#ff4d4f}.text-success{color:#52c41a}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.divider{background:#e8e8e8;height:1px;margin:20px 0}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.card{padding:16px}.block-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header-actions{flex-wrap:wrap;justify-content:flex-start!important}.page-header-actions .btn{flex:1 1 auto;justify-content:center;min-width:max-content}.block-title-row{align-items:flex-start!important;flex-direction:column!important;gap:16px!important}.block-title-info{width:100%}.block-title-info,.block-title-info .form-input{max-width:100%!important}.block-actions{flex-wrap:wrap;justify-content:flex-start!important;width:100%}.btn-icon{height:40px;min-width:40px}.exercise-block-header{width:100%}.add-exercise-btn{justify-content:center!important;width:100%!important}.text-image-audio-container{grid-template-columns:1fr!important}}@media (max-width:480px){.card{padding:12px}.page-header-actions .btn{font-size:15px;padding:12px 16px}.block-title-info{gap:8px!important}.block-title-info>div:first-child{font-size:20px!important}.block-title-info .form-input{font-size:15px!important;padding:8px 10px!important}.block-actions{gap:6px!important}.btn-icon{height:36px;min-width:36px;padding:6px}.add-exercise-btn{font-size:14px!important;padding:12px 14px!important}.ql-editor img,.theory-content img,.theory-preview img{height:auto!important;max-width:100%!important}}.fade-in{animation:fadeIn .3s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.quill-container{position:relative}.quill-container .quill{display:flex;flex-direction:column;height:auto}.quill{background:#fff}.ql-toolbar.ql-snow,.quill{position:relative;z-index:1}.ql-toolbar.ql-snow{background:#fafafa;border:none;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:12px}.ql-container.ql-snow{border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px}.ql-editor{max-height:400px;min-height:200px;overflow-y:auto;padding:20px}.ql-editor.ql-blank:before{color:#999;font-style:normal}.ql-editor img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:20px auto;max-height:400px;max-width:500px}.ql-snow .ql-stroke{stroke:#666}.ql-snow .ql-fill{fill:#666}.ql-snow .ql-picker-label{color:#666}.ql-toolbar.ql-snow .ql-picker-item:hover,.ql-toolbar.ql-snow .ql-picker-label:hover,.ql-toolbar.ql-snow button.ql-active,.ql-toolbar.ql-snow button:focus,.ql-toolbar.ql-snow button:hover{color:#4a90e2}.ql-toolbar.ql-snow button.ql-active .ql-stroke,.ql-toolbar.ql-snow button:focus .ql-stroke,.ql-toolbar.ql-snow button:hover .ql-stroke{stroke:#4a90e2}.ql-toolbar.ql-snow button.ql-active .ql-fill,.ql-toolbar.ql-snow button:focus .ql-fill,.ql-toolbar.ql-snow button:hover .ql-fill{fill:#4a90e2}.ql-snow a{color:#4a90e2}.theory-preview img{display:block;margin:20px auto}.theory-content img,.theory-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-height:400px;max-width:500px}.spinner{animation:spin 1s linear infinite}.view-lessons-page{margin:0 auto;max-width:1400px;padding:20px}.view-lessons-header{margin-bottom:30px}.header-top{align-items:center;display:flex;gap:15px;margin-bottom:20px}.header-icon{color:#4a90e2;font-size:32px}.view-lessons-header h1{color:#2c3e50;font-size:28px;margin:0}.filters-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.filters-icon{align-items:center;color:#555;display:flex;font-weight:600;gap:8px;margin-bottom:15px}.filters-row{display:flex;flex-wrap:wrap;gap:15px}.filters-row select{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;min-width:200px;padding:10px 15px}.btn-apply-filters,.btn-reset-filters{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.btn-apply-filters{background:#4a90e2;color:#fff}.btn-apply-filters:hover{background:#357abd}.btn-reset-filters{background:#e0e0e0;color:#333}.btn-reset-filters:hover{background:#ccc}.view-lessons-loading{color:#666;font-size:18px;padding:50px;text-align:center}.error-message{background:#fee;border-radius:6px;color:#c33;margin-bottom:20px;padding:15px}.lessons-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-lessons{color:#999;grid-column:1/-1;padding:60px 20px;text-align:center}.no-lessons svg{color:#ddd;margin-bottom:15px}.lesson-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s}.lesson-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.lesson-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.lesson-category{background:#4a90e2;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.lesson-date{color:#999;font-size:12px}.lesson-title{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 10px}.lesson-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px}.lesson-meta{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:5px;margin-bottom:15px;padding-bottom:15px}.meta-item{color:#555;font-size:13px}.lesson-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.stat-item{background:#f0f0f0;border-radius:5px;color:#555;font-size:12px;padding:5px 10px}.lesson-actions{display:flex;gap:10px}.btn-delete,.btn-edit,.btn-view{flex:1 1;font-size:14px;font-weight:500;gap:8px;padding:10px;transition:all .3s}.btn-delete .btn-text,.btn-edit .btn-text,.btn-view .btn-text{display:inline}.view-lessons-page .btn-delete svg,.view-lessons-page .btn-edit svg,.view-lessons-page .btn-view svg{flex-shrink:0;height:18px;width:18px}.btn-view{background:#4a90e2;color:#fff}.btn-view:hover{background:#357abd}.btn-edit{background:#52c41a;color:#fff}.btn-edit:hover{background:#429a0d}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b}.lesson-details-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.modal-content{border-radius:12px;max-height:90vh;max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h2{margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .3s;width:40px}.btn-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:20px}.detail-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#4a90e2;font-size:18px;margin-bottom:15px}.detail-section h4{color:#2c3e50;margin-bottom:10px}.detail-section p{color:#555;line-height:1.6;margin:8px 0}.exercise-info,.sentence-item,.text-item,.video-item{background:#f8f9fa;border-radius:8px;margin-bottom:10px;padding:15px}.sentence-item p,.text-item p,.video-item p{margin:5px 0}.semantic-parts{color:#4a90e2;font-style:italic}.text-description{color:#777;font-style:italic}.text-content{margin:15px 0}.full-text{background:#fff;border-left:3px solid #4a90e2;margin:10px 0;padding:10px;white-space:pre-wrap}.text-exercises,.text-sentences{border-top:1px solid #ddd;margin-top:15px;padding-top:15px}.video-item a{color:#4a90e2;text-decoration:none}.video-item a:hover{text-decoration:underline}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:60px;z-index:998}@media (max-width:768px){.view-lessons-container{position:relative}.lessons-sidebar{bottom:0;left:0;position:fixed!important;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:280px!important;z-index:999}.lessons-sidebar.open{transform:translateX(0)}.lessons-sidebar.open~.sidebar-overlay,.sidebar-overlay{display:block}.view-lessons-page{padding:15px;width:100%}.view-lessons-header h1{font-size:24px}.header-icon{font-size:28px}.filters-section{padding:15px}.filters-row select{min-width:100%}.lessons-list{gap:15px;grid-template-columns:1fr}.lesson-card{padding:15px}.lesson-title{font-size:18px}.lesson-actions{flex-direction:row;gap:8px;justify-content:space-between}.btn-delete,.btn-edit,.btn-view{flex:1 1;gap:0;padding:12px 8px}.btn-delete .btn-text,.btn-edit .btn-text,.btn-view .btn-text{display:none}.btn-delete svg,.btn-edit svg,.btn-view svg{height:20px!important;margin:0!important;width:20px!important}}@media (max-width:480px){.view-lessons-page{padding:10px}.view-lessons-header{margin-bottom:20px}.view-lessons-header h1{font-size:20px}.header-icon{font-size:24px}.header-top{gap:10px}.filters-section{padding:12px}.filters-icon{font-size:14px}.btn-apply-filters,.btn-reset-filters,.filters-row select{font-size:14px;padding:12px}.lesson-card{padding:12px}.lesson-title{font-size:16px}.lesson-description{font-size:13px}.btn-delete,.btn-edit,.btn-view{flex:1 1;gap:0;padding:10px 6px}.btn-delete .btn-text,.btn-edit .btn-text,.btn-view .btn-text{display:none}.btn-delete svg,.btn-edit svg,.btn-view svg{height:18px!important;width:18px!important}}@media (max-width:768px){.lessons-list{grid-template-columns:1fr}.filters-row{flex-direction:column}.btn-apply-filters,.btn-reset-filters,.filters-row select{width:100%}.modal-content{max-height:95vh;max-width:100%}}.tests-page .card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014}.tests-page .form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.tests-page .form-group select{border:2px solid #e8e8e8;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.tests-page{margin:-20px auto 0;max-width:1200px;padding:0 20px 20px}.tests-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tests-page-header h1{margin:0}.btn-create-test{align-items:center;background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 25px}.btn-create-test:hover{background:#357abd}.tests-filter-card{margin-bottom:20px;padding:20px}.tests-list{grid-gap:15px;display:grid;gap:15px;width:100%}.tests-list .test-card{box-sizing:border-box;width:100%}.test-card{display:flex;flex-direction:column;gap:16px;padding:24px}.test-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.test-card-title{color:#2c3e50;font-size:20px;margin:0}.test-card-difficulty{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.test-card-blocks-badge{background:#f0f0f0;border-radius:12px;color:#666;font-size:13px;padding:4px 12px}.test-card-description{color:#666;font-size:14px;line-height:1.5;margin:0}.test-card-meta{color:#999;display:flex;flex-wrap:wrap;font-size:14px;gap:20px}.test-card-meta span{align-items:center;display:flex;gap:5px}.test-card-actions{display:flex;flex-wrap:wrap;gap:10px}.test-card-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 15px}.btn-test-results{background:#52c41a;color:#fff}.btn-test-results:hover{background:#389e0d}.btn-test-edit{background:#4a90e2;color:#fff}.btn-test-edit:hover{background:#357abd}.btn-test-delete{background:#ff4d4f;color:#fff}.btn-test-delete:hover{background:#cf1322}.tests-empty{padding:60px 20px;text-align:center}.tests-empty p{color:#999;font-size:18px;margin:0}@media (max-width:768px){.tests-page-header{align-items:stretch;flex-direction:column;gap:15px}.btn-create-test{justify-content:center;width:100%}.test-card{padding:20px}.test-card-header{align-items:flex-start;flex-direction:column}.test-card-title{font-size:18px}.test-card-meta{flex-direction:column;gap:8px}.test-card-actions{flex-direction:row;justify-content:flex-start;width:100%}.test-card-actions button{flex:0 1 auto;min-width:auto}}@media (max-width:480px){.tests-page{padding:0 15px 15px}.test-card{padding:16px}.test-card-actions{flex-direction:row;flex-wrap:wrap}.test-card-actions button{flex:0 1 auto;min-width:auto}}.test-blocks-checking-page{box-sizing:border-box;margin-left:-30px;margin-right:-30px;max-width:none;padding:20px 30px;width:calc(100% + 60px)}.test-blocks-checking-header{margin-bottom:30px}.test-blocks-checking-header h2{margin:0}.test-blocks-checking-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.test-blocks-filter-btn{align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:400;gap:8px;padding:10px 20px;transition:all .2s}.test-blocks-filter-btn.pending{background:#fff}.test-blocks-filter-btn.pending.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.test-blocks-filter-btn.checked{background:#fff}.test-blocks-filter-btn.checked.active{background:#52c41a;border-color:#52c41a;color:#fff}.test-blocks-filter-btn.all{background:#fff}.test-blocks-filter-btn.all.active{background:#666;border-color:#666;color:#fff}.test-blocks-loading{color:#999;padding:40px;text-align:center}.test-blocks-empty{background:#f9f9f9;border-radius:12px;color:#999;padding:60px;text-align:center}.test-blocks-empty p{margin:0}.test-blocks-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;max-width:100%;width:100%}.test-blocks-result-card{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr auto;max-width:100%;min-width:0;padding:24px;transition:all .2s;width:100%}.test-blocks-result-card:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e226}.test-blocks-result-info{min-width:0}.test-blocks-result-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.test-blocks-result-header h3{color:#2c3e50;font-size:18px;margin:0}.test-blocks-status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.test-blocks-status-badge.checked{background:#52c41a;color:#fff}.test-blocks-status-badge.pending{background:#faad14;color:#fff}.test-blocks-test-title{color:#666;font-size:14px;margin-bottom:10px}.test-blocks-result-meta{color:#999;display:flex;flex-wrap:wrap;font-size:14px;gap:20px}.test-blocks-result-meta span{align-items:center;display:flex;gap:4px}.test-blocks-result-meta .score-final{color:#52c41a;font-weight:600}.test-blocks-result-meta .score-auto{color:#4a90e2;font-weight:600}.btn-test-blocks-check{align-items:center;background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px 24px;white-space:nowrap}.btn-test-blocks-check:hover{background:#357abd}@media (max-width:768px){.test-blocks-checking-page{margin-left:-15px;margin-right:-15px;padding:15px 20px;width:calc(100% + 30px)}.test-blocks-checking-filters{flex-direction:column}.test-blocks-filter-btn{justify-content:center;width:100%}.test-blocks-result-card{grid-template-columns:1fr;padding:20px}.test-blocks-result-header{align-items:flex-start;flex-direction:column}.test-blocks-result-meta{flex-direction:column;gap:8px}.btn-test-blocks-check{width:100%}}@media (max-width:480px){.test-blocks-checking-page{margin-left:-15px;margin-right:-15px;padding:12px 15px;width:calc(100% + 30px)}.test-blocks-result-card{padding:16px}.test-blocks-result-header h3{font-size:16px}}.theory-content img{display:block;height:auto!important;margin:20px auto;max-width:400px!important}.theory-content{line-height:1.8}.theory-content p{margin:15px 0}.theory-content h1,.theory-content h2,.theory-content h3{margin:20px 0 10px}.theory-content ol,.theory-content ul{margin:15px 0;padding-left:30px}.theory-content li{margin:8px 0}.error,.loading{color:#666;font-size:16px;padding:40px;text-align:center}.error{color:#ff4d4f}.lesson-sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:60px;z-index:998}@media (max-width:768px){.admin-lesson-view-container{position:relative}.lesson-sidebar{bottom:0;left:0;position:fixed!important;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:280px!important;z-index:999}.lesson-sidebar.open{transform:translateX(0)}.lesson-sidebar-overlay,.lesson-sidebar.open~.lesson-sidebar-overlay{display:block}.theory-content img{max-width:100%!important}main{width:100%}main>div:first-of-type{flex-wrap:wrap;gap:10px;padding:15px!important}main>div:first-of-type>div:first-child{width:100%}main>div:first-of-type>div:last-child{flex-wrap:wrap;gap:8px;justify-content:flex-start!important;width:100%}main>div:first-of-type>div:last-child>button{flex:1 1;font-size:13px;min-width:calc(50% - 4px);padding:8px 12px}main>div:first-of-type h1{font-size:18px!important}.block-navigation{flex-direction:column!important;gap:12px!important;padding:15px!important}.block-navigation>div{width:100%}.block-navigation button{flex:1 1!important;min-width:auto!important}}@media (max-width:480px){main{padding:10px!important}main>div:first-of-type{padding:12px!important}main>div:first-of-type h1{font-size:16px!important}main>div:first-of-type button{font-size:12px;padding:8px 10px}main>div:last-child{padding:15px!important}}.homework-page{margin:0 auto;max-width:1200px}.homework-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.homework-header h1{color:#2c3e50;font-size:28px;margin:0}.btn-create{align-items:center;background:#52c41a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-create:hover{background:#389e0d;transform:translateY(-2px)}.homework-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px;text-align:center}.empty-state p{color:#666;font-size:18px;margin-bottom:20px}.homework-list{grid-gap:20px;display:grid;gap:20px}.homework-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.homework-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.homework-card-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column!important;gap:8px;padding:20px 25px}.homework-card-header h3{color:#2c3e50;font-size:20px;margin:0;width:100%}.homework-date{color:#999;font-size:13px}.homework-card-body{padding:20px 25px}.homework-description{color:#666;line-height:1.6}.homework-card-footer{align-items:stretch;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px;padding:16px 25px 18px}.homework-stats{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.stat{align-items:center;color:#666;display:flex;font-size:14px;gap:6px}.stat.success{color:#52c41a}.homework-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:0}.homework-actions .btn-edit{margin-top:0!important}.btn-delete,.btn-edit,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-view{background:#e3f2fd;color:#1976d2}.btn-view:hover{background:#1976d2;color:#fff}.btn-edit{background:#fff3e0;color:#f57c00}.btn-edit:hover{background:#f57c00;color:#fff}.btn-delete{background:#ffebee;color:#f44336}.btn-delete:hover{background:#f44336;color:#fff}.view-homework-page{margin:0 auto;max-width:1000px}.view-homework-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.view-homework-header h1{color:#2c3e50;flex:1 1;font-size:28px;margin:0}.btn-back{background:#f0f0f0;border:none;color:#333;padding:10px 16px}.btn-back:hover{background:#e0e0e0}.btn-edit-hw{align-items:center;background:#f57c00;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.btn-edit-hw:hover{background:#ef6c00}.homework-content-card,.homework-info-card,.students-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.info-row{border-bottom:1px solid #f0f0f0;display:flex;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#666;font-weight:600;width:150px}.info-row .value{color:#333}.homework-content-card h2,.students-card h2{color:#2c3e50;font-size:20px;margin:0 0 20px}.homework-description-full{color:#444;font-size:15px;line-height:1.8}.homework-description-full p{margin:10px 0}.homework-description-full a{color:#1976d2;text-decoration:none}.homework-description-full a:hover{text-decoration:underline}.students-list{grid-gap:12px;display:grid;gap:12px}.student-item{align-items:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.student-info{flex:1 1}.student-name{color:#333;font-weight:600;margin-bottom:4px}.student-email{font-size:13px}.student-status{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px}.student-status.read{color:#52c41a}.student-status.unread{color:#ff9800}.read-date{color:#999;font-size:12px;margin-left:8px}.empty-message{color:#999;font-style:italic;padding:20px;text-align:center}.homework-error{align-items:center;color:#f44336;display:flex;font-size:18px;justify-content:center;min-height:400px}@media (max-width:768px){.homework-page{padding:15px}.homework-header{align-items:stretch;flex-direction:column;gap:15px}.homework-header h1{font-size:24px}.btn-create{justify-content:center;width:100%}.homework-card-body,.homework-card-header{padding:16px 20px}.homework-card-footer{gap:14px;padding:14px 20px 16px}.homework-stats{gap:8px;width:100%}.homework-actions{justify-content:flex-start;width:100%}.view-homework-header{align-items:stretch;flex-direction:column;gap:12px}.view-homework-header h1{font-size:22px}}@media (max-width:480px){.homework-page{padding:10px}.homework-header h1{font-size:20px}.homework-card-header h3{font-size:18px}.btn-delete,.btn-edit,.btn-view{height:40px;width:40px}}.create-homework-page{margin:0 auto;max-width:900px}.create-homework-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.create-homework-header h1{color:#2c3e50;font-size:28px;margin:0}.btn-back{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 18px;transition:all .2s}.btn-back:hover{background:#e8e8e8}.homework-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-section{margin-bottom:30px}.form-label{color:#2c3e50;display:block;font-size:15px;font-weight:600;margin-bottom:10px}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#1976d2;outline:none}.quill-wrapper{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}.quill-wrapper .ql-container{font-size:15px;min-height:250px}.quill-wrapper .ql-editor{min-height:250px}.form-hint{color:#666;font-size:13px;font-style:italic;margin-top:8px}.students-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.students-actions{display:flex;gap:10px}.btn-deselect-all,.btn-select-all{background:#f0f7ff;border:1px solid #d0e7ff;border-radius:6px;color:#1976d2;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.btn-select-all:hover{background:#e3f2fd}.btn-deselect-all{background:#fff3e0;border-color:#ffe0b2;color:#f57c00}.btn-deselect-all:hover{background:#ffe0b2}.students-grid{grid-gap:12px;background:#fafafa;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding:10px}.student-checkbox{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.student-checkbox:hover{border-color:#1976d2;box-shadow:0 2px 4px #0000001a}.student-checkbox.selected{background:#e3f2fd;border-color:#1976d2}.student-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.student-name{color:#2c3e50;flex:1 1;font-size:14px;font-weight:500}.student-email{color:#999;font-size:12px}.no-students{color:#999;padding:40px;text-align:center}.form-actions{padding-top:20px}.btn-cancel{background:#f5f5f5;font-size:15px}.btn-cancel:hover:not(:disabled){background:#e8e8e8}.btn-save{align-items:center;background:#52c41a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save:hover:not(:disabled){background:#389e0d;transform:translateY(-1px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.create-homework-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.materials-page{margin:0 auto;max-width:1200px}.materials-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.materials-header h1{color:#2c3e50;font-size:28px;margin:0 0 5px}.materials-header p{color:#666;margin:0}.btn-create-material{background:#52c41a;font-size:15px;transition:all .2s}.btn-create-material:hover{background:#389e0d;transform:translateY(-2px)}.materials-filters{display:flex;gap:10px;margin-bottom:25px}.filter-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 18px;transition:all .2s}.filter-btn:hover{border-color:#4a90e2;color:#4a90e2}.filter-btn.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.materials-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.empty-materials{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px;text-align:center}.empty-materials p{color:#666;font-size:18px;margin-bottom:20px}.btn-create-empty{align-items:center;background:#52c41a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-create-empty:hover{background:#389e0d;transform:translateY(-2px)}.materials-list{grid-gap:15px;display:grid;gap:15px}.material-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:25px;transition:all .3s}.material-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.material-icon{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.material-info{flex:1 1}.material-info h3{color:#2c3e50;font-size:18px;margin:0 0 8px}.material-description{color:#666;font-size:14px;margin:0 0 10px}.material-meta{display:flex;font-size:13px;gap:15px}.material-type{color:#4a90e2;font-weight:500}.material-date{color:#999}.material-actions{display:flex;gap:8px}.btn-delete-mat,.btn-download,.btn-edit-mat{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-download{background:#e8f5e9;color:#52c41a}.btn-download:hover{background:#52c41a;color:#fff}.btn-edit-mat{background:#fff3e0;color:#f57c00}.btn-edit-mat:hover{background:#f57c00;color:#fff}.btn-delete-mat{background:#ffebee;color:#f44336}.btn-delete-mat:hover{background:#f44336;color:#fff}.create-material-page{margin:0 auto;max-width:900px}.create-material-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.create-material-header h1{color:#2c3e50;font-size:28px;margin:0}.btn-back-mat{align-items:center;background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.btn-back-mat:hover{background:#e0e0e0}.material-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=text],.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-group input[type=file]{border:2px dashed #e0e0e0;border-radius:8px;cursor:pointer;padding:10px;width:100%}.file-info{color:#666;font-size:13px;margin-top:10px}.type-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.type-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:25px;transition:all .2s}.type-btn:hover{background:#f8f9fa;border-color:#4a90e2}.type-btn.active{background:#e7f3ff;border-color:#4a90e2}.type-btn span{color:#333;font-weight:500}.form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:25px}.btn-cancel{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#f5f5f5}.btn-save-mat{align-items:center;background:#52c41a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-save-mat:hover:not(:disabled){background:#389e0d}.btn-save-mat:disabled{cursor:not-allowed;opacity:.6}.admin-dashboard{background:var(--bg-light);display:flex;flex-direction:column;min-height:100vh}.admin-top-nav{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;box-sizing:border-box;color:#fff;justify-content:space-between;left:0;min-height:60px;padding:10px 20px 12px;position:fixed;right:0;top:0;z-index:1002}.admin-top-nav,.top-nav-left{align-items:center;display:flex}.top-nav-left{gap:10px}.sidebar-toggle-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.sidebar-toggle-button:hover{background:#ffffff4d;transform:translateY(-1px)}.top-nav-brand{font-size:13px;gap:6px;letter-spacing:.3px;margin-right:15px}.top-nav-links{align-content:center;flex-wrap:wrap;gap:4px;min-height:36px;row-gap:6px}.nav-dropdown{position:relative}.top-nav-link{background:#0000;border:none;border-radius:6px;color:#ffffffd9;cursor:pointer;font-size:14px!important;font-weight:500;gap:10px!important;padding:5px 10px!important;transition:all .2s ease;white-space:nowrap}.top-nav-link svg{height:12px!important;width:12px!important}.top-nav-link:hover{background:#ffffff26;color:#fff}.top-nav-link.active{box-shadow:0 2px 8px #00000026;color:#fff}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:5px;min-width:140px;padding:4px;position:absolute;top:100%;z-index:1001}.dropdown-item{align-items:center;border-radius:5px;color:#333;display:flex;font-size:14px;font-weight:500;gap:5px;padding:4px 7px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dropdown-item:hover{background:#f0f7ff;color:#4a90e2}.dropdown-item.active{background:#e7f3ff;color:#4a90e2;font-weight:600}.top-nav-user{gap:10px;margin-left:auto}.btn-logout-top,.user-name{font-size:11px;font-weight:500}.btn-logout-top{border-radius:5px;padding:5px 10px}.btn-logout-top:hover{background:#ef444466;transform:translateY(-2px)}.admin-content-wrapper{background:var(--bg-light);flex:1 1;margin-top:100px;padding:30px}.dashboard-card{color:inherit;text-decoration:none}@media (max-width:768px){.admin-top-nav{height:60px;min-height:60px;padding:0 15px}.top-nav-brand{font-size:14px;left:50%;margin-right:0;position:absolute;transform:translateX(-50%)}.admin-mobile-menu-button{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:10px;transition:all .3s;width:40px}.admin-mobile-menu-button:hover{background:#ffffff40}.top-nav-links{background:linear-gradient(180deg,#667eea,#764ba2);flex-direction:column;flex-wrap:nowrap;gap:8px;left:0;max-height:calc(100vh - 60px);overflow-y:auto;padding:20px 15px;position:fixed;right:0;top:60px;transform:translateX(-100%);transition:transform .3s ease;z-index:1001}.top-nav-links.admin-mobile-menu-open{transform:translateX(0)}.top-nav-link{background:#ffffff26;font-size:16px!important;gap:12px!important;justify-content:flex-start;margin:0;min-height:52px;padding:15px 20px!important;width:100%}.top-nav-link span{display:inline!important;font-size:16px!important;font-weight:500}.top-nav-link svg{height:20px!important;width:20px!important}.nav-dropdown{width:100%}.dropdown-menu{background:#ffffff1a;box-shadow:none;margin-left:20px;margin-top:8px;padding:8px;position:static}.dropdown-item{color:#fff;font-size:15px;gap:10px;padding:12px 16px}.dropdown-item:hover{background:#fff3;color:#fff}.dropdown-item.active{background:#ffffff40;color:#fff}.dropdown-item svg{height:18px;width:18px}.user-name{display:none}.btn-logout-top{height:40px;justify-content:center;padding:8px;width:40px}.btn-logout-top svg{margin:0}.btn-logout-text{display:none}.admin-mobile-overlay{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:60px;transition:opacity .3s ease;z-index:1000}.admin-mobile-overlay.active{opacity:1;pointer-events:all}.admin-content-wrapper{margin-top:60px;padding:20px 15px}.dashboard-cards{gap:15px;grid-template-columns:1fr}.dashboard-card{padding:20px}}@media (min-width:769px){.admin-mobile-menu-button,.admin-mobile-overlay{display:none}.btn-logout-text{display:inline}}.teacher-materials-page{margin:0 auto;max-width:1200px}.teacher-materials-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.teacher-materials-header h1{color:#2c3e50;font-size:28px;margin:0 0 8px}.teacher-materials-header p{color:#666;font-size:15px;margin:0}.btn-create-material{align-items:center;background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background .2s;white-space:nowrap}.btn-create-material:hover{background:#357abd}.teacher-materials-filters{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.teacher-materials-filters-inner{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.teacher-materials-search{flex:1 1;min-width:250px;position:relative}.teacher-materials-search input{border:2px solid #e8e8e8;border-radius:8px;font-size:14px;padding:10px 10px 10px 40px;transition:border-color .2s;width:100%}.teacher-materials-search input:focus{border-color:#4a90e2;outline:none}.teacher-materials-search .search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.teacher-materials-category-select{background:#fff;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;font-size:14px;min-width:180px;padding:10px 15px}.teacher-materials-list{grid-gap:16px;display:grid;gap:16px}.teacher-material-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .2s}.teacher-material-card:hover{border-color:#e8e8e8;box-shadow:0 4px 12px #0000001a}.teacher-material-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.teacher-material-category{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.teacher-material-title{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.teacher-material-content-preview{color:#666;font-size:14px;line-height:1.6;max-height:100px;overflow:hidden;white-space:pre-wrap}.teacher-material-tags{display:flex;flex-wrap:wrap;gap:6px}.teacher-material-tag{align-items:center;background:#f5f5f5;border-radius:12px;color:#666;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.teacher-material-meta{color:#999;display:flex;font-size:13px;gap:15px}.teacher-material-meta span{align-items:center;display:flex;gap:5px}.teacher-material-actions{display:flex;flex-wrap:wrap;gap:10px}.teacher-material-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.btn-material-pin{background:#f0f0f0;color:#666}.btn-material-pin.pinned{background:#faad14;color:#fff}.btn-material-edit{background:#4a90e2;color:#fff}.btn-material-edit:hover{background:#357abd}.btn-material-delete{background:#ff4d4f;color:#fff}.btn-material-delete:hover{background:#cf1322}.pin-icon{fill:#faad14;color:#faad14}.teacher-materials-empty{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.teacher-materials-empty p{color:#999;font-size:16px;margin:0}.teacher-materials-loading{color:#666;padding:60px;text-align:center}@media (max-width:768px){.teacher-materials-header{align-items:stretch;flex-direction:column}.btn-create-material{justify-content:center;width:100%}.teacher-materials-filters-inner{align-items:stretch;flex-direction:column}.teacher-materials-search{min-width:100%}.teacher-materials-category-select{min-width:100%;width:100%}.teacher-material-card{padding:20px}.teacher-material-header{align-items:flex-start;flex-direction:column;gap:10px}.teacher-material-title{font-size:18px}.teacher-material-actions{justify-content:flex-start;width:100%}.teacher-material-actions button{flex:1 1;justify-content:center;min-width:calc(33% - 7px)}}@media (max-width:480px){.teacher-materials-header h1{font-size:24px}.teacher-material-card{padding:16px}.teacher-material-actions{flex-direction:column}.teacher-material-actions button{justify-content:center;min-width:100%;width:100%}}.student-dashboard{display:flex;flex-direction:column;min-height:100vh}.student-top-nav{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;height:70px;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:1002}.top-nav-brand{align-items:center;display:flex;font-size:20px;font-weight:700;gap:10px}.top-nav-links{display:flex;flex:1 1;gap:5px;justify-content:center}.top-nav-link{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:15px;gap:8px;margin:0 3px;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s}.top-nav-link .badge-count{background:#ff4757;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:3px;text-align:center;top:3px}.top-nav-link:hover{background:#fff3}.top-nav-link.active{background:#ffffff40;font-weight:600}.top-nav-user{align-items:center;display:flex;gap:15px}.user-name{font-size:14px;opacity:.9}.btn-logout-top{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s}.btn-logout-top:hover{background:#ffffff40}.student-main-wrapper{display:flex;flex:1 1}.student-content{background:var(--bg-light);flex:1 1;padding:30px}.lesson-sidebar{background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;height:calc(100vh - 70px);overflow-y:auto;position:sticky;top:70px;width:300px}.lesson-sidebar-header{border-bottom:1px solid #e8e8e8;padding:20px}.lesson-sidebar-tabs{display:flex;gap:5px;margin-bottom:15px}.lesson-sidebar-tab{align-items:center;background:#f5f5f5;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .3s}.lesson-sidebar-tab.active{background:#4a90e2;color:#fff}.lesson-sidebar-areas{border-bottom:1px solid #e8e8e8;padding:0 20px}.lesson-sidebar-area{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;padding:12px;transition:all .3s}.lesson-sidebar-area:hover{background:#f5f5f5}.lesson-sidebar-area.active{background:#e3f2fd;color:#1976d2}.lesson-sidebar-lessons{flex:1 1;overflow-y:auto;padding:20px}.lesson-sidebar-lesson{border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;font-size:13px;margin-bottom:8px;padding:12px;transition:all .3s}.lesson-sidebar-lesson:hover{background:#f5f5f5}.lesson-sidebar-lesson.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.lesson-sidebar-lesson-title{font-weight:600;margin-bottom:4px}.lesson-sidebar-lesson-level{font-size:11px;opacity:.7}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px}.dashboard-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:block;padding:30px;text-align:center;transition:all .3s}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.dashboard-card h3{color:var(--text-primary);font-size:18px;margin:15px 0 10px}.dashboard-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1100}.modal-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;margin:auto;max-height:80vh;max-width:800px;width:100%}.modal-header{background:#fff;border-bottom:1px solid #e8e8e8;flex-shrink:0;padding:25px 30px}.modal-header h2{color:#2c3e50}.modal-close-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.modal-close-btn:hover{background:#e0e0e0;color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:30px}@media (max-width:768px){.student-top-nav{height:60px;padding:0 15px}.top-nav-brand{font-size:16px;gap:8px}.top-nav-brand svg{height:20px;width:20px}.top-nav-links{background:linear-gradient(180deg,#667eea,#764ba2);flex-direction:column;gap:12px;left:0;max-height:calc(100vh - 60px);overflow-y:auto;padding:20px 15px;position:fixed;right:0;top:60px;transform:translateX(-100%);transition:transform .3s ease;z-index:1001}.top-nav-links.mobile-menu-open{transform:translateX(0)}.top-nav-link{background:#ffffff26;color:#fff;font-size:17px;justify-content:flex-start;margin:0;min-height:56px;padding:18px 20px;width:100%}.top-nav-link span{color:#fff;display:inline;font-weight:500}.top-nav-link svg{color:#fff;height:22px;width:22px}.top-nav-link .badge-count{margin-left:auto;position:static}.mobile-menu-button{align-items:center;background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.mobile-menu-button:hover{background:#ffffff40}.top-nav-user{gap:10px}.user-name{display:none}.btn-logout-top{height:40px;justify-content:center;padding:8px;width:40px}.btn-logout-top svg{margin:0}.btn-logout-text{display:none}.student-content{padding:15px}.dashboard-cards{gap:15px;grid-template-columns:1fr;margin-top:20px}.dashboard-card{padding:20px}.dashboard-card h3{font-size:16px;margin:10px 0 8px}.dashboard-card p{font-size:13px}.dashboard-card svg{height:32px!important;width:32px!important}.lesson-sidebar{box-shadow:2px 0 10px #0000001a;height:calc(100vh - 60px);left:0;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:998}.lesson-sidebar.mobile-sidebar-open{transform:translateX(0)}.lesson-sidebar-header{padding:15px}.lesson-sidebar-tab{font-size:12px;padding:8px}.lesson-sidebar-areas{padding:0 15px}.lesson-sidebar-area{font-size:13px;padding:10px}.lesson-sidebar-lessons{padding:15px}.lesson-sidebar-lesson{font-size:12px;padding:10px}.mobile-sidebar-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s;width:56px;z-index:997}.mobile-sidebar-toggle:active{transform:scale(.95)}.mobile-overlay{background:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:60px;transition:opacity .3s ease;z-index:1000}.mobile-overlay.active{opacity:1;pointer-events:all}.page-header h1{font-size:24px}.page-header p{font-size:14px}.card,.sentence-block{padding:15px!important}button{font-size:14px!important}.modal-overlay{align-items:center;padding:10px}.modal-content{border-radius:12px;max-height:85vh;max-width:100%}.modal-header{padding:15px 20px}.modal-header h2{font-size:18px!important}.modal-close-btn{font-size:28px;height:40px;width:40px}.modal-body{padding:20px}}@media (max-width:480px){.student-top-nav{padding:0 10px}.top-nav-brand{font-size:14px}.student-content{padding:10px}.dashboard-cards{gap:10px}.dashboard-card{padding:15px}.lesson-sidebar{max-width:280px;width:100%}.card{padding:12px!important}.page-header h1{font-size:20px}.mobile-sidebar-toggle{bottom:15px;height:50px;right:15px;width:50px}.modal-overlay{align-items:center;padding:5px}.modal-content{border-radius:8px;max-height:90vh}.modal-header{padding:12px 15px}.modal-header h2{font-size:16px!important}.modal-close-btn{font-size:24px;height:36px;width:36px}.modal-body{padding:15px}}@media (min-width:769px){.mobile-menu-button,.mobile-overlay,.mobile-sidebar-toggle{display:none}.btn-logout-text{display:inline;margin-left:6px}.top-nav-link span{display:inline}}.test-blocks-card{padding:25px}.test-blocks-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.test-blocks-info{flex:1 1}.test-blocks-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.test-blocks-title-row h3{margin:0}.test-blocks-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.test-blocks-badge.checking{align-items:center;background:#faad14;display:flex;gap:4px}.test-blocks-meta{color:#999;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-top:15px}.test-blocks-meta span{align-items:center;display:flex;gap:5px}.test-blocks-btn{align-items:center;background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 25px;transition:all .2s;white-space:nowrap}.test-blocks-btn:hover{background:#3d7bc7}.test-blocks-btn.view-results{background:#52c41a}.test-blocks-btn.view-results:hover{background:#389e0d}@media (max-width:768px){.test-blocks-card{padding:20px}.test-blocks-content{align-items:stretch;flex-direction:column;gap:15px}.test-blocks-title-row{gap:10px}.test-blocks-title-row h3{flex:1 1 100%;font-size:16px}.test-blocks-badge{font-size:11px;padding:3px 10px}.test-blocks-meta{font-size:13px;gap:12px}.test-blocks-btn{justify-content:center;padding:14px 20px;width:100%}}@media (max-width:480px){.test-blocks-card{padding:15px}.test-blocks-title-row h3{font-size:15px}.test-blocks-meta{flex-direction:column;gap:8px}.test-blocks-btn{font-size:15px;padding:12px 16px}}.student-homework-page{margin:0 auto;max-width:1200px}.empty-homework{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px;text-align:center}.empty-homework h2{color:#666;margin:20px 0 10px}.empty-homework p{color:#999}.homework-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.homework-card-student{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:25px;position:relative;transition:all .3s}.homework-card-student:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.homework-card-student.unread{background:linear-gradient(180deg,#e3f2fd 0,#fff 100px);border-color:#1976d2}.new-badge{background:#ff4757;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.homework-card-student h3{color:#2c3e50;font-size:18px;margin:0 0 15px;padding-right:60px}.homework-rating-inline{background:#f6ffed;border:1px solid #d9f7be;border-radius:999px;color:#2e7d32;font-size:13px;font-weight:600;padding:4px 10px;white-space:nowrap}.homework-preview{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.homework-card-footer-student{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:15px}.homework-date-small{color:#999}.homework-date-small,.read-indicator{align-items:center;display:flex;font-size:13px;gap:6px}.read-indicator{color:#52c41a;font-weight:500}.homework-detail-page{margin:0 auto;max-width:900px}.btn-back-homework{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-bottom:20px;padding:10px 18px;transition:all .2s}.btn-back-homework:hover{background:#f5f5f5;border-color:#1976d2;color:#1976d2}.homework-detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.homework-detail-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 40px}.homework-detail-header h1{font-size:28px;margin:0 0 15px}.homework-meta{align-items:center;display:flex;font-size:14px;gap:20px;opacity:.9}.homework-author,.homework-date{align-items:center;color:#fff;display:flex;gap:6px}.homework-detail-content{color:#2c3e50;font-size:16px;line-height:1.8;padding:40px}.homework-detail-content h1,.homework-detail-content h2,.homework-detail-content h3{color:#2c3e50;margin-bottom:15px;margin-top:25px}.homework-detail-content p{margin-bottom:15px}.homework-detail-content a{color:#1976d2;cursor:pointer;pointer-events:auto;text-decoration:underline;transition:color .2s}.homework-detail-content a:hover{color:#1565c0}.homework-detail-content ol,.homework-detail-content ul{margin:15px 0;padding-left:30px}.homework-detail-content li{margin-bottom:8px}.homework-read-status{align-items:center;background:#f0f9ff;border-top:1px solid #e8f5e9;color:#52c41a;display:flex;font-size:14px;gap:8px;padding:15px 40px}.homework-my-response{background:#fafafa;border-top:1px solid #eee;padding:30px 40px 40px}.homework-my-response h3{color:#2c3e50;font-size:18px;margin:0 0 16px}.homework-response-loading{color:#666;font-size:14px}.homework-response-text{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;line-height:1.6;margin-bottom:16px;min-height:120px;padding:14px 16px;resize:vertical;width:100%}.homework-response-text:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.homework-response-text:disabled{background:#f5f5f5;color:#555;cursor:not-allowed}.homework-attachments{margin-bottom:20px}.homework-attachments-label{align-items:center;color:#555;display:inline-flex;font-size:14px;gap:6px;margin-bottom:8px}.homework-attachments-list{list-style:none;margin:0 0 10px;padding:0}.homework-attachments-list li{align-items:center;display:flex;font-size:14px;gap:10px;padding:6px 0}.homework-attachments-list a{color:#1976d2;text-decoration:none}.homework-attachments-list a:hover{text-decoration:underline}.homework-attachment-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;padding:4px 8px}.homework-attachment-remove:hover{background:#e5393514;color:#e53935}.homework-attachment-add{align-items:center;background:#fff;border:1px dashed #ccc;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 14px;transition:all .2s}.homework-attachment-add:hover{border-color:#667eea;color:#667eea}.homework-response-status.submitted{background:#e8f5e9;border-radius:8px;color:#2e7d32;font-size:14px;margin-bottom:16px;padding:12px 16px}.homework-teacher-comment{background:#fff8e1;border-left:4px solid #ffc107;border-radius:8px;font-size:14px;margin-bottom:16px;padding:16px}.homework-teacher-comment strong{color:#333;display:block;margin-bottom:8px}.homework-teacher-comment p{color:#555;line-height:1.5;margin:0}.homework-teacher-rating{background:#f6ffed;border-radius:8px;color:#2e7d32;font-size:14px;margin-bottom:16px;padding:12px 16px}.homework-response-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn-homework-draft{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s}.btn-homework-draft:hover:not(:disabled){background:#f5f5f5;border-color:#1976d2;color:#1976d2}.btn-homework-draft:disabled{cursor:not-allowed;opacity:.7}.btn-homework-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.btn-homework-submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-homework-submit:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.homework-grid{gap:15px;grid-template-columns:1fr}.homework-card-student{padding:20px}.homework-card-student h3{font-size:16px;padding-right:50px}.new-badge{font-size:11px;padding:3px 10px;right:12px;top:12px}.homework-preview{font-size:13px}.homework-card-footer-student{flex-wrap:wrap;gap:10px}.homework-rating-inline{font-size:12px}.homework-detail-page{max-width:100%}.homework-detail-header{padding:20px}.homework-detail-header h1{font-size:20px;margin:0 0 12px}.homework-meta{align-items:flex-start;flex-direction:column;font-size:13px;gap:8px}.homework-detail-content{font-size:15px;padding:20px}.homework-read-status{font-size:13px;padding:12px 20px}.homework-my-response{padding:20px}.homework-my-response h3{font-size:16px}.homework-response-text{font-size:14px;padding:12px}.homework-response-actions{flex-direction:column}.btn-homework-draft,.btn-homework-submit{justify-content:center;width:100%}.btn-back-homework{font-size:13px;padding:8px 14px}}@media (max-width:480px){.homework-card-student{padding:15px}.homework-card-student h3{font-size:15px}.homework-detail-header{padding:15px}.homework-detail-header h1{font-size:18px}.homework-detail-content{font-size:14px;padding:15px}.homework-my-response{padding:15px}.homework-read-status{padding:10px 15px}}.student-materials-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:30px;width:100%}.student-materials-header{margin-bottom:30px}.student-materials-header h1{color:#2c3e50;font-size:32px;margin:0 0 8px}.student-materials-header p{color:#666;font-size:16px;margin:0}.materials-controls{align-items:center;display:flex;gap:20px;margin-bottom:30px}.search-box{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;display:flex;flex:1 1;gap:10px;padding:12px 16px;position:relative;transition:border-color .2s}.search-box:focus-within{border-color:#4a90e2}.search-box svg{color:#999}.search-box input{background:#0000;border:none;color:#333;flex:1 1;font-size:15px;outline:none}.search-box input::placeholder{color:#999}.materials-filters-student{display:flex;gap:10px}.filter-btn-student{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:12px 20px;transition:all .2s}.filter-btn-student:hover{border-color:#4a90e2;color:#4a90e2}.filter-btn-student.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.student-materials-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:400px}.empty-materials-student{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:30px;padding:80px 20px;text-align:center}.empty-materials-student p{color:#666;font-size:18px}.student-materials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.student-material-card{align-items:flex-start;background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:20px;padding:25px;transition:all .3s}.student-material-card:hover{border-color:#4a90e2;box-shadow:0 4px 12px #4a90e24d;transform:translateY(-4px)}.student-material-icon{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.student-material-info{flex:1 1}.student-material-info h3{color:#2c3e50;font-size:18px;margin:0 0 10px}.student-material-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.student-material-meta{display:flex;font-size:12px;gap:15px}.student-material-type{color:#4a90e2;font-weight:500}.student-material-date{color:#999}.student-material-detail{margin:0 auto;max-width:1200px;padding:30px;width:100%}.material-detail-header{margin-bottom:30px}.btn-back-material{align-items:center;background:#fff;border:2px solid #4a90e2;border-radius:8px;color:#4a90e2;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .2s}.btn-back-material:hover{background:#4a90e2;color:#fff}.material-detail-header h1{color:#2c3e50;font-size:32px;margin:0}.material-detail-description{background:#f8f9fa;border-left:4px solid #4a90e2;border-radius:10px;color:#333;font-size:16px;line-height:1.6;margin-bottom:30px;padding:20px}.material-detail-content{background:#fff;border-radius:12px;color:#333;font-size:16px;line-height:1.8;padding:40px}.material-detail-content img{border-radius:8px;display:block;height:auto;margin:20px auto;max-width:600px}.material-detail-content h1,.material-detail-content h2,.material-detail-content h3{color:#2c3e50;margin-bottom:15px;margin-top:30px}.material-detail-content ol,.material-detail-content ul{margin:15px 0;padding-left:30px}.material-detail-content li{margin:8px 0}.material-detail-file{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;padding:60px}.file-info-box{text-align:center}.file-info-box svg{margin-bottom:20px}.file-info-box p{color:#333;font-size:18px;margin-bottom:25px}.btn-download-file{align-items:center;background:#52c41a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .2s}.btn-download-file:hover{background:#389e0d;transform:translateY(-2px)}@media (max-width:768px){.student-materials-page{padding:15px}.student-materials-header h1{font-size:24px}.student-materials-header p{font-size:14px}.materials-controls{align-items:stretch;flex-direction:column;gap:12px}.search-box{padding:10px 14px;width:100%}.materials-filters-student{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;width:100%}.filter-btn-student{font-size:13px;padding:10px 16px;white-space:nowrap}.student-materials-grid{gap:15px;grid-template-columns:1fr}.student-material-card{gap:15px;padding:20px}.student-material-icon{height:50px;width:50px}.student-material-icon svg{height:28px!important;width:28px!important}.student-material-info h3{font-size:16px}.student-material-description{font-size:13px}.student-material-meta{flex-wrap:wrap;gap:10px}.student-material-detail{padding:15px}.material-detail-header h1{font-size:22px}.btn-back-material{font-size:13px;padding:8px 16px}.material-detail-description{font-size:14px;margin-bottom:20px;padding:15px}.material-detail-content{font-size:15px;padding:20px}.material-detail-content img{max-width:100%}.material-detail-file{padding:40px 20px}.file-info-box p{font-size:16px}.btn-download-file{font-size:15px;padding:12px 24px}}@media (max-width:480px){.student-materials-page{padding:10px}.student-materials-header h1{font-size:20px}.student-material-card{gap:12px;padding:15px}.student-material-icon{height:44px;width:44px}.student-material-info h3{font-size:15px}.material-detail-header h1{font-size:20px}.material-detail-content{font-size:14px;padding:15px}.material-detail-file{padding:30px 15px}}
/*# sourceMappingURL=main.1be0541f.css.map*/