@import url("./styles/tokens.css");@import url("./styles/utilities.css");@import url("./styles/student-question-create-modern.css");@import url("./styles/practice-records.css");@import url("./styles/learning-setup-dialog.css");@import url("./styles/multi-select.css");@import url("./styles/toggle-switch.css");@import url("./styles/admin-aimodels.css");@import url("./styles/admin-import.css");@import url("./styles/plan.css");@import url("./study.css");@import url("./styles/study-tweaks.css");@import url("./markdown-editor.css");.inline-form{display:block}.inline-form .form-row{display:flex;flex-wrap:wrap;gap:16px}.inline-form .form-group{align-items:center;column-gap:12px;display:grid;grid-template-columns:2fr 8fr;margin-bottom:12px;width:100%}.inline-form .form-row .form-group{flex:1 1 320px}.inline-form .form-label{color:#111827;display:inline-block;font-weight:500;margin-bottom:0;text-align:right;white-space:nowrap}.inline-form .required-star{color:var(--danger-color,#f44336);margin-left:4px}.inline-form .form-input,.inline-form .form-select{min-width:0;width:100%}.inline-form .form-group .toggle-switch{justify-self:start}.inline-form .form-actions-right{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}@media (max-width:768px){.inline-form .form-group{grid-template-columns:1fr}.inline-form .form-label{text-align:left}}.import-page{padding:24px}.import-page__header{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.import-header-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.import-title{color:#1e293b;font-size:24px;font-weight:600}.import-file-name{color:#334155;font-size:24px;font-weight:500}.import-page__subtitle{color:#334155;font-size:15px;font-weight:500;line-height:1.6}.import-summary-bar{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:12px 16px;width:100%}.import-summary-bar__left{align-items:center;display:flex;gap:12px}.import-summary-bar__left .btn,.import-summary-bar__left .btn:focus,.import-summary-bar__left .btn:hover{box-shadow:none;height:36px;padding:0 14px;transform:none}.import-summary-bar__right{border-left:none;display:flex;flex:1;justify-content:flex-end;padding-left:0}.import-summary-bar__right .questions-stats{gap:12px;justify-content:flex-end;margin:0}.import-page__actions{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.06);margin-bottom:20px;padding:20px}.import-form{display:grid;gap:16px;grid-template-columns:1fr 1fr}.import-form .form-row{display:flex;flex-direction:column;gap:8px}.form-label{color:#475569;font-size:13px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e1e5e9;border-radius:10px;font-size:14px;padding:10px 12px}.form-textarea{resize:vertical}.form-actions{grid-column:1/-1;justify-content:flex-start}.import-page__list .list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.job-list{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.job-list__row{align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:12px;grid-template-columns:.6fr 2fr .8fr 1fr 2fr .7fr 1.4fr 1.6fr;padding:12px 16px}.job-list__row--head{background:linear-gradient(135deg,var(--color-blue-500) 0,var(--color-indigo-500) 100%);color:#fff;font-weight:600}.job-list__row:last-child{border-bottom:none}.job-list__cell{color:#334155;font-size:14px}.job-list__file .file-name{color:#0f172a;font-weight:600}.job-list__file .file-meta{color:#64748b;font-size:12px}.progress-bar-container{width:100%}.progress-bar-track{background:var(--color-gray-200);border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-blue-500),var(--color-green-500));height:8px}.import-review-page{padding:24px}.import-review-page .question-item,.import-review-page .questions-list .list-header{grid-template-columns:1fr minmax(120px,160px)}.import-review-page .question-item{border-color:#e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.06);gap:24px}.import-review-page .question-item:hover{box-shadow:0 8px 20px rgba(0,0,0,.12)}.import-review-page .question-actions{align-items:center;border-top:none;display:flex;gap:8px;justify-content:flex-start}.import-review-page .question-content{border-radius:12px}.draft-list,.draft-list__cell,.draft-preview,.form-input,.form-select,.form-textarea,.import-page,.import-review-page,.job-list,.job-list__cell{font-family:SimSun,宋体,serif;font-size:10.5pt;line-height:1.4}.draft-list{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.draft-list__row{align-items:start;border-bottom:1px solid #f1f5f9;display:grid;gap:12px;grid-template-columns:3fr 1fr 1fr 1fr 1fr 1.6fr;padding:12px 16px}.draft-list__row--head{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-weight:600}.draft-list__row:last-child{border-bottom:none}.draft-list__cell textarea.form-textarea{min-height:120px;width:100%}.draft-list__cell .form-select{width:100%}.draft-preview{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;color:#0f172a;margin-top:8px;padding:10px 12px}.status-badge.approved{background:#10b981;color:#fff}.status-badge.rejected{background:#ef4444;color:#fff}.status-badge.draft{background:#64748b;color:#fff}.review-table{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.review-table__row{align-items:start;border-bottom:1px solid #f1f5f9;display:grid;gap:12px;grid-template-columns:3fr 1fr;padding:12px 16px}.review-table__row:hover{background:#f9fafb}.review-table__row--head{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;font-weight:600}.review-table__row:last-child{border-bottom:none}.review-table__cell{color:#334155;font-size:14px}.review-table__cell--fixed{overflow:hidden}.review-table__cell:last-child{align-items:center;display:flex;gap:8px;justify-content:flex-end}.question-fixed{display:flex;flex-direction:column;gap:8px}.question-meta{gap:8px}.tag{background:#f1f5f9;border-radius:12px;color:#334155;padding:4px 8px}.tag--subject{background:#ede9fe;color:#5b21b6}.tag--grade{background:#cffafe;color:#0e7490}.tag--type{background:#fde68a;color:#78350f}.tag--status{background:#e5e7eb;color:#374151}.tag--status-pending{background:#f3f4f6;color:#64748b}.tag--status-draft{background:#e0e7ff;color:#1d4ed8}.tag--status-active{background:#dcfce7;color:#166534}.tag--status-archived{background:#fee2e2;color:#991b1b}.question-content{background:#fcfdff;border:1px dashed #e2e8f0;border-radius:12px;color:#0f172a;padding:12px 14px}.import-review-page .question-content{background:transparent;border:none!important;padding:0}.question-options{display:flex;flex-direction:column;gap:6px}.option-item{align-items:center;display:flex;gap:8px}.answer-line,.explain-line{align-items:start;display:flex;gap:8px}.answer-label,.explain-label{color:#475569;width:48px}.answer-text,.explain-text{color:#0f172a}.import-review-page .question-grade,.import-review-page .question-header,.import-review-page .question-subject,.import-review-page .question-tags .tag,.import-review-page .question-text,.import-review-page .question-type,.import-review-page .status-badge{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Liberation Sans,sans-serif}@media (max-width:960px){.import-header-row{align-items:flex-start;flex-direction:column;gap:8px}.import-file-name{font-size:18px;font-weight:500}.import-summary-bar{align-items:flex-start;flex-direction:column;gap:12px}.import-summary-bar__right .questions-stats{gap:10px;justify-content:flex-start;width:100%}.import-summary-bar__right{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:12px}}.modal-backdrop{background:rgba(0,0,0,.45);inset:0}.modal-content{box-shadow:0 8px 30px rgba(0,0,0,.15)}.modal-content.modal-content--wide{max-width:1680px;width:95vw}.modal-header{border-bottom:1px solid #f0f0f0}.modal--preview .modal-close-btn{display:none}.import-review-modal .modal-header{border-bottom:none}.review-modal .preview-section .question-meta{border-top:none;padding-top:0}.review-modal .question-explanation{background:#fffbeb;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:12px 14px}.review-modal .question-explanation h4{color:#78350f;margin-bottom:8px;margin-top:0}.review-modal .question-explanation .explanation-content{line-height:1.8;padding-left:12px}.modal-body{padding:16px 20px}.modal-footer{border-top:1px solid #f0f0f0;padding:12px 20px;z-index:5}.section-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.section-col{display:flex;flex-direction:column;gap:8px}.label-text{color:#475569;font-size:13px;font-weight:500}.status-radio-group{align-items:center;display:flex;gap:16px}.status-radio-group label{align-items:center;color:#475569;display:inline-flex;gap:6px}@media (max-width:960px){.import-review-page .question-item,.import-review-page .questions-list .list-header{grid-template-columns:1fr}.import-review-page .question-actions{grid-column:1;justify-content:flex-end;margin-top:12px}}@media (max-width:768px){.review-table__row{grid-template-columns:1fr}}@media (max-width:1024px){.job-list__row{grid-template-columns:.6fr 1.8fr .8fr 1fr 1.8fr .7fr 1.2fr 1.4fr}.draft-list__row{grid-template-columns:3fr 1fr 1fr 1fr 1fr 1.6fr}}@media (max-width:768px){.import-form{grid-template-columns:1fr}.job-list__row{grid-template-columns:.6fr 1.4fr .8fr 1fr 1.6fr .8fr 1.2fr 1.2fr}.draft-list__row{grid-template-columns:1fr}}.review-modal{display:flex;flex-direction:column;gap:16px}.review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.review-section--meta{background:#fff}.meta-row{display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.meta-row--four-col{grid-template-columns:minmax(160px,.8fr) minmax(320px,1.6fr) minmax(160px,.8fr) minmax(220px,1fr)}.meta-col{display:flex;flex-direction:column;gap:6px}.review-modal .meta-row{align-items:center}.review-modal .meta-col .label-text{margin-bottom:6px}.meta-col--center{align-items:center;text-align:center}.option-edit-row{align-items:flex-start;display:flex;gap:8px}.option-edit-row .btn-danger{min-width:56px;padding:6px 12px;white-space:nowrap;writing-mode:horizontal-tb}.option-label{color:#334155;font-weight:600;width:24px}.answer-checkbox-group,.answer-radio-group{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.answer-checkbox,.answer-radio{align-items:center;color:#334155;display:inline-flex;flex-direction:row;gap:6px;white-space:nowrap}.answer-checkbox input,.answer-radio input{margin:0}.status-row{align-items:center;display:flex;justify-content:space-between;padding-top:8px}.status-row .label-text{margin:0}.status-row--controls,.status-row--labels{padding-top:0}.review-modal .meta-col .status-row{align-items:center;column-gap:12px;display:grid;grid-template-columns:1fr auto}.review-modal .status-row--labels{padding-top:2px}.review-modal .status-row--controls{padding-top:4px}.review-modal .status-radio-group{gap:12px}.review-modal .status-row--controls .status-radio-group,.review-modal .status-row--labels .label-text:first-child{justify-self:center}.review-actions{display:flex;gap:10px;justify-content:flex-end}.difficulty-stars{display:inline-flex;gap:6px}.review-modal .meta-col--center .difficulty-stars{justify-content:center}.review-modal .meta-col--center{align-items:center;text-align:center}.difficulty-star{background:transparent;border:none;color:#cbd5e1;cursor:pointer;font-size:20px;line-height:1;padding:2px}.difficulty-star--active,.difficulty-star:hover{color:#f59e0b}.modal-title{color:#0f172a}.modal-close-btn{align-items:center;background:transparent;border-radius:4px;color:#64748b;display:inline-flex;font-size:24px;height:32px;justify-content:center;width:32px}.modal-close-btn:hover{background:#f1f5f9;color:#334155}@media (max-width:960px){.meta-row,.meta-row--four-col{grid-template-columns:1fr 1fr}}@media (max-width:640px){.meta-row{grid-template-columns:1fr}.option-edit-row{flex-direction:column}}.review-modal .question-text{background:#fff;border:1px solid #f0f0f0}.review-modal .options-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.review-modal .option-row{align-items:flex-start;background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:10px 12px}.review-modal .option-row__label{align-items:center;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.25);border-radius:50%;color:#3b82f6;display:inline-flex;flex:0 0 28px;font-size:13px;font-weight:700;height:28px;justify-content:center;margin-top:2px;width:28px}.review-modal .option-row__content{color:#374151;flex:1;line-height:1.6}.review-modal .option-row__tail{align-items:center;display:inline-flex;font-weight:700;gap:8px;margin-left:auto}.review-modal .icon-check{color:#cf1322;font-size:16px}.review-modal .status-badge{background:transparent;color:#0f172a!important}.review-modal .form-input--compact{flex:0 0 110px;width:110px}.confirm-popover{box-shadow:0 8px 24px rgba(2,6,23,.18);padding:10px 12px;z-index:4000}.confirm-popover.down:before{border-bottom:8px solid #e2e8f0;border-left:8px solid transparent;border-right:8px solid transparent;content:"";left:16px;position:absolute;top:-8px}.confirm-popover.down:after{border-bottom:7px solid #fff;border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:16px;position:absolute;top:-7px}.confirm-popover.up:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #e2e8f0;bottom:-8px;content:"";left:16px;position:absolute}.confirm-popover.up:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;bottom:-7px;content:"";left:16px;position:absolute}.confirm-title{color:#0f172a;font-size:14px;font-weight:600}.confirm-sub{color:#64748b;font-size:12px;margin-top:4px}.confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);max-height:90vh;max-width:550px;overflow-y:auto;width:90%}.learning-setup-dialog .dialog-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.learning-setup-dialog .dialog-header h2{color:#1a202c;font-size:20px;font-weight:600;margin:0}.learning-setup-dialog .dialog-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.learning-setup-dialog .dialog-close:hover{background-color:#f1f5f9;color:#374151}.learning-setup-dialog .dialog-body{padding:24px}.preview-dialog .dialog-header{padding:12px 16px}.preview-dialog .dialog-body{overflow-x:hidden;padding:8px 16px 16px}.preview-dialog .markdown-preview{color:#1f2937;font-size:15px;line-height:1.8;margin:0 auto;max-width:860px;overflow-wrap:anywhere;padding-top:8px}.preview-dialog .markdown-preview>:first-child{margin-top:8px}.preview-dialog .markdown-preview h1,.preview-dialog .markdown-preview h2,.preview-dialog .markdown-preview h3{color:#111827;font-weight:700;margin-bottom:10px;margin-top:20px}.preview-dialog .markdown-preview h1{border-bottom:2px solid #e5e7eb;font-size:22px;padding-bottom:8px}.preview-dialog .markdown-preview h2{border-bottom:1px solid #e5e7eb;font-size:18px;padding-bottom:6px}.preview-dialog .markdown-preview h3{font-size:16px}.preview-dialog .markdown-preview p{margin:0 0 12px}.preview-dialog .markdown-preview blockquote{background:#f8fafc;border-left:4px solid #3b82f6;color:#475569;margin:12px 0;padding:10px 14px}.preview-dialog .markdown-preview ol,.preview-dialog .markdown-preview ul{margin:10px 0 12px;padding-left:22px}.preview-dialog .markdown-preview li{margin-bottom:6px}.preview-dialog .markdown-preview code{background:#f1f5f9;border-radius:4px;color:#e11d48;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px;word-break:break-word}.preview-dialog .markdown-preview pre{background:#0f172a;border-radius:8px;color:#e2e8f0;margin:12px 0;overflow-x:hidden;padding:14px;white-space:pre-wrap;word-break:break-word}.preview-dialog .markdown-preview pre code{background:transparent;color:inherit;padding:0}.preview-dialog .markdown-preview img{display:block;height:auto;margin:8px auto;max-width:100%}.preview-dialog .markdown-preview table{border-collapse:collapse;width:100%}.preview-dialog .markdown-preview td,.preview-dialog .markdown-preview th{border:1px solid #e5e7eb;padding:8px;text-align:left;word-break:break-word}.preview-dialog .markdown-preview .katex-display{max-width:100%;overflow-x:hidden}.learning-setup-dialog .form-group{margin-bottom:20px}.learning-setup-dialog .form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.learning-setup-dialog .form-label.required:after{color:#ef4444;content:" *"}.learning-setup-dialog .form-input,.learning-setup-dialog .form-select{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#374151;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.learning-setup-dialog .form-input:focus,.learning-setup-dialog .form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.learning-setup-dialog .form-input.error,.learning-setup-dialog .form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.learning-setup-dialog .form-select.multi-select{min-height:120px;padding:8px}.learning-setup-dialog .form-select.multi-select option{border-radius:4px;cursor:pointer;margin:2px 0;padding:8px 12px}.learning-setup-dialog .form-select.multi-select option:checked{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.learning-setup-dialog .form-select.multi-select option:hover{background-color:#f1f5f9}.learning-setup-dialog .form-select.multi-select option:checked:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.learning-setup-dialog .help-text{color:#64748b;font-size:12px;font-style:italic;margin-top:6px}.learning-setup-dialog .error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}.learning-setup-dialog .checkbox-group,.learning-setup-dialog .radio-group{display:flex;flex-direction:column;gap:8px}.learning-setup-dialog .checkbox-label,.learning-setup-dialog .radio-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease}.learning-setup-dialog .checkbox-label:hover,.learning-setup-dialog .radio-label:hover{background-color:#f8fafc}.learning-setup-dialog .checkbox-label input[type=checkbox],.learning-setup-dialog .radio-label input[type=radio]{cursor:pointer;height:16px;margin-right:8px;width:16px}.learning-setup-dialog .checkbox-text,.learning-setup-dialog .radio-text{color:#374151;font-size:14px}.learning-setup-dialog .dialog-footer{background:#fff;border-top:1px solid #e5e8f0;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px;position:sticky;z-index:10}@media (max-width:768px){.dialog-content{margin:20px;width:95%}.learning-setup-dialog .dialog-body,.learning-setup-dialog .dialog-footer,.learning-setup-dialog .dialog-header{padding:16px}.learning-setup-dialog .form-select.multi-select{min-height:100px}}.multi-select{position:relative;width:100%}.multi-select-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:10px 12px;transition:all .2s ease;width:100%}.multi-select-trigger:hover{border-color:#9ca3af;box-shadow:0 2px 6px rgba(15,23,42,.06)}.multi-select-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.multi-select-trigger.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.multi-select-display{flex:1;text-align:left}.multi-select-display .placeholder{color:#9ca3af;font-size:14px}.multi-select-display .selected{color:#374151;font-size:14px;font-weight:500}.multi-select-arrow{color:#6b7280;margin-left:8px;transition:transform .2s ease}.multi-select-arrow .rotated{transform:rotate(180deg)}.multi-select-dropdown{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 8px 20px rgba(15,23,42,.12);left:0;margin-top:4px;max-height:300px;min-width:100%;overflow:hidden;position:absolute;right:0;top:100%;width:auto;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-select-options{max-height:200px;overflow-y:auto;padding:4px 0}.multi-select-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:0 4px;min-height:40px;padding:10px 16px;transition:background-color .15s ease;white-space:nowrap}.multi-select-option:hover{background-color:transparent}.multi-select-option.selected{background-color:transparent;color:inherit}.multi-select-option.selected:hover{background-color:transparent}.option-checkbox{flex-shrink:0;margin-right:12px}.option-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.option-label{color:inherit;flex:1;font-size:14px;line-height:1.4}.multi-select .multi-select-option .option-label,.multi-select-dropdown .multi-select-option .option-label{background:transparent;border:none;display:block;text-align:left}.multi-select-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:8px 12px}.selected-tags{display:flex;flex-wrap:wrap;gap:4px}.selected-tag{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;padding:2px 6px}.selected-tag,.tag-remove{align-items:center;color:#fff}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:background-color .15s ease;width:16px}.tag-remove:hover{background-color:hsla(0,0%,100%,.2)}.multi-select-options::-webkit-scrollbar{width:6px}.multi-select-options::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.multi-select-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.multi-select-dropdown{max-height:250px}.multi-select-options{max-height:150px}.multi-select-option{padding:10px 12px}.selected-tags{gap:6px}.selected-tag{font-size:13px;padding:4px 8px}}.plan-page{background:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - var(--app-header-height, 96px));overflow:hidden;padding:8px 16px 12px}.plan-layout{display:grid;flex:1;gap:15px;grid-template-columns:2fr 8fr;height:100%;min-height:0;position:relative}.plan-resizer{bottom:0;cursor:col-resize;position:absolute;top:0;width:8px;z-index:20}.plan-resizer:before{content:none}@media (max-width:768px){.plan-layout{display:flex;flex-direction:column;grid-template-columns:1fr!important}.plan-resizer{display:none}.plan-tree{height:auto}.plan-content{margin-top:12px}}.plan-tree{padding:12px 12px 8px}.plan-content,.plan-tree{background:#fff;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;height:100%;min-height:0;overflow-y:auto}.plan-content{display:flex;flex-direction:column;padding:12px}.plan-tree__level{margin-bottom:8px}.plan-tree__node{gap:6px}.plan-tree__node--grade{font-weight:700}.plan-tree__node--semester{align-items:center;display:flex;justify-content:space-between}.plan-tree__node--exam{align-items:center;display:flex;gap:6px;justify-content:flex-start;margin:4px 0}.plan-tree__node--selected{text-decoration:none}.plan-tree__children{margin-left:12px}.plan-tree__children--collapsed{display:none}.plan-tree__actions{display:none;gap:8px}.plan-tree__node--semester:hover .plan-tree__actions{display:inline-flex}.plan-tree__exam-actions{display:none;gap:6px}.plan-tree__node--exam:hover .plan-tree__exam-actions{display:inline-flex}.plan-tree__add-row{align-items:center;display:flex;gap:8px;margin-top:8px}.plan-input{border:1px solid var(--primary-color,#3b82f6);border-radius:6px;flex:1;outline:none;padding:6px 8px}.plan-input:focus{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.btn-small{font-size:12px;height:auto;line-height:1.4;padding:2px 8px}.plan-tree__actions .btn-small{height:calc(1.4em + 6px)}.icon-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--color-slate-500);cursor:pointer;display:inline-flex;height:1.6em;justify-content:center;padding:0;width:1.6em}.icon-btn:hover{color:#1e293b}.icon-btn:disabled{cursor:not-allowed;opacity:.4}.plan-tree__add-btn{display:none;margin-left:auto}.plan-tree__node--subject{align-items:center;display:flex}.plan-tree__node:hover .plan-tree__add-btn{display:inline-flex}.plan-tree__folder-actions{display:none}.plan-tree__node--folder .folder-icon,.plan-tree__node--folder .folder-name,.plan-tree__node:hover .plan-tree__folder-actions{display:inline-flex}.plan-tree__node--folder.drag-over{border-radius:6px}.plan-tree__node--folder.dragging{opacity:.7}.plan-tree__node--folder{white-space:nowrap}.plan-content__placeholder{color:var(--color-slate-500);padding:16px}.plan-breadcrumb{align-items:center;color:#334155;display:flex;font-weight:600;gap:6px;margin-top:8px}.plan-breadcrumb__sep{color:#94a3b8}.goal-plan-panel{display:flex;flex-direction:column;height:100%;min-height:0}.goal-plan-panel__header{align-items:center;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:12px}.goal-plan-panel__header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.goal-plan-panel__setting-btn{background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.goal-plan-panel__setting-btn:hover{background:#2563eb}.goal-plan-panel__content{flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.plan-tree{scrollbar-width:none}.plan-tree:hover{scrollbar-width:thin}.plan-tree::-webkit-scrollbar{height:0;width:0}.plan-tree:hover::-webkit-scrollbar{height:8px;width:8px}.plan-tree::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.plan-tree::-webkit-scrollbar-track{background:transparent}.plan-content{overscroll-behavior:contain;scrollbar-width:thin}.plan-content::-webkit-scrollbar{height:8px;width:8px}.plan-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.plan-content::-webkit-scrollbar-track{background:transparent}.question-set-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));padding:6px 0}.question-set-card{background:#fff;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:12px;position:relative;transition:box-shadow .2s ease,transform .2s ease}.question-set-card:before{background:#e5e7eb;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.question-set-card:hover{box-shadow:0 6px 16px rgba(2,6,23,.1);transform:translateY(-1px)}.question-set-card:focus-within:before,.question-set-card:focus:before,.question-set-card:hover:before{background:var(--primary-color,#3b82f6)}.question-set-card--selected:before{background:var(--primary-color,#3b82f6)}.question-set-card__header{align-items:center;display:flex;gap:10px;justify-content:space-between}.question-set-card__header .header-left{align-items:center;color:#64748b;display:flex;font-size:12px;gap:6px}.question-set-card__header .header-right{align-items:center;display:flex;gap:8px}.badge{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;color:#374151;display:inline-flex;font-size:12px;padding:2px 8px;white-space:nowrap}.badge-grade{background:#eef2ff;color:#4338ca}.badge-subject{background:#e0f2fe;color:#075985}.badge-status.draft{background:#fff7ed;color:#9a3412}.badge-status.active{background:#ecfdf5;color:#166534}.badge-status.archived{background:#f3f4f6;color:#374151}.question-set-card__titlebar{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.question-set-card__titlebar .titlebar-left{align-items:center;display:inline-flex;gap:6px}.question-set-card__titlebar .titlebar-main{align-items:baseline;display:inline-flex;gap:6px}.question-set-card__titlebar .set-type-text{color:#64748b}.question-set-card__titlebar .title-text{color:#111827;font-weight:600}.question-set-card__titlebar .price-text{color:#0f766e;font-weight:600}.question-set-card__titlebar .time-text{color:#64748b;display:block;font-size:11px;margin-top:4px;width:100%}.question-set-card__body{display:flex;flex:1;flex-direction:column;gap:8px}.notebook-excerpt{background:repeating-linear-gradient(180deg,#fff 0,#fff 26px,#f8fafc 0,#f8fafc 27px);border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:13px;height:120px;line-height:1.7;overflow:hidden;padding:10px 12px 10px 42px;position:relative}.notebook-excerpt:before{background-image:linear-gradient(180deg,#fff7ed 0,#ffedd5),radial-gradient(circle at 12px 14px,#cbd5e1 0 4px,transparent 5px);background-repeat:no-repeat,repeat-y;background-size:100% 100%,28px 28px;border-right:1px solid #e5e7eb;bottom:0;content:"";left:0;position:absolute;top:0;width:28px}.notebook-excerpt.markdown-preview{font-size:12px;line-height:1.6;overflow:hidden;padding:10px 12px 10px 42px}.notebook-excerpt.markdown-preview h1{font-size:16px;margin-bottom:6px;margin-top:8px}.notebook-excerpt.markdown-preview h2{font-size:14px;margin-bottom:4px;margin-top:6px}.notebook-excerpt.markdown-preview h3{font-size:13px;margin-bottom:4px;margin-top:4px}.notebook-excerpt.markdown-preview p{margin:0 0 6px}.notebook-excerpt.markdown-preview ol,.notebook-excerpt.markdown-preview ul{margin:6px 0;padding-left:18px}.notebook-excerpt.markdown-preview blockquote{margin:6px 0;padding:8px 10px}.notebook-excerpt.markdown-preview pre{font-size:11px;margin:8px 0;padding:10px}.notebook-excerpt.markdown-preview code{font-size:11px}.card-icon-btn.view{background:#f59e0b;border-color:#f59e0b;color:#fff}.card-icon-btn.view:hover{background:#d97706;border-color:#d97706}.question-set-card .thumbnail{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;height:160px;justify-content:center;overflow:hidden}.question-set-card .thumbnail img{height:100%;object-fit:contain;object-position:center;width:100%}.question-set-card .thumbnail .thumbnail-placeholder{color:#94a3b8;font-size:12px}.question-set-card .body-left{color:#374151;font-size:12px;line-height:1.6;max-height:100px;overflow:hidden}.question-set-card .body-left.placeholder-text{color:#94a3b8}.question-set-card .body-left img{cursor:zoom-in;display:block;filter:none;height:100%!important;object-fit:contain;object-position:center center;width:100%!important}.question-set-card .body-actions{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.questions-page .question-set-card .body-actions.body-actions--right{justify-content:flex-end}.question-set-card .actions-left,.question-set-card .actions-right{align-items:center;display:flex;gap:5px}.card-icon-btn{align-items:center;appearance:none;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;justify-content:center;padding:6px}.card-icon-btn:hover{background:#e2e8f0}.card-icon-btn.ghost{background:transparent;border:0;color:#64748b}.card-icon-btn.primary{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.card-icon-btn.primary:hover{background:#2563eb;border-color:#2563eb}.card-icon-btn.success{background:#10b981;border-color:#10b981;color:#fff}.card-icon-btn.success:hover{background:#059669;border-color:#059669}.card-icon-btn.warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.card-icon-btn.warning:hover{background:#d97706;border-color:#d97706}.card-icon-btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.card-icon-btn.danger:hover{background:#dc2626;border-color:#dc2626}.question-set-modal{background:#fff;border-radius:10px;max-width:860px;width:100%}.confirm-popover{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 16px rgba(2,6,23,.08);padding:10px;z-index:2000}.confirm-popover__row{color:#334155;display:flex;font-size:13px}.confirm-popover__text{white-space:normal;word-break:break-word}.confirm-popover__icon{color:#dc2626;height:18px;width:18px}.confirm-popover__actions{display:flex;margin-top:8px}.btn.btn-xs{border-radius:6px;font-size:12px;padding:4px 8px}.image-viewer-modal{background:#fff;border-radius:12px;padding:12px}.goal-plan-panel__content{overscroll-behavior:contain;scrollbar-width:thin}.goal-plan-panel__content::-webkit-scrollbar{height:8px;width:8px}.goal-plan-panel__content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:8px}.goal-plan-panel__content::-webkit-scrollbar-track{background:transparent}.goal-plan-panel__placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.goal-plan-panel__placeholder-icon{font-size:48px;margin-bottom:16px}.goal-plan-document{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px}.goal-plan-document__header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.goal-plan-document__header h1{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.goal-plan-document__meta{color:#6b7280;display:flex;font-size:14px;gap:16px}.goal-plan-document__section{margin-bottom:24px}.goal-plan-document__section h2{color:#374151;font-size:18px;font-weight:600;margin:0 0 12px}.goal-plan-document__section h3{color:#4b5563;font-size:16px;font-weight:600;margin:12px 0 8px}.goal-plan-document__content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.subject-tags{margin-top:8px}.subject-tag{background:#3b82f6;border-radius:16px;color:#fff;font-size:14px;padding:4px 12px}.subject-tags--selectable{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.subject-tags--selectable .subject-tag{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;cursor:pointer;transition:all .2s ease}.subject-tags--selectable .subject-tag:hover{background:#e5e7eb}.subject-tags--selectable .subject-tag.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.subject-tag .subject-icon{margin-right:4px}.score-targets{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.score-targets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.score-targets{grid-template-columns:1fr}}.score-target{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:16px}.score-target h3{color:#1f2937;margin:0 0 8px}.score-target p{color:#374151;margin:4px 0}.score-target p.positive{color:#059669}.score-target p.negative{color:#dc2626}.score-target p.zero{color:#111827}.university-list{margin:8px 0;padding-left:20px}.university-list li{color:#6b7280;margin:2px 0}.grade-summary{background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-bottom:12px;padding:12px}.grade-summary h3{color:#1f2937;margin:0 0 8px}.grade-summary p{color:#6b7280;margin:4px 0}.semester-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.semester-item{background:#e5e7eb;border-radius:4px;color:#374151;font-size:12px;padding:4px 8px}.subject-groups{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.subject-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.subject-groups{grid-template-columns:1fr}}.subject-group{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:16px}.subject-group h3{color:#1f2937;margin:0 0 12px}.key-goals ul{margin:8px 0;padding-left:20px}.key-goals li{color:#374151;margin:4px 0}.goal-description{color:#6b7280;font-size:14px}.learning-plan{margin-top:12px}.learning-plan p{color:#374151;line-height:1.6}.score-table{background:#fff;border:1px solid #d1d5db;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.score-table th{background:#f3f4f6;border-bottom:1px solid #d1d5db;color:#374151;font-weight:600;padding:12px;text-align:left}.score-table td{border-bottom:1px solid #e5e7eb;color:#374151;padding:12px}.score-table td.positive{color:#059669}.score-table td.negative{color:#dc2626}.score-table td.zero{color:#111827}.score-table tr:last-child td{border-bottom:none}.positive{color:#059669;font-weight:600}.negative{color:#dc2626;font-weight:600}.zero{color:#111827;font-weight:600}.total-score{background:#f3f4f6;border-radius:6px;margin-top:16px;padding:16px}.total-score p{font-weight:600;margin:4px 0}.exam-summary-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.exam-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:10px}.exam-summary-header{color:#1f2937;font-weight:600}.exam-summary-meta{color:#6b7280;font-size:12px}.exam-summary-stats{display:flex;font-size:13px;gap:8px;justify-content:space-between}.exam-summary-stats .positive{color:#059669}.exam-summary-stats .negative{color:#dc2626}.exam-summary-stats .zero{color:#111827}.learning-summary{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:16px}.learning-summary p{color:#374151;line-height:1.6;margin:0}.learning-summary ol,.learning-summary ul{margin:0;padding-left:1.25em}.learning-summary li{line-height:1.6;margin:0}.empty-field{color:#9ca3af;font-style:italic;text-decoration:underline;text-decoration-color:#d1d5db;text-decoration-style:wavy}.node-info p{color:#374151;margin:8px 0}.node-info strong{color:#1f2937}.function-description ul{margin:8px 0;padding-left:20px}.function-description li{color:#6b7280;margin:4px 0}.modal-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;right:0;top:0}.modal-content{box-shadow:0 20px 25px -5px rgba(0,0,0,.1);max-height:90vh;max-width:800px;width:90%}.modal-content.modal-content--plan{overflow:visible}.modal-content.modal-content--plan .modal-body{flex:1;max-height:none;overflow:visible;overflow-y:auto}.modal-overlay{overflow-y:auto}.modal-header{padding:20px}.modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:4px}.modal-close:hover{color:#374151}.modal-body{padding:20px}.modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px;position:sticky;z-index:10}.goal-setting-content{display:flex;flex-direction:column;gap:24px}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.key-goal-form{display:flex;margin-bottom:8px}.key-goal-form input{flex:1}.records-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:4px 0}.records-grid--compact{gap:10px}.record-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 10px rgba(2,6,23,.06);overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.record-card:before{background:#e5e7eb;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.record-card:hover{box-shadow:0 6px 16px rgba(2,6,23,.1);transform:translateY(-1px)}.record-card:focus-within:before,.record-card:focus:before,.record-card:hover:before{background:#3b82f6}.record-card__header{align-items:center;display:flex;justify-content:space-between;padding:10px 12px}.record-card__title{align-items:center;display:inline-flex;gap:8px}.record-card__tags{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 12px}.record-card__footer{padding:8px 12px}.card-actions{display:flex;gap:8px;justify-content:flex-end}.tag{align-items:center;background:#f8fafc;border-radius:999px;color:#475569;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.tag--date{background:#f1f5f9}.tag--grade{background:rgba(238,242,255,.8);color:#4f46e5}.tag--subject{background:rgba(236,254,255,.8);color:#0891b2}.tag--strategy{background:rgba(255,247,237,.85);color:#c2410c}.tag--strategy.strategy-wrong_first{background:rgba(255,237,213,.9);border:1px solid #fdba74;color:#9a3412}.tag--strategy.strategy-new_first{background:rgba(240,253,244,.9);border:1px solid #86efac;color:#166534}.tag--strategy.strategy-random{background:rgba(239,246,255,.9);border:1px solid #93c5fd;color:#1e3a8a}.tag--count{background:rgba(240,253,244,.85);color:#166534}.tag--study{background:rgba(224,231,255,.85);color:#3730a3}.accuracy{border-radius:999px;padding:4px 10px}.accuracy.high{background:#ecfdf5;border:1px solid #86efac;color:#065f46}.accuracy.medium{background:#f1f5f9;border:1px solid #cbd5e1;color:#1f2937}.accuracy.low{background:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d}.key-goal-form .btn{margin-left:auto}.form-section h3{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.form-section h4{color:#4b5563;font-size:14px;font-weight:600;margin:12px 0 8px}.form-row{margin-bottom:16px}.form-row label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.form-row--inline label{align-items:center;display:inline-flex;gap:8px;margin-bottom:0}.form-row input,.form-row select,.form-row textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.subject-options{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.subject-checkbox{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.subject-checkbox input{width:auto}.key-goal-form,.score-target-form,.semester-goal-form,.subject-group-form{background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-bottom:16px;padding:16px}.subject-group-form{position:relative}.subject-checkboxes{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.key-goal-form{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto auto}.subject-group-delete{position:absolute;right:8px;top:8px}.total-score-display{background:#ecfdf5;border:1px solid #10b981;border-radius:6px;margin-top:12px;padding:12px}.summary-textarea{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-size:14px;min-height:160px;padding:12px;resize:vertical;width:100%}.semester-goal-grid{align-items:end;display:grid;gap:12px;grid-template-columns:auto 1fr 1fr}@media (max-width:640px){.semester-goal-grid{grid-template-columns:1fr}}.semester-goal-grid input,.semester-goal-grid select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.semester-goal-grid label{align-items:center;display:flex;gap:8px}.semester-goal-grid label>input,.semester-goal-grid label>select{flex:1}.semester-goal-grid input:focus,.semester-goal-grid select:focus,.summary-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.subject-display{align-items:center;display:flex}.required-star{color:#ef4444;margin-left:4px}.date-range{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr}.date-range input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.date-range input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.date-sep{color:#6b7280}.grid-span-2{grid-column:2/span 2}.btn{padding:8px 16px;transition:all .2s}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-sm{padding:4px 8px}.subject-tags{display:flex;flex-wrap:wrap;gap:8px}.subject-tag{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;display:inline-flex;font-weight:500;gap:6px;padding:6px 12px}.subject-icon{font-size:16px}.subject-tag--chinese{background:#f5f3ff;border-color:#c4b5fd}.subject-tag--math{background:#eff6ff;border-color:#93c5fd}.subject-tag--english{background:#f0fdf4;border-color:#86efac}.subject-tag--physics{background:#fdf4ff;border-color:#f0abfc}.subject-tag--chemistry{background:#fffbeb;border-color:#fde68a}.subject-tag--biology{background:#f0fdf4;border-color:#86efac}.subject-tag--history{background:#fff1f2;border-color:#fca5a5}.subject-tag--geography{background:#eff6ff;border-color:#93c5fd}.subject-tag--politics{background:#f5f5f4;border-color:#a8a29e}.tier-select{display:flex;flex-wrap:wrap;gap:8px}.tier-chip{background:#fff;border:1px solid #d1d5db;border-radius:999px;cursor:pointer;padding:6px 12px}.tier-chip.active{background:#ede9fe;border-color:#a78bfa;color:#6b21a8}.score-target-display{display:grid;gap:10px;grid-template-columns:1fr}.tier-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.image-viewer-modal img{filter:none;max-height:80vh;max-width:90vw}.practice-records-page{background:#fff;border-radius:12px;box-sizing:border-box;margin:0 auto;max-width:100%;padding:24px 24px 24px 20px;width:100%}.practice-records-page .learning-layout{align-items:start;display:grid;gap:12px;grid-template-columns:max-content 1fr}.practice-records-page .learning-stats{min-width:115px;padding:0 8px 0 0;width:115px}.practice-records-page .learning-stats .stats-grid{display:grid;gap:12px;grid-template-columns:1fr}.practice-records-page .learning-content{background:transparent}.practice-records-page .content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:0 20px}.practice-records-page .content-title{color:#1f2937;font-size:22px;font-weight:600;margin:0}.practice-records-page .page-header{align-items:center;background:linear-gradient(90deg,#7c3aed,#3b82f6 60%,#0ea5e9);border-bottom:none;border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.practice-records-page .page-header h1{color:#fff;font-size:28px;font-weight:600;margin:0}.practice-records-page .header-actions{display:flex;gap:12px}.practice-records-page .stats-band{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:12px 0 16px;padding:0 20px}.practice-records-page .stats-band .stats-grid{display:grid;flex:initial;gap:12px;grid-template-columns:1fr}.practice-records-page .stats-band .stats-actions{align-items:center;display:inline-flex;gap:12px}.practice-records-page .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 16px rgba(2,6,23,.06);display:flex;flex-direction:column;gap:4px;padding:16px}.practice-records-page .stat-icon{font-size:18px;line-height:1}.practice-records-page .stat-value{color:#1f2937;font-size:22px;font-weight:700}.practice-records-page .stat-label{color:#64748b;font-size:12px}.practice-records-page .filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(2,6,23,.04);margin-bottom:12px;padding:12px 16px}.practice-records-page .filters-section.collapsed{display:none}.practice-records-page .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.practice-records-page .filter-group{display:flex;flex-direction:column;gap:4px}.practice-records-page .filter-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(15,23,42,.04);color:#111827;font-size:14px;min-width:260px;padding:12px 16px;transition:all .25s ease}.practice-records-page .filter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(15,23,42,.08);outline:none}.practice-records-page .records-section{background:transparent;border-radius:12px}.practice-records-page .content-card{background:transparent;border:none;box-shadow:none}.practice-records-page .card-header{align-items:center;display:flex;justify-content:space-between;padding:8px 16px 0}.practice-records-page .cards-toolbar{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:8px 16px 0}.practice-records-page .select-all{align-items:center;color:#475569;display:inline-flex;font-size:14px;gap:8px}.practice-records-page .select-all input[type=checkbox]{cursor:pointer;height:16px;width:16px}.practice-records-page .records-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));padding:0}.practice-records-page .record-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 16px rgba(2,6,23,.06);overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.practice-records-page .record-card:before{background:#e5e7eb;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.practice-records-page .record-card--learning,.practice-records-page .record-card--practice{background:#fff}.practice-records-page .record-card:hover{box-shadow:0 8px 20px rgba(2,6,23,.1);transform:translateY(-1px)}.practice-records-page .record-card:focus-within:before,.practice-records-page .record-card:focus:before,.practice-records-page .record-card:hover:before{background:#3b82f6}.practice-records-page .record-card__header{align-items:center;display:flex;justify-content:space-between;padding:12px 16px 8px}.practice-records-page .record-card__title{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.practice-records-page .record-card__select input[type=checkbox]{cursor:pointer;height:16px;width:16px}.practice-records-page .record-type{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.practice-records-page .record-card__tags{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 12px}.practice-records-page .tag{align-items:center;background:#f8fafc;border-radius:999px;color:#475569;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.practice-records-page .tag--date{background:#f1f5f9}.practice-records-page .tag--grade{background:rgba(238,242,255,.8);color:#4f46e5}.practice-records-page .tag--subject{background:rgba(236,254,255,.8);color:#0891b2}.practice-records-page .tag--phase{background:hsla(48,97%,77%,.9);border:1px solid #fcd34d;color:#92400e}.practice-records-page .tag--strategy{background:rgba(255,247,237,.85);color:#c2410c}.practice-records-page .tag--strategy.strategy-wrong_first{background:rgba(255,237,213,.9);border:1px solid #fdba74;color:#9a3412}.practice-records-page .tag--strategy.strategy-new_first{background:rgba(240,253,244,.9);border:1px solid #86efac;color:#166534}.practice-records-page .tag--strategy.strategy-random{background:rgba(239,246,255,.9);border:1px solid #93c5fd;color:#1e3a8a}.practice-records-page .tag--count{background:rgba(240,253,244,.85);color:#166534}.practice-records-page .tag--study{background:rgba(224,231,255,.85);color:#3730a3}.practice-records-page .accuracy{border-radius:999px;padding:4px 10px}.practice-records-page .record-card__footer{padding:8px 16px 12px}.practice-records-page .card-actions{display:flex;gap:8px;justify-content:flex-end}.practice-records-page .pagination-wrapper{background:transparent;opacity:.75;padding:8px 16px}.practice-records-page .pagination-wrapper.load-more{display:flex;justify-content:flex-end;padding:8px 0}.practice-records-page .pagination-wrapper.load-more .more-btn{border-radius:999px;box-shadow:none;min-width:88px}.practice-records-page .pagination-wrapper.load-more .more-btn .spinner{animation:pr-spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.6);border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-left:8px;width:14px}@keyframes pr-spin{to{transform:rotate(1turn)}}.practice-records-page .load-more-sentinel{height:1px}.practice-records-page .pagination-wrapper .pagination-btn{background:transparent;border:none;color:#0f172a;padding:6px 8px}.practice-records-page .pagination-wrapper .pagination-btn.active{background:hsla(0,0%,100%,.5);border-radius:8px}.practice-records-page .pagination-wrapper .items-per-page-section{display:none}.practice-records-page .accuracy{border-radius:4px;font-size:13px;font-weight:500;padding:4px 8px}.practice-records-page .accuracy.high{background-color:#dcfce7;color:#166534}.practice-records-page .accuracy.medium{background-color:#fef3c7;color:#92400e}.practice-records-page .accuracy.low{background-color:#fee2e2;color:#991b1b}.practice-records-page .status{border-radius:4px;font-size:13px;font-weight:500;padding:4px 8px}.practice-records-page .status.status-completed{background-color:#dcfce7;color:#166534}.practice-records-page .status.status-abandoned{background-color:#fee2e2;color:#991b1b}.practice-records-page .status.status-new{background-color:#dbeafe;color:#1e40af}.practice-records-page .status.status-active{background-color:#fef3c7;color:#92400e}.practice-records-page .status.status-studied{background-color:#e0e7ff;color:#3730a3}.practice-records-page .record-type{border-radius:4px;font-size:13px;font-weight:500;padding:4px 8px}.practice-records-page .record-type.practice{background-color:#f3e8ff;color:#6b21a8}.practice-records-page .record-type.learning{background-color:#ecfdf5;color:#065f46}.practice-records-page .strategy{background-color:#f1f5f9;border-radius:4px;color:#475569;font-size:13px;font-weight:500;padding:4px 8px}.practice-records-page .actions-column{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;width:180px}.practice-records-page .actions-column .btn{flex-shrink:0;margin-right:0;white-space:nowrap}.practice-records-page .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.practice-records-page .btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.practice-records-page .btn:active{transform:translateY(0)}.practice-records-page .btn-sm{font-size:13px;padding:6px 12px}.practice-records-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px rgba(59,130,246,.25);color:#fff}.practice-records-page .filters-toggle{background:#fff;border:1px solid #e5e7eb;color:#374151}.practice-records-page .filters-chips{align-items:center;display:flex;gap:8px;padding:8px 16px 0}.practice-records-page .chip{background:hsla(0,0%,100%,.6);border-radius:999px;color:#334155;display:inline-flex;font-size:12px;padding:4px 10px}.practice-records-page .chip-clear{background:transparent;border:1px dashed hsla(0,0%,100%,.6);color:#334155}.practice-records-page .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.practice-records-page .btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px hsla(220,9%,46%,.25);color:#fff}.practice-records-page .btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151)}.practice-records-page .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px rgba(239,68,68,.25);color:#fff}.practice-records-page .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.practice-records-page .btn-light{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(209,213,219,.5);color:#374151}.practice-records-page .btn-light:hover{background:linear-gradient(135deg,#d1d5db,#cbd5e1);color:#1f2937}.practice-records-page .btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 2px 8px rgba(6,182,212,.25);color:#fff}.practice-records-page .btn-info:hover{background:linear-gradient(135deg,#0891b2,#0e7490)}.practice-records-page .empty-state{color:#6b7280;padding:60px 20px;text-align:center}.practice-records-page .empty-icon{font-size:48px;margin-bottom:16px}.practice-records-page .empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.practice-records-page .empty-state p{font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.practice-records-page{padding:16px}.practice-records-page .learning-layout{grid-template-columns:1fr}.practice-records-page .learning-stats{min-width:auto;padding:0 0 8px;width:100%}.practice-records-page .filters-row{align-items:stretch;flex-direction:column}.practice-records-page .filter-input,.practice-records-page .filter-select{min-width:auto;width:100%}.practice-records-page .records-grid{grid-template-columns:1fr 1fr}.practice-records-page .card-actions .btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.practice-records-page .page-header h1{font-size:24px}.practice-records-page .records-grid{grid-template-columns:1fr}}.student-question-create-modern{background:#fff;display:flex;flex-direction:column;min-height:100vh;padding:0}.create-header-modern{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.1);border-radius:16px 16px 0 0;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding:1rem 2rem;position:relative;z-index:100}.header-left{gap:1.5rem}.back-btn-modern,.header-left{align-items:center;display:flex}.back-btn-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.back-btn-modern:hover{background:#e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#475569;transform:translateY(-1px)}.header-title h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.header-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.header-actions{gap:1rem}.saving-indicator{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.spinner{animation:spin 1s linear infinite;border:2px solid #fbbf24;border-radius:50%;border-top-color:transparent;height:16px;width:16px}.create-content-modern{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);box-sizing:border-box;flex:1;margin:0;max-width:none;overflow:hidden;padding:0;position:relative;width:100%}.form-container-modern{display:flex;flex-direction:column;gap:2rem;padding:2rem}.form-card-modern{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease}.form-card-modern:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-1px)}.card-header-modern{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;gap:1rem;padding:1.5rem 2rem}.card-header-modern,.card-icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.card-icon{border:2px solid rgba(102,126,234,.2);border-radius:12px;box-shadow:0 4px 16px rgba(102,126,234,.15);color:#1a202c;filter:brightness(1.1) saturate(1.5) contrast(1.2);font-weight:400;height:48px;text-shadow:none;transition:all .3s ease;width:48px}.card-icon:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:rgba(102,126,234,.4);box-shadow:0 6px 20px rgba(102,126,234,.25);transform:scale(1.05)}.card-title h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.card-title p{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.card-content-modern{padding:2rem}.basic-info-layout{display:flex;flex-direction:column;gap:24px}.info-row{align-items:flex-start;display:flex;gap:32px}.info-row .form-field-modern{flex:1}.subject-selector-rows{display:flex;flex-direction:column;gap:8px}.subject-selector-modern{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.subject-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:2px solid rgba(139,92,246,.2);border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.subject-btn:hover{background:hsla(0,0%,100%,.9);border-color:rgba(139,92,246,.4);box-shadow:0 4px 12px rgba(139,92,246,.15);transform:translateY(-1px)}.subject-btn.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#8b5cf6;box-shadow:0 4px 16px rgba(139,92,246,.3);color:#fff}.subject-icon{filter:brightness(1.3) saturate(1.6) contrast(1.2);font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.subject-text{font-weight:600}.type-selector-modern{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.type-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:2px solid rgba(139,92,246,.2);border-radius:8px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:40px;padding:8px 12px;transition:all .3s ease}.type-btn:hover{background:hsla(0,0%,100%,.9);border-color:rgba(139,92,246,.4);box-shadow:0 4px 12px rgba(139,92,246,.15);transform:translateY(-1px)}.type-btn.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:#8b5cf6;box-shadow:0 4px 16px rgba(139,92,246,.3);color:#fff}.type-icon{align-items:center;display:inline-flex;filter:brightness(1.3) saturate(1.6) contrast(1.2);font-size:18px;height:20px;justify-content:center;text-shadow:0 1px 3px rgba(0,0,0,.2);width:20px}.type-icon,.type-text{line-height:20px}.type-text{font-weight:600}.grade-selector-modern{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.grade-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:2px solid rgba(59,130,246,.2);border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.grade-btn:hover{background:hsla(0,0%,100%,.9);border-color:rgba(59,130,246,.4);box-shadow:0 4px 12px rgba(59,130,246,.15);transform:translateY(-1px)}.grade-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 16px rgba(59,130,246,.3);color:#fff}.grade-icon{filter:brightness(1.3) saturate(1.6) contrast(1.2);font-size:18px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.grade-text{font-weight:600}.form-grid-modern{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-field-modern{display:flex;flex-direction:column;gap:.5rem}.field-label-modern{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.required-mark{color:#ef4444;font-weight:700}.input-wrapper-modern{position:relative}.input-modern{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.input-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none;transform:translateY(-1px)}.input-modern:hover{border-color:#d1d5db}.select-wrapper-modern{position:relative}.select-modern{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:1rem;padding:.875rem 3rem .875rem 1rem;transition:all .2s ease;width:100%}.select-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.select-modern:hover{border-color:#d1d5db}.difficulty-selector-modern{display:flex;flex-wrap:wrap;gap:.5rem}.difficulty-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;min-width:80px;padding:.75rem;transition:all .2s ease}.difficulty-btn:hover{border-color:#667eea;transform:translateY(-1px)}.difficulty-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.stars{display:flex;gap:1px}.star-filled{color:#fbbf24}.star-empty{color:#d1d5db}.difficulty-text{font-size:.75rem;font-weight:500}.content-editor-modern{display:flex;flex-direction:column;gap:1rem}.editor-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:.75rem 1rem}.editor-toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{gap:.5rem}.toolbar-label{color:#64748b;font-size:.875rem;font-weight:500}.format-tag{background:#667eea;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.editor-container{display:grid;gap:1rem;grid-template-columns:1fr 1fr;min-height:300px}.editor-pane,.preview-pane{display:flex;flex-direction:column;gap:.5rem}.editor-label{color:#374151;font-size:.875rem;font-weight:600}.content-textarea-modern,.explanation-textarea-modern{border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;min-height:200px;padding:1rem;resize:vertical;transition:all .2s ease;width:100%}.content-textarea-modern:focus,.explanation-textarea-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.content-preview-modern,.explanation-preview-modern{background:#fff;border:2px solid #e5e7eb;border-radius:12px;min-height:200px;overflow-y:auto;padding:1rem}.preview-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;text-align:center}.preview-placeholder svg{opacity:.5}.options-container-modern{display:flex;flex-direction:column;gap:1rem}.option-item-modern{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.option-item-modern:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.1)}.option-header{align-items:center;display:flex;justify-content:space-between}.option-title{color:#374151;font-weight:600;margin-left:.5rem}.student-question-create-modern .option-badge{box-sizing:border-box;display:inline-flex;line-height:1;max-width:100%;padding:4px 10px}.student-question-create-modern .option-badge,.student-question-create-modern .option-label{align-items:center;background:#eef2ff;border:1px solid #e5e7eb;border-radius:8px;color:#4f46e5;font-size:.875rem;font-weight:700;justify-content:center}.student-question-create-modern .option-label{display:flex;height:28px;width:28px}.remove-fill-btn,.remove-option-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-fill-btn:hover,.remove-option-btn:hover{background:#fecaca;transform:scale(1.05)}.option-content{align-items:center;display:flex;gap:1rem}.option-input-modern{border:2px solid #e5e7eb;border-radius:8px;flex:1;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.option-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.correct-answer-toggle{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.correct-answer-toggle:hover{background:#eef2ff}.toggle-text{color:#374151;font-size:.875rem;font-weight:500}.add-fill-btn-modern,.add-option-btn-modern{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.add-fill-btn-modern:hover,.add-option-btn-modern:hover{background:#f8fafc;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.fill-answers-container-modern{display:flex;flex-direction:column;gap:1rem}.fill-answer-item-modern{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .2s ease}.fill-answer-item-modern:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.1)}.fill-answer-header{align-items:center;display:flex;justify-content:space-between}.fill-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.fill-answer-input-modern{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.fill-answer-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.settings-section-modern,.tags-section-modern{margin-bottom:1.5rem}.section-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.tags-input-modern{display:flex;gap:.5rem;margin-bottom:1rem}.tag-input-modern{border:2px solid #e5e7eb;border-radius:8px;flex:1;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.tag-input-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.add-tag-btn-modern{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.25rem;padding:.75rem 1rem;transition:all .2s ease}.add-tag-btn-modern:hover{background:#5a67d8;transform:translateY(-1px)}.tags-list-modern{display:flex;flex-wrap:wrap;gap:.5rem}.tag-modern{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.tag-modern,.tag-remove-modern{align-items:center;color:#fff;display:flex}.tag-remove-modern{background:hsla(0,0%,100%,.2);border:none;border-radius:50%;cursor:pointer;height:18px;justify-content:center;transition:all .2s ease;width:18px}.tag-remove-modern:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.status-select-modern{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.875rem;padding:.75rem 3rem .75rem 1rem;transition:all .2s ease;width:100%}.status-select-modern:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.bottom-actions-modern{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-top:1px solid rgba(0,0,0,.1);bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.1);padding:1.5rem 2rem;position:sticky}.actions-container{align-items:center;display:flex;justify-content:space-between;margin:0;width:100%}.primary-actions{display:flex;gap:1rem}.btn-cancel-modern{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.btn-cancel-modern:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.btn-save-continue-modern,.btn-save-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.btn-save-continue-modern:hover,.btn-save-modern:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-save-continue-modern:disabled,.btn-save-modern:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-save-continue-modern{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.3)}.btn-save-continue-modern:hover{box-shadow:0 6px 20px rgba(16,185,129,.4)}@media (max-width:768px){.create-header-modern{padding:1rem}.create-header-modern,.header-left{align-items:flex-start;flex-direction:column;gap:1rem}.create-content-modern{padding:1rem}.info-row{flex-direction:column;gap:20px}.grade-selector-modern,.subject-selector-modern,.subject-selector-rows,.type-selector-modern{justify-content:flex-start}.grade-btn,.subject-btn,.type-btn{flex:0 0 auto;min-width:auto}.editor-container,.form-grid-modern{grid-template-columns:1fr}.difficulty-selector-modern,.option-content{flex-direction:column}.option-content{align-items:stretch}.actions-container,.tags-input-modern{flex-direction:column}.actions-container{align-items:stretch;gap:1rem}.primary-actions{flex-direction:column}}.content-preview-modern h1,.content-preview-modern h2,.content-preview-modern h3,.explanation-preview-modern h1,.explanation-preview-modern h2,.explanation-preview-modern h3{color:#1e293b;margin-bottom:.75rem;margin-top:1.5rem}.content-preview-modern h1,.explanation-preview-modern h1{border-bottom:2px solid #e2e8f0;font-size:1.5rem;padding-bottom:.5rem}.content-preview-modern h2,.explanation-preview-modern h2{font-size:1.25rem}.content-preview-modern h3,.explanation-preview-modern h3{font-size:1.125rem}.content-preview-modern p,.explanation-preview-modern p{color:#374151;line-height:1.6;margin-bottom:1rem}.content-preview-modern code,.explanation-preview-modern code{background:#f1f5f9;border-radius:4px;color:#e11d48;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.25rem .5rem}.content-preview-modern pre,.explanation-preview-modern pre{background:#1e293b;border-radius:8px;color:#f8fafc;margin:1rem 0;overflow-x:auto;padding:1rem}.content-preview-modern pre code,.explanation-preview-modern pre code{background:none;color:inherit;padding:0}.content-preview-modern blockquote,.explanation-preview-modern blockquote{border-left:4px solid #667eea;color:#64748b;font-style:italic;margin:1rem 0;padding-left:1rem}.content-preview-modern ol,.content-preview-modern ul,.explanation-preview-modern ol,.explanation-preview-modern ul{margin-bottom:1rem;padding-left:1.5rem}.content-preview-modern li,.explanation-preview-modern li{line-height:1.6;margin-bottom:.5rem}.bottom-actions-modern .btn-cancel-modern,.bottom-actions-modern .btn-preview-modern,.bottom-actions-modern .btn-save-continue-modern,.bottom-actions-modern .btn-save-modern{border-radius:6px;font-size:14px;font-weight:500;padding:10px 20px}.bottom-actions-modern .btn-cancel-modern{background:#fff;border:1px solid #d1d5db;color:#374151}.bottom-actions-modern .btn-cancel-modern:hover{background:#f9fafb;border-color:#9ca3af}.bottom-actions-modern .btn-save-modern{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.bottom-actions-modern .btn-save-modern:hover{background:#2563eb;border-color:#2563eb}.bottom-actions-modern .btn-save-continue-modern{background:#10b981;border:1px solid #10b981;color:#fff}.bottom-actions-modern .btn-save-continue-modern:hover{background:#059669;border-color:#059669}.bottom-actions-modern .btn-preview-modern{background:#f59e0b;border:1px solid #f59e0b;color:#fff}.bottom-actions-modern .btn-preview-modern:hover{background:#d97706;border-color:#d97706}.content-preview-modern strong,.explanation-preview-modern strong{color:#1e293b;font-weight:700}.content-preview-modern em,.explanation-preview-modern em{color:#64748b;font-style:italic}.content-preview-modern .katex,.explanation-preview-modern .katex{font-size:1.1em}.content-preview-modern .katex-display,.explanation-preview-modern .katex-display{margin:1.5rem 0;text-align:center}.loading-container{min-height:50vh}.loading-spinner{background:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:2rem}.content-textarea-modern:focus,.explanation-textarea-modern:focus,.fill-answer-input-modern:focus,.input-modern:focus,.option-input-modern:focus,.select-modern:focus,.tag-input-modern:focus{animation:focusGlow .3s ease-out}@keyframes focusGlow{0%{box-shadow:0 0 0 0 rgba(102,126,234,.3)}to{box-shadow:0 0 0 3px rgba(102,126,234,.1)}}.add-fill-btn-modern:active,.add-option-btn-modern:active,.add-tag-btn-modern:active,.btn-cancel-modern:active,.btn-save-continue-modern:active,.btn-save-modern:active{transform:scale(.98)}.form-card-modern{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fill-answer-item-modern,.option-item-modern{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tag-modern{animation:bounceIn .3s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.saving-indicator{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.error-message{align-items:center;color:#ef4444;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.input-success{border-color:#10b981!important;box-shadow:0 0 0 3px rgba(16,185,129,.1)!important}.success-message{align-items:center;color:#10b981;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.tooltip{display:inline-block;position:relative}.tooltip:hover:after{animation:tooltipFadeIn .2s ease-out forwards;background:#1e293b;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.progress-bar{background:#e5e7eb;margin-bottom:1rem}.floating-action,.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2)}.floating-action{border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 20px rgba(102,126,234,.3);color:#fff;cursor:pointer;height:56px;position:fixed;right:2rem;transition:all .2s ease;width:56px;z-index:1000}.floating-action:hover{box-shadow:0 6px 25px rgba(102,126,234,.4);transform:scale(1.1)}@media (prefers-color-scheme:dark){.student-question-create-modern{background:linear-gradient(135deg,#1e293b,#334155)}.form-card-modern{background:rgba(30,41,59,.95);border:1px solid hsla(0,0%,100%,.1)}.card-header-modern{background:linear-gradient(135deg,#334155,#475569)}.card-title h3{color:#f8fafc}.content-preview-modern,.content-textarea-modern,.explanation-preview-modern,.explanation-textarea-modern,.input-modern,.select-modern{background:#334155;border-color:#475569;color:#f8fafc}}.footer-actions{gap:12px}.footer-actions,.paper-mode-toggle{align-items:center;display:inline-flex}.paper-mode-toggle{gap:10px}.question-mode-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(17,24,39,.6);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.question-mode-container{background:#f8fafc;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);box-sizing:border-box;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(1040px,96vw)}.question-mode-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding:0 20px 16px}.qm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding-top:0}.qm-title{color:#111827}.qm-progress{color:#6b7280;font-size:14px}.question-mode-footer{align-items:center;background:#f8fafc;bottom:0;display:flex;justify-content:space-between;left:0;margin-top:0;padding:10px 0 0;position:sticky;right:0}.question-mode-footer .left-actions,.question-mode-footer .right-actions{align-items:center;display:inline-flex;gap:10px}.question-mode-footer .left-actions{margin-left:20px}.question-mode-footer .right-actions{margin-right:20px}.question-mode-footer .right-actions .btn.btn-secondary{background:#2563eb;border-color:#1d4ed8;color:#fff}.question-mode-footer .right-actions .btn.btn-secondary:hover:not(:disabled){background:#1d4ed8;border-color:#1e40af}.question-mode-footer .right-actions .btn.btn-secondary:disabled{background:#93c5fd;border-color:#93c5fd;color:#fff;opacity:.8}@media (max-width:768px){.question-mode-container{max-height:92vh;width:96vw}}@media print{.question-mode-overlay{display:none!important}}.question-mode-container .study-question-options{grid-template-columns:1fr 1fr!important;margin-bottom:12px;margin-left:20px}.question-mode-container .study-question-options.auto-layout-1,.question-mode-container .study-question-options.auto-layout-2,.question-mode-container .study-question-options.auto-layout-4{grid-template-columns:1fr 1fr!important}.question-mode-container .study-option-label{max-width:100%}.question-mode-container .study-option-text{overflow-wrap:anywhere;word-break:break-word}.wrong-indicator{color:#dc2626;font-size:14px;font-weight:700;margin-left:8px}.qm-header{background:transparent;border-top-left-radius:10px;border-top-right-radius:10px;padding:12px 0}.qm-title{align-items:center;color:#0f172a;display:inline-flex;font-size:18px;font-weight:600;gap:8px}.qm-title:before{content:"🎯";font-size:18px}.qm-progress{align-items:center;background:#eef2ff;border:1px solid #dbeafe;border-radius:999px;color:#1e40af;display:inline-flex;font-size:13px;font-weight:600;padding:4px 10px}.question-mode-container .study-question-number{align-items:center;background:#e0e7ff;border-radius:50%;color:#1e3a8a;display:inline-flex;height:28px;justify-content:center;width:28px}.question-mode-container .study-question-content{color:#0f172a}.question-mode-container .study-question-content.markdown-preview{background:#f8fafc;border-radius:8px;padding:12px}.question-mode-container .study-question-content .markdown-preview{border-radius:8px;padding:12px}.question-mode-container .study-option-label{background:transparent;border:none}.question-mode-container .study-option-label:hover{background-color:#f9fafb}.question-mode-container .study-option-label:has(input:checked){background-color:#eef2ff}.question-mode-container .question-answer-section{background:transparent;border-left:none;border-radius:0;margin-bottom:12px;margin-top:12px;padding:12px}.question-mode-container .question-answer-section .markdown-preview,.question-mode-container .question-answer-section.correct-answer,.question-mode-container .question-answer-section.wrong-answer{background:transparent}.question-mode-container .question-explanation{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:12px}.question-mode-container .study-question-content .markdown-preview{background:#f8fafc}.toggle-switch{cursor:pointer;display:inline-flex;position:relative;user-select:none}.toggle-switch--small{height:20px;width:36px}.toggle-switch--medium{height:24px;width:44px}.toggle-switch--large{height:32px;width:56px}.toggle-switch__track{background-color:var(--border-color,#e2e8f0);border-radius:999px;height:100%;transition:background-color .2s ease;width:100%}.toggle-switch__thumb{aspect-ratio:1/1;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.25);height:calc(100% - 4px);left:2px;max-width:calc(100% - 4px);position:absolute;top:2px;transition:left .2s ease;width:50%}.toggle-switch--medium .toggle-switch__thumb,.toggle-switch--small .toggle-switch__thumb{left:2px;top:2px}.toggle-switch--large .toggle-switch__thumb{left:3px;top:3px}.toggle-switch--checked .toggle-switch__track{background-color:var(--primary-color,#3b82f6)}.toggle-switch--checked.toggle-switch--small .toggle-switch__thumb{left:calc(100% - 18px)}.toggle-switch--checked.toggle-switch--medium .toggle-switch__thumb{left:calc(100% - 22px)}.toggle-switch--checked.toggle-switch--large .toggle-switch__thumb{left:calc(100% - 29px)}.toggle-switch--disabled{cursor:not-allowed;opacity:.6}:root{--color-primary-500:#667eea;--color-primary-600:#764ba2;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-indigo-500:#6366f1;--color-green-500:#22c55e;--color-gray-200:#e2e8f0;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-700:#374151;--color-slate-500:#64748b;--color-bg-soft:#f8f9fa;--color-success-500:#2ecc71;--color-warning-400:#fb923c;--color-info-500:#3498db;--primary-color:var(--color-blue-500);--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--text-12:12px;--text-13:13px;--text-14:14px}.u-flex{display:flex}.u-inline-flex{display:inline-flex}.u-items-center{align-items:center}.u-justify-end{justify-content:flex-end}.u-gap-8{gap:var(--space-8)}.u-ml-16{margin-left:var(--space-16)}.u-mb-24{margin-bottom:24px}.u-text-14{font-size:var(--text-14)}.u-text-muted{color:var(--color-slate-500)}.u-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.u-input-compact{border:1px solid var(--color-gray-300);border-radius:var(--radius-4);font-size:var(--text-14);height:32px;padding:0 var(--space-8);text-align:center;width:50px}.u-btn-compact{font-size:var(--text-13);height:32px;min-width:50px}.u-accent-left{position:relative}.u-accent-left:before{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);border-radius:12px 0 0 12px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.u-accent-left:focus-within:before,.u-accent-left:hover:before{opacity:1}.confirm-popover{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:8px;padding:8px 10px;position:fixed;z-index:99999}.confirm-popover__row{align-items:center;display:inline-flex;gap:8px}.confirm-popover__icon{align-items:center;background:#fef3c7;border-radius:999px;color:#d97706;display:inline-flex;font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.confirm-popover__text{color:#334155;font-size:13px;white-space:nowrap}.confirm-popover__actions{display:inline-flex;gap:8px;justify-content:flex-end}.btn.btn-xs{font-size:13px;height:28px;padding:0 10px}.slide-notice{animation:toastSlideInRight .28s ease-out;background:#fff;border-left:6px solid;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.15);padding:12px 16px;pointer-events:none;position:fixed;right:12px;top:calc(var(--app-header-height, 96px) + 2px);z-index:3000}.empty-block{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px dashed var(--color-gray-200);display:flex;flex-direction:column;gap:var(--space-8);min-height:160px;padding:24px}.empty-block,.empty-block__icon{align-items:center;border-radius:12px;justify-content:center}.empty-block__icon{background:#fff;border:1px solid var(--color-gray-200);box-shadow:0 4px 12px rgba(0,0,0,.06);display:inline-flex;height:64px;width:64px}.empty-block__title{color:#334155;font-size:16px;font-weight:600}.empty-block__desc{color:var(--color-slate-500);font-size:13px}.markdown-editor{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease}.markdown-editor.compact .markdown-editor-footer,.markdown-editor.compact .markdown-editor-header{display:none}.markdown-editor.compact .markdown-toolbar{border-bottom:1px solid #e2e8f0;gap:4px;padding:4px 8px}.markdown-editor.compact .toolbar-button{font-size:12px;height:28px;min-width:28px;padding:4px 6px}.markdown-editor.compact .markdown-preview,.markdown-editor.compact .markdown-textarea{font-size:13px;padding:12px}.markdown-editor:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.08)}.markdown-editor-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.markdown-editor-label{color:#334155;font-size:14px;font-weight:600;margin:0}.markdown-editor-label.wrong-answer-label{color:#dc2626;font-weight:700;text-shadow:0 1px 2px rgba(220,38,38,.2)}.markdown-editor-tabs{display:none}.markdown-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:2px;padding:8px 12px}.toolbar-button{align-items:center;background:#fff;border:1px solid transparent;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.toolbar-button:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155;transform:translateY(-1px)}.toolbar-button:active{background:#cbd5e1;transform:translateY(0)}.markdown-editor-content{position:relative;transition:all .3s ease}.markdown-editor-content.focused{box-shadow:inset 0 0 0 2px rgba(59,130,246,.1)}.markdown-textarea{background:#fff;border:none;color:#334155;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;outline:none;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.markdown-textarea::placeholder{color:#94a3b8;font-style:italic}.markdown-textarea:focus{background:#fefefe}.markdown-preview{background:#fff;color:#334155;font-size:14px;line-height:1.7;overflow-y:auto;padding:16px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:#1e293b;font-weight:600;margin-bottom:12px;margin-top:24px}.markdown-preview h1{border-bottom:2px solid #e2e8f0;font-size:24px;padding-bottom:8px}.markdown-preview h2{border-bottom:1px solid #e2e8f0;font-size:20px;padding-bottom:6px}.markdown-preview h3{font-size:18px}.markdown-preview p{margin-bottom:12px}.markdown-preview code{background:#f1f5f9;border-radius:4px;color:#e11d48;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.markdown-preview pre{background:#1e293b;border-radius:8px;color:#e2e8f0;margin:16px 0;overflow-x:auto;padding:16px}.markdown-preview pre code{background:transparent;color:inherit;padding:0}.markdown-preview blockquote{background:#f8fafc;border-left:4px solid #3b82f6;color:#475569;font-style:italic;margin:16px 0;padding:12px 16px}.markdown-preview ol,.markdown-preview ul{margin:12px 0;padding-left:24px}.markdown-preview li{margin-bottom:4px}.markdown-preview a{border-bottom:1px solid transparent;color:#3b82f6;text-decoration:none;transition:all .2s ease}.markdown-preview a:hover{border-bottom-color:#3b82f6}.markdown-preview strong{color:#1e293b;font-weight:600}.markdown-preview em{color:#475569;font-style:italic}.markdown-preview img{border:1px solid #e2e8f0;border-radius:8px;cursor:zoom-in;display:block;height:auto;margin:.8em auto;max-width:88%}.markdown-preview table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;display:block;margin:12px 0;overflow-x:auto;width:100%}.markdown-preview thead th{background:#f8fafc;color:#0f172a;font-weight:600}.markdown-preview td,.markdown-preview th{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;vertical-align:top;word-break:break-word}.markdown-preview tbody tr:nth-child(odd){background:#fbfdff}.markdown-editor-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:8px 16px}.markdown-tips{font-size:12px;justify-content:space-between}.markdown-tips,.tip-text{align-items:center;display:flex}.tip-text{color:#64748b;gap:4px}.char-count{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#94a3b8;font-weight:500;padding:2px 8px}@media (max-width:768px){.markdown-editor-header{align-items:flex-start;flex-direction:column;gap:8px}.markdown-editor-tabs{align-self:stretch;justify-content:center}.markdown-toolbar{padding:6px 8px}.toolbar-button{font-size:12px;height:28px;min-width:28px}.markdown-preview,.markdown-textarea{font-size:13px;padding:12px}.markdown-tips{align-items:flex-start;flex-direction:column;gap:4px}}@media (prefers-color-scheme:dark){.markdown-editor{background:#1e293b;border-color:#334155}.markdown-editor-header{background:linear-gradient(135deg,#1e293b,#334155);border-bottom-color:#475569}.markdown-editor-label{color:#e2e8f0}.markdown-toolbar{background:#1e293b;border-bottom-color:#475569}.toolbar-button{background:#334155;border-color:#475569;color:#cbd5e1}.toolbar-button:hover{background:#475569;color:#e2e8f0}.markdown-textarea{background:#1e293b;color:#e2e8f0}.markdown-textarea::placeholder{color:#64748b}.markdown-preview{background:#1e293b;color:#cbd5e1}.markdown-editor-footer{background:#1e293b;border-top-color:#475569}.tip-text{color:#94a3b8}.char-count{background:#334155;border-color:#475569;color:#cbd5e1}}.markdown-editor-content{animation:fadeIn .3s ease}.markdown-preview::-webkit-scrollbar,.markdown-textarea::-webkit-scrollbar{width:8px}.markdown-preview::-webkit-scrollbar-track,.markdown-textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.markdown-preview::-webkit-scrollbar-thumb,.markdown-textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.markdown-preview::-webkit-scrollbar-thumb:hover,.markdown-textarea::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tiptap-editor-content .ProseMirror{color:#334155;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;min-height:inherit;outline:none;padding:16px;white-space:pre-wrap}.tiptap-editor-content .ProseMirror p{margin-bottom:.8em}.tiptap-editor-content .ProseMirror h1,.tiptap-editor-content .ProseMirror h2,.tiptap-editor-content .ProseMirror h3{color:#1e293b;font-weight:600;margin-bottom:.5em;margin-top:1em}.tiptap-editor-content .ProseMirror ol,.tiptap-editor-content .ProseMirror ul{margin-bottom:.8em;padding-left:1.5em}.tiptap-editor-content .ProseMirror blockquote{background:#f8fafc;border-left:4px solid #3b82f6;color:#475569;font-style:italic;margin:.8em 0;padding:.5em 1em}.tiptap-editor-content .ProseMirror code{background:#f1f5f9;border-radius:4px;color:#e11d48;font-family:monospace;font-size:.9em;padding:2px 6px}.tiptap-editor-content .ProseMirror pre{background:#1e293b;border-radius:8px;color:#e2e8f0;margin:.8em 0;overflow-x:auto;padding:12px}.tiptap-editor-content .ProseMirror pre code{background:transparent;color:inherit;font-size:inherit;padding:0}.tiptap-editor-content .ProseMirror img{border:1px solid #e2e8f0;border-radius:8px;display:block;height:auto;margin:.8em auto;max-width:88%}.tiptap-editor-content .ProseMirror a{color:#3b82f6;cursor:pointer;text-decoration:underline}.tiptap-editor-content .ProseMirror table{border:1px solid #e2e8f0;border-collapse:collapse;border-radius:8px;display:block;margin:12px 0;overflow-x:auto;width:100%}.tiptap-editor-content .ProseMirror thead th{background:#f8fafc;color:#0f172a;font-weight:600}.tiptap-editor-content .ProseMirror td,.tiptap-editor-content .ProseMirror th{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;vertical-align:top;word-break:break-word}.tiptap-editor-content .ProseMirror tbody tr:nth-child(odd){background:#fbfdff}.study-page{background-color:#f8fafc;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px}@media print{@page{size:A4 portrait;margin:8mm 8mm 15mm 8mm;@bottom-right{color:#666;content:"第 " counter(page) " 页";font-family:SimSun,宋体,serif;font-size:10.5pt;margin-bottom:5mm;padding-bottom:2mm}}body,html{background:#fff!important;font-family:SimSun,宋体,serif!important;font-size:10.5pt!important;line-height:1.4!important;overflow:hidden!important}.app-header,.btn,.manual-judgment,.markdown-editor-tabs,.markdown-toolbar,.result-badge,.study-footer,.study-header{display:none!important}.study-page{background:#fff!important;max-width:none!important;padding:0}.study-content,.study-page{font-family:SimSun,宋体,serif!important;font-size:10.5pt!important;margin:0!important;width:100%!important}.study-content{border:none;box-shadow:none!important;column-count:1;column-fill:auto;-moz-column-fill:auto;column-gap:0;column-rule:none;max-width:100%}.question-section,.question-type-section{border:none!important;box-shadow:none!important}.question-section,.question-type-section,.study-question-item{break-inside:auto;font-family:SimSun,宋体,serif!important;font-size:10.5pt!important;page-break-inside:auto}.study-question-item{border-bottom:none!important;line-height:1.2!important;margin:2px 0!important;padding:4px 2px!important}.study-question-content{margin-bottom:0!important}.study-question-header{gap:0!important}.study-question-number{margin-right:0!important;min-width:24px!important}.study-question-options{margin-left:24px!important}.study-question-content>p:first-child{margin-top:0!important}.study-question-content p{margin-bottom:0!important;margin-top:0!important}.study-question-content .markdown-preview{padding:0!important}.study-question-text{line-height:1.2!important;margin-bottom:2px!important}.section-title{background:#fff!important;border-bottom:none!important;color:#111827!important;column-span:none;font-family:SimSun,宋体,serif!important;font-size:12pt!important;font-weight:700!important;padding-bottom:2px!important;page-break-inside:avoid}.study-question-options{column-gap:2mm!important;display:grid;font-family:SimSun,宋体,serif!important;font-size:10.5pt!important;margin-left:30px!important;margin-top:0!important;row-gap:.2mm!important}.study-question-options,.study-question-options.auto-layout-1,.study-question-options.auto-layout-2,.study-question-options.auto-layout-4{grid-template-columns:1fr 1fr!important}.study-option-label{hyphens:auto;word-break:break-word}.study-option-label.short-option{max-width:120mm}.study-option-label.medium-option{max-width:80mm}.study-option-label.long-option{max-width:60mm}.study-option-label{background:transparent!important;border:none!important;box-shadow:none!important;display:block!important;font-family:SimSun,宋体,serif!important;font-size:10.5pt!important;line-height:1.1!important;margin:0!important;padding:1px 2px!important}.study-option-label input[type=checkbox],.study-option-label input[type=radio]{display:none}.essay-input .essay-answer-preview,.essay-input .markdown-editor,.fill-blank-input .markdown-editor{display:none!important}.fill-blank-input:after{background-image:repeating-linear-gradient(transparent,transparent 5mm,#e5e7eb 0,#e5e7eb 5.5mm);background-size:100% 5.5mm;content:"";display:block;min-height:35mm}.essay-input:after{background-image:repeating-linear-gradient(transparent,transparent 6mm,#e5e7eb 0,#e5e7eb 6.6mm);background-size:100% 6.6mm;content:"";display:block;min-height:80mm}.fill-blank-input:after{background:none!important;display:none!important;min-height:0!important}.study-content{padding-bottom:0!important}.question-section:last-child{margin-bottom:0!important;padding-bottom:0!important}.question-section:last-child .study-question-item:last-child{border-bottom:none!important;margin-bottom:0!important;padding-bottom:0!important}.question-section:last-child .study-question-item:last-child .study-question-content,.question-section:last-child .study-question-item:last-child .study-question-options{margin-bottom:0!important}.question-section:last-child .study-question-item:last-child .essay-input:after{background:none!important;display:none!important;min-height:0!important}@page :first{margin-top:0}.pagination-container,.pagination-wrapper,.print-first-page-info,.print-first-page-info .info-item{display:none!important}::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}.pagination-btn,.pagination-controls .btn{background:#fff!important;border:.5px solid #666!important;box-shadow:none!important;color:#333!important;font-size:9pt!important;height:20px!important;line-height:1!important;margin:0 1px!important;min-width:20px!important;padding:0 3px!important}.pagination-info{color:#666!important;font-size:10pt!important}.items-per-page-section{display:none!important}}.study-header{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);color:#fff;margin-bottom:24px;padding:20px}.study-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.study-header .btn:disabled{cursor:not-allowed;filter:saturate(70%);opacity:.55}.btn-back{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-back:hover{background:hsla(0,0%,100%,.3);transform:translateY(-1px)}.study-meta{display:flex;flex:1;flex-wrap:wrap;gap:16px}.meta-item{align-items:center;background:hsla(0,0%,100%,.1);border-radius:6px;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.meta-item:hover{background:hsla(0,0%,100%,.15)}.meta-label{font-weight:500;opacity:.9}.meta-value{font-weight:600}.study-content{flex:1;margin-bottom:30px;overflow-y:auto}.question-section{display:block}.question-section,.question-type-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:40px;overflow:hidden}.study-page .section-title{font-size:18px!important;font-weight:600;margin:0;position:relative}.section-header,.study-page .section-title{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px}.study-page .section-header h2{font-size:18px!important;font-weight:600;margin:0}.questions-list{padding:0}.study-question-item{border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:block;max-width:none;padding:16px;width:100%}.study-question-item:last-child{border-bottom:none}.study-question-header{align-items:baseline;display:flex;gap:.25em;margin-bottom:2px}.study-question-number{color:#374151;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.4;margin-top:0;min-width:30px}.study-question-type-badge{background:#e0e7ff;border-radius:4px;color:#3730a3;font-size:12px;font-weight:500;padding:4px 8px}.study-question-content{box-sizing:border-box;display:inline;margin-bottom:2px;max-width:none;width:auto}.study-question-content p,.study-question-content>p:first-child{margin-top:0}.study-question-text{color:#374151;line-height:1.6;margin-bottom:12px}.study-question-text p{margin:0 0 10px}.study-question-text img{border-radius:4px;height:auto;margin:10px 0;max-width:100%}.study-question-options{column-gap:12px;display:grid;margin-left:30px;margin-top:0;max-width:none;padding-right:24px;row-gap:4px;width:100%}.study-question-options,.study-question-options.auto-layout-1,.study-question-options.auto-layout-2,.study-question-options.auto-layout-4{grid-template-columns:repeat(2,minmax(0,1fr))}.study-option-label{align-items:center;background:#fff;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:grid;gap:8px;grid-template-columns:16px 1fr auto;margin-right:16px;max-width:none;padding:6px 12px;position:relative;transition:background-color .15s ease,border-color .15s ease;width:100%}.study-option-label:hover{background-color:#f9fafb;box-shadow:none}.study-option-label input[type=checkbox]:checked+.study-option-text,.study-option-label input[type=radio]:checked+.study-option-text{color:#1e40af;font-weight:500}.study-option-label:has(input:checked){background-color:#eaf2ff;box-shadow:none}.study-option-label input[type=checkbox],.study-option-label input[type=radio]{accent-color:#3b82f6;align-self:center;cursor:pointer;flex-shrink:0;height:16px;margin:0;width:16px}.study-option-text{word-wrap:break-word;align-self:center;color:#374151;flex:1;line-height:1.4;margin-left:0;overflow-wrap:break-word;width:100%}.study-option-label .correct-indicator,.study-option-label .wrong-indicator{align-self:center}.study-option-label .markdown-preview{background:transparent;line-height:1.4;padding:0}.study-option-label .markdown-preview p,.study-option-text p{margin:0}@media screen and (max-width:768px){.study-question-options,.study-question-options.auto-layout-2,.study-question-options.auto-layout-4{grid-template-columns:1fr}}.essay-input,.fill-blank-input{margin-top:4px}.essay-input textarea,.fill-blank-input textarea{border:2px solid #e5e7eb;border-radius:6px;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.essay-input textarea:focus,.fill-blank-input textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.study-footer{align-items:center;background:#fff;border-radius:8px;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-top:30px;padding:20px;position:sticky}.floating-actions-left{left:24px}.floating-actions-left,.floating-actions-right{bottom:24px;display:flex;gap:10px;position:fixed;z-index:900}.floating-actions-right{right:24px}.floating-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 6px 20px rgba(0,0,0,.15);color:#374151;cursor:pointer;display:inline-flex;font-size:20px;height:44px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:44px}.floating-btn:hover:not(:disabled){box-shadow:0 10px 24px rgba(59,130,246,.25);transform:translateY(-2px)}.floating-btn:disabled{cursor:not-allowed;opacity:.6}.floating-btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.floating-btn--secondary{background:#fff;border:1px solid #e2e8f0}.floating-btn--success{background:#15803d;box-shadow:0 6px 20px rgba(21,128,61,.35);color:#fff}.floating-btn--success:hover:not(:disabled){box-shadow:0 10px 24px rgba(21,128,61,.5)}.floating-btn--warning{background:#f59e0b;box-shadow:0 6px 20px rgba(245,158,11,.35);color:#fff}.floating-btn--warning:hover:not(:disabled){box-shadow:0 10px 24px rgba(245,158,11,.5)}.floating-btn svg{display:block}@media (max-width:768px){.floating-btn{font-size:20px;height:44px;width:44px}}@media print{.floating-actions-left,.floating-actions-right{display:none!important}}.progress-info{color:#6b7280;font-size:14px}.loading{align-items:center;color:#6b7280;display:flex;font-size:16px;height:200px;justify-content:center}.error-page{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:60px 20px;text-align:center}.error-page h2{color:#dc2626;margin-bottom:10px}.error-page p{color:#6b7280;margin-bottom:20px}@media (max-width:768px){.study-page{padding:10px}.study-header{flex-direction:column;gap:20px}.study-meta{flex-direction:column;gap:8px}.study-actions{justify-content:stretch;width:100%}.study-actions .btn{flex:1;justify-content:center}.question-content{margin-left:0}.question-header{flex-wrap:wrap}.study-footer{flex-direction:column;gap:15px}.study-footer .btn-large{justify-content:center;width:100%}}.katex{font-size:1.1em}.katex-display{margin:15px 0}.answer-section{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-top:20px;padding:16px}.answer-section h4{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 12px}.answer-content{color:#374151;line-height:1.6}.answer-content p{margin:0 0 8px}.answer-content p:last-child{margin-bottom:0}.correctness-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-left:8px;padding:4px 8px}.correctness-indicator.correct{background:#dcfce7;color:#166534}.correctness-indicator.wrong{background:#fee2e2;color:#dc2626}.manual-grading{align-items:center;display:flex;gap:8px;margin-top:12px}.manual-grading-label{color:#6b7280;font-size:13px;font-weight:500}.grading-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.grading-btn.correct{background:#fff;border-color:#16a34a;color:#16a34a}.grading-btn.correct.active,.grading-btn.correct:hover{background:#16a34a;color:#fff}.grading-btn.wrong{background:#fff;border-color:#dc2626;color:#dc2626}.grading-btn.wrong.active,.grading-btn.wrong:hover{background:#dc2626;color:#fff}.result-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;margin-left:8px;padding:4px 8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.result-badge.correct{background:#dcfce7;border:1px solid #16a34a;color:#166534}.result-badge.wrong{background:#fee2e2;border:1px solid #dc2626;color:#dc2626;font-size:13px;font-weight:900;text-shadow:0 1px 2px rgba(220,38,38,.2)}.question-result-badges{align-items:center;display:flex;gap:8px}.reference-answer{background:#f8fafc;border-left:4px solid #e5e7eb;border-radius:6px;margin:16px 0;padding:12px}.reference-answer strong{color:#374151;font-weight:600}.question-answer-section.wrong-answer .reference-answer{background:#fef2f2;border-left-color:#dc2626}.question-answer-section.wrong-answer .reference-answer strong{color:#dc2626;font-size:15px;font-weight:900;text-shadow:0 1px 2px rgba(220,38,38,.1)}.manual-judgment{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:16px 0;padding:12px}.manual-judgment label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.judgment-buttons{display:flex;gap:8px}.judgment-btn{background:#fff;border:2px solid;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.judgment-btn.correct{border-color:#16a34a;color:#16a34a}.judgment-btn.correct.active,.judgment-btn.correct:hover{background:#16a34a;box-shadow:0 2px 4px rgba(22,163,74,.2);color:#fff;transform:translateY(-1px)}.judgment-btn.wrong{border-color:#dc2626;color:#dc2626;font-weight:700}.judgment-btn.wrong.active,.judgment-btn.wrong:hover{background:#dc2626;box-shadow:0 2px 4px rgba(220,38,38,.3);color:#fff;font-weight:900;transform:translateY(-1px)}.correct-indicator{color:#16a34a;font-size:14px;font-weight:700;margin-left:8px}.summary-section{background:#fffbeb;border:1px solid #fbbf24;border-radius:6px;margin-top:16px;padding:12px}.summary-section label{color:#92400e;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.summary-section textarea{background:#fff;border:1px solid #fbbf24;border-radius:4px;font-size:13px;line-height:1.4;min-height:60px;padding:8px;resize:vertical;width:100%}.summary-section textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.1);outline:none}.btn-success{box-shadow:0 2px 4px rgba(16,185,129,.3)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px rgba(16,185,129,.4);transform:translateY(-1px)}.btn-success:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.study-page.submitted .study-question-item{position:relative}.study-page.submitted .study-question-header{padding-right:120px}.study-page.submitted .study-option-label{pointer-events:none}.study-page.submitted .study-option-label.user-selected{background-color:#dbeafe;border:2px solid #3b82f6}.study-page.submitted .study-option-label.correct-answer{background-color:#dcfce7;border:2px solid #16a34a}.study-page.submitted .study-option-label.wrong-answer{background-color:#fee2e2;border:2px solid #dc2626}.study-page.submitted .essay-input textarea,.study-page.submitted .fill-blank-input textarea{background-color:#f9fafb;border-color:#d1d5db;pointer-events:none}.single-choice .question-type-badge{background:#dbeafe;color:#1e40af}.multiple-choice .question-type-badge{background:#dcfce7;color:#166534}.fill-blank .question-type-badge{background:#fef3c7;color:#92400e}.essay .question-type-badge{background:#fce7f3;color:#be185d}.answer-section{margin:12px 0 16px}.answer-badges{display:flex;flex-wrap:wrap;gap:8px}.answer-badge{background:#fff8db;border:1px solid #fde68a;border-radius:16px;color:#a16207;font-weight:700;padding:4px 10px}.answer-text{background:#fff8db;border:1px solid #fde68a;border-radius:6px;color:#374151;line-height:1.7;padding:12px 16px}.question-explanation{background:#fffbeb;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-top:12px;padding:12px 14px}.question-explanation h4{color:#78350f;font-size:15px;font-weight:600;margin:0 0 8px}.explanation-content{line-height:1.8;min-height:60px;padding-left:12px}.qm-icon-btn{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.15);color:#1e3a8a;cursor:pointer;display:inline-flex;height:36px;justify-content:center;line-height:1;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px}.qm-icon-btn:hover:not(:disabled){background:#fff}.qm-icon-btn:disabled{cursor:not-allowed;opacity:.6}@media screen{body,html{height:100%;overflow:hidden}body{overscroll-behavior-y:none}}@keyframes toastSlideInRight{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}*{box-sizing:border-box;margin:0;padding:0}.questions-page{background:#fff;border-radius:12px;margin:0;max-width:none;padding:24px;width:100%}.questions-layout{align-items:start;display:grid;gap:15px;grid-template-columns:280px 1fr}.questions-layout .plan-tree{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:calc(100vh - var(--app-header-height, 96px) - 24px);overflow-y:auto;padding:12px}.questions-content{display:flex;flex-direction:column;min-height:0}.plan-tree__node{align-items:center;border-radius:8px;color:#334155;cursor:pointer;display:flex;gap:8px;padding:8px 10px}.plan-tree__node:hover{background:#f1f5f9}.plan-tree__node--selected{background:#eef2ff;color:var(--primary-color,#3b82f6);font-weight:700}.questions-layout .plan-tree__children{border-left:none;margin-left:0;padding-left:calc(1em + 7px)}.questions-layout .plan-tree__children .plan-tree__node{padding-left:0}.plan-tree__toggle{background:transparent;border:none;color:#64748b;cursor:pointer;margin-left:0;margin-right:2px}.plan-tree__node--grade{gap:4px}.plan-tree__node--folder.drag-over{background:#f1f5f9;border-radius:8px}@media (max-width:1024px){.questions-layout{grid-template-columns:1fr}.questions-tree{max-height:none}}.admin-aimodels-page,.admin-users-page{background:#fff;border-radius:12px;margin:0;max-width:none;padding:24px;width:100%}.questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.questions-header h1{color:#2d3748;font-size:22px;font-weight:600;margin:0}.questions-filters,.questions-header .header-actions{display:flex;gap:12px}.questions-filters{align-items:center;background:transparent;border:none;border-radius:16px;box-shadow:none;flex-wrap:wrap;justify-content:space-between;margin-bottom:4px;min-height:0;padding:6px 12px;transition:box-shadow .3s ease}.questions-filters.questions-filters--question-list{gap:16px;margin-bottom:10px;min-height:72px;padding:20px}.questions-filters:hover{box-shadow:none}.questions-filters .search-box{flex:1 1 300px}.questions-filters .search-box input{border:1px solid #e1e5e9;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.questions-filters .filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.questions-filters .filter-group select{background:#fff;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;min-width:140px;padding:10px 12px}.questions-filters .sort-order-btn{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;padding:10px 14px}.bulk-actions{align-items:center;background:#fff7e6;border:1px solid #ffe58f;border-radius:8px;display:flex;justify-content:space-between;margin:12px 0;padding:12px 16px}.bulk-actions .bulk-buttons{display:flex;gap:8px}.questions-stats{align-items:stretch;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin:16px 0}.questions-stats .stat-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex:0 1 auto;flex-direction:column;justify-content:center;min-width:120px;padding:16px 20px;text-align:center;transition:all .2s ease}.questions-stats .stat-item:hover{border-color:#3b82f6;box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px)}.questions-stats .stat-item .stat-label{color:#64748b;display:block;font-size:13px;font-weight:500;margin-bottom:8px;white-space:nowrap}.questions-stats .stat-item .stat-value{color:#1e293b;font-size:20px;font-weight:700;line-height:1.2}.questions-list{margin-top:10px}.questions-list .list-header{align-items:center;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);border-radius:12px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;font-size:14px;font-weight:600;margin-bottom:8px;padding:16px 20px}.question-item,.questions-list .list-header{display:grid;grid-template-columns:50px 1fr minmax(180px,240px) minmax(240px,320px)}.question-item{align-items:start;background:#fff;border:1px solid var(--color-gray-200);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);gap:16px;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.question-item:before{background:#e5e7eb;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:background .3s ease;width:4px}.question-item:hover{border-color:#c7d2fe;box-shadow:0 8px 25px rgba(0,0,0,.12)}.question-item:hover:before{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%)}.question-item.selected{background:linear-gradient(135deg,#f8faff,#f1f5f9);border-color:var(--color-primary-500);box-shadow:0 8px 25px rgba(102,126,234,.25)}.question-item.preview-open:before,.question-item.selected:before{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%)}.question-item.preview-open{border-color:#c7d2fe;box-shadow:0 8px 25px rgba(0,0,0,.12)}.questions-header .btn{align-items:center;display:inline-flex;height:36px;padding:0 14px}.questions-header .btn-danger:hover,.questions-header .btn-primary:hover,.questions-header .btn-secondary:hover{box-shadow:none;transform:none}.question-content .question-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.question-subject{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px rgba(102,126,234,.3)}.question-subject,.question-type{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.question-type{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 2px 8px rgba(6,182,212,.3)}.question-difficulty{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px rgba(245,158,11,.3)}.question-difficulty,.question-grade{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.question-grade{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px rgba(16,185,129,.3)}.status-badge{border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.08);color:#fff;font-size:12px;padding:4px 10px}.question-text{background:linear-gradient(135deg,#fafbfc,#f8fafc);border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);color:#1f2937;font-size:15px;line-height:1.7;margin:12px 0;padding:16px}.question-meta{border-top:1px solid #e2e8f0;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-top:12px;padding-top:12px}.question-tags{display:flex;flex-wrap:wrap;gap:6px}.question-tags .tag{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:20px;color:#374151;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.question-tags .tag:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.question-stats .stat-item{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:12px}.question-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;row-gap:8px}.question-actions .btn-sm{align-items:center;display:inline-flex;flex-direction:row;justify-content:center;text-orientation:mixed;white-space:nowrap;writing-mode:horizontal-tb}.btn-sm{border:none;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-sm:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.status-select{background:#fff;border:1px solid #e1e5e9;border-radius:8px;font-size:12px;padding:8px 10px}.empty-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:20px;margin:20px 0;padding:60px 20px;text-align:center}.empty-message{color:#64748b;font-size:16px;font-weight:500;margin-bottom:20px}.loading-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;margin:20px 0;padding:60px 20px;text-align:center}.loading-spinner{color:#667eea;font-weight:500;position:relative}.loading-spinner:after{animation:spin 1s linear infinite;border:2px solid #667eea;border-radius:50%;border-top-color:transparent;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination-wrapper{border-radius:0;border-top:none;box-shadow:none;margin-top:6px;padding:4px 0}.pagination-wrapper.load-more{justify-content:flex-end}.pagination-wrapper.load-more .more-btn{background:transparent!important;border:none!important;box-shadow:none!important;color:#3b82f6!important;font-weight:500;padding:6px 12px}.pagination-wrapper.load-more .more-btn:hover{background:rgba(59,130,246,.05)!important;color:#2563eb!important}.items-per-page-section{color:#666;font-size:14px}.items-per-page-select{border-radius:6px}.pagination-ellipsis{align-items:center;color:#9ca3af;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px}.pagination-container{background:transparent;border-top:none;margin-top:10px;padding:8px 0}.pagination-info{flex-wrap:wrap;font-weight:500;gap:16px}.items-per-page-select{box-shadow:0 1px 3px rgba(0,0,0,.1);padding:8px 12px;transition:all .2s ease}.items-per-page-select:hover{box-shadow:0 2px 6px rgba(59,130,246,.15)}.pagination-controls{gap:6px}.pagination-controls .btn{box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:500;height:40px;min-width:40px}.pagination-controls .btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff;transform:translateY(-1px)}.pagination-controls .btn:disabled{box-shadow:0 1px 3px rgba(0,0,0,.05);transform:none}.pagination-controls .btn.active,.pagination-controls .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.25);color:#fff}.pagination-controls .btn.active:hover,.pagination-controls .btn.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 6px 16px rgba(37,99,235,.3);transform:translateY(-1px)}.page-numbers{margin:0 8px}.pagination{align-items:center;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:10px;padding:8px 0}.pagination .page-info{color:#64748b;font-size:14px;font-weight:500}@media (max-width:768px){.pagination,.pagination-container,.pagination-wrapper{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.pagination-controls,.pagination-controls-section,.pagination-info,.pagination-info-section{flex-wrap:wrap;justify-content:center}.pagination-jump{text-align:center}}.questions-filters .filter-row{align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr;width:100%}.notebooks-page .questions-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);min-height:auto;padding:12px}.notebooks-page .questions-filters:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.notebooks-page .questions-filters .filter-row{align-items:center;gap:12px}.question-sets-page .questions-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);min-height:auto;padding:12px}.question-sets-page .questions-filters:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.question-sets-page .questions-filters .filter-row{align-items:center;display:grid;gap:12px;grid-auto-flow:column;justify-content:start;width:100%}.question-sets-page .questions-filters .search-input{grid-column:auto;max-width:420px;min-width:280px;width:auto}.question-sets-page .multi-filter-group{max-width:320px;min-width:200px;width:100%}.questions-page .plan-tree .publisher-search-input{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04);font-size:13px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.questions-page .plan-tree .publisher-search-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(15,23,42,.08);outline:none}@media (max-width:960px){.question-sets-page .questions-filters .filter-row{grid-auto-flow:row}.question-sets-page .questions-filters .search-input{max-width:none;width:100%}}.wrong-questions-page .questions-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);min-height:auto;padding:12px}.wrong-questions-page .questions-filters:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.wrong-questions-page .questions-filters .filter-row{align-items:center;display:grid;gap:12px;grid-auto-flow:column;grid-template-columns:none;justify-content:start;width:100%}.wrong-questions-page .questions-filters .search-input{grid-column:auto;max-width:380px;min-width:260px;width:auto}@media (max-width:960px){.wrong-questions-page .questions-filters .filter-row{grid-auto-flow:row}.wrong-questions-page .questions-filters .search-input{max-width:none;width:100%}}.questions-filters.admin-sets-page .filter-row{align-items:center;display:grid;gap:12px;grid-auto-flow:column;grid-template-columns:none;justify-content:start;width:100%}.questions-filters.admin-sets-page .filter-row .rounded-select{min-width:120px;width:auto!important}.questions-filters.admin-sets-page .search-input{max-width:420px;min-width:280px}@media (max-width:960px){.questions-filters.admin-sets-page .filter-row{grid-auto-flow:row;grid-template-columns:1fr}.questions-filters.admin-sets-page .search-input{max-width:none;width:100%}.questions-filters.admin-sets-page .filter-row .rounded-select{width:100%!important}}.analysis-chat-page{display:grid;gap:16px;grid-template-columns:260px minmax(0,1fr);height:calc(100vh - var(--app-header-height, 96px) - 24px)}.analysis-chat-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;min-height:0;padding:12px}.analysis-chat-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.analysis-chat-app-name{color:#111827;font-size:16px;font-weight:600}.analysis-chat-new-btn{align-items:center;background:transparent;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.analysis-chat-new-btn:hover{color:#111827}.analysis-chat-search input{background-color:#f9fafb;border:1px solid #e1e5e9;border-radius:12px;font-size:13px;margin-bottom:8px;padding:8px 10px;width:100%}.analysis-chat-search input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 2px 8px rgba(15,23,42,.08);outline:none}.analysis-chat-groups-header{align-items:center;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px;margin-top:4px}.analysis-chat-link{background:transparent;border:none;color:#3b82f6;cursor:pointer;font-size:12px;padding:0}.analysis-chat-group-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 28px 6px 8px;position:relative;transition:background-color .15s ease,box-shadow .15s ease}.analysis-chat-group-item--hover{background:#f1f5f9;box-shadow:inset 0 0 0 1px #e2e8f0}.analysis-chat-group-main{align-items:center;display:flex;gap:6px}.analysis-chat-group-name{color:#111827;font-size:13px}.analysis-chat-group-action-container{display:none}.analysis-chat-group-item:hover .analysis-chat-group-action-container{display:block}.analysis-chat-groups-list{margin-bottom:8px;max-height:140px;overflow-y:auto}.analysis-chat-sessions-title{color:#6b7280;font-size:13px;margin-bottom:4px;margin-top:6px}.analysis-chat-sessions-list{padding-right:4px}.analysis-chat-session-item{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;margin-bottom:4px;min-height:40px;padding:10px 12px;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.analysis-chat-session-item:hover{background:#f3f4ff;border-color:#e0e7ff}.analysis-chat-session-item--active{background:linear-gradient(135deg,#eef2ff,#e0f2fe);border-color:#6366f1}.analysis-chat-session-title{color:#111827;font-size:13px;font-weight:500;overflow:hidden;padding-right:24px;text-overflow:ellipsis;white-space:nowrap;width:100%}.analysis-chat-session-action-container{display:none}.analysis-chat-session-item:hover .analysis-chat-session-action-container{display:block}.analysis-chat-empty{color:#9ca3af;font-size:12px;padding:12px 4px}.analysis-chat-main{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;min-height:0;padding:16px}.analysis-chat-main-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.analysis-chat-main-title{color:#111827;font-size:18px;font-weight:600}.analysis-chat-main-actions{align-items:center;display:flex;gap:8px}.analysis-chat-model-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;font-size:13px;min-width:180px;padding:6px 10px}.analysis-chat-model-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.analysis-chat-welcome{padding:24px 8px 8px}.analysis-chat-welcome-text{font-size:24px;font-weight:700;margin-bottom:4px}.analysis-chat-welcome-subtitle{color:#6b7280;font-size:13px;margin-bottom:16px}.analysis-chat-quick-topics{display:flex;flex-wrap:wrap;gap:8px}.analysis-chat-quick-topic{background:#f9fafb;border:1px solid #e2e8f0;border-radius:999px;cursor:pointer;font-size:12px;padding:6px 10px}.analysis-chat-quick-topic:hover{background:#eef2ff;border-color:#c7d2fe}.analysis-chat-messages-wrapper{background:#f9fafb;border-radius:12px;flex:1;margin-bottom:8px;margin-top:8px;min-height:0;overflow-y:auto;padding:12px}.analysis-chat-loading{color:#6b7280;font-size:13px}.analysis-chat-messages{display:flex;flex-direction:column;gap:10px}.analysis-chat-message{align-items:flex-start;display:flex;gap:8px}.analysis-chat-message--user{flex-direction:row-reverse}.analysis-chat-message-avatar{align-items:center;background:#e5e7eb;border-radius:999px;color:#374151;display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.analysis-chat-message--assistant .analysis-chat-message-avatar{background:#3b82f6;color:#fff}.analysis-chat-message-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.1);color:#111827;font-size:14px;line-height:1.6;max-width:70%;padding:8px 12px}.analysis-chat-message-content ol,.analysis-chat-message-content ul{list-style-position:outside;margin:8px 0;padding-left:24px}.analysis-chat-message-content li{margin-bottom:4px}.analysis-chat-message-content pre{background:#f3f4f6;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;margin:8px 0;overflow-x:auto;padding:12px}.analysis-chat-message-content blockquote{border-left:4px solid #e5e7eb;color:#6b7280;margin:8px 0;padding-left:12px}.analysis-chat-message-content h1,.analysis-chat-message-content h2,.analysis-chat-message-content h3,.analysis-chat-message-content h4{font-weight:600;line-height:1.4;margin:16px 0 8px}.analysis-chat-message-content h1{font-size:1.4em}.analysis-chat-message-content h2{font-size:1.25em}.analysis-chat-message-content h3{font-size:1.1em}.analysis-chat-message-content table{border-collapse:collapse;font-size:13px;margin:8px 0;width:100%}.analysis-chat-message-content td,.analysis-chat-message-content th{border:1px solid #e5e7eb;padding:6px 10px;text-align:left}.analysis-chat-message-content th{background:#f9fafb;font-weight:600}.analysis-chat-message--user .analysis-chat-message-content{background:#4f46e5;color:#fff}.analysis-chat-message--user .analysis-chat-message-content pre{background:rgba(0,0,0,.2);color:#fff}.analysis-chat-message--user .analysis-chat-message-content code{color:#fff}.analysis-chat-message--user .analysis-chat-message-content blockquote{border-left-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.9)}.analysis-chat-message--user .analysis-chat-message-content td,.analysis-chat-message--user .analysis-chat-message-content th{border-color:hsla(0,0%,100%,.2)}.analysis-chat-message--user .analysis-chat-message-content th{background:hsla(0,0%,100%,.1)}.analysis-chat-input-panel{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding-top:8px}.analysis-chat-input-hint{color:#6b7280;font-size:12px}.analysis-chat-input-quick{display:flex;flex-wrap:wrap;gap:6px}.analysis-chat-input-row{align-items:flex-end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.analysis-chat-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;padding:10px 12px;resize:none;width:100%}.analysis-chat-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.analysis-chat-send-btn{align-self:stretch;border-radius:999px;font-size:14px}.analysis-chat-icon-btn{align-items:center;background:#f3f4ff;border:none;border-radius:999px;color:#4f46e5;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease;width:32px}.analysis-chat-icon-btn:hover{background:#e0e7ff;box-shadow:0 2px 6px rgba(79,70,229,.25);transform:translateY(-1px)}.analysis-chat-icon-btn:disabled{box-shadow:none;cursor:default;opacity:.6;transform:none}.analysis-chat-group-add-btn{align-items:center;background:transparent;border:none;color:#000;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.analysis-chat-group-add-btn:hover{color:#2563eb}.analysis-chat-group-modal .modal-body{padding:20px 24px}.analysis-chat-group-modal-body{display:flex;flex-direction:column;gap:12px}.analysis-chat-group-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:10px 12px;width:100%}.analysis-chat-group-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12);outline:none}.analysis-chat-group-help-title{color:#111827;font-size:13px;font-weight:600;margin-bottom:4px}.analysis-chat-group-help-text{color:#6b7280;font-size:12px;line-height:1.6}@media (max-width:960px){.analysis-chat-page{grid-template-columns:1fr;height:auto}.analysis-chat-sidebar{order:2}.analysis-chat-main{order:1}}.questions-filters .search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.questions-filters .search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(0,0,0,.08);outline:none}.questions-filters .search-input::placeholder{color:#94a3b8;font-weight:400}.questions-filters .filter-row select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);color:#374151;cursor:pointer;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.questions-filters .filter-row select:hover{border-color:#cbd5e1;box-shadow:0 4px 8px rgba(0,0,0,.06)}.questions-filters .filter-row select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1),0 4px 12px rgba(0,0,0,.08);outline:none}.questions-filters .filter-row select option{background:#fff;color:#374151;padding:8px 12px}@media (max-width:1200px){.questions-filters .filter-row{gap:12px;grid-template-columns:1fr 1fr 1fr}.questions-filters .search-input{grid-column:1/-1;margin-bottom:8px}}@media (max-width:768px){.questions-filters .filter-row{gap:12px;grid-template-columns:1fr}.questions-filters .filter-row select,.questions-filters .search-input{font-size:16px;padding:10px 14px}.questions-filters .filter-row select{background-position:right 10px center;background-size:14px;padding-right:36px}}@media (max-width:480px){.questions-filters{margin-bottom:12px;padding:12px}.questions-filters .filter-row{gap:10px}}.modal-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(17,24,39,.6);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 24px 48px rgba(2,6,23,.18),0 8px 20px rgba(2,6,23,.12);display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:520px;overflow:hidden;width:100%}.modal,.modal-body{background:#fff}@media (max-width:960px){.question-item,.questions-list .list-header{grid-template-columns:50px 1fr}.question-actions,.question-stats{grid-column:2;margin-top:12px}.question-stats{display:flex;flex-wrap:wrap;gap:12px}.question-stats .stat-item{flex:1;min-width:120px}}@media (max-width:640px){.question-item,.questions-list .list-header{gap:12px;grid-template-columns:1fr}.question-checkbox{position:absolute;right:16px;top:16px}.question-item{padding:20px 50px 20px 20px;position:relative}.question-actions,.question-content,.question-stats{grid-column:1}.question-actions{border-top:1px solid #e2e8f0;justify-content:flex-start;margin-top:16px;padding-top:16px}.btn-sm{align-items:center;display:inline-flex;flex:1;flex-direction:row;justify-content:center;max-width:120px;text-orientation:mixed;white-space:nowrap;writing-mode:horizontal-tb}.questions-header{align-items:flex-start;flex-direction:column;gap:12px}.questions-filters .filter-group{width:100%}.questions-filters .filter-group select{flex:1 1 45%;min-width:unset}}.admin-settlements-page{margin-top:8px}.admin-settlements-body{align-items:flex-start;display:grid;gap:16px;grid-template-columns:320px minmax(0,1fr)}.admin-settlements-left{display:flex;flex-direction:column;gap:12px}.admin-settlements-summary{background:#fff;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;gap:12px;margin-bottom:8px;margin-top:8px;padding:10px 12px}.admin-settlements-summary,.admin-settlements-summary-main{align-items:center;display:flex;justify-content:space-between}.admin-settlements-summary-main{flex-direction:row;gap:16px}.admin-settlements-summary-header{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:0}.admin-settlements-summary-grid{color:#374151;display:flex;flex-wrap:nowrap;font-size:13px;gap:8px;justify-content:flex-end;margin-left:auto}.admin-settlements-summary-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px}.admin-settlements-summary-item .label{color:#6b7280;margin-bottom:4px}.admin-settlements-summary-item .value{color:#111827;font-weight:600}.admin-settlements-right{display:flex;flex-direction:column;min-height:0}.admin-settlements-right-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.admin-settlements-filters{align-items:center;display:flex;gap:8px;justify-content:flex-end}.admin-settlements-filters .search-input{width:200px}.plan-page.settlements-page{height:calc(100vh - var(--app-header-height, 96px) - 100px)}@media (max-width:1024px){.admin-settlements-summary{align-items:flex-start;flex-direction:column}.admin-settlements-summary-grid{flex-wrap:wrap}.settlements-layout.admin-settlements-body{grid-template-columns:1fr!important}}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;margin:0;padding:0}body.login-page{overflow:hidden}body.onboarding-page{height:100vh;overflow:hidden}.app{display:flex!important;flex-direction:column!important;min-height:100vh!important}.app .main-content{flex:1!important;max-height:calc(100vh - 70px)!important;overflow-y:auto!important}.app .main-content.no-global-scroll{height:calc(100vh - 70px)!important;max-height:none!important;overflow-y:hidden!important}.main-content.no-global-scroll{overflow-y:hidden!important}.app .main-content.onboarding-full{height:100vh!important;overflow:hidden!important}.plan-no-browser-scroll{overflow-y:hidden!important}.container{margin:0 auto;max-width:1200px;padding:0 24px}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh;position:relative}.hero-background{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0}.hero-pattern{background-image:radial-gradient(circle at 25% 25%,#fff 2px,transparent 0),radial-gradient(circle at 75% 75%,#fff 2px,transparent 0);background-position:0 0,30px 30px;background-size:60px 60px;height:100%;width:100%}.hero-container{align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 24px;position:relative;z-index:1}.hero-content{color:#fff}.hero-badge{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:50px;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:24px;padding:8px 16px}.hero-title{display:flex;flex-direction:column;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:24px}.hero-title-accent{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:32px;max-width:500px;opacity:.9}.hero-stats{display:flex;gap:32px;margin-bottom:40px}.stat-item{text-align:center}.stat-number{color:gold;display:block;font-size:2rem;font-weight:700}.stat-label{font-size:.875rem;opacity:.8}.hero-actions{gap:16px}.btn-hero,.hero-actions{align-items:center;display:flex}.btn-hero{border-radius:12px;font-size:1.1rem;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.btn-hero:hover{box-shadow:0 8px 25px rgba(0,0,0,.2);transform:translateY(-2px)}.hero-visual{height:500px;position:relative}.hero-image{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;height:100%;position:relative;width:100%}.floating-card{align-items:center;animation:float 6s ease-in-out infinite;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;gap:12px;padding:16px;position:absolute}.floating-card.card-1{animation-delay:0s;left:-10%;top:20%}.floating-card.card-2{animation-delay:2s;right:-15%;top:50%}.floating-card.card-3{animation-delay:4s;bottom:20%;left:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-icon{align-items:center;background:#f8fafc;border-radius:8px;display:flex;filter:brightness(1.2) saturate(1.5) contrast(1.2);font-size:22px;height:40px;justify-content:center;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.1);width:40px}.card-content{flex:1}.card-title{color:#1a202c;margin-bottom:4px}.card-subtitle{color:#64748b;font-size:.875rem}.progress-bar{border-radius:2px;height:4px;width:80px}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.features-section{background:#fff;padding:120px 0}.section-header{margin-bottom:80px;text-align:center}.section-title{color:#1a202c;font-size:3rem;font-weight:700;margin-bottom:16px}.section-subtitle{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:600px}.features-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#667eea;box-shadow:0 20px 40px rgba(0,0,0,.1);transform:translateY(-8px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px}.feature-icon-wrapper:before{background:#fff;border-radius:18px;content:"";inset:2px;position:absolute}.feature-icon{font-size:2rem;position:relative;z-index:1}.feature-title{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:16px}.feature-description{color:#64748b;line-height:1.6;margin-bottom:24px}.feature-link{align-items:center;color:#667eea;display:inline-flex;font-weight:500;gap:8px;text-decoration:none;transition:all .2s ease}.feature-link:hover{color:#764ba2;gap:12px}.cta-section{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;padding:120px 0;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:24px}.cta-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:40px;opacity:.9}.cta-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.cta-actions-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-large{border-radius:12px;font-size:1.2rem;font-weight:600;padding:20px 40px}.cta-note{font-size:.875rem;opacity:.7}.loading-container{align-items:center;background-color:#f8fafc;display:flex;height:100vh;justify-content:center}.loading-spinner{color:#64748b;font-size:16px}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}body.login-page .login-container{left:0;overflow:hidden;position:fixed;top:0;z-index:1000}.login-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);max-height:95vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.login-form-wide{max-width:720px}.login-form h2{color:#333;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e1e5e9;border-radius:12px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-tips{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;margin-top:10px;padding:12px}.form-tips p{color:#6c757d;font-size:12px;line-height:1.4;margin:0}.form-tips p:not(:last-child){margin-bottom:4px}.subjects-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:10px}.checkbox-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:400!important;padding:8px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.error-message{background-color:#fdf2f2;border-left:4px solid #e74c3c;border-radius:6px;color:#e74c3c;margin-bottom:20px;padding:12px}.form-actions{margin-top:30px}.form-actions button{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-actions button[type=submit]:hover:not(:disabled){box-shadow:0 5px 15px rgba(102,126,234,.4);transform:translateY(-2px)}.form-actions button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.form-actions button[type=button]{background:#f8f9fa;border:2px solid #e1e5e9;color:#666}.form-actions button[type=button]:hover{background:#e9ecef;border-color:#adb5bd}.app-layout{display:flex;flex-direction:column;height:100vh}.app-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);box-shadow:0 2px 20px rgba(0,0,0,.1);display:flex;flex-shrink:0;height:70px;padding:0;position:sticky;top:0;z-index:100}.app-header,.home-header{border-bottom:1px solid hsla(0,0%,100%,.2)}.home-header{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1)}.header-container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 1.5rem;width:100%}.header-actions{gap:16px}.header-actions,.logo{align-items:center;display:flex}.logo{flex-shrink:0}.logo-link{align-items:center;display:flex;gap:.75rem;text-decoration:none;transition:all .3s ease}.logo-link:hover{transform:translateY(-1px)}.logo-icon{align-items:center;border-radius:8px;display:flex;justify-content:center;transition:all .3s ease}.logo-icon:hover{transform:scale(1.05)}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.home-header .logo-text,.logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.header-center{flex:1;justify-content:center}.header-center,.main-nav{align-items:center;display:flex}.main-nav{gap:1.5rem}.nav-link{align-items:center;background:transparent;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link.nav-link--active{background:#eef2ff;border:none;box-shadow:none;color:#3b82f6;font-weight:700}.nav-link.nav-link--active:before{left:-100%;opacity:0}.nav-link.nav-link--active:focus{box-shadow:none;outline:none}.nav-item-with-submenu{position:relative}.submenu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);left:0;min-width:160px;padding:8px;position:absolute;top:calc(100% + 6px);z-index:1000}.submenu-item{border-radius:8px;color:#334155;display:block;padding:8px 10px;text-decoration:none}.submenu-item:hover{background:#f1f5f9;color:#111827}.submenu-item.active{background:#eef2ff;color:#3b82f6;font-weight:700}.nav-link:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.nav-link:hover:before{left:0}.nav-link:hover{box-shadow:0 4px 12px rgba(102,126,234,.2);color:#667eea;transform:translateY(-1px)}.nav-link svg{height:16px;transition:all .3s ease;width:16px}.nav-link:hover svg{transform:scale(1.1)}.nav-link:focus{box-shadow:0 0 0 2px rgba(102,126,234,.25);outline:none}.nav-item-with-submenu>.nav-link{background:transparent;border:none}.nav-item-with-submenu>.nav-link:focus{outline:none}.header-right{flex-shrink:0}.header-right,.user-menu{align-items:center;display:flex;gap:1rem}.user-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.3);border-radius:12px;padding:.5rem 1rem;transition:all .3s ease}.user-menu:hover{background:hsla(0,0%,100%,.9);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;letter-spacing:.5px;transition:all .3s ease;width:36px}.avatar-circle:hover{transform:scale(1.05)}.user-details{display:flex;flex-direction:column;gap:.125rem}.username{color:#2d3748;font-size:.9rem;font-weight:600}.user-role{color:#718096;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.logout-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.logout-btn svg{height:16px;transition:all .3s ease;width:16px}.logout-btn:hover svg{transform:scale(1.1)}.auth-actions{gap:1rem}.auth-actions,.login-btn{align-items:center;display:flex}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;transform:translateY(-1px)}.login-btn svg{height:16px;transition:all .3s ease;width:16px}.login-btn:hover svg{transform:scale(1.1)}.user-menu-dropdown{animation:menuFadeIn .2s ease-out;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-items{padding:8px 0}.user-menu-item{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .15s ease}.user-menu-item:hover{background:#f9fafb;color:#111827}.user-menu-item svg{color:#6b7280;flex-shrink:0}.user-menu-item:hover svg{color:#374151}.user-menu-divider{background:#e5e7eb;height:1px;margin:8px 0}.logout-item{color:#dc2626!important}.logout-item:hover{background:#fef2f2!important;color:#b91c1c!important}.logout-item svg{color:#dc2626!important}.logout-item:hover svg{color:#b91c1c!important}.user-section{position:relative}.user-info{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.user-info:hover{background:#fff;border-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.25);transform:scale(1.1)}.user-avatar{align-items:center;display:flex;justify-content:center}.user-avatar svg{color:#4f46e5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .3s ease}.user-info:hover .user-avatar svg{color:#3730a3;transform:scale(1.05)}.vip-badge{background:linear-gradient(90deg,#f97316,#f59e0b);border-radius:999px;box-shadow:0 2px 6px rgba(248,181,0,.35);color:#fff;font-size:12px;font-weight:600;left:-52px;letter-spacing:.5px;padding:2px 10px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}@media (max-width:768px){.header-container{padding:0 1rem}.header-center{flex:0;margin:0 1rem}.main-nav{gap:.75rem}.nav-link{font-size:.85rem;padding:.5rem .75rem}.nav-link span{display:none}.logo-text{font-size:1.25rem}.user-details{display:none}.user-info{padding:8px}.user-menu-dropdown{min-width:160px;right:-8px}}@media (max-width:480px){.app-header{height:60px}.header-container{padding:0 .75rem}.header-center,.logo-text{display:none}.login-btn{font-size:.85rem;padding:.5rem 1rem}}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e1e5e9;overflow-y:auto;width:250px}.nav-menu{list-style:none;padding:16px 0}.nav-menu li{margin:4px 16px}.nav-menu li a{align-items:center;border-radius:8px;color:#666;display:flex;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-menu li a:hover{background:#f8f9fa;color:#333}.nav-menu li.active a{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.menu-icon{font-size:16px;margin-right:12px}.menu-label{font-weight:500}.main-content{background:#f8f9fa;flex:1;overflow-y:auto;padding:24px}@media screen{.main-content{height:calc(100vh - var(--app-header-height, 96px))}}@media print{.main-content,body,html{height:auto!important;overflow:visible!important}.main-content{background:#fff!important;padding:0!important}}.page-header{margin-bottom:24px}.page-title{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.page-description{color:#666;font-size:14px}.content-card{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px;padding:16px 24px 20px}.admin-dashboard,.content-card,.dashboard{background:#fff}.card-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-title{color:#333;font-size:18px;font-weight:600}.btn{align-items:center;border:none;border-radius:8px;display:inline-flex;font-size:12px;gap:8px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-1px)}.btn-secondary{background:#f8f9fa;border:1px solid #e1e5e9;color:#666}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.btn-light{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(15,23,42,.06);color:#374151}.btn-light:hover{background:#f9fafb;border-color:#cbd5e1;box-shadow:0 2px 6px rgba(15,23,42,.08);color:#111827}.btn-link{border:none;color:#2563eb;padding:0}.btn-link,.btn-link:hover{background:transparent;box-shadow:none}.btn-link:hover{color:#1d4ed8;text-decoration:underline;transform:none}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.data-table{border-collapse:collapse}.data-table td,.data-table th{border-bottom:1px solid #e1e5e9;padding:12px}.data-table th{color:#333}.data-table th,.data-table tr:hover{background:#f8f9fa}.form-row{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-actions-right{border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 40px);max-width:min(500px,calc(100vw - 40px));overflow:hidden;position:relative;width:100%}.modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-title{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#e5e7eb;color:#374151}.modal-body{flex:1;min-height:0;overflow-y:auto;padding:24px}.drawer-backdrop{align-items:stretch;background:rgba(15,23,42,.45);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1100}.drawer-panel{background:#fff;border-radius:16px 0 0 16px;box-shadow:-12px 0 30px rgba(15,23,42,.25);display:flex;flex-direction:column;max-width:60vw;width:min(60vw,100%)}.drawer-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.drawer-title{color:#111827;font-size:16px;font-weight:600;margin:0}.drawer-close-btn{background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:22px;line-height:1;padding:6px;transition:all .2s ease}.drawer-close-btn:hover{background:#e5e7eb;color:#111827}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 20px}.password-form,.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#374151;font-size:14px;font-weight:500}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.markdown-editor,.markdown-editor .markdown-preview{width:100%}.form-help{color:#6b7280;font-size:12px}.password-input-wrapper{position:relative}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#374151}.message{border-radius:6px;font-size:14px;font-weight:500;padding:12px 16px}.message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn{border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.user-menu-item{background:none;border:none;cursor:pointer;text-align:left;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.modal-backdrop{padding:10px}.modal-content{max-height:calc(100vh - 20px);max-width:calc(100vw - 20px)}.modal-header{padding:16px 20px}.modal-body{padding:20px}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width:1024px){.hero-container{gap:60px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.hero-stats{justify-content:center}.hero-visual{height:400px}.cta-title,.section-title{font-size:2.5rem}}@media (max-width:768px){.container{padding:0 16px}.hero-container{gap:40px;padding:0 16px}.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;gap:16px}.hero-actions{flex-direction:column;width:100%}.btn-hero{justify-content:center;width:100%}.hero-visual{height:300px}.floating-card{animation:none;margin-bottom:16px;position:static}.features-section{padding:80px 0}.section-header{margin-bottom:60px}.section-title{font-size:2rem}.features-grid{gap:24px;grid-template-columns:1fr}.feature-card{padding:24px}.cta-section{padding:80px 0}.cta-title{font-size:2rem}.btn-large,.cta-actions{width:100%}.app-body{flex-direction:column}.sidebar{height:auto;width:100%}.nav-menu{display:flex;overflow-x:auto;padding:8px 16px}.nav-menu li{margin:0 4px;white-space:nowrap}.main-content{padding:16px}.form-row{grid-template-columns:1fr}.subjects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stat-number{font-size:1.5rem}.cta-title,.section-title{font-size:1.75rem}.btn-hero{font-size:1rem;padding:12px 24px}.btn-large{font-size:1.1rem;padding:16px 32px}}.admin-overview-modern{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:24px}.metrics-grid-modern{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.metric-card-modern{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card-modern:hover{box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-4px)}.metric-card-modern:before{background:var(--card-color,#667eea);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.metric-icon-modern{align-items:center;background:rgba(102,126,234,.1);border-radius:12px;color:var(--card-color,#667eea);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.metric-title{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.metric-value-modern{color:#1e293b;font-size:32px;font-weight:700;line-height:1;margin:8px 0}.metric-subtitle{color:#64748b;font-size:14px;margin-bottom:12px}.metric-trend{align-items:center;display:flex;font-size:14px;font-weight:600;gap:4px}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.metric-trend.neutral{color:#64748b}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-top:12px;overflow:hidden;width:100%}.progress-fill{background:var(--card-color,#667eea);border-radius:4px;height:100%;transition:width .3s ease}.stats-panels{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:32px}.stats-panel{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:24px}.panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.panel-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.panel-icon{font-size:20px;opacity:.7}.panel-content{display:flex;flex-direction:column;gap:16px}.stat-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#64748b;font-size:14px;font-weight:500}.stat-value{color:#1e293b;font-size:16px;font-weight:600}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.recent-activities-modern{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-bottom:32px;padding:24px}.section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.refresh-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover{background:#e2e8f0;color:#1e293b}.activities-list-modern{display:flex;flex-direction:column;gap:16px}.activity-item-modern{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.activity-item-modern:hover{background:#f1f5f9;border-color:#cbd5e1}.activity-icon-modern{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.activity-content-modern{flex:1}.activity-description{color:#1e293b;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:8px}.activity-meta{align-items:center;display:flex;font-size:13px;gap:12px}.activity-user{color:#64748b;font-weight:500}.activity-time{color:#94a3b8}.activity-priority{border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.quick-actions-modern{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:24px}.quick-actions-modern h2{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:16px}.actions-grid-modern{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card-modern{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s ease}.action-card-modern:hover{background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.action-icon-modern{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.action-content{flex:1}.action-content h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.action-content p{color:#64748b;font-size:14px;line-height:1.4;margin:0}.action-arrow{color:#94a3b8;font-size:18px;transition:all .2s ease}.action-card-modern:hover .action-arrow{color:#64748b;transform:translateX(4px)}.student-dashboard-modern{background:#fff;border-radius:12px;min-height:calc(100vh - 80px);padding:24px}.stats-grid-modern{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:none;width:100%}.stat-card-modern{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-modern:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card-modern:hover:before{opacity:1}.stat-card-modern:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.stat-card-modern.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card-modern.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card-modern.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card-modern.info:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.stat-card-modern.purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card-modern.gradient:before{background:linear-gradient(90deg,#ec4899,#be185d)}.stat-icon-modern{align-items:center;border-radius:12px;box-shadow:0 8px 20px rgba(15,23,42,.12);display:inline-flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.stat-content-modern{display:flex;flex-direction:column;gap:8px}.stat-label-modern{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-number-modern{color:#1e293b;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;line-height:1}.stat-trend-modern{background:rgba(16,185,129,.1);border-radius:12px;color:#10b981;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;width:fit-content}.progress-bar-mini{background:rgba(148,163,184,.2);border-radius:3px;height:6px;margin-top:8px;overflow:hidden;width:100%}.progress-fill-mini{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill-mini:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.student-dashboard-modern{padding:16px}.stats-grid-modern{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-width:none;width:100%}.stat-card-modern{padding:14px}.stat-number-modern{font-size:20px}.stat-icon-modern{font-size:28px}}@media (max-width:480px){.stat-card-modern{padding:12px}.stat-number-modern{font-size:18px}.stat-icon-modern{font-size:24px}}.admin-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;min-height:100vh}.admin-sidebar{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-right:1px solid hsla(0,0%,100%,.2);box-shadow:2px 0 10px rgba(0,0,0,.1);flex-shrink:0;width:280px}.sidebar-header{border-bottom:1px solid #e2e8f0;padding:24px}.sidebar-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.sidebar-nav{padding:16px 0}.nav-tab{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 24px;text-align:left;transition:all .2s ease;width:100%}.nav-tab:hover{background:#f8fafc;color:#1e293b}.nav-tab.active{background:#667eea;color:#fff;position:relative}.nav-tab.active:before{background:#4f46e5;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.tab-icon{font-size:18px;text-align:center;width:20px}.tab-label{flex:1}.admin-content{flex:1;overflow-y:auto;padding:24px}.question-source{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-right:8px;padding:4px 8px}.question-source.admin-question{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea;color:#fff}.question-source.student-question{background:linear-gradient(135deg,#f093fb,#f5576c);border:1px solid #f093fb;color:#fff}.question-source.my-question{background:linear-gradient(135deg,#4facfe,#00f2fe);border:1px solid #4facfe;color:#fff}.toggle-switch{margin:0 8px}.switch-label,.toggle-switch{align-items:center;display:flex}.switch-label{cursor:pointer;gap:8px;user-select:none}.switch-input{display:none}.switch-slider{background:#cbd5e0;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:all .3s ease;width:44px}.switch-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.switch-input:checked+.switch-slider{background:#4f46e5}.switch-input:checked+.switch-slider:before{transform:translateX(20px)}.switch-text{color:#4a5568;font-size:14px;font-weight:500;white-space:nowrap}@media (max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{height:auto;width:100%}.sidebar-nav{display:flex;overflow-x:auto;padding:8px 16px}.nav-tab{min-width:auto;padding:8px 16px;white-space:nowrap}.toggle-switch{margin:8px 0}.switch-text{font-size:12px}}.batch-actions-container{align-items:center;animation:slideInDown .3s ease-out;background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1px solid #fecaca;border-radius:12px;box-shadow:0 2px 8px rgba(239,68,68,.1);display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.batch-info{align-items:center;display:flex;gap:12px}.batch-count{background:#fff;border:1px solid #fecaca;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#dc2626;font-size:15px;font-weight:600;padding:8px 16px}.batch-buttons{gap:12px}.batch-btn,.batch-buttons{align-items:center;display:flex}.batch-btn{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.batch-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.btn-icon{font-size:16px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-actions{align-items:center;background-color:#f0f0f0;border-radius:4px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.pagination-wrapper{align-items:center;background:transparent;display:flex;justify-content:space-between;margin-top:10px;padding:8px 0}.pagination-info-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.pagination-info-text{color:#64748b;font-size:14px;font-weight:500}.items-per-page-section{align-items:center;display:flex;gap:8px}.items-per-page-label{color:#64748b;font-size:14px;font-weight:500}.items-per-page-selector{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.items-per-page-selector:hover{border-color:#3b82f6;box-shadow:0 2px 6px rgba(59,130,246,.15)}.items-per-page-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.pagination-controls-section{align-items:center;display:flex;gap:6px}.page-numbers-section{align-items:center;display:flex;gap:4px;margin:0 8px}.pagination-btn{align-items:center;background:transparent;border:none;border-radius:4px;box-shadow:none;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:400;height:24px;justify-content:center;min-width:24px;padding:0 6px;transition:color .15s ease,background-color .15s ease}.pagination-btn:hover:not(:disabled){background:rgba(0,0,0,.04);box-shadow:none;color:#000;transform:none}.pagination-btn:disabled{background:transparent;box-shadow:none;color:#111827;cursor:not-allowed;opacity:.6;transform:none}.pagination-btn.active{background:#1677ff;border-radius:4px;box-shadow:none;color:#fff;font-weight:500}.pagination-container{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding:20px 0}.pagination-info{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px}.items-per-page-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:6px 12px;transition:border-color .2s ease}.items-per-page-select:hover{border-color:#3b82f6}.items-per-page-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-controls .btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:0 12px;transition:all .2s ease}.pagination-controls .btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.pagination-controls .btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-controls .btn.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-controls .btn.btn-primary:hover{background:#2563eb;border-color:#2563eb}.page-numbers{display:flex;gap:4px}.pagination-jump{color:#64748b;font-size:14px;font-weight:500}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:12px}.pagination-controls,.pagination-info{justify-content:center}.pagination-controls{flex-wrap:wrap}.pagination-jump{text-align:center}}.admin-users-filters{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.admin-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);flex:1;font-size:14px;min-width:240px;padding:12px 16px;transition:all .3s ease}.admin-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 1px 3px rgba(0,0,0,.1);outline:none;transform:translateY(-1px)}.admin-search-input::placeholder{color:#94a3b8;font-style:italic}.admin-filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#374151;cursor:pointer;font-size:14px;min-width:140px;padding:12px 16px;transition:all .3s ease}.admin-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 1px 3px rgba(0,0,0,.1);outline:none;transform:translateY(-1px)}.admin-filter-select:hover{border-color:#cbd5e1;box-shadow:0 2px 6px rgba(0,0,0,.1);transform:translateY(-1px)}.admin-filter-select option{background:#fff;color:#374151;padding:8px}@media (max-width:768px){.admin-users-filters{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.admin-filter-select,.admin-search-input{min-width:auto}}.data-table{background:#fff;border:1px solid #e2e8f0;border-collapse:separate;border-radius:8px;border-spacing:0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-top:4px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #f1f5f9;padding:10px 16px;text-align:left;transition:all .2s ease}.data-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table th:first-child{border-top-left-radius:8px}.data-table th:last-child{border-top-right-radius:8px}.data-table tbody tr{background:#fff;transition:all .3s ease}.data-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.data-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.data-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.data-table tbody tr:last-child td{border-bottom:none}.data-table .btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin:0 2px;padding:4px 12px;transition:all .2s ease}.data-table .btn-link{border-radius:0;margin:0 2px;padding:0 4px}.data-table .btn:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.data-table .btn-link:hover{box-shadow:none;transform:none}.data-table td span[style*=color]{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.data-table input[type=checkbox]{border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;transition:all .2s ease;width:18px}.data-table input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.data-table input[type=checkbox]:hover{border-color:#3b82f6;transform:scale(1.1)}.practice-records-filters{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:flex;gap:16px;margin-bottom:24px;padding:20px}.practice-records-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;width:100%}.practice-search-input{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);flex:1;font-size:14px;padding:12px 16px;transition:all .3s ease}.practice-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 6px rgba(0,0,0,.1);outline:none;transform:translateY(-1px)}.practice-search-input::placeholder{color:#94a3b8;font-style:italic}.practice-filter-select{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer;font-size:14px;min-width:140px;padding:12px 16px;transition:all .3s ease}.practice-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 6px rgba(0,0,0,.1);outline:none;transform:translateY(-1px)}.practice-filter-select:hover{border-color:#94a3b8;transform:translateY(-1px)}@media (max-width:768px){.practice-records-filters{padding:16px}.practice-records-filters,.practice-records-filters-row{flex-direction:column;gap:12px}.practice-filter-select,.practice-search-input{min-width:auto;width:100%}}.rounded-select{position:relative;width:100%}.rounded-select-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#374151;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.rounded-select-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.rounded-select-value{font-size:14px}.rounded-select-arrow{align-items:center;color:#6b7280;display:flex}.rounded-select-arrow .rotated{transform:rotate(180deg);transition:transform .2s ease}.rounded-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:2000}.rounded-select-option{color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;transition:background .2s ease}.rounded-select-option:hover{background:#f8fafb}.rounded-select-option.selected{background:#eff6ff;color:#1d4ed8}.questions-filters.locked{opacity:.6}.rounded-select[aria-disabled=true] .rounded-select-trigger{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.rounded-select[aria-disabled=true] .rounded-select-arrow{color:#cbd5e1}.questions-filters .search-input:disabled,.questions-filters .sort-order-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.questions-filters .sort-order-btn:disabled{border-color:#e5e7eb}.segmented-tabs{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;gap:8px;margin-bottom:12px;padding:4px;width:fit-content}.segmented-tabs--center{justify-content:center;margin:0 auto}.segmented-tabs--inline{background:transparent;border:none;box-shadow:none;padding:0}.segmented-tabs--gray{background:#f3f4f6;border:none;border-radius:6px;box-shadow:none;padding:3px}.segmented-tabs .segmented-tab{border:none;box-shadow:none}.segmented-tabs--gray .segmented-tab{background:transparent;color:#334155;font-weight:500}.segmented-tabs--gray .segmented-tab:hover{background:transparent}.segmented-tabs--gray .segmented-tab--active{background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 16px rgba(0,0,0,.08);color:#111827}.segmented-tabs--gray .segmented-tab:first-child .segmented-tab__icon{color:var(--color-blue-500,#3b82f6)}.segmented-tabs--gray .segmented-tab:nth-child(2) .segmented-tab__icon{color:var(--color-green-500,#22c55e)}.content-divider{background:transparent;border-top:1px solid #cbd5e1;height:0;margin:12px 0}.segmented-tabs--sm .segmented-tab{border-radius:4px;font-size:13px;height:32px;padding:0 12px}.segmented-tabs--md .segmented-tab{border-radius:6px;font-size:14px;height:36px;padding:0 14px}.segmented-tabs--lg .segmented-tab{border-radius:6px;font-size:15px;height:40px;padding:0 16px}.segmented-tab{align-items:center;background:#fff;border:none;box-shadow:none;color:#334155;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;transition:all .15s ease}.segmented-tab:hover{background:#f5f7fa}.segmented-tab--active{background:var(--primary-color,#3b82f6);box-shadow:none;color:#fff}.segmented-tab--active:hover{background:var(--color-blue-600,#2563eb)}.segmented-tab--ghost{background:#fff;color:#334155}.segmented-tab__icon,.segmented-tab__label{display:inline-flex}.segmented-tab .segmented-tab__icon{color:var(--color-slate-500,#64748b)}.segmented-tab--active .segmented-tab__icon{color:#fff}.segmented-tab:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.25);outline:none}.segmented-tabs--outline{background:transparent;border:none;box-shadow:none;gap:0;padding:0}.segmented-tabs--outline .segmented-tab{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none;color:#334155;font-weight:400}.segmented-tabs--outline .segmented-tab--active{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:#fff}.segmented-tabs--outline .segmented-tab:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px}.segmented-tabs--outline .segmented-tab:last-child{border-bottom-right-radius:6px;border-top-right-radius:6px}.segmented-tabs--outline .segmented-tab+.segmented-tab{margin-left:-1px}.segmented-tabs--outline .segmented-tab--active{position:relative;z-index:1}.segmented-tabs--outline .segmented-tab:first-child .segmented-tab__icon{color:var(--color-slate-500,#64748b)}.segmented-tabs--outline .segmented-tab:nth-child(2) .segmented-tab__icon{color:var(--color-green-500,#22c55e)}.segmented-tabs--outline .segmented-tab:nth-child(3) .segmented-tab__icon{color:var(--color-amber-500,#f59e0b)}.segmented-tabs--outline .segmented-tab:nth-child(4) .segmented-tab__icon{color:var(--color-red-500,#ef4444)}.segmented-tabs--outline .segmented-tab:nth-child(5) .segmented-tab__icon{color:var(--color-purple-500,#8b5cf6)}.orders-list{margin-top:12px}.orders-list .list-header{align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.05);color:#6b7280;font-size:14px;font-weight:600}.orders-list .list-header,.orders-list .list-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;grid-template-columns:1fr minmax(180px,240px);padding:12px 16px}.orders-list .list-row{align-items:start;gap:12px;margin-bottom:8px}.orders-list .row-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.orders-list .row-content{display:flex;flex-direction:column;gap:6px}@media (max-width:768px){.orders-list .list-header,.orders-list .list-row{grid-template-columns:1fr}.orders-list .row-actions{justify-content:flex-start}}.orders-list--wide .list-header,.orders-list--wide .list-row{grid-template-columns:1fr 160px 120px 200px 120px 160px}.questions-filters .filter-row>.btn{align-self:center;box-shadow:none;height:36px;justify-self:start;padding:0 14px;transform:none;width:auto}.questions-filters .filter-row>.btn:focus,.questions-filters .filter-row>.btn:hover{box-shadow:none;transform:none}@media (max-width:1200px){.questions-filters .filter-row{grid-template-columns:auto 1fr}}@keyframes ai-pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.thinking-container{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;padding:4px 0}.thinking-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:18px;width:18px}.thinking-dots{display:flex;gap:4px}.thinking-dots span{animation:ai-pulse 1.4s ease-in-out infinite both;background-color:#3b82f6;border-radius:50%;height:6px;width:6px}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}.analysis-chat-batch-bar{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -4px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:12px;left:0;padding:12px 16px;position:absolute;right:0;z-index:50}.analysis-chat-batch-row{align-items:center;display:flex;justify-content:space-between;width:100%}.analysis-chat-batch-select-all{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px}.analysis-chat-batch-cancel{background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:13px;padding:4px 8px;transition:all .2s}.analysis-chat-batch-cancel:hover{background:#f3f4f6;border-radius:4px;color:#374151}.analysis-chat-batch-actions{align-items:center;display:flex;gap:12px}.analysis-chat-batch-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1;height:40px;justify-content:center;transition:all .2s}.analysis-chat-batch-icon-btn:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.05);transform:translateY(-1px)}.analysis-chat-batch-icon-btn.danger{background:#fff5f5;border-color:#fecaca;color:#ef4444}.analysis-chat-batch-icon-btn.danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.analysis-chat-batch-icon-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.analysis-chat-checkbox{appearance:none;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;height:16px;position:relative;transition:all .2s;width:16px}.analysis-chat-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.analysis-chat-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.analysis-chat-session-checkbox{flex-shrink:0;margin-right:8px}.analysis-chat-group-toggle{align-items:center;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:20px;justify-content:center;margin-right:4px;width:20px}.analysis-chat-group-toggle:hover{background-color:rgba(0,0,0,.05)}.analysis-chat-tree-node{padding-left:28px}.analysis-chat-ungrouped-header{color:#9ca3af;font-size:12px;letter-spacing:.5px;margin-bottom:4px;margin-top:12px;padding-left:8px;text-transform:uppercase}