@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);.student-file-explorer{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sfe-header,.student-file-explorer{align-items:center;display:flex;padding:24px}.sfe-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;justify-content:space-between}.sfe-header-left{align-items:center;display:flex;gap:16px}.sfe-header-icon{color:#fff;height:40px;width:40px}.sfe-header-info h2{color:#fff;font-size:24px;font-weight:700;margin:0}.sfe-header-info p{color:#fffc;font-size:14px;margin:4px 0 0}.sfe-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.sfe-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.sfe-close-btn svg{height:24px;width:24px}.sfe-body{background:#fff;border-radius:0 0 16px 16px;height:calc(100vh - 200px);max-height:800px}.sfe-body,.sfe-sidebar{display:flex;overflow:hidden}.sfe-sidebar{background:#f8fafc;border-right:2px solid #e2e8f0;flex-direction:column;width:350px}.sfe-sidebar-header{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;display:flex;gap:12px;padding:20px}.sfe-sidebar-header h3{color:#2d3748;flex:1 1;font-size:16px;font-weight:600;margin:0}.view-toggle{background:#0000;border:2px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.view-toggle:hover{border-color:#cbd5e0}.view-toggle.active{background:#667eea;border-color:#667eea;color:#fff}.folders-tree{flex:1 1;overflow-y:auto;padding:12px}.folder-node{margin-bottom:8px}.folder-header{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.folder-header:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.folder-header.expanded{box-shadow:0 4px 12px #00000026}.folder-header-left{align-items:center;display:flex;flex:1 1;gap:8px}.folder-chevron{color:#4a5568;height:16px;transition:transform .2s;width:16px}.folder-icon{color:#667eea;height:20px;width:20px}.folder-name{color:#2d3748;font-size:14px;font-weight:600}.folder-header-right{align-items:center;display:flex;gap:8px}.folder-count{background:#0000001a;border-radius:10px;color:#4a5568;font-size:11px;font-weight:600;padding:2px 8px}.folder-content{overflow:hidden;padding-left:8px}.documents-container{margin-top:8px}.documents-container.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:12px}.documents-container.list{display:flex;flex-direction:column;gap:8px;padding:8px}.document-card-grid{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.document-card-grid:hover{border-color:#667eea;box-shadow:0 8px 16px #667eea33}.doc-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100px;justify-content:center}.doc-card-icon{color:#fff;height:48px;width:48px}.doc-card-icon svg{height:100%;width:100%}.doc-card-body{flex:1 1;padding:12px}.doc-card-body h4{color:#2d3748;font-size:13px;font-weight:600;margin:0 0 4px}.doc-card-body .doc-type,.doc-card-body h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-card-body .doc-type{color:#a0aec0;font-size:11px;margin:0 0 8px}.doc-card-meta{align-items:center;color:#718096;display:flex;font-size:10px;gap:4px}.doc-card-meta svg{height:12px;width:12px}.doc-card-footer{border-top:1px solid #e2e8f0;padding:8px 12px}.doc-card-view-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:6px;transition:all .2s;width:100%}.doc-card-view-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.doc-card-view-btn svg{height:14px;width:14px}.document-card-list{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.document-card-list:hover{background:#f8fafc;border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.document-card-list .doc-icon{align-items:center;background:#667eea1a;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.document-card-list .doc-icon svg{height:24px;width:24px}.document-card-list .doc-info{flex:1 1;min-width:0}.document-card-list .doc-info h4{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card-list .doc-info p{color:#a0aec0;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-card-list .doc-meta{align-items:center;border-left:2px solid #e2e8f0;color:#718096;display:flex;font-size:12px;gap:6px;padding:0 12px}.document-card-list .doc-meta svg{height:16px;width:16px}.document-card-list .doc-view-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.document-card-list .doc-view-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.document-card-list .doc-view-btn svg{height:16px;width:16px}.sfe-main-content{overflow:hidden}.document-preview,.sfe-main-content{display:flex;flex:1 1;flex-direction:column}.document-preview{animation:slideIn .3s ease;background:#fff}.preview-header{background:#f8fafc;border-bottom:2px solid #e2e8f0}.preview-icon{color:#667eea;height:40px;width:40px}.preview-info h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 4px}.preview-info p{color:#718096;font-size:13px;margin:0}.preview-header-right{display:flex;gap:12px}.preview-action-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:10px 20px}.preview-action-btn:hover{box-shadow:0 4px 12px #48bb784d;transform:translateY(-2px)}.preview-close-btn{align-items:center;background:#e2e8f0;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.preview-close-btn:hover{background:#cbd5e0;transform:scale(1.05)}.preview-close-btn svg{height:20px;width:20px}.preview-metadata{grid-gap:16px;background:#f8fafc;border-bottom:2px solid #e2e8f0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px 24px}.metadata-item{flex-direction:column;gap:4px}.metadata-label{color:#a0aec0;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:#2d3748;font-size:14px;font-weight:600}.preview-placeholder{align-items:center;color:#a0aec0;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.preview-placeholder svg{height:80px;margin-bottom:20px;opacity:.5;width:80px}.preview-placeholder h4{color:#4a5568;font-size:20px;font-weight:600;margin:0 0 8px}.preview-placeholder p{color:#718096;font-size:14px;margin:0 0 8px;max-width:400px}.preview-hint{background:#edf2f7;border-radius:8px;color:#4a5568;font-size:12px;margin-top:16px;padding:12px 20px}.empty-state{flex:1 1;padding:40px}.empty-icon{height:100px;width:100px}.empty-state p{color:#a0aec0;font-size:15px}.file-explorer-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center;width:100%}.file-explorer-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.file-explorer-loading p{color:#718096;font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.folders-tree::-webkit-scrollbar,.preview-body::-webkit-scrollbar{width:8px}.folders-tree::-webkit-scrollbar-track,.preview-body::-webkit-scrollbar-track{background:#f8fafc}.folders-tree::-webkit-scrollbar-thumb,.preview-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.folders-tree::-webkit-scrollbar-thumb:hover,.preview-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:1200px){.sfe-sidebar{width:300px}.documents-container.grid{grid-template-columns:1fr}}@media (max-width:768px){.student-file-explorer{padding:12px}.sfe-body{flex-direction:column;height:calc(100vh - 150px)}.sfe-sidebar{border-bottom:2px solid #e2e8f0;border-right:none;height:300px;width:100%}.preview-metadata{grid-template-columns:1fr}}.students-view{animation:fadeIn .3s ease}.students-controls{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.students-search{flex:1 1}.students-search input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 20px;transition:all .2s;width:100%}.students-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.students-sort{align-items:center;display:flex;gap:10px}.students-sort label{color:#4a5568;font-size:14px;font-weight:600}.students-sort select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.students-sort select:focus{border-color:#667eea;outline:none}.students-count{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;gap:8px;padding:10px 20px}.count-number{font-size:20px;font-weight:700}.count-label{font-size:13px;opacity:.9}.students-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.student-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:20px;padding:24px;transition:all .3s}.student-card:hover{border-color:#667eea;box-shadow:0 12px 24px #667eea26}.student-card-header{align-items:center;display:flex;gap:16px}.student-avatar{flex-shrink:0;height:56px;width:56px}.student-avatar svg{color:#fff;height:32px;width:32px}.student-info{flex:1 1;min-width:0}.student-info h3{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 4px}.student-email,.student-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-email{color:#a0aec0;font-size:13px;margin:0}.student-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-box{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.stat-box:hover{background:#edf2f7;transform:translateY(-2px)}.stat-icon{background:#fff;border-radius:8px;height:40px;width:40px}.stat-icon svg{height:20px;width:20px}.stat-data{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-value{color:#2d3748;font-size:18px}.stat-label{color:#a0aec0;letter-spacing:.5px;text-transform:uppercase}.student-status{display:flex;justify-content:center}.status-badge{align-items:center;border-radius:20px;color:#fff;display:flex;gap:6px;padding:8px 16px;text-transform:capitalize}.status-badge svg{height:16px;width:16px}.view-files-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.view-files-btn:hover{box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.view-files-btn svg{height:20px;width:20px}.students-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.students-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.students-loading p{color:#718096;font-size:14px}@media (max-width:1200px){.students-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.students-controls{flex-direction:column;gap:12px}.students-search{width:100%}.students-sort{justify-content:space-between;width:100%}.student-stats-grid,.students-grid{grid-template-columns:1fr}}.create-assignment-panel{background:#fff;bottom:0;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:700px;z-index:1000}.create-assignment-panel.embedded{box-shadow:none;height:100%;position:relative;width:100%}.panel-backdrop{background:#0006;inset:0;position:fixed;z-index:999}.panel-header{align-items:center;background:linear-gradient(180deg,#fff,#f9fafb);display:flex;justify-content:space-between}.header-content{flex:1 1}.header-content h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 12px}.step-indicator{gap:8px}.step,.step-indicator{align-items:center;display:flex}.step{background:#e5e7eb;border-radius:50%;color:#6b7280;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.step.active{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.step-line{background:#e5e7eb;height:2px;width:40px}.panel-body{flex:1 1;overflow-y:auto;padding:24px}.source-mode-toggle{background:#f3f4f6;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.source-mode-toggle.three-way .mode-btn{flex:1 1}.mode-btn{align-items:center;border-radius:8px;color:#6b7280;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.mode-btn svg{height:18px;width:18px}.mode-btn:hover{background:#ffffff80;color:#111827}.mode-btn.active{background:#fff;box-shadow:0 2px 4px #00000014;color:#3b82f6}.info-banner{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.info-banner.create-mode{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.info-banner.create-mode svg{color:#f59e0b}.info-banner.create-mode p{color:#92400e}.info-banner svg{color:#3b82f6;flex-shrink:0;height:20px;margin-top:2px;width:20px}.info-banner p{color:#1e40af;font-size:13px;line-height:1.5;margin:0}.search-filters{margin-bottom:20px}.search-box{margin-bottom:12px}.filters{display:flex;gap:12px}.filters select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s ease}.filters select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.documents-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.document-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.document-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.document-card.selected{background:linear-gradient(to bottom right,#eff6ff,#fff);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626}.selected-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.selected-badge svg{height:16px;width:16px}.doc-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.doc-icon{background:#f3f4f6;height:36px;padding:8px;width:36px}.doc-icon.template{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#a855f7}.doc-type-badge{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.doc-content h4{color:#111827;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 8px}.doc-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.doc-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.folder-tag{align-items:center;background:#eff6ff;border-radius:4px;color:#3b82f6;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.folder-tag svg{height:12px;width:12px}.conversion-notice{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;color:#92400e;display:flex;font-size:12px;font-weight:500;gap:8px;margin-top:12px;padding:8px 12px}.conversion-notice svg{color:#f59e0b;height:16px;width:16px}.file-uploader{gap:20px}.drop-zone,.file-uploader{display:flex;flex-direction:column}.drop-zone{align-items:center;background:linear-gradient(180deg,#f9fafb,#fff);border:3px dashed #d1d5db;border-radius:16px;cursor:pointer;gap:16px;justify-content:center;min-height:300px;padding:48px 32px;text-align:center;transition:all .3s ease}.drop-zone.dragging{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626;transform:scale(1.02)}.drop-zone.has-files{background:linear-gradient(180deg,#ecfdf5,#fff);border-color:#10b981;border-style:solid;cursor:default}.upload-icon{color:#9ca3af;height:64px;margin-bottom:8px;width:64px}.drop-zone h3{color:#111827;font-size:18px;font-weight:600;margin:0}.drop-zone p{color:#6b7280;font-size:14px;margin:0}.upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.upload-btn:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.supported-formats{color:#9ca3af;font-size:12px;margin-top:8px}.uploaded-files-list{display:flex;flex-direction:column;gap:12px;width:100%}.uploaded-files-list h4{color:#10b981;font-size:16px;font-weight:600;margin:0 0 8px;text-align:center}.file-item{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.file-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;color:#3b82f6;height:36px;padding:8px;width:36px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#111827;font-size:14px;font-weight:500}.file-size{color:#6b7280;font-size:12px}.remove-file-btn{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-file-btn:hover{background:#fee2e2}.remove-file-btn svg{height:16px;width:16px}.add-more-btn{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.add-more-btn:hover{background:#eff6ff;border-color:#3b82f6}.parse-progress{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px}.parse-progress .spinner{animation:spin 1s linear infinite;border:4px solid #bfdbfe;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.parse-progress p{color:#1e40af;font-size:14px;font-weight:500;margin:0}.smart-parsing-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:20px}.smart-parsing-info h4{color:#166534;font-size:15px;font-weight:600;margin:0 0 12px}.smart-parsing-info ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.smart-parsing-info li{color:#15803d;font-size:13px;line-height:1.5}.worksheet-builder{display:flex;flex-direction:column;gap:20px}.builder-header{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.builder-header .form-group{margin:0}.builder-header .form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.builder-header input.title-input{border:2px solid #e5e7eb;border-radius:10px;font-size:16px;font-weight:600;padding:12px 16px;transition:all .2s ease;width:100%}.builder-header input.title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.builder-header textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;resize:vertical;width:100%}.builder-header textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.lesson-plan-toggle{margin-top:8px}.lesson-plan-toggle .toggle-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.lesson-plan-toggle .toggle-btn:hover{background:#e5e7eb}.lesson-plan-toggle .toggle-btn.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#2563eb}.lesson-plan-toggle .toggle-btn svg{height:18px;width:18px}.lesson-plan-toggle .toggle-btn .has-content{color:#10b981;font-weight:700;margin-left:auto}.lesson-plan-section{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;margin-top:12px;padding:16px}.lesson-plan-section label{color:#1e40af;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.lesson-plan-section textarea{background:#fff;border:1px solid #bfdbfe;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.lesson-plan-section .help-text{color:#3b82f6;font-size:12px;margin:10px 0 0}.sections-container{background:#f9fafb;border-radius:12px;padding:16px}.sections-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sections-header h4{color:#374151;font-size:15px;font-weight:600;margin:0}.section-actions{gap:8px}.add-section-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.add-section-btn svg{height:16px;width:16px}.add-section-btn.text{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.add-section-btn.text:hover{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.add-section-btn.question{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.add-section-btn.question:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.question-type-selector{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:16px;padding:16px}.selector-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.selector-header h5{color:#374151;font-size:14px;font-weight:600;margin:0}.selector-header button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.selector-header button:hover{background:#e5e7eb;color:#374151}.selector-header button svg{height:16px;width:16px}.question-types-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.question-type-btn{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;text-align:left;transition:all .2s ease}.question-type-btn:hover{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f6;border-color:var(--type-color,#3b82f6);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.question-type-btn .type-icon{font-size:20px;margin-bottom:4px}.question-type-btn .type-label{color:#111827;font-size:13px;font-weight:600}.question-type-btn .type-desc{color:#6b7280;font-size:11px;line-height:1.3}.sections-list{gap:12px}.empty-sections,.sections-list{display:flex;flex-direction:column}.empty-sections{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;padding:40px 20px;text-align:center}.empty-sections svg{color:#d1d5db;height:48px;margin-bottom:12px;width:48px}.empty-sections p{color:#6b7280;font-size:15px;font-weight:600;margin:0 0 4px}.empty-sections span{color:#9ca3af;font-size:13px}.section-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.section-card:hover{box-shadow:0 4px 12px #00000014}.section-card.question-section{border-left:4px solid #3b82f6;border-left:4px solid var(--question-color,#3b82f6)}.section-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.section-info{gap:10px}.section-badge,.section-info{align-items:center;display:flex}.section-badge{border-radius:6px;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.section-badge.text{background:#f3f4f6;color:#374151}.section-badge.text svg{height:14px;width:14px}.section-badge.question{color:#fff}.section-number{color:#9ca3af;font-size:12px;font-weight:500}.points-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;color:#92400e;font-size:11px;font-weight:600;padding:3px 8px}.section-controls{align-items:center;display:flex;gap:4px}.section-controls button{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.section-controls button:hover:not(:disabled){background:#e5e7eb;color:#374151}.section-controls button:disabled{cursor:not-allowed;opacity:.3}.section-controls .collapse-btn svg,.section-controls .remove-btn svg{height:16px;width:16px}.section-controls .remove-btn:hover{background:#fef2f2;color:#dc2626}.section-content{padding:16px}.question-editor{display:flex;flex-direction:column;gap:16px}.question-editor .form-group{margin:0}.question-editor .form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.question-editor .form-row.inline{display:flex;gap:16px}.question-editor .form-group.small{width:100px}.question-editor .form-group.small input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.question-editor textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.question-editor textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.options-editor{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.options-editor>label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.options-list{display:flex;flex-direction:column;gap:8px}.option-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.option-item.correct{background:linear-gradient(90deg,#ecfdf5,#fff);border-color:#10b981}.correct-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.correct-toggle .empty-circle{border:2px solid #d1d5db;border-radius:50%;height:20px;transition:all .2s ease;width:20px}.correct-toggle:hover .empty-circle{border-color:#10b981}.correct-toggle.is-correct svg{color:#10b981;height:24px;width:24px}.option-letter{color:#6b7280;font-size:14px;font-weight:600;width:20px}.option-item input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:6px 10px}.option-item input:focus{border-color:#3b82f6;outline:none}.remove-option{align-items:center;background:#fef2f2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-option:hover{background:#fee2e2}.remove-option svg{height:14px;width:14px}.add-option-btn{align-items:center;background:#0000;border:2px dashed #d1d5db;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:10px;padding:10px;transition:all .2s ease;width:100%}.add-option-btn:hover{background:#eff6ff;border-color:#3b82f6}.add-option-btn svg{height:16px;width:16px}.options-editor.true-false .tf-options{display:flex;gap:12px}.tf-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.tf-option:hover{border-color:#3b82f6}.tf-option.selected{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#059669}.tf-option svg{height:20px;width:20px}.wizzy-container{align-items:flex-start;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:12px;display:flex;gap:16px;margin-top:8px;padding:20px}.wizzy-hints{flex:1 1}.wizzy-hints p{color:#7c3aed;font-size:14px;font-weight:600;margin:0 0 8px}.wizzy-hints ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.wizzy-hints li{color:#6b21a8;font-size:13px;padding-left:16px;position:relative}.wizzy-hints li:before{color:#a855f7;content:"•";left:0;position:absolute}.assignment-configurator{display:flex;flex-direction:column;gap:24px}.selected-doc-preview{background:linear-gradient(to bottom right,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;padding:20px}.preview-header{gap:16px;margin-bottom:12px}.preview-header .doc-icon{height:48px;width:48px}.preview-header h4{color:#111827;font-size:16px;font-weight:600;margin:0}.preview-header span{color:#6b7280;font-size:13px;font-weight:500}.detection-info{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:12px}.detection-info svg{color:#f59e0b;flex-shrink:0;height:20px;margin-top:2px;width:20px}.detection-info strong{color:#92400e;display:block;font-size:13px;margin-bottom:4px}.detection-info p{color:#92400e;font-size:13px;margin:0}.detection-info .badge{background:#fbbf24;border-radius:4px;color:#78350f;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:6px;padding:3px 8px;text-transform:uppercase}.created-badge{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:8px;color:#065f46;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:12px;padding:12px}.created-badge svg{color:#10b981;flex-shrink:0;height:18px;width:18px}.conversion-badge{align-items:center;background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-radius:8px;color:#6b21a8;display:flex;font-size:13px;font-weight:500;gap:10px;margin-top:12px;padding:12px}.conversion-badge svg{color:#a855f7;flex-shrink:0;height:18px;width:18px}.config-form{gap:16px}.config-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-group label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:12px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-top:2px;width:18px}.panel-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-primary,.btn-secondary{align-items:center;display:flex;gap:8px;transition:all .2s ease}.btn-secondary{border:1px solid #d1d5db;color:#6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary svg,.btn-secondary svg{height:16px;width:16px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite}.empty-state svg{color:#d1d5db;height:64px;margin-bottom:16px;width:64px}.empty-state p{color:#6b7280;font-weight:600;margin:0 0 8px}.empty-state span{color:#9ca3af;font-size:14px}.already-assigned-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.already-assigned-badge svg{height:12px;width:12px}.assignment-status-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:2}.assignment-status-badge .badge-icon{height:12px;width:12px}.existing-assignments{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px}.assignments-label{color:#fff9;font-size:11px;font-weight:600;margin-bottom:4px}.assignment-chip{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:4px;display:inline-flex;font-size:10px;gap:4px;margin-bottom:4px;margin-right:4px;padding:2px 8px}.active-dot{background:#22c55e;border-radius:50%;height:4px;width:4px}@media (max-width:768px){.create-assignment-panel{width:100%}.form-row,.question-types-grid{grid-template-columns:1fr}.source-mode-toggle.three-way{flex-direction:column}.source-mode-toggle.three-way .mode-btn{justify-content:flex-start;padding:10px 14px}.tf-options{flex-direction:column}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.25"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.math-input-popover{animation:popoverFadeIn .15s ease-out;background:#fff;border-radius:12px;box-shadow:0 12px 40px #0003,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:600px;max-width:calc(100vw - 32px);position:fixed;width:450px;z-index:100000}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mip-header{align-items:center;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px}.mip-tabs{display:flex;gap:4px}.mip-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s}.mip-tab:hover{background:#f1f5f9;color:#475569}.mip-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mip-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.mip-close:hover{background:#f1f5f9;color:#475569}.mip-content{flex:1 1;max-height:450px;min-height:200px;overflow-y:auto;padding:12px}.mip-content::-webkit-scrollbar{width:6px}.mip-content::-webkit-scrollbar-track{background:#f8fafc}.mip-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mip-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.mip-search svg{color:#94a3b8;flex-shrink:0}.mip-search input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:13px;outline:none}.mip-search input::placeholder{color:#cbd5e1}.mip-presets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.mip-preset{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:70px;padding:10px 8px;transition:all .2s}.mip-preset:hover{background:#f8fafc;border-color:#667eea;transform:translateY(-2px)}.mip-preset.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.preset-name{color:#64748b;font-size:11px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.preset-preview{align-items:center;display:flex;font-size:14px;justify-content:center;min-height:28px}.mip-calculator{display:flex;flex-direction:column;gap:12px}.calc-display-area{background:#1e293b;border-radius:8px;min-height:70px;padding:12px 16px}.calc-expression{color:#94a3b8;font-size:14px;min-height:20px}.calc-display,.calc-expression{font-family:Monaco,Courier New,monospace;text-align:right;word-break:break-all}.calc-display{color:#fff;font-size:28px;font-weight:600}.calc-buttons{display:flex;flex-direction:column;gap:6px}.calc-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.calc-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .15s}.calc-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:scale(1.05)}.calc-btn:active{transform:scale(.98)}.calc-btn.calc-clear{background:#fee;border-color:#fecaca;color:#dc2626}.calc-btn.calc-clear:hover{background:#fef2f2;border-color:#fca5a5}.calc-btn.calc-operator{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.calc-btn.calc-operator:hover{box-shadow:0 4px 12px #667eea4d;transform:scale(1.08)}.calc-quick-insert{grid-gap:6px;border-top:1px solid #e2e8f0;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);padding-top:8px}.calc-quick-insert button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:8px;transition:all .2s}.calc-quick-insert button:hover{background:#fff;border-color:#667eea;color:#667eea}.calc-trace-section{background:#fff;border:2px solid #e2e8f0;border-radius:10px;margin-top:8px;overflow:hidden}.calc-trace-header{align-items:center;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-bottom:1px solid #e9d5ff;display:flex;justify-content:space-between;padding:10px 12px}.calc-trace-title{align-items:center;color:#7c3aed;display:flex;font-size:13px;font-weight:600;gap:8px}.calc-trace-actions{display:flex;gap:6px}.calc-trace-clear,.calc-trace-toggle{align-items:center;background:#fff;border:1px solid #ddd6fe;border-radius:4px;color:#7c3aed;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s}.calc-trace-toggle:hover{background:#faf5ff;border-color:#c4b5fd}.calc-trace-clear:hover{background:#fee;border-color:#fca5a5;color:#dc2626}.calc-trace-list{max-height:150px;overflow-y:auto;padding:8px}.calc-trace-list::-webkit-scrollbar{width:6px}.calc-trace-list::-webkit-scrollbar-track{background:#f8fafc}.calc-trace-list::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:3px}.calc-trace-item{align-items:center;background:#faf5ff;border-radius:6px;display:flex;gap:10px;margin-bottom:6px;padding:8px 10px;transition:background .15s}.calc-trace-item:last-child{margin-bottom:0}.calc-trace-item:hover{background:#f3e8ff}.calc-trace-number{background:#fff;border:1px solid #ddd6fe;border-radius:4px;color:#7c3aed;font-size:11px;font-weight:700;padding:2px 6px}.calc-trace-math{flex:1 1;font-size:14px;overflow-x:auto}.calc-trace-math .katex{font-size:1em}.calc-insert-buttons{grid-gap:8px;background:#f8fafc;border-top:1px solid #e2e8f0;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:12px}.calc-insert-trace,.calc-insert-value{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;padding:12px;transition:all .2s}.calc-insert-value{background:#fff;border:2px solid #e2e8f0;color:#475569}.calc-insert-value:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.calc-insert-trace{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33;color:#fff}.calc-insert-trace:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.insert-preview{font-size:11px;font-weight:500;opacity:.8}.calc-insert-current{margin-top:8px}.calc-insert-current button{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.calc-insert-current button:hover{background:#fff;border-color:#667eea;color:#667eea}.mip-custom{display:flex;flex-direction:column;gap:12px}.mip-latex-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;outline:none;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.mip-latex-input:focus{border-color:#667eea}.mip-preview{display:flex;flex-direction:column;gap:8px}.preview-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.preview-box{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;font-size:18px;justify-content:center;min-height:80px;padding:16px}.preview-empty{color:#cbd5e1;font-size:13px;font-style:italic}.math-error{font-size:13px;font-weight:600}.mip-footer{align-items:center;background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px}.mip-mode-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:4px;padding:3px}.mode-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.mode-btn:hover{background:#f8fafc;color:#475569}.mode-btn.active{background:#667eea;color:#fff}.mip-insert-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.mip-insert-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.mip-insert-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:640px){.math-input-popover{max-height:80vh;width:calc(100vw - 16px)}.mip-presets-grid{grid-template-columns:repeat(2,1fr)}.calc-row{gap:4px}.calc-btn{font-size:14px;padding:12px}.calc-insert-buttons{grid-template-columns:1fr}}.rich-text-editor{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.rte-toolbar{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.rte-toolbar,.toolbar-group{display:flex;gap:4px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toolbar-btn:hover{background:#f1f5f9;color:#667eea}.toolbar-btn.active{background:#667eea;color:#fff}.toolbar-divider{background:#e2e8f0;height:24px;margin:0 8px;width:1px}.rte-content{color:#1e293b;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7;outline:none;overflow-y:auto;padding:24px}.rte-content::-webkit-scrollbar-track{background:#f1f5f9}.rte-content::-webkit-scrollbar-thumb{background:#cbd5e1}.rte-content:empty:before{color:#94a3af;content:attr(data-placeholder);pointer-events:none}.rte-content strong{font-weight:700}.rte-content em{font-style:italic}.rte-content u{text-decoration:underline}.rte-content s{text-decoration:line-through}.rte-content ol,.rte-content ul{margin:12px 0;padding-left:32px}.rte-content li{margin:6px 0}.rte-content p{margin:12px 0}.rte-content p:first-child{margin-top:0}.rte-content p:last-child{margin-bottom:0}.rte-content .math-node{cursor:pointer;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.rte-content .math-inline{background:#0000;border:none;border-radius:4px;display:inline-block;font-size:1em;margin:0 2px;padding:2px 4px;vertical-align:initial}.rte-content .math-inline:hover{background:#667eea14;outline:2px solid #667eea4d;outline-offset:1px}.rte-content .math-display{background:#0000;border:none;border-left:3px solid #e2e8f0;display:block;margin:16px 0;overflow-x:auto;padding:16px;text-align:center}.rte-content .math-display:hover{background:#667eea0a;border-left-color:#667eea}.rte-content .math-node:hover:after{align-items:center;animation:editIconPop .2s ease-out;background:#667eea;border-radius:50%;box-shadow:0 2px 8px #667eea66;content:"✏️";display:flex;font-size:11px;height:22px;justify-content:center;pointer-events:none;position:absolute;right:-10px;top:-10px;width:22px}@keyframes editIconPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rte-content .math-display:hover:after{right:8px;top:8px}.rte-content .katex{font-size:1.1em}.rte-content .math-display .katex{font-size:1.25em}.rte-content .math-error{background:#fee;border:1px solid #fecaca;border-radius:4px;color:#ef4444;font-family:Monaco,Courier New,monospace;font-size:.9em;padding:4px 8px}.rte-content [style*="text-align: center"]{text-align:center}.rte-content [style*="text-align: right"]{text-align:right}.rte-content [style*="text-align: left"]{text-align:left}.rich-text-editor:focus-within{box-shadow:0 0 0 3px #667eea1a}.variable-edit-popup{animation:popupSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;max-width:400px;min-width:300px;position:absolute;z-index:1000}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.variable-edit-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.variable-edit-close{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:background .2s;width:24px}.variable-edit-close:hover{background:#ffffff4d}.variable-edit-input-wrapper{border-bottom:1px solid #e2e8f0;padding:16px}.variable-edit-input{border:2px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;outline:none;padding:12px;transition:border-color .2s;width:100%}.variable-edit-input:focus{border-color:#667eea}.variable-edit-preview{background:#f8fafc;padding:16px}.variable-edit-preview .preview-label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.variable-edit-preview .preview-content{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:18px;justify-content:center;min-height:40px;padding:12px}.variable-edit-preview .preview-empty{color:#94a3b8;font-size:13px;font-style:italic}.variable-edit-actions{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:8px;padding:12px 16px}.variable-btn-cancel,.variable-btn-save{border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.variable-btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#64748b}.variable-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.variable-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 8px #667eea33;color:#fff}.variable-btn-save:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:640px){.rte-content{font-size:15px;padding:16px}.rte-content .math-inline{margin:0 1px;padding:1px 2px}.rte-content .math-display{margin:12px 0;padding:12px}.variable-edit-popup{left:10px!important;max-width:calc(100% - 20px);min-width:280px;right:10px}}@media print{.rte-toolbar{display:none}.rich-text-editor{border:none;box-shadow:none}.rte-content .math-node:hover:after{display:none}.rte-content .math-display,.rte-content .math-inline{background:#0000;border:none}.rte-content .math-display{border-left:2px solid #ccc}.variable-edit-popup{display:none}}:root{--wizzy-bg:#1e1e1e;--wizzy-bg-light:#2d2d2d;--wizzy-text:#ccc;--wizzy-border:#3e3e42;--wizzy-active:#37373d;--wizzy-primary:#667eea;--wizzy-secondary:#764ba2;--wizzy-primary-hover:#7d8ef5;--wizzy-primary-alpha:#667eea1a;--wizzy-primary-alpha-medium:#667eea33;--wizzy-text-dim:#ccc9;--wizzy-text-very-dim:#ccc6}.wizzy-container{border:none!important;display:inline-flex;flex-shrink:0}.wizzy-button,.wizzy-container{align-items:center;background:none!important;height:40px;justify-content:center;margin:0;padding:0!important;position:relative;width:40px}.wizzy-button{border:none!important;border-radius:50%;box-shadow:none!important;cursor:pointer;display:flex;transition:transform .2s ease}.wizzy-button:hover{transform:scale(1.05)}.wizzy-button:active{transform:scale(.98)}.wizzy-button-bottom-right{bottom:24px}.wizzy-button-bottom-right,.wizzy-button-top-right{height:48px;position:fixed;right:24px;width:48px;z-index:9999}.wizzy-button-top-right{top:24px}.wizzy-button-inline{display:inline-flex;position:relative}.wizzy-button-bottom-right~* .wizzy-container,.wizzy-button-top-right~* .wizzy-container{height:48px;width:48px}.wizzy-avatar{background-color:#fff;border:2px solid #667eea;border:2px solid var(--wizzy-primary);border-radius:50%;box-shadow:0 2px 6px #667eea4d;display:block;height:100%;object-fit:cover;transition:all .2s ease;width:100%}.wizzy-button:hover .wizzy-avatar{border-color:#7d8ef5;border-color:var(--wizzy-primary-hover);box-shadow:0 3px 10px #667eea80}.wizzy-pulse-ring{border:2px solid #667eea;border:2px solid var(--wizzy-primary);border-radius:50%;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.wizzy-button:hover .wizzy-pulse-ring{animation:wizzy-pulse 2s infinite}@keyframes wizzy-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}.wizzy-backdrop{animation:wizzy-fade-in .2s ease;background:#0000004d;inset:0;position:fixed;z-index:99999}@keyframes wizzy-fade-in{0%{opacity:0}to{opacity:1}}.wizzy-popover{animation:wizzy-slide-down .3s ease;background:#1e1e1e;background:var(--wizzy-bg);border:2px solid #667eea;border:2px solid var(--wizzy-primary);border-radius:20px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;position:fixed;width:480px;z-index:100000}@keyframes wizzy-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wizzy-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--wizzy-primary) 0,var(--wizzy-secondary) 100%);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.wizzy-header-content{align-items:center;display:flex;gap:12px}.wizzy-header-avatar{border-radius:50%;height:32px;width:32px}.wizzy-header-text h3{color:#fff;font-size:18px;font-weight:600;margin:0}.wizzy-header-text p{color:#fffc;font-size:12px;margin:0}.wizzy-close-btn{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:20px;padding:4px 8px;transition:background .2s}.wizzy-close-btn:hover{background:#fff3}.wizzy-content{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.wizzy-controls{margin-bottom:16px}.wizzy-controls-label{align-items:center;color:#ccc;color:var(--wizzy-text);display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:12px;opacity:.9}.wizzy-sparkle{font-size:14px}.wizzy-controls-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.wizzy-dropdown{position:relative}.wizzy-dropdown label{color:#ccc;color:var(--wizzy-text);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.wizzy-dropdown-button{align-items:center;background:#37373d;background:var(--wizzy-active);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:8px;color:#ccc;color:var(--wizzy-text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;transition:all .2s;width:100%}.wizzy-dropdown-button:hover{background:#2d2d2d;background:var(--wizzy-bg-light);border-color:#667eea;border-color:var(--wizzy-primary)}.wizzy-dropdown-icon{flex-shrink:0;font-size:16px}.wizzy-dropdown-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.wizzy-dropdown-arrow{font-size:10px;opacity:.6;transition:transform .2s}.wizzy-dropdown-button:hover .wizzy-dropdown-arrow{transform:translateY(2px)}.wizzy-dropdown-menu{animation:wizzy-dropdown-fade-in .2s ease;background:#1e1e1e;background:var(--wizzy-bg);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:300px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes wizzy-dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wizzy-dropdown-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--wizzy-border);color:#ccc;color:var(--wizzy-text);cursor:pointer;display:flex;gap:10px;padding:12px;text-align:left;transition:background .2s;width:100%}.wizzy-dropdown-item:last-child{border-bottom:none}.wizzy-dropdown-item:hover{background:#37373d;background:var(--wizzy-active)}.wizzy-dropdown-item.active{background:#667eea33;background:var(--wizzy-primary-alpha-medium);border-left:3px solid #667eea;border-left:3px solid var(--wizzy-primary)}.wizzy-dropdown-item-icon{flex-shrink:0;font-size:18px;margin-top:2px}.wizzy-dropdown-item-content{flex:1 1;min-width:0}.wizzy-dropdown-item-name{font-size:13px;font-weight:500;margin-bottom:2px}.wizzy-dropdown-item-desc{color:#ccc9;color:var(--wizzy-text-dim);font-size:11px;line-height:1.3}.wizzy-dropdown-item-percentage{color:#667eea;color:var(--wizzy-primary);flex-shrink:0;font-size:11px;font-weight:600}.wizzy-info-box{background:#667eea1a;background:var(--wizzy-primary-alpha);border:1px solid #667eea33;border:1px solid var(--wizzy-primary-alpha-medium);border-radius:8px;color:#ccc;color:var(--wizzy-text);font-size:12px;line-height:1.4;margin-top:12px;padding:10px 12px}.wizzy-info-box strong{color:#667eea;color:var(--wizzy-primary)}.wizzy-divider{background:#3e3e42;background:var(--wizzy-border);height:1px;margin:16px 0}.wizzy-suggestions{margin-bottom:16px}.wizzy-suggestions-label{color:#ccc9;color:var(--wizzy-text-dim);font-size:12px;margin-bottom:8px}.wizzy-suggestions-list{display:flex;flex-direction:column;gap:6px}.wizzy-suggestion-chip{align-items:center;background:#37373d;background:var(--wizzy-active);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:8px;color:#ccc;color:var(--wizzy-text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:all .2s}.wizzy-suggestion-chip:hover{background:#667eea33;background:var(--wizzy-primary-alpha-medium);border-color:#667eea;border-color:var(--wizzy-primary);color:#667eea;color:var(--wizzy-primary)}.wizzy-chip-icon{flex-shrink:0;font-size:14px}.wizzy-input-wrapper{margin-bottom:16px}.wizzy-textarea{background:#37373d;background:var(--wizzy-active);border:1px solid #3e3e42;border:1px solid var(--wizzy-border);border-radius:12px;color:#ccc;color:var(--wizzy-text);font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s;width:100%}.wizzy-textarea:focus{background:#2d2d2d;background:var(--wizzy-bg-light);border-color:#667eea;border-color:var(--wizzy-primary);outline:none}.wizzy-textarea::placeholder{color:#ccc9;color:var(--wizzy-text-dim)}.wizzy-textarea:disabled{cursor:not-allowed;opacity:.5}.wizzy-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.wizzy-generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--wizzy-primary) 0,var(--wizzy-secondary) 100%);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.wizzy-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2,#667eea);background:linear-gradient(135deg,var(--wizzy-secondary) 0,var(--wizzy-primary) 100%);box-shadow:0 4px 12px #667eea80;transform:translateY(-2px)}.wizzy-generate-btn:active:not(:disabled){transform:translateY(0)}.wizzy-generate-btn:disabled{cursor:not-allowed;opacity:.5}.wizzy-send-icon{font-size:14px}.wizzy-spinner{animation:wizzy-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes wizzy-spin{to{transform:rotate(1turn)}}.wizzy-hint{color:#ccc6;color:var(--wizzy-text-very-dim);font-size:11px;text-align:center}@media (max-width:640px){.wizzy-popover{max-height:85vh;width:95vw}.wizzy-controls-row{grid-template-columns:1fr}.wizzy-button-bottom-right,.wizzy-button-top-right{height:48px;width:48px}.wizzy-backdrop+.wizzy-popover{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}}.wizzy-content::-webkit-scrollbar,.wizzy-dropdown-menu::-webkit-scrollbar{width:8px}.wizzy-content::-webkit-scrollbar-track,.wizzy-dropdown-menu::-webkit-scrollbar-track{background:#1e1e1e;background:var(--wizzy-bg)}.wizzy-content::-webkit-scrollbar-thumb,.wizzy-dropdown-menu::-webkit-scrollbar-thumb{background:#3e3e42;background:var(--wizzy-border);border-radius:4px}.wizzy-content::-webkit-scrollbar-thumb:hover,.wizzy-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#37373d;background:var(--wizzy-active)}.view-assignments-panel{background:#fff;bottom:0;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;position:fixed;right:0;top:0;width:700px;z-index:1000}.view-assignments-panel.embedded{box-shadow:none;height:100%;position:relative;width:100%}.view-assignments-panel .panel-header{background:linear-gradient(180deg,#fff,#f9fafb);border-bottom:1px solid #e5e7eb;padding:24px}.view-assignments-panel .header-content h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.assignments-count{color:#6b7280;font-size:14px;margin:0}.close-btn{background:#0000;color:#6b7280;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#111827}.panel-filters{padding:20px 24px}.search-box{margin-bottom:16px}.search-box svg{left:12px}.search-box input{border:1px solid #d1d5db;border-radius:8px;padding:12px 12px 12px 44px;transition:all .2s ease}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-row{display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-assignments-panel .panel-body{flex:1 1;overflow-y:auto;padding:24px}.assignment-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.assignment-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.card-header{justify-content:space-between;margin-bottom:16px}.card-header,.card-title-row{align-items:flex-start;display:flex}.card-title-row{flex:1 1;gap:12px}.doc-icon{border-radius:8px;flex-shrink:0;height:40px;padding:10px;width:40px}.doc-icon.canvas{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#f59e0b}.doc-icon.code{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.doc-icon.document{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.card-title-content{flex:1 1}.card-title-content h3{color:#111827;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px}.card-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;font-weight:500;padding:4px 8px}.meta-tag.type{background:#eff6ff;color:#3b82f6}.status-badge{border-radius:6px;flex-shrink:0;letter-spacing:.5px}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-complete{background:#dbeafe;color:#1e40af}.status-badge.status-closed{background:#f3f4f6;color:#6b7280}.status-badge.status-draft{background:#fef3c7;color:#92400e}.card-stats{border-bottom:1px solid #f3f4f6;display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px}.stat-item{gap:8px}.stat-item svg{color:#9ca3af;flex-shrink:0;height:20px;width:20px}.stat-value{font-size:14px;font-weight:600;line-height:1.2}.stat-label{font-size:11px;line-height:1.2}.submission-progress{margin-bottom:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#6b7280;font-size:12px;font-weight:600}.progress-percentage{color:#3b82f6;font-size:12px;font-weight:700}.progress-bar{background:#e5e7eb}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.card-actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.action-btn svg{height:16px;width:16px}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.view-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.grade-btn{background:linear-gradient(135deg,#10b981,#059669)}.grade-btn:hover{box-shadow:0 4px 12px #10b9814d}.edit-btn{background:#f3f4f6;color:#6b7280}.edit-btn:hover{background:#e5e7eb;color:#111827}.delete-btn{background:#fef2f2;color:#dc2626;flex:0 1;padding:10px}.delete-btn:hover{background:#fee2e2;transform:translateY(-2px)}.card-instructions{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.card-instructions p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.empty-state{padding:80px 40px}.empty-state svg{color:#cbd5e0;height:80px;margin-bottom:24px;width:80px}.empty-state h3{color:#4a5568;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-state .spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;height:48px;width:48px}.loading-state p{color:#6b7280;font-size:14px;margin:0}@media (max-width:768px){.view-assignments-panel{width:100%}.card-actions,.card-stats{flex-wrap:wrap}.action-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1}.delete-btn{flex:1 1 100%}}.card-sharing{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin:12px 0;padding:12px 16px}.sharing-header{align-items:flex-start;display:flex;gap:12px}.sharing-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.sharing-icon-wrapper.code{background:linear-gradient(135deg,#667eea,#764ba2)}.sharing-icon-wrapper.link{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sharing-icon{color:#fff;height:20px;width:20px}.sharing-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.sharing-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sharing-value-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.sharing-value-row:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.sharing-code{color:#667eea;font-size:18px;font-weight:700;letter-spacing:2px}.sharing-code,.sharing-link{flex:1 1;font-family:Monaco,Courier New,monospace}.sharing-link{color:#3b82f6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.copy-btn:hover{background:#f1f5f9}.copy-btn:active{transform:scale(.95)}.copy-icon{color:#64748b;height:18px;transition:all .2s ease;width:18px}.copy-icon.success{color:#10b981}.sharing-hint{color:#94a3b8;font-size:11px;font-style:italic}@media (max-width:768px){.card-sharing{padding:10px 12px}.sharing-header{gap:10px}.sharing-icon-wrapper{height:36px;width:36px}.sharing-icon{height:18px;width:18px}.sharing-code{font-size:16px;letter-spacing:1.5px}.sharing-link{font-size:12px}.sharing-value-row{padding:6px 10px}}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.copy-icon.success{animation:copySuccess .3s ease}.assignment-submissions-panel{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.assignment-submissions-panel.embedded{border-left:1px solid #e5e7eb}.assignment-submissions-panel.standalone{box-shadow:-4px 0 16px #0000001a;height:100vh;position:fixed;right:0;top:0;width:500px;z-index:1000}.panel-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.header-left{flex:1 1}.panel-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 8px}.assignment-meta{flex-wrap:wrap}.meta-badge{align-items:center;background:#e0e7ff;border-radius:12px;color:#4338ca;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.meta-badge svg{height:14px;width:14px}.btn-close{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s}.btn-close svg{color:#6b7280;height:20px;width:20px}.btn-close:hover{background:#f3f4f6}.stats-row{border-top:1px solid #e5e7eb;display:flex;gap:16px;margin-top:16px;padding-top:16px}.stat-item{flex:1 1;text-align:center}.stat-label{color:#6b7280;display:block;margin-bottom:4px}.stat-value{color:#111827;display:block}.stat-value.success{color:#10b981}.stat-value.warning{color:#f59e0b}.stat-value.info{color:#3b82f6}.panel-filters{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.search-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:10px 14px}.search-box svg{color:#9ca3af;height:18px;width:18px}.search-box input{background:#0000;border:none;color:#111827;flex:1 1;outline:none}.filter-group{align-items:center;display:flex;gap:8px}.filter-group svg{color:#6b7280;height:18px;width:18px}.filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.filter-group select:hover{border-color:#667eea}.panel-content{flex:1 1;overflow-y:auto;padding:16px 24px}.modal-content svg,.panel-content svg{height:20px;width:20px}.student-avatar,.submission-status svg{height:24px;width:24px}.detail-section h4 svg,.feedback-subsection h5 svg{height:20px;width:20px}.ai-verdict .verdict-icon svg{height:48px;width:48px}.feedback-content svg,.formatted-feedback svg{display:inline-block;height:18px;vertical-align:middle;width:18px}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.empty-state svg,.error-state svg{color:#9ca3af;height:48px;margin-bottom:16px;width:48px}.empty-state p,.error-state p{color:#6b7280;font-size:16px;margin:0 0 16px}.btn-retry{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-retry:hover{background:#5568d3}.submissions-list{display:flex;flex-direction:column;gap:12px}.submission-card{border:1px solid #e5e7eb;padding:16px}.submission-card:hover{box-shadow:0 4px 12px #667eea1a}.submission-header{margin-bottom:12px}.student-info{gap:12px}.student-avatar,.student-info{align-items:center;display:flex}.student-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.student-details h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.student-details .email{color:#6b7280;font-size:13px}.submission-status svg{height:24px;width:24px}.icon-success{color:#10b981}.icon-warning{color:#f59e0b}.icon-muted{color:#d1d5db}.submission-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-row{display:flex;font-size:14px;justify-content:space-between}.info-row .label{color:#6b7280;font-weight:500}.info-row .value{color:#111827;font-weight:600}.info-row.grade-row{background:#f0fdf4;border-radius:6px;padding:8px}.info-row .value.grade{color:#10b981;font-size:16px}.ai-detection-badge{align-items:center;background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.ai-detection-badge svg{height:18px;width:18px}.ai-detection-badge strong,.risk-label{font-weight:700}.risk-label{border-radius:4px;font-size:11px;margin-left:auto;padding:2px 8px;text-transform:uppercase}.risk-label.risk-high{background:#fee2e2;color:#dc2626}.risk-label.risk-medium{background:#fef3c7;color:#d97706}.risk-label.risk-low{background:#d1fae5;color:#059669}.submission-footer{border-top:1px solid #f3f4f6;padding-top:12px}.btn-view{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s;width:100%}.btn-view svg{height:16px;width:16px}.btn-view:hover{background:#5568d3}.submission-detail-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:2000}.submission-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h3{color:#111827;font-size:20px;font-weight:700;margin:0}.btn-close-modal{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:all .2s}.btn-close-modal svg{color:#6b7280;height:20px;width:20px}.btn-close-modal:hover{background:#f3f4f6}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px}.modal-content{flex:1 1;overflow-y:auto}.detail-section{margin-bottom:32px}.detail-section h4{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.detail-section h4 svg{color:#667eea;height:20px;width:20px}.detail-section h5{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:16px 0 12px}.grade-section{background:linear-gradient(135deg,#f0f4ff,#f9fafb);border:2px solid #e0e7ff;padding:20px!important}.grade-display-compact{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:20px}.grade-header{align-items:center;display:flex;gap:16px}.grade-icon-small{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.grade-icon-small svg{color:#fff;height:28px;width:28px}.grade-info{flex:1 1}.grade-label{color:#6b7280;font-size:13px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.grade-value-large{align-items:baseline;color:#111827;display:flex;font-size:32px;font-weight:800;gap:8px}.grade-percentage-inline{color:#6b7280;font-size:20px;font-weight:600}.grade-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:20px}.grade-large{color:#fff;font-size:48px;font-weight:800}.grade-percentage{color:#ffffffe6;font-size:32px;font-weight:700}.rubric-breakdown{background:#f9fafb;border-radius:12px;padding:16px}.rubric-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.rubric-item:last-child{border-bottom:none}.criterion-name{color:#374151;font-size:14px;font-weight:600}.criterion-score{align-items:center;display:flex;gap:12px;min-width:200px}.score-bar-bg{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s}.score-text{color:#111827;font-size:14px;font-weight:700;min-width:50px;text-align:right}.ai-detection-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px}.ai-verdict{background:#fff;border:3px solid;border-radius:12px;gap:16px;margin-bottom:20px;padding:20px}.ai-verdict,.verdict-icon{align-items:center;display:flex}.verdict-icon{justify-content:center}.verdict-icon,.verdict-icon svg{height:48px;width:48px}.verdict-content{flex:1 1}.verdict-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.verdict-value{font-size:24px;font-weight:800;margin-bottom:4px}.verdict-confidence{color:#6b7280;font-size:14px}.ai-probability-meter{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.meter-label{color:#374151;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px}.meter-value{color:#111827;font-size:18px;font-weight:800}.meter-bar{background:#e5e7eb;border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden}.meter-fill{border-radius:12px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.meter-legend{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.ai-red-flags{background:#fef2f2;border:2px solid #fca5a5;border-radius:12px;margin-bottom:16px;padding:16px}.ai-red-flags h5{align-items:center;color:#dc2626;display:flex;gap:8px;margin:0 0 12px}.ai-red-flags h5 svg{height:18px;width:18px}.ai-red-flags ul{list-style:none;margin:0;padding:0}.ai-red-flags li{align-items:flex-start;color:#991b1b;display:flex;font-size:14px;gap:8px;padding:8px 0}.flag-icon{color:#dc2626;flex-shrink:0;height:16px;margin-top:2px;width:16px}.ai-analysis-details{background:#fff;border-radius:12px;padding:16px}.ai-analysis-details h5{color:#374151;margin:0 0 12px}.ai-analysis-details p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.feedback-content{background:#f9fafb;border-radius:12px;color:#374151;font-size:15px;line-height:1.6;margin-bottom:16px;padding:16px}.markdown-feedback{color:#374151;line-height:1.7}.markdown-feedback .md-h1{border-bottom:2px solid #e5e7eb;color:#111827;font-size:20px;font-weight:700;margin:16px 0 12px;padding-bottom:8px}.markdown-feedback .md-h2{color:#111827;font-size:18px;font-weight:700;margin:14px 0 10px}.markdown-feedback .md-h3{color:#374151;font-size:16px;font-weight:600;margin:12px 0 8px}.markdown-feedback .md-p{line-height:1.7;margin:0 0 12px}.markdown-feedback .md-p:last-child{margin-bottom:0}.markdown-feedback .md-strong{color:#111827;font-weight:700}.markdown-feedback .md-em{color:#4b5563;font-style:italic}.markdown-feedback .md-ol,.markdown-feedback .md-ul{margin:12px 0;padding-left:24px}.markdown-feedback .md-ul{list-style:none}.markdown-feedback .md-ul .md-li{margin:8px 0;padding-left:8px;position:relative}.markdown-feedback .md-ul .md-li:before{color:#667eea;content:"•";font-size:16px;font-weight:700;left:-16px;position:absolute}.markdown-feedback .md-ol{list-style:decimal;list-style-position:outside}.markdown-feedback .md-ol .md-li{margin:8px 0;padding-left:4px}.markdown-feedback .md-li .md-ol,.markdown-feedback .md-li .md-ul{margin-bottom:8px;margin-top:8px}.markdown-feedback .md-code-inline{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9em;padding:2px 6px}.markdown-feedback .md-code-block{background:#1f2937;border-radius:8px;color:#f9fafb;display:block;font-family:Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;margin:12px 0;overflow-x:auto;padding:12px}.markdown-feedback .md-blockquote{border-left:4px solid #667eea;color:#6b7280;font-style:italic;margin:12px 0;padding-left:16px}.markdown-feedback table{border-collapse:collapse;margin:12px 0;width:100%}.markdown-feedback td,.markdown-feedback th{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.markdown-feedback th{background:#f9fafb;color:#111827;font-weight:600}.markdown-feedback tr:nth-child(2n){background:#f9fafb}.markdown-feedback a{border-bottom:1px solid #0000;color:#667eea;text-decoration:none;transition:border-color .2s}.markdown-feedback a:hover{border-bottom-color:#667eea}.markdown-feedback hr{border:none;border-top:2px solid #e5e7eb;margin:16px 0}.feedback-subsection ul{list-style:none;margin:0;padding:0}.feedback-subsection li{color:#374151;font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative}.feedback-subsection li:before{color:#667eea;content:"•";font-weight:700;left:8px;position:absolute}.feedback-subsection li .markdown-feedback{display:inline}.feedback-subsection li .markdown-feedback .md-p{display:inline;margin:0}.feedback-subsection{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px}.feedback-subsection h5{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.feedback-subsection h5 svg{flex-shrink:0;height:20px;width:20px}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#667eea}.btn-primary:hover{background:#5568d3}@media (max-width:768px){.assignment-submissions-panel.standalone{width:100%}.panel-filters{flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1 1}.submission-detail-modal{border-radius:0;margin:0;max-height:100vh;max-width:100%}.grade-display{flex-direction:column;text-align:center}.criterion-score{align-items:flex-start;flex-direction:column;gap:8px}}.teacher-dashboard{background:#f8fafc;min-height:100vh;padding:24px;width:100%}.td-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.td-header-left{flex:1 1}.td-title{align-items:center;color:#1a202c;display:flex;font-size:32px;font-weight:700;gap:16px;margin:0 0 8px}.td-title-icon{color:#667eea;height:36px;width:36px}.td-subtitle{color:#718096;font-size:16px;margin:0}.ai-usage-widget{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;min-width:320px;padding:20px}.ai-header{align-items:center;color:#2d3748;display:flex;font-weight:600;gap:8px;margin-bottom:16px}.ai-icon{color:#667eea;height:20px;width:20px}.ai-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.ai-stat{align-items:center;display:flex;flex-direction:column}.ai-value{color:#1a202c;font-size:14px;font-weight:700}.ai-label{color:#718096;font-size:11px;text-align:center}.ai-progress{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.td-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.warning:before{background:linear-gradient(90deg,#ed8936,#dd6b20)}.stat-card.success:before{background:linear-gradient(90deg,#48bb78,#38a169)}.stat-card.info:before{background:linear-gradient(90deg,#4299e1,#3182ce)}.stat-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.stat-icon{margin-bottom:16px}.stat-card.primary .stat-icon{background:#667eea1a;color:#667eea}.stat-card.warning .stat-icon{background:#ed89361a;color:#ed8936}.stat-card.success .stat-icon{background:#48bb781a;color:#48bb78}.stat-card.info .stat-icon{background:#4299e11a;color:#4299e1}.stat-content h3{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 4px}.stat-content p{color:#718096;font-size:14px;margin:0}.stat-trend{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px;position:absolute;right:20px;top:20px}.stat-trend.positive{color:#48bb78}.stat-trend.negative{color:#fc8181}.stat-trend svg{height:16px;width:16px}.stat-alert{align-items:center;background:#fed7d7;border-radius:12px;color:#c53030;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;position:absolute;right:20px;top:20px}.stat-alert svg{height:14px;width:14px}.stat-subtext{color:#a0aec0;font-size:12px;margin-top:8px}.stat-chart{margin-top:12px}.mini-bars{align-items:flex-end;display:flex;gap:4px;height:40px}.mini-bars .bar{background:linear-gradient(180deg,#4299e1,#3182ce);border-radius:2px 2px 0 0;flex:1 1;transition:all .3s}.td-view-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:24px;padding-bottom:24px}.view-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#718096;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.view-tab:hover{border-color:#cbd5e0;color:#4a5568}.view-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.view-tab svg{height:20px;width:20px}.td-content{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;min-height:400px;padding:32px}.assignments-overview{animation:fadeIn .3s ease}.section-header{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1a202c;flex-shrink:0;font-size:24px;font-weight:700;margin:0}.section-actions{flex-direction:row;flex-shrink:0;gap:12px}.btn-primary,.section-actions{align-items:center;display:flex}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary svg{height:20px;width:20px}.btn-secondary{align-items:center;background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-secondary:hover{background:#667eea;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary svg{height:20px;width:20px}.empty-assignments{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.empty-assignments svg{color:#cbd5e0;height:80px;margin-bottom:24px;width:80px}.empty-assignments p{color:#718096;font-size:18px;margin:0 0 24px}.btn-create-first{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.btn-create-first:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.assignments-list{display:flex;flex-direction:column;gap:16px}.assignment-row{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:24px;padding:20px;transition:all .2s}.assignment-row:hover{background:#edf2f7}.assignment-info{flex:1 1}.assignment-info h3{color:#2d3748;font-size:16px;font-weight:600;margin:0 0 8px}.assignment-meta{gap:8px}.meta-tag{background:#fff;border-radius:6px;color:#4a5568;font-size:12px;padding:4px 10px}.submission-stats{display:flex;gap:24px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{color:#1a202c;font-size:20px;font-weight:700}.stat-label{font-size:12px}.assignment-actions{display:flex;gap:12px}.btn-grade{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);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-grade:hover:not(:disabled){box-shadow:0 4px 12px #48bb784d;transform:translateY(-2px)}.btn-grade:disabled{cursor:not-allowed;opacity:.5}.btn-grade svg{height:16px;width:16px}.grading-queue{animation:fadeIn .3s ease}.queue-filters{border-bottom:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.search-box{flex:1 1;position:relative}.search-box svg{color:#a0aec0;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 48px;transition:all .2s;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-buttons{display:flex;gap:8px}.filter-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.filter-btn:hover{border-color:#cbd5e0}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.filter-count{background:#0000001a;border-radius:10px;font-size:11px;padding:2px 6px}.submissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.submission-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.submission-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.submission-card.flagged{background:#fff5f5;border-color:#fc8181}.submission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.submission-header h4{color:#2d3748;font-size:16px;font-weight:600;margin:0}.flag-badge{align-items:center;background:#fc8181;border-radius:6px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.flag-badge svg{height:12px;width:12px}.submission-assignment{color:#718096;font-size:14px;margin-bottom:12px}.submission-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.submission-meta .meta-item{align-items:center;color:#a0aec0;display:flex;font-size:12px;gap:4px}.submission-meta .meta-item svg{height:14px;width:14px}.ai-indicator{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.ai-indicator svg{height:14px;width:14px}.ai-indicator.low{background:#c6f6d5;color:#22543d}.ai-indicator.medium{background:#feebc8;color:#744210}.ai-indicator.high{background:#fed7d7;color:#742a2a}.submission-grade{align-items:center;background:#f0fff4;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:8px 12px}.submission-grade .grade{color:#22543d;font-size:14px;font-weight:600}.submission-grade .percentage{color:#48bb78;font-size:13px}.grade-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .2s;width:100%}.grade-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.analytics-view{animation:fadeIn .3s ease}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#f8fafc;border-radius:12px;min-height:300px;padding:24px}.chart-card h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 16px}.loading-spinner p{color:#718096;font-size:14px;margin-top:16px}.teacher-dashboard-container{display:flex;min-height:100vh;overflow:hidden;position:relative;width:100%}.teacher-dashboard-main{flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;transition:width .25s cubic-bezier(.4,0,.2,1)}.teacher-dashboard-main::-webkit-scrollbar{width:8px}.teacher-dashboard-main::-webkit-scrollbar-track{background:#f1f5f9}.teacher-dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.teacher-dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teacher-dashboard-panel{background:#fff;border-left:1px solid #e2e8f0;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto}.teacher-dashboard-panel::-webkit-scrollbar{width:8px}.teacher-dashboard-panel::-webkit-scrollbar-track{background:#f1f5f9}.teacher-dashboard-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.teacher-dashboard-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.td-header{flex-direction:column}.ai-usage-widget{width:100%}.td-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.teacher-dashboard-container{flex-direction:column}.teacher-dashboard-main,.teacher-dashboard-panel{height:auto;min-height:50vh;width:100%!important}.teacher-dashboard-panel{border-left:none;border-top:1px solid #e2e8f0}.split-divider{display:none}}@media (max-width:768px){.teacher-dashboard{padding:16px}.td-title{font-size:24px}.td-view-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.view-tab{white-space:nowrap}.section-header{align-items:flex-start;flex-direction:column}.section-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.assignment-row{align-items:flex-start;flex-direction:column}.submission-stats{justify-content:space-around;width:100%}.submissions-grid{grid-template-columns:1fr}}.assignment-row.clickable{cursor:pointer}.assignment-row.clickable:hover{background:#edf2f7;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.join-assignment-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.join-assignment-btn svg{height:20px;width:20px}.join-assignment-btn:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.join-assignment-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.join-assignment-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#1a202c;font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn svg{color:#64748b;height:20px;width:20px}.close-btn:hover{background:#e2e8f0}.modal-content{padding:24px}.form-group{margin-bottom:24px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.code-input{border:2px solid #e2e8f0;border-radius:12px;font-family:Courier New,monospace;font-size:20px;font-weight:600;letter-spacing:2px;padding:16px;text-align:center;text-transform:uppercase;transition:all .2s;width:100%}.code-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.code-input:disabled{background:#f8fafc;cursor:not-allowed}.input-hint{color:#94a3b8;font-size:13px;margin-top:8px}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message svg{flex-shrink:0;height:20px;width:20px}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.spinner-small,.submit-btn svg{height:20px;width:20px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #ffffff4d}.success-state{padding:20px 0;text-align:center}.success-icon{align-items:center;animation:successPop .5s ease;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-icon svg{color:#fff;height:48px;width:48px}.success-state h3{color:#1a202c;font-size:24px;font-weight:700;margin:0 0 20px}.assignment-details{background:#f8fafc;border-radius:12px;margin-top:20px;padding:20px}.assignment-title{color:#2d3748;font-weight:600;margin:0 0 8px}.assignment-info{color:#64748b;font-size:14px;margin:0 0 12px}.due-date{color:#667eea;font-size:13px;font-weight:600;margin:0}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.join-assignment-modal{margin:20px}}.submit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.submit-modal-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.submit-modal-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.submit-modal-title-section{align-items:center;display:flex;flex:1 1;gap:16px}.submit-modal-icon{flex-shrink:0;height:32px;width:32px}.submit-modal-title{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px}.submit-modal-subtitle{color:#fff;font-size:14px;margin:0;opacity:.9}.submit-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.submit-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.submit-modal-close svg{height:24px;width:24px}.submit-modal-body{flex:1 1;overflow-y:auto;padding:32px 28px}.upload-method-selection{display:flex;flex-direction:column;gap:24px}.upload-method-title{color:#1a202c;font-size:18px;font-weight:700;margin:0;text-align:center}.upload-methods-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.upload-method-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .3s}.upload-method-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-4px)}.upload-method-icon-wrapper{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.upload-method-icon-wrapper.file{background:linear-gradient(135deg,#667eea,#764ba2)}.upload-method-icon-wrapper.camera{background:linear-gradient(135deg,#48bb78,#38a169)}.upload-method-icon{color:#fff;height:32px;width:32px}.upload-method-name{color:#1a202c;font-size:16px;font-weight:700;margin:0}.upload-method-description{color:#718096;font-size:13px;line-height:1.4;margin:0}.upload-info-box{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:12px;display:flex;gap:12px;padding:16px}.upload-info-icon{color:#d97706;flex-shrink:0;height:20px;width:20px}.upload-info-text{color:#92400e;font-size:13px;line-height:1.4;margin:0}.upload-waiting{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.upload-waiting-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.upload-waiting p{color:#718096;font-size:15px;margin:0}.upload-cancel-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:10px 24px;transition:all .2s}.upload-cancel-btn:hover{background:#f8f9fa;border-color:#cbd5e0}.file-preview-section{display:flex;flex-direction:column;gap:20px}.file-preview-header{align-items:center;background:#d4f4dd;border-radius:10px;display:flex;gap:8px;padding:12px 16px}.file-preview-check{color:#22543d;height:20px;width:20px}.file-preview-header span{color:#22543d;font-size:14px;font-weight:600}.image-preview-container{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;width:100%}.image-preview{display:block;height:auto;max-height:300px;object-fit:contain;width:100%}.file-info-card{align-items:center;background:#f8f9fa;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:20px}.file-info-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.file-info-icon{color:#fff;height:24px;width:24px}.file-info-details{flex:1 1;min-width:0}.file-info-name{color:#1a202c;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-size{color:#718096;font-size:13px;margin:0}.change-file-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;width:100%}.change-file-btn:hover{background:#f7fafc;border-color:#5568d3}.submit-error-box{align-items:center;background:#fee;border:1px solid #fc8181;border-radius:12px;display:flex;gap:12px;margin-top:16px;padding:16px}.submit-error-icon{color:#c53030;flex-shrink:0;height:20px;width:20px}.submit-error-text{color:#742a2a;font-size:13px;line-height:1.4;margin:0}.submit-modal-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 28px}.submit-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s}.submit-modal-btn.cancel{background:#fff;border:2px solid #e2e8f0;color:#718096}.submit-modal-btn.cancel:hover:not(:disabled){background:#f8f9fa;border-color:#cbd5e0}.submit-modal-btn.submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-modal-btn.submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.submit-modal-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn-icon,.submit-spinner{height:20px;width:20px}.submit-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}@media (max-width:768px){.submit-modal-container{border-radius:0;max-height:100vh;max-width:100%}.submit-modal-header{padding:20px}.submit-modal-body{padding:24px 20px}.upload-methods-grid{grid-template-columns:1fr}.submit-modal-footer{flex-direction:column-reverse;padding:16px 20px}.submit-modal-btn{width:100%}}@media (max-width:480px){.submit-modal-title{font-size:18px}.submit-modal-icon{height:28px;width:28px}.upload-method-icon-wrapper{height:56px;width:56px}.upload-method-icon{height:28px;width:28px}.upload-method-card{padding:20px}}.worksheet-work-panel-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.worksheet-work-panel-modal{background:#fff;box-shadow:-4px 0 24px #0003;height:100vh;max-width:95vw;width:1000px}.worksheet-work-panel{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%}.wwp-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000001a;color:#fff;flex-shrink:0;padding:24px}.wwp-header-content{margin-bottom:12px}.wwp-title-row{justify-content:space-between;margin-bottom:12px}.wwp-title,.wwp-title-row{align-items:center;display:flex}.wwp-title{color:#fff;font-size:24px;font-weight:700;gap:12px;margin:0}.wwp-title-icon{height:28px;width:28px}.wwp-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.wwp-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.wwp-close-btn svg{height:24px;width:24px}.wwp-meta{flex-wrap:wrap;gap:16px;margin-bottom:12px}.wwp-meta,.wwp-meta-item{align-items:center;display:flex}.wwp-meta-item{color:#fffffff2;font-size:14px;gap:6px}.wwp-meta-item svg{height:16px;width:16px}.wwp-instructions{background:#ffffff26;border-radius:8px;color:#fffffff2;font-size:14px;line-height:1.6;margin-top:12px;padding:12px}.wwp-save-status{align-items:center;display:flex;min-height:24px}.save-indicator{align-items:center;background:#ffffff26;border-radius:6px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:4px 12px}.save-indicator svg{height:16px;width:16px}.save-indicator.saving{color:#ffffffe6}.save-indicator.saved{background:#10b98126;color:#10b981}.save-indicator.error{background:#ef444426;color:#ef4444}.wwp-questions-container{background:#fff;flex:1 1;overflow-y:auto;padding:32px}.wwp-question{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:24px;transition:all .2s}.wwp-question:hover{border-color:#cbd5e0;box-shadow:0 4px 16px #00000014}.question-header{gap:8px;line-height:1.6;margin-bottom:16px}.question-number{color:#667eea;font-size:16px;min-width:32px}.question-text{color:#1f2937;font-size:16px}.question-points{font-size:14px;margin-left:auto}.question-workspace{margin-top:16px}.workspace-toolbar{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.workspace-math-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.workspace-math-btn:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.toolbar-hint{color:#0369a1;font-size:13px;font-style:italic}.rich-workspace{margin-top:16px}.rich-editor-container{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;overflow:hidden;transition:border-color .2s}.rich-editor-container:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rich-editor-container .rich-text-editor{border:none;box-shadow:none}.rich-editor-container .rte-toolbar{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:10px}.rich-editor-container .rte-content{background:#fff;max-height:400px;min-height:200px;overflow-y:auto;padding:16px}.mc-workspace{margin-top:12px}.mc-choices{display:flex;flex-direction:column;gap:12px}.mc-choice{align-items:flex-start;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.mc-choice:hover{background:#f3f4f6;border-color:#e5e7eb}.mc-choice input[type=radio]{accent-color:#667eea;cursor:pointer;height:20px;margin-top:3px;width:20px}.mc-choice input[type=radio]:checked~.mc-letter,.mc-choice input[type=radio]:checked~.mc-text{color:#667eea;font-weight:600}.mc-choice:has(input[type=radio]:checked){background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#667eea;box-shadow:0 2px 8px #667eea26}.mc-letter{color:#374151;font-size:15px;font-weight:600;min-width:28px}.mc-text{color:#1f2937;flex:1 1;line-height:1.6}.math-inline{margin:0 3px}.math-display{background:#f9fafb;border-radius:6px;margin:16px 0;padding:12px}.math-error{background:#fee;border-radius:3px;padding:2px 4px}.wwp-footer{background:#fff;border-top:2px solid #e2e8f0;box-shadow:0 -4px 12px #0000000d;flex-shrink:0;justify-content:space-between;padding:20px 24px}.wwp-footer,.wwp-footer-info{align-items:center;display:flex}.wwp-footer-info{gap:16px}.response-count{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e0;border-radius:8px;color:#64748b;font-size:14px;font-weight:600;padding:8px 16px}.wwp-footer-actions{display:flex;gap:12px}.btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e0;color:#475569;transform:translateY(-1px)}.btn-submit{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;box-shadow:0 4px 12px #48bb7840;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 6px 16px #48bb7859;transform:translateY(-2px)}.btn-submit:disabled{box-shadow:0 2px 4px #48bb7826;cursor:not-allowed;opacity:.5;transform:none}.btn-submit svg{height:18px;width:18px}.spinner-tiny{height:14px;width:14px}.spinner-small,.spinner-tiny{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.spinner-small{height:16px;width:16px}.wwp-questions-container::-webkit-scrollbar{width:10px}.wwp-questions-container::-webkit-scrollbar-track{background:#f1f5f9}.wwp-questions-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:5px}.wwp-questions-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rte-content::-webkit-scrollbar{width:8px}.rte-content::-webkit-scrollbar-track{background:#f9fafb}.rte-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.rte-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.worksheet-work-panel-modal{max-width:none;width:100vw}.wwp-questions-container{padding:20px}}@media (max-width:768px){.wwp-header{padding:20px 16px}.wwp-title{font-size:20px}.wwp-meta{align-items:flex-start;flex-direction:column;gap:8px}.wwp-question,.wwp-questions-container{padding:16px}.question-header{flex-direction:column;gap:8px}.question-points{margin-left:0}.workspace-toolbar{align-items:flex-start;flex-direction:column}.rich-editor-container .rte-content{max-height:300px;min-height:150px}.wwp-footer{align-items:stretch;flex-direction:column;gap:12px}.wwp-footer-actions{width:100%}.btn-cancel,.btn-submit{flex:1 1;justify-content:center}}@media print{.workspace-toolbar,.wwp-footer,.wwp-header{display:none}.worksheet-work-panel{background:#fff}.wwp-questions-container{padding:0}.wwp-question{border:none;box-shadow:none;page-break-inside:avoid}.rich-editor-container{border:1px solid #e5e7eb}}.rich-editor-container .toolbar-btn{height:32px;min-width:32px;padding:6px}.rich-editor-container .toolbar-btn.active{background:#667eea;color:#fff}.rich-editor-container .rte-content[contenteditable=true]:empty:before{color:#9ca3af;font-style:italic}.rich-editor-container .math-input-bar{background:#f8fafc;border-top:1px solid #e2e8f0}.workspace-hint{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:12px}.workspace-hint svg{color:#f59e0b;flex-shrink:0;height:16px;width:16px}.student-dashboard-container{display:flex;min-height:100vh;overflow:hidden;position:relative;width:100%}.student-dashboard-main{flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;transition:width .25s cubic-bezier(.4,0,.2,1)}.student-dashboard-main::-webkit-scrollbar{width:8px}.student-dashboard-main::-webkit-scrollbar-track{background:#f1f5f9}.student-dashboard-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.student-dashboard-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}.student-dashboard-panel{background:#fff;border-left:1px solid #e2e8f0;flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto}.student-dashboard-panel::-webkit-scrollbar{width:8px}.student-dashboard-panel::-webkit-scrollbar-track{background:#f1f5f9}.student-dashboard-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.student-dashboard-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.split-divider{align-items:center;background:#0000;bottom:0;cursor:col-resize;display:flex;justify-content:center;margin-left:-6px;position:absolute;top:0;transition:background .15s ease;-webkit-user-select:none;user-select:none;width:12px;z-index:100}.split-divider:hover{background:#667eea14}.split-divider:hover .divider-handle{opacity:1;transform:translateX(-50%) scale(1)}.divider-handle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 16px #667eea40;display:flex;flex-direction:column;gap:3px;height:64px;justify-content:center;left:50%;opacity:.6;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.85);transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.divider-handle svg{color:#fff;height:16px;opacity:.9;width:16px}.split-divider:active{background:#667eea1f}.split-divider:active .divider-handle{box-shadow:0 6px 20px #667eea59;opacity:1;transform:translateX(-50%) scale(1.05)}.student-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:24px;width:100%}.sd-header{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:32px;padding:32px}.sd-header-top{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.sd-header-content{flex:1 1}.sd-title{align-items:center;color:#1a202c;display:flex;font-size:32px;font-weight:700;gap:16px;margin:0 0 8px}.sd-title-icon{color:#667eea;height:36px;width:36px}.sd-subtitle{color:#718096;font-size:16px;margin:0}.sd-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.sd-header-actions .join-assignment-btn{box-shadow:0 4px 12px #667eea33}.sd-quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.stat-card{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon svg{color:#fff;height:24px;width:24px}.stat-icon.pending{background:linear-gradient(135deg,#f6d365,#fda085)}.stat-icon.submitted{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.graded{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon.average{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-content{display:flex;flex-direction:column}.stat-value{color:#1a202c;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#718096;font-size:14px}.sd-tabs{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:8px}.sd-tab,.sd-tabs{display:flex;gap:8px}.sd-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#718096;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.sd-tab:hover{background:#f8f9fa}.sd-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-count{background:#fff3;border-radius:12px;font-size:12px;padding:2px 8px}.sd-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;min-height:400px;padding:32px}.assignments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.assignment-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s}.assignment-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.assignment-card.overdue{background:#fff5f5;border-color:#fc8181}.assignment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.assignment-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.assignment-icon svg{color:#fff;height:24px;width:24px}.assignment-status{align-items:center;display:flex}.status-badge{border-radius:8px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.not_started{background:#e2e8f0;color:#718096}.status-badge.in_progress{background:#fed7d7;color:#c53030}.status-badge.submitted{background:#bee3f8;color:#2c5282}.status-badge.graded{background:#c6f6d5;color:#22543d}.assignment-body{margin-bottom:20px}.assignment-title{color:#1a202c;font-size:18px;font-weight:700;margin:0 0 12px}.assignment-meta{display:flex;gap:12px;margin-bottom:12px}.meta-item{align-items:center;color:#718096;display:flex;font-size:13px;gap:6px}.meta-item svg{height:16px;width:16px}.assignment-description{color:#4a5568;font-size:14px;line-height:1.5;margin:12px 0 0}.assignment-progress{margin-top:16px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#718096;font-size:12px;font-weight:600}.assignment-grade{align-items:center;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;display:flex;gap:8px;margin-top:12px;padding:12px}.grade-label{color:#22543d;font-size:14px;font-weight:600}.grade-value{color:#22543d;font-size:18px;font-weight:700}.grade-percentage{color:#48bb78;font-size:14px;margin-left:auto}.assignment-footer{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding-top:16px}.write-work-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.write-work-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.write-work-btn svg{height:18px;width:18px}.submit-file-btn{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.submit-file-btn:hover{box-shadow:0 4px 12px #48bb784d;transform:translateY(-2px)}.submit-file-btn svg{height:18px;width:18px}.view-details-btn-small{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:12px;transition:all .2s}.view-details-btn-small:hover{background:#f7fafc;border-color:#5568d3}.view-details-btn-small svg{height:18px;width:18px}.open-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);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}.open-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.open-btn svg{height:16px;width:16px}.overdue{color:#e53e3e;font-weight:600}.due-today{color:#ed8936;font-weight:600}.due-soon{color:#ecc94b;font-weight:600}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#cbd5e0;height:80px;margin-bottom:24px;width:80px}.empty-state h3{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:#718096;font-size:16px;margin:0 0 32px;max-width:400px}.empty-state-action{margin-top:8px}.empty-state-action .join-assignment-btn{box-shadow:0 6px 16px #667eea40;font-size:15px;padding:14px 28px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@media (max-width:1024px){.student-dashboard-container{flex-direction:column}.student-dashboard-main,.student-dashboard-panel{height:auto;min-height:50vh;width:100%!important}.student-dashboard-panel{border-left:none;border-top:1px solid #e2e8f0}.split-divider{display:none}.sd-header-top{align-items:stretch;flex-direction:column}.sd-header-actions{justify-content:flex-end}}@media (max-width:768px){.sd-header-top{gap:16px}.sd-header-actions{justify-content:center}.sd-header-actions .join-assignment-btn{justify-content:center;width:100%}.empty-state{padding:60px 20px}.empty-state-action .join-assignment-btn{width:100%}.assignment-footer{flex-direction:column}.submit-file-btn,.write-work-btn{width:100%}}@media (max-width:480px){.sd-header-top{margin-bottom:24px}.empty-state{padding:40px 16px}.empty-icon{height:64px;width:64px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}}.wallet-adapter-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon,.wallet-adapter-button-start-icon img{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{grid-row-gap:10px;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;display:grid;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;grid-template-rows:1fr;list-style:none;margin:0;opacity:0;padding:10px;position:absolute;right:0;top:100%;transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;z-index:99}.wallet-adapter-dropdown-list-active{opacity:1;transform:translateY(10px);visibility:visible}.wallet-adapter-dropdown-list-item{align-items:center;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:600;height:37px;justify-content:center;outline:none;padding:0 20px;white-space:nowrap;width:100%}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform .15s ease-in}.wallet-adapter-modal{background:#00000080;bottom:0;left:0;opacity:0;overflow-y:auto;position:fixed;right:0;top:0;transition:opacity .15s linear;z-index:1040}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{align-items:center;background:#1a1f2e;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:12px;position:absolute;right:18px;top:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0}.wallet-adapter-modal-container{align-items:center;display:flex;justify-content:center;margin:3rem;min-height:calc(100vh - 6rem)}@media (max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{align-items:center;background:#10141f;border-radius:10px;box-shadow:0 8px 20px #0009;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;max-width:400px;position:relative;z-index:1050}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{color:#fff;font-size:24px;font-weight:500;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{list-style:none;margin:0 0 12px;padding:0;width:100%}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{height:28px;width:28px}.wallet-adapter-modal-list .wallet-adapter-button span{font-size:14px;margin-left:auto;opacity:.6}.wallet-adapter-modal-list-more{align-items:center;align-self:flex-end;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;padding:12px 24px 24px 12px}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s ease}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:0 24px 24px;width:100%}.wallet-adapter-modal-middle-button{background-color:#512da8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;margin-top:48px;padding:12px;width:100%}.document-preview-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:999998}.document-preview-modal{background:#fff;border-radius:16px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;height:90vh;inset:0;margin:auto;max-width:1400px;overflow:hidden;position:fixed;width:90vw;z-index:999999}.preview-header{align-items:center;background:linear-gradient(145deg,#f8f9fa,#fff);border-bottom:3px solid;display:flex;justify-content:space-between;padding:20px 24px}.preview-header-left{align-items:center;display:flex;flex:1 1;gap:16px}.preview-type-badge{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;text-transform:capitalize}.preview-type-badge .badge-icon{height:18px;width:18px}.preview-title-section h2{color:#1a202c;font-size:20px;font-weight:700;margin:0}.preview-subtitle{color:#718096;font-size:13px;margin:4px 0 0}.preview-header-actions{align-items:center;display:flex;gap:12px}.preview-action-btn{align-items:center;background:#f7fafc;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.preview-action-btn:hover{background:#edf2f7;transform:translateY(-1px)}.preview-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.preview-action-btn.primary:hover{box-shadow:0 4px 12px #667eea66}.preview-action-btn svg{height:18px;width:18px}.preview-badge-readonly{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:8px;color:#92400e;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px}.preview-badge-readonly svg{height:16px;width:16px}.preview-body{background:#fafafa;flex:1 1;overflow-y:auto;padding:24px}.preview-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.preview-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-loading p{color:#718096;font-size:15px;margin:0}.preview-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;padding:16px 24px}.preview-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.metadata-item{align-items:center;color:#4a5568;display:flex;font-size:13px;gap:6px}.metadata-item strong{color:#2d3748;font-weight:600}.metadata-readonly{align-items:center;background:#fbbf241a;border-radius:6px;color:#92400e;display:flex;gap:6px;padding:6px 12px}.metadata-icon{height:14px;width:14px}.document-preview-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 3px 10px #667eea40;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.document-preview-button:before{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.document-preview-button:hover{box-shadow:0 6px 16px #667eea59;transform:translateY(-2px)}.document-preview-button:hover:before{opacity:1}.document-preview-button:active{box-shadow:0 2px 6px #667eea40;transform:translateY(0)}.preview-button-icon{height:18px;transition:transform .3s ease;width:18px}.document-preview-button:hover .preview-button-icon{transform:scale(1.1)}.document-preview-button.outline{background:#fff;border:2px solid #667eea;box-shadow:0 2px 6px #667eea1f;color:#667eea}.document-preview-button.outline:hover{background:#f0f4ff;border-color:#764ba2;box-shadow:0 3px 10px #667eea33;color:#764ba2}.document-preview-button.minimal{background:#667eea1a;box-shadow:none;color:#667eea}.document-preview-button.minimal:hover{background:#667eea33;transform:translateY(-1px)}.document-preview-button.code{background:linear-gradient(135deg,#38b2ac,#2c7a7b);box-shadow:0 3px 10px #38b2ac40}.document-preview-button.code:hover{box-shadow:0 6px 16px #38b2ac59}.document-preview-button.canvas{background:linear-gradient(135deg,#9f7aea,#805ad5);box-shadow:0 3px 10px #9f7aea40}.document-preview-button.canvas:hover{box-shadow:0 6px 16px #9f7aea59}.document-preview-button.lesson{background:linear-gradient(135deg,#667eea,#4c51bf);box-shadow:0 3px 10px #667eea40}.document-preview-button.lesson:hover{box-shadow:0 6px 16px #667eea59}.document-preview-button.loading{opacity:.7;pointer-events:none}.document-preview-button.loading .preview-button-icon{animation:spinIcon 1s linear infinite}.document-preview-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.document-preview-button:disabled:hover{box-shadow:0 3px 10px #667eea40;transform:none}@keyframes spinIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.handwrite-template-preview{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;height:100%}.preview-controls{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#fff,#fbfcfd);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000005;display:flex;justify-content:space-between;padding:.875rem 1.5rem}.controls-left{align-items:center;display:flex;gap:1rem}.template-icon{color:#f59e0b;filter:drop-shadow(0 1px 2px rgba(245,158,11,.3));height:22px;width:22px}.template-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9999px;box-shadow:0 2px 8px #667eea40;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:.375rem 1rem;position:relative}.template-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.template-badge:hover:before{left:100%}.question-count{border-left:2px solid #e2e8f0;color:#64748b;font-size:.8125rem;font-weight:500;margin-left:.5rem;padding-left:.75rem}.controls-right{align-items:center;display:flex;gap:1rem}.page-navigation{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:.5rem;box-shadow:inset 0 1px 2px #0000000f;display:flex;padding:.25rem}.page-nav-btn{background:#fff;border:1px solid #0000;border-radius:.375rem;box-shadow:0 1px 3px #00000014;color:#475569;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.4rem 1rem;position:relative;transition:all .2s ease}.page-nav-btn:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:.375rem;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s;z-index:-1}.page-nav-btn:hover:not(:disabled){background:#fff;border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;color:#1e293b;transform:translateY(-1px)}.page-nav-btn:active:not(:disabled){box-shadow:0 1px 3px #00000014;transform:translateY(0)}.page-nav-btn:disabled{background:#f8fafc;box-shadow:none;cursor:not-allowed;opacity:.4}.page-indicator{background:#fff;border-radius:.25rem;box-shadow:0 1px 2px #0000000d;color:#1e293b;font-size:.8125rem;font-weight:600;margin:0 .25rem;min-width:90px;padding:0 1rem;text-align:center}.answer-key-toggle{align-items:center;border:1px solid #0000;border-radius:.5rem;color:#475569;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;transition:all .2s}.answer-key-toggle:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;color:#92400e}.answer-key-toggle input[type=checkbox]{accent-color:#8b5cf6;border-radius:4px;cursor:pointer;height:18px;width:18px}.print-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;box-shadow:0 4px 14px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;letter-spacing:.025em;overflow:hidden;padding:.5rem 1.5rem;position:relative;transition:all .2s ease}.print-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.print-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #2563eb59;transform:translateY(-2px)}.print-btn:hover:before{height:300px;width:300px}.print-btn:active{box-shadow:0 2px 8px #2563eb40;transform:translateY(0)}.print-btn svg{height:16px;width:16px}.worksheet-container{background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:2rem}.worksheet-paper{background:#fff;border-radius:.125rem;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000000f,0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;font-family:Times New Roman,serif;min-height:11in;padding:.75in;position:relative;width:8.5in}.screen-only{display:block}.print-only{display:none}.worksheet-header{border-bottom:2px solid #1f2937;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.worksheet-header:after{background:linear-gradient(90deg,#0000,#cbd5e0,#0000);bottom:-4px;content:"";height:1px;left:0;position:absolute;right:0}.worksheet-title{color:#111827;font-size:21px;font-weight:700;line-height:1.4;margin-bottom:1rem;text-align:center;text-shadow:0 1px 2px #0000000d}.student-info-row{display:flex;gap:1.25rem;margin-top:1rem}.info-field{align-items:baseline;display:flex;flex:1 1;gap:.5rem}.info-field span:first-child{color:#374151;font-size:14px;font-weight:500}.fill-line{border-bottom:1px solid #4b5563;flex:1 1;margin-bottom:2px;min-width:120px}.fill-line.short{flex:0 1;min-width:60px}.worksheet-instructions{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:3px solid #3b82f6;border-radius:0 .25rem .25rem 0;box-shadow:0 1px 3px #3b82f614;font-size:14px;line-height:1.6;margin-bottom:1.5rem;padding:.875rem 1rem}.worksheet-question{margin-bottom:1.75rem;page-break-inside:avoid}.question-header{align-items:flex-start;display:flex;line-height:1.5;margin-bottom:.625rem}.question-number{color:#1f2937;font-weight:700;margin-right:.625rem;min-width:28px}.question-text{color:#111827;flex:1 1;line-height:1.6}.question-points{color:#6b7280;font-size:.8125rem;font-style:italic;margin-left:.75rem;white-space:nowrap}.answer-lines{margin-left:32px;margin-top:.25rem}.answer-line{border-bottom:1px solid #d1d5db;height:26px}.answer-line:hover{border-color:#9ca3af}.grid-workspace{border:1px solid #cbd5e0;border-radius:.25rem;box-shadow:inset 0 1px 2px #0000000d;margin-left:32px;margin-top:.5rem;overflow:hidden}.grid-pattern{background-color:#fafbfc;background-image:linear-gradient(#e5e7eb 1px,#0000 0),linear-gradient(90deg,#e5e7eb 1px,#0000 0);background-size:20px 20px;height:100%;width:100%}.graph-workspace{background:linear-gradient(180deg,#fafbfc,#f9fafb);border:1px solid #cbd5e0;border-radius:.25rem;box-shadow:inset 0 1px 2px #0000000d;margin-left:32px;margin-top:.5rem;overflow:hidden}.graph-svg{display:block;height:100%;width:100%}.blank-box-workspace{background:#fafbfc;border:1px solid #cbd5e0;border-radius:.25rem;box-shadow:inset 0 1px 3px #0000000a}.blank-box-workspace,.question-choices{margin-left:32px;margin-top:.5rem}.choice-item{align-items:flex-start;border-radius:.25rem;display:flex;margin-bottom:.5rem;padding:.125rem 0;transition:background .15s}.choice-item:hover{background:#f9fafb;padding-left:.25rem}.choice-letter{color:#374151;font-weight:700;margin-right:.75rem;min-width:22px}.choice-text{color:#111827;flex:1 1}.correct-indicator{color:#10b981;height:18px;margin-left:.75rem;width:18px}.page-footer{bottom:.5in;color:#9ca3af;font-family:Arial,sans-serif;font-size:11px;font-style:italic;left:0;position:absolute;right:0;text-align:center}.answer-key-page{padding:.75in!important;page-break-before:always}.answer-key-title{border-bottom:1px solid #6b7280;color:#1f2937;font-size:16px;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.375rem;text-align:center;text-transform:uppercase}.answer-key-content{column-count:3;column-gap:1.25rem;column-rule:1px dotted #e5e7eb;font-size:12px;line-height:1.4}.answer-key-item{align-items:baseline;break-inside:avoid;display:flex;margin-bottom:.25rem;padding:.125rem 0;page-break-inside:avoid}.answer-key-item strong{color:#374151;display:inline-block;font-size:11px;font-weight:600;min-width:28px}.answer-key-item .math-display,.answer-key-item .math-inline{font-size:.85em}.answer-key-detailed{font-size:11px;margin-bottom:.5rem;padding-left:28px;position:relative}.answer-key-detailed strong{left:0;position:absolute;top:0}@media print{.no-print,.screen-only{display:none!important}.print-only{display:block!important}.worksheet-container{background:#fff;padding:0}.worksheet-paper{border-radius:0;box-shadow:none;margin:0;page-break-after:always}.worksheet-question{page-break-inside:avoid}.answer-key-content{column-count:4;column-gap:.75rem;font-size:10px}.answer-key-title{font-size:14px;margin-bottom:.5rem}.answer-key-item{margin-bottom:.125rem}.answer-key-item strong{font-size:10px;min-width:24px}@page{size:letter;margin:.5in}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.math-inline{margin:0 2px;vertical-align:initial}.math-display{display:block;margin:12px 0;text-align:center}.math-error{color:#ef4444;font-family:monospace;font-size:.875rem}.download-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.375rem;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s}.download-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.download-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.6;transform:none}.download-btn:disabled:hover{box-shadow:0 2px 4px #10b98133;transform:none}.download-btn svg{height:16px;width:16px}