.adaptive-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.adaptive-modal-container{position:relative;max-width:800px;width:90vw;max-height:90vh;overflow-y:auto;overflow-x:hidden;margin:1rem}.adaptive-modal-close{position:absolute;top:-10px;left:-10px;width:32px;height:32px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s ease;box-shadow:0 2px 8px #0003}.adaptive-modal-close:hover{background:var(--bg-primary);transform:scale(1.1)}.adaptive-modal-close i{color:#666;font-size:14px}.adaptive-test-card{background:var(--gradient-primary);border-radius:16px;padding:1.5rem;color:var(--text-inverse);position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea4d;transition:all .3s ease;margin-bottom:0;width:100%;box-sizing:border-box}.adaptive-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;box-sizing:border-box}.adaptive-feature-item{background:#ffffff26;padding:.5rem .75rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);min-width:0;overflow:hidden}.adaptive-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;box-sizing:border-box}.adaptive-stat-item{text-align:center;background:#ffffff1a;padding:.75rem .5rem;border-radius:8px;backdrop-filter:blur(10px);min-width:0;overflow:hidden}@media(max-width:768px){.adaptive-modal-container{margin:.5rem}.adaptive-test-card{padding:1rem}.adaptive-features{grid-template-columns:1fr}.adaptive-stats-grid{grid-template-columns:repeat(2,1fr)}.adaptive-actions{flex-direction:column}.adaptive-btn-secondary{min-width:auto}.adaptive-highlights{gap:.5rem}.adaptive-highlight-item{padding:.5rem}.adaptive-highlight-icon{width:32px;height:32px}}@media(max-width:480px){.adaptive-modal-container{margin:.25rem}.adaptive-test-card{padding:.75rem}.adaptive-test-title{font-size:1.25rem}.adaptive-stats-grid{grid-template-columns:1fr;gap:.5rem}.adaptive-stat-item{padding:.5rem}.adaptive-stat-value{font-size:1rem}}.adaptive-modal-overlay{animation:modalFadeIn .3s ease-out}.adaptive-modal-container{animation:modalSlideIn .3s ease-out}.flex{display:flex}.mb-4{margin-bottom:1rem}.intro-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;backdrop-filter:blur(6px);animation:modalFadeIn .3s ease-out}.intro-modal-container{position:relative;max-width:900px;width:95vw;max-height:90vh;background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.intro-modal-header{background:var(--gradient-primary);color:var(--text-inverse);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.intro-modal-header h2{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center}.intro-modal-close{background:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-inverse)}.intro-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.intro-modal-content{padding:2rem;max-height:calc(90vh - 140px);overflow-y:auto;color:#333}.intro-section{margin-bottom:2rem}.intro-section h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.intro-section h3 i{color:var(--color-primary);font-size:1.1rem}.intro-section p{line-height:1.7;color:#4a5568;margin-bottom:1rem}.algorithm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.algorithm-item{display:flex;gap:1rem;padding:1.5rem;background:#f7fafc;border-radius:12px;border-left:4px solid #667eea}.algorithm-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:1.25rem;flex-shrink:0}.algorithm-content h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.algorithm-content p{font-size:.875rem;line-height:1.6;color:#4a5568;margin:0}.scoring-explanation{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.score-type{display:flex;gap:1rem;padding:1.5rem;background:#f7fafc;border-radius:12px}.score-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:1.25rem;flex-shrink:0}.score-icon.cognitive{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.score-icon.metacognitive{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover))}.score-details h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.score-details p{font-size:.875rem;line-height:1.6;color:#4a5568;margin:0}.confidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.confidence-item{padding:1rem;border-radius:12px;border:2px solid}.confidence-item.high{background:#fef5e7;border-color:#f6ad55}.confidence-item.medium{background:#e6fffa;border-color:#4fd1c7}.confidence-item.low{background:#ebf8ff;border-color:#63b3ed}.confidence-label{font-weight:600;font-size:.875rem;margin-bottom:.75rem;text-align:center}.confidence-effects{display:flex;flex-direction:column;gap:.5rem}.effect{font-size:.75rem;padding:.25rem .5rem;border-radius:6px;text-align:center}.effect.correct{background:#c6f6d5;color:#22543d}.effect.wrong{background:#fed7d7;color:#742a2a}.time-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.time-tag{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.time-tag.very-fast{background:#fed7d7;color:#742a2a}.time-tag.fast{background:#feebc8;color:#7b341e}.time-tag.normal{background:#c6f6d5;color:#22543d}.time-tag.slow{background:#bee3f8;color:#2a4365}.time-tag.very-slow{background:#e9d8fd;color:#553c9a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.feature-card{padding:1.5rem;background:#f7fafc;border-radius:12px;text-align:center;border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feature-card i{font-size:2rem;color:var(--color-primary);margin-bottom:1rem}.feature-card h4{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.feature-card p{font-size:.875rem;line-height:1.5;color:#4a5568;margin:0}.intro-modal-footer{padding:1.5rem 2rem;background:#f7fafc;border-top:1px solid var(--border-color);display:flex;justify-content:center}.intro-close-btn{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;z-index:1200}.intro-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media(max-width:768px){.intro-modal-container{width:98vw;margin:1rem}.intro-modal-header{padding:1rem 1.5rem}.intro-modal-header h2{font-size:1.25rem}.intro-modal-content{padding:1.5rem}.algorithm-grid,.scoring-explanation,.confidence-grid,.features-grid{grid-template-columns:1fr}.algorithm-item,.score-type{flex-direction:column;text-align:center}.algorithm-icon,.score-icon{align-self:center}}@media(max-width:480px){.intro-modal-header,.intro-modal-content,.intro-modal-footer{padding:1rem}.time-categories{flex-direction:column}.time-tag{text-align:center}}.profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.profile-modal{background:var(--bg-primary);border-radius:20px;width:90%;max-width:900px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.profile-modal-header{background:var(--gradient-primary);color:var(--text-inverse);padding:2rem;position:relative;overflow:hidden}.profile-modal-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);animation:shimmer 3s ease-in-out infinite}.profile-header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}.profile-avatar-section{position:relative}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#fff3,#ffffff1a);border:3px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--text-inverse);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #0000004d}.profile-status-indicator{position:absolute;bottom:5px;right:5px;width:20px;height:20px;background:var(--color-success);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 2px 8px #0003}.profile-basic-info{flex:1}.profile-name{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-email{font-size:1rem;margin:0 0 1rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-badges{display:flex;gap:.75rem;flex-wrap:wrap}.profile-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px);transition:all .3s ease}.profile-badge:hover{background:#ffffff4d;transform:translateY(-1px)}.profile-badge i{font-size:.8rem}.profile-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-inverse);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);z-index:3}.profile-modal-close:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.profile-message{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.9rem;font-weight:500;animation:slideDown .3s ease-out}.profile-message.success{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-bottom:1px solid rgba(34,197,94,.2);color:var(--color-success-hover)}.profile-message.error{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-bottom:1px solid rgba(239,68,68,.2);color:var(--color-error)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0}.profile-tab{flex:1;background:none;border:none;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.profile-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.profile-tab:hover:before{left:100%}.profile-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.profile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 -2px 8px #667eea1a}.profile-tab i{font-size:.9rem}.profile-content{flex:1;overflow-y:auto;background:var(--bg-primary)}.profile-tab-content{padding:2rem}.profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--bg-tertiary)}.profile-section-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.profile-edit-btn{background:var(--gradient-primary);border:none;padding:.5rem 1.25rem;border-radius:12px;color:var(--text-inverse);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #667eea4d}.profile-edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.profile-edit-actions{display:flex;gap:.75rem}.profile-cancel-btn{background:var(--bg-secondary);border:2px solid var(--border-color);padding:.5rem 1.25rem;border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.profile-cancel-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted);color:var(--text-secondary)}.profile-save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;padding:.5rem 1.25rem;border-radius:12px;color:var(--text-inverse);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #22c55e4d}.profile-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.profile-save-btn:disabled,.profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-label i{color:var(--color-primary);font-size:.85rem;width:1rem;text-align:center}.form-input,.form-select{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.form-input:focus,.form-select:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-display{padding:.875rem 1rem;background:var(--bg-secondary);border:2px solid var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:.95rem;min-height:3rem;display:flex;align-items:center;position:relative}.form-display.readonly{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.readonly-hint{position:absolute;right:1rem;font-size:.8rem;color:var(--text-tertiary);font-style:italic}.profile-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.profile-info-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.profile-info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--text-muted)}.profile-info-card:hover:before{opacity:1}.info-card-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.info-card-content{flex:1}.info-card-content h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em}.info-card-content p{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.status-active{color:var(--color-success)!important}.status-inactive{color:var(--color-error)!important}.profile-organization-section{background:linear-gradient(135deg,#f0f4ff 0%,var(--color-info-light) 100%);border:1px solid #c7d2fe;border-radius:16px;padding:1.5rem;margin-top:2rem}.profile-organization-section h4{font-size:1.125rem;font-weight:700;color:var(--color-info-hover);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.profile-organization-section h4:before{content:"";width:4px;height:20px;background:var(--gradient-primary);border-radius:2px}.organization-info{display:flex;flex-direction:column;gap:.75rem}.organization-item{display:flex;align-items:center;gap:.5rem}.organization-label{font-size:.9rem;font-weight:500;color:var(--color-info-hover);min-width:80px}.organization-value{font-size:.9rem;font-weight:600;color:var(--color-info-light)}.organization-value.status-approved{color:var(--color-success)}.organization-value.status-pending{color:var(--color-warning)}.organization-value.status-rejected{color:var(--color-error)}.organization-value.status-none{color:var(--text-secondary)}.loading-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--bg-primary);border-radius:50%;animation:spin 1s linear infinite}.profile-content::-webkit-scrollbar{width:8px}.profile-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.profile-content::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.profile-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media(max-width:768px){.profile-modal{width:95%;max-height:95vh}.profile-modal-header{padding:1.5rem}.profile-header-content{flex-direction:column;text-align:center;gap:1rem}.profile-avatar{width:60px;height:60px;font-size:1.5rem}.profile-name{font-size:1.5rem}.profile-badges{justify-content:center}.profile-tabs{flex-direction:column}.profile-tab{padding:.875rem 1rem;border-bottom:1px solid var(--border-color);border-right:none}.profile-tab.active{border-bottom-color:var(--border-color);border-left:3px solid #667eea}.profile-tab-content{padding:1.5rem}.profile-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-edit-actions{width:100%;justify-content:stretch}.profile-cancel-btn,.profile-save-btn{flex:1}.profile-info-cards{grid-template-columns:1fr;gap:1rem}.profile-info-card{padding:1.25rem}.info-card-icon{width:40px;height:40px;font-size:1rem}}@media(max-width:480px){.profile-modal{width:98%;margin:1%}.profile-modal-header{padding:1rem}.profile-modal-close{top:1rem;right:1rem;width:32px;height:32px}.profile-avatar{width:50px;height:50px;font-size:1.25rem}.profile-name{font-size:1.25rem}.profile-email{font-size:.9rem}.profile-badge{padding:.375rem .75rem;font-size:.8rem}.profile-tab{padding:.75rem;font-size:.875rem}.profile-tab-content{padding:1rem}.form-input,.form-select,.form-display{padding:.75rem;font-size:.9rem}.profile-info-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.info-card-content h4{font-size:.8rem}.info-card-content p{font-size:1rem}}@media(prefers-color-scheme:dark){.profile-modal{background:var(--text-primary);color:var(--bg-tertiary)}.profile-tabs{background:var(--text-secondary);border-bottom-color:var(--text-secondary)}.profile-tab{color:var(--text-tertiary)}.profile-tab:hover{color:var(--border-color);background:var(--text-secondary)}.profile-tab.active{background:var(--text-primary);color:var(--color-primary)}.profile-section-header{border-bottom-color:var(--text-secondary)}.profile-section-header h3{color:var(--bg-tertiary)}.form-label{color:var(--border-color)}.form-input,.form-select{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--bg-tertiary)}.form-input:focus,.form-select:focus{background:var(--text-secondary);border-color:var(--color-primary)}.form-display{background:var(--text-secondary);border-color:var(--text-secondary);color:var(--text-muted)}.form-display.readonly{background:var(--text-primary);border-color:var(--text-secondary);color:var(--text-tertiary)}.profile-info-card{background:linear-gradient(135deg,var(--text-secondary) 0%,var(--text-primary) 100%);border-color:var(--text-secondary)}.info-card-content h4{color:var(--text-tertiary)}.info-card-content p{color:var(--bg-tertiary)}.profile-organization-section{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:var(--color-primary)}.profile-organization-section h4,.organization-label,.organization-value{color:var(--color-primary-light)}}@media(prefers-contrast:high){.profile-modal{border:2px solid #000}.form-input,.form-select{border-width:3px}.profile-tab.active{border-bottom-width:4px}.profile-info-card:before{height:4px}}@media(prefers-reduced-motion:reduce){.profile-modal,.profile-tab,.profile-info-card,.form-input,.form-select,.profile-edit-btn,.profile-save-btn,.profile-cancel-btn{transition:none}.profile-modal-overlay,.profile-modal,.profile-message{animation:none}.profile-modal-header:before,.profile-tab:before{animation:none}.loading-spinner{animation:none;border:2px solid #667eea}}.home-page{min-height:100vh;background:var(--bg-gradient);color:var(--text-primary)}.hero-section{padding:80px 0 60px;text-align:center;background:var(--gradient-primary-overlay);position:relative}.hero-logo{margin-bottom:30px}.logo-icon{width:80px;height:80px;color:var(--text-inverse);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;color:var(--text-primary);background:var(--gradient-text-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}[data-theme=light] .hero-title,[data-theme=dark] .hero-title{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:30px;color:var(--text-secondary);opacity:.9}.hero-description{font-size:1.1rem;color:var(--text-tertiary);opacity:.8;line-height:1.6}.role-selection-section{padding:80px 0;background:var(--bg-secondary);color:var(--text-primary)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:60px;color:var(--text-primary);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:2px}.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:40px}.role-card{background:var(--bg-primary);border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-hover));transition:all .3s ease}.role-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.role-card:hover:before{height:8px}.teacher-card:before{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-hover))}.admin-card:before{background:linear-gradient(45deg,var(--color-secondary),var(--color-secondary-hover))}.visitor-card:before{background:linear-gradient(45deg,var(--color-success),var(--color-success))}.card-icon{width:90px;height:90px;margin:0 auto 28px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.teacher-card .card-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse)}.admin-card .card-icon{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));color:var(--text-inverse)}.visitor-card .card-icon{background:linear-gradient(135deg,var(--color-success),var(--color-success));color:var(--text-inverse)}.card-icon svg{width:45px;height:45px}.role-card:hover .card-icon{transform:scale(1.1)}.card-title{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.card-subtitle{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:var(--text-secondary)}.card-description{font-size:1rem;color:var(--text-secondary);margin-bottom:25px;line-height:1.5}.card-features{margin-bottom:30px}.feature-item{display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:.9rem;color:var(--text-secondary)}.feature-item i{margin-right:10px;width:18px;font-size:16px;color:var(--color-primary)}.admin-card .feature-item i{color:var(--color-secondary)}.visitor-card .feature-item i{color:var(--color-success)}.card-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse);border:none;padding:15px 30px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 15px #3b82f64d}.admin-card .card-button{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));box-shadow:0 4px 15px #8b5cf64d}.visitor-card .card-button{background:linear-gradient(135deg,var(--color-success),var(--color-success));box-shadow:0 4px 15px #10b9814d}.card-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.admin-card .card-button:hover{box-shadow:0 8px 25px #8b5cf666}.visitor-card .card-button:hover{box-shadow:0 8px 25px #10b98166}.features-section{padding:80px 0;background:var(--bg-primary);color:var(--text-primary)}.features-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,auto)!important;gap:2rem!important;max-width:1200px!important;margin:0 auto!important;padding:0 20px!important;width:100%!important;box-sizing:border-box!important}.feature-card:nth-child(1){grid-column:1;grid-row:1}.feature-card:nth-child(2){grid-column:2;grid-row:1}.feature-card:nth-child(3){grid-column:3;grid-row:1}.feature-card:nth-child(4){grid-column:1;grid-row:2}.feature-card:nth-child(5){grid-column:2;grid-row:2}.feature-card:nth-child(6){grid-column:3;grid-row:2}.feature-card{text-align:left;padding:40px 20px;border-radius:16px;background:var(--bg-secondary);transition:all .3s ease;border:1px solid var(--border-color);display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;background:var(--bg-primary)}.feature-header{display:flex;align-items:center;margin-bottom:15px}.feature-icon{width:70px;height:70px;margin:0 15px 0 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:2rem;box-shadow:0 4px 15px #3b82f64d;position:relative;flex-shrink:0}.feature-icon i{color:var(--text-inverse)!important;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;text-align:center;vertical-align:middle}.feature-card h3{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);flex:1}.feature-card p{color:var(--text-secondary);line-height:1.6}.stats-section{padding:60px 0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);color:var(--text-inverse)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.stat-item{text-align:center;padding:30px 20px}.stat-number{font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1.1rem;color:var(--text-muted);font-weight:500}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.role-cards{grid-template-columns:1fr;gap:30px}.features-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stat-number{font-size:2.5rem}}@media(max-width:480px){.hero-section{padding:60px 0 40px}.role-selection-section,.features-section{padding:60px 0}.stats-section{padding:40px 0}.role-card{padding:30px 20px}.stats-grid{grid-template-columns:1fr}}.role-card{animation:fadeInUp .6s ease forwards}.role-card:nth-child(1){animation-delay:.1s}.role-card:nth-child(2){animation-delay:.2s}.role-card:nth-child(3){animation-delay:.3s}.feature-card{animation:fadeInUp .6s ease forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.guest-dashboard{min-height:100vh;background:var(--gradient-primary);padding:2rem 0}.welcome-section{text-align:center;margin-bottom:3rem;padding:0 1rem}.welcome-title{font-size:2.5rem;color:var(--text-inverse);margin-bottom:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.guest-info-card{background:var(--bg-primary);border-radius:16px;padding:2rem;margin:0 auto;max-width:500px;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.2)}.guest-info-card h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.credentials{margin-bottom:1.5rem}.credential-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.credential-item:last-child{border-bottom:none}.credential-item .label{font-weight:500;color:#666}.credential-item .value{font-family:Courier New,monospace;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-weight:600;color:#333}.info-note{display:flex;align-items:center;gap:.5rem;background:#e3f2fd;padding:.75rem;border-radius:8px;color:#1976d2;font-size:.9rem}.info-note i{color:#2196f3}.quick-experience{max-width:1200px;margin:0 auto;padding:0 1rem;margin-bottom:3rem}.section-title{text-align:center;font-size:2rem;color:var(--text-inverse);margin-bottom:2rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.experience-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.experience-card{background:var(--bg-primary);border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header h3{color:#333;font-size:1.4rem;font-weight:600;margin:0;flex:1}.time-badge,.type-badge{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-left:1rem}.type-badge{background:#f3e5f5;color:#7b1fa2}.card-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.card-stats{display:flex;gap:1rem;margin-bottom:2rem}.stat-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}.stat-item i{color:#2196f3;width:16px}.start-button{width:100%;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.quiz-button{background:linear-gradient(135deg,#4caf50,#45a049);color:var(--text-inverse)}.quiz-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.task-button{background:linear-gradient(135deg,#ff9800,#f57c00);color:var(--text-inverse)}.task-button:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);transform:translateY(-2px);box-shadow:0 5px 15px #ff980066}.system-intro{max-width:1200px;margin:0 auto;padding:0 1rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;text-align:center;color:var(--text-inverse);transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px);background:#ffffff26}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h4{font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.feature-item p{color:#ffffffe6;line-height:1.5;font-size:.95rem}.register-prompt{max-width:800px;margin:0 auto;padding:0 1rem;margin-bottom:2rem}.prompt-content{background:var(--bg-primary);border-radius:16px;padding:3rem;text-align:center;box-shadow:0 10px 30px #0003}.prompt-content h3{color:#333;font-size:1.8rem;margin-bottom:1rem;font-weight:600}.prompt-content p{color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.benefit-item{display:flex;align-items:center;gap:.5rem;color:#333;font-weight:500}.benefit-item i{color:#4caf50;font-size:1.1rem}.register-button{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.register-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.back-to-home{text-align:center;padding:0 1rem}.back-button{background:#fff3;color:var(--text-inverse);border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff4d;transform:translateY(-2px)}@media(max-width:768px){.guest-dashboard{padding:1rem 0}.welcome-title{font-size:2rem}.guest-info-card{margin:0 1rem;padding:1.5rem}.experience-cards{grid-template-columns:1fr;gap:1.5rem}.experience-card{padding:1.5rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-item{padding:1.5rem}.prompt-content{padding:2rem}.benefits-list{grid-template-columns:1fr}}@media(max-width:480px){.welcome-title{font-size:1.8rem}.section-title{font-size:1.6rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.time-badge,.type-badge{margin-left:0}.card-stats{flex-direction:column;gap:.5rem}}.progress-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:modalFadeIn .3s ease-out}.progress-modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 50px #00000040;width:60vw;height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.progress-modal-header{background:var(--gradient-primary);color:var(--text-inverse);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.progress-modal-title{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.progress-modal-close{background:none;border:none;color:var(--text-inverse);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.progress-modal-close:hover{background:#ffffff1a}.progress-modal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.progress-hero-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--border-color) 100%);padding:3rem 2rem;text-align:center;border-bottom:1px solid var(--border-color)}.progress-hero-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--text-inverse)}.progress-hero-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.progress-hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.progress-hero-percentage{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1rem 0}.progress-content-section{padding:1.5rem}.progress-section{margin-bottom:2rem}.progress-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:900px;margin:0 auto}.stat-card{background:var(--bg-primary);border-radius:12px;padding:1.25rem;box-shadow:0 2px 4px #0000000d;border:2px solid transparent;transition:all .3s ease;text-align:center}.stat-card.completed{border-color:var(--color-success)}.stat-card.total{border-color:var(--color-primary)}.stat-card.score{border-color:var(--color-warning)}.stat-card.days{border-color:var(--color-secondary)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem;color:var(--text-inverse)}.stat-icon.completed{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.stat-icon.total{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}.stat-icon.score{background:linear-gradient(135deg,var(--color-warning),var(--color-warning))}.stat-icon.days{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover))}.stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-value.completed{color:var(--color-success)}.stat-value.total{color:var(--color-primary-hover)}.stat-value.score{color:var(--color-warning)}.stat-value.days{color:var(--color-secondary-hover)}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.domains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.domain-card{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:2px solid var(--border-color);transition:all .3s ease}.domain-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-primary)}.domain-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.domain-name{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.domain-percentage{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.domain-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:1rem}.domain-progress-fill{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .8s ease-out}.domain-stats{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.formula-section{background:linear-gradient(135deg,var(--bg-secondary),var(--border-color));border:2px solid #667eea;border-radius:12px;padding:1.5rem;text-align:center;max-width:800px;margin:0 auto}.formula-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem;color:var(--text-inverse)}.formula-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.formula-box{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));border-radius:12px;padding:1.5rem;margin-top:1rem}.formula-text{font-size:1.125rem;font-weight:600;color:var(--text-inverse);margin-bottom:1rem;font-family:Monaco,Menlo,monospace}.formula-highlight{color:var(--color-success);font-weight:700}.formula-example{font-size:1rem;color:var(--text-muted)}.example-highlight{color:var(--color-secondary);font-weight:600}.result-highlight{color:var(--color-warning);font-weight:700;font-size:1.25rem;margin-left:.5rem}.standards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;margin:0 auto}.standard-card{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:2px solid transparent;transition:all .3s ease;text-align:center}.standard-card.question{border-color:var(--color-warning)}.standard-card.interactive{border-color:var(--color-primary)}.standard-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.standard-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem;color:var(--text-inverse)}.standard-icon.question{background:linear-gradient(135deg,var(--color-warning),var(--color-warning))}.standard-icon.interactive{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}.standard-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.standard-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.standard-card.question .standard-value{color:var(--color-warning)}.standard-card.interactive .standard-value{color:var(--color-primary-hover)}.standard-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tips-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid var(--color-warning);border-radius:12px;padding:1.5rem;max-width:800px;margin:0 auto}.tips-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-warning),var(--color-warning));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem;color:var(--text-inverse)}.tips-title{font-size:1.125rem;font-weight:700;color:var(--color-warning-hover);margin-bottom:.75rem;text-align:center}.tips-list{display:grid;gap:.75rem}.tip-item{display:flex;align-items:flex-start;gap:.75rem}.tip-dot{width:8px;height:8px;background:var(--color-warning);border-radius:50%;margin-top:.375rem;flex-shrink:0}.tip-text{color:var(--color-warning-hover);line-height:1.5;font-size:.875rem}.progress-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:center}.progress-confirm-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse);border:none;border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.progress-confirm-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-hover));transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.progress-modal-body::-webkit-scrollbar{width:6px}.progress-modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.progress-modal-body::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.progress-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:1024px){.progress-modal-content{width:80vw}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.domains-grid,.standards-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:768px){.progress-modal-content{width:95vw;height:90vh}.progress-modal-overlay{padding:1rem}.progress-hero-section{padding:2rem 1rem}.progress-content-section{padding:1rem}.progress-hero-title{font-size:1.5rem}.progress-hero-description{font-size:1rem}.progress-hero-percentage{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.formula-text{font-size:1rem}.formula-example{font-size:.875rem}}@media(max-width:480px){.tips-list{gap:.5rem}.tip-text{font-size:.8rem}.formula-section,.tips-section{padding:1rem}}.adaptive-test-card{background:var(--gradient-primary);border-radius:16px;padding:1.5rem;color:var(--text-inverse);position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea4d;transition:all .3s ease;margin-bottom:1.5rem}.adaptive-test-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea66}.adaptive-test-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.adaptive-test-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(45deg,#ff6b6b,#feca57);color:var(--text-inverse);padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px #ff6b6b4d;animation:pulse 2s infinite}.adaptive-test-title{font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-inverse)}.adaptive-test-icon{color:#feca57}.adaptive-test-tag{background:#fff3;color:var(--text-inverse);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;backdrop-filter:blur(10px)}.adaptive-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.adaptive-feature-item{background:#ffffff26;padding:.5rem .75rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.adaptive-feature-item i{color:#feca57;font-size:.875rem}.adaptive-description{color:#ffffffe6;font-size:.875rem;line-height:1.5;margin:1rem 0;background:#ffffff1a;padding:1rem;border-radius:8px;backdrop-filter:blur(10px)}.adaptive-stats-section{background:#ffffff1a;border-radius:12px;padding:1rem;margin:1rem 0;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.adaptive-stats-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:var(--text-inverse)}.adaptive-stats-header i{color:#feca57}.adaptive-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.adaptive-stat-item{text-align:center;background:#ffffff1a;padding:.75rem .5rem;border-radius:8px;backdrop-filter:blur(10px)}.adaptive-stat-value{font-size:1.25rem;font-weight:700;color:#feca57;line-height:1;margin-bottom:.25rem}.adaptive-stat-label{font-size:.75rem;color:#fffc;font-weight:500}.adaptive-highlights{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.adaptive-highlight-item{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:.75rem;border-radius:8px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.adaptive-highlight-icon{width:40px;height:40px;background:#feca5733;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adaptive-highlight-icon i{color:#feca57;font-size:1rem}.adaptive-highlight-content{flex:1}.adaptive-highlight-title{font-weight:600;color:var(--text-inverse);margin-bottom:.25rem;font-size:.875rem}.adaptive-highlight-desc{font-size:.75rem;color:#fffc;line-height:1.3}.adaptive-actions{display:flex;gap:.75rem;margin:1.5rem 0 1rem}.adaptive-btn-primary{flex:1;background:linear-gradient(45deg,#feca57,#ff9ff3);color:var(--text-inverse);border:none;padding:.75rem 1rem;border-radius:12px;font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #feca574d}.adaptive-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #feca5766}.adaptive-btn-secondary{background:#fff3;color:var(--text-inverse);border:1px solid rgba(255,255,255,.3);padding:.75rem;border-radius:12px;font-weight:500;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);min-width:120px}.adaptive-btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.adaptive-footer{border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;margin-top:1rem}.adaptive-footer-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fffc;line-height:1.4}.adaptive-footer-item i{color:#feca57;font-size:.875rem}@media(max-width:768px){.adaptive-test-card{padding:1rem}.adaptive-features{grid-template-columns:1fr}.adaptive-stats-grid{grid-template-columns:repeat(2,1fr)}.adaptive-actions{flex-direction:column}.adaptive-btn-secondary{min-width:auto}.adaptive-highlights{gap:.5rem}.adaptive-highlight-item{padding:.5rem}.adaptive-highlight-icon{width:32px;height:32px}}@media(max-width:480px){.adaptive-test-card{padding:.75rem}.adaptive-test-title{font-size:1.25rem}.adaptive-stats-grid{grid-template-columns:1fr;gap:.5rem}.adaptive-stat-item{padding:.5rem}.adaptive-stat-value{font-size:1rem}}.adaptive-test-card{animation:fadeInUp .6s ease-out}.adaptive-test-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.adaptive-test-card:hover:after{opacity:1}.adaptive-test-badge:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b6b,#feca57,#ff6b6b);border-radius:20px;z-index:-1;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.task-detail-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease-out}.task-detail-modal-container{background:var(--bg-gradient);border-radius:var(--border-radius-xl);padding:0;max-width:56rem;width:100%;margin:0 var(--spacing-md);max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl),0 0 0 1px var(--border-color);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-color);position:relative}.task-detail-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.task-detail-modal-header{background:var(--gradient-primary);padding:24px 32px;position:relative;overflow:hidden}.task-detail-modal-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmerHeader 3s infinite}.task-detail-modal-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.task-detail-modal-title{color:var(--text-inverse);font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.task-detail-modal-title i{font-size:28px;background:linear-gradient(45deg,#fbbf24,var(--color-warning));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.task-detail-modal-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--text-inverse);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.task-detail-modal-close:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 4px 12px #0003}.task-detail-modal-close i{font-size:18px}.task-detail-modal-content{padding:32px;overflow-y:auto;max-height:calc(90vh - 200px)}.task-detail-sections{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.task-detail-sections{grid-template-columns:1fr 1fr;gap:32px}}.task-info-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.task-info-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.task-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.task-info-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.task-info-card-title i{color:var(--color-primary);font-size:20px}.basic-info-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.basic-info-grid{grid-template-columns:1fr 1fr}}.basic-info-item{background:#f8fafccc;padding:16px;border-radius:12px;border-left:4px solid #667eea}.basic-info-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.basic-info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.difficulty-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-easy{background:linear-gradient(135deg,var(--color-success-light) 0%,#a7f3d0 100%);color:var(--color-success-hover);border:1px solid var(--color-success)}.difficulty-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--color-warning-hover);border:1px solid var(--color-warning)}.difficulty-hard{background:linear-gradient(135deg,#fecaca,#fca5a5);color:var(--color-error-hover);border:1px solid var(--color-error)}.scene-description{font-size:15px;line-height:1.6;color:#4b5563;background:#f8fafc99;padding:16px;border-radius:12px;border-left:4px solid #667eea}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:linear-gradient(135deg,var(--color-primary-light) 0%,#bfdbfe 100%);color:var(--color-primary-hover);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid var(--color-primary);transition:all .2s ease}.skill-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.skills-loading{color:var(--text-secondary);font-style:italic}.criteria-list{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding-right:8px}.criteria-list li{background:#f8fafccc;padding:12px 16px;border-radius:10px;border-left:4px solid #667eea;font-size:14px;line-height:1.5;color:#4b5563;transition:all .2s ease}.criteria-list li:hover{background:#eff6ffcc;transform:translate(4px)}.task-detail-left-section{display:flex;flex-direction:column;gap:1rem}.task-detail-basic-info{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.task-detail-basic-info:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.task-detail-basic-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.task-detail-basic-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.task-detail-basic-info h3 i{color:var(--color-primary);font-size:20px}.task-detail-basic-info-content{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.task-detail-basic-info-content{grid-template-columns:1fr 1fr}}.task-detail-basic-info-item{background:#f8fafccc;padding:16px;border-radius:12px;border-left:4px solid #667eea}.task-detail-basic-info-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.task-detail-basic-info-value{font-size:16px;font-weight:600;color:var(--text-primary)}.task-detail-skills-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.task-detail-skills-section:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.task-detail-skills-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.task-detail-skills-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.task-detail-skills-section h3 i{color:var(--color-primary);font-size:20px}.task-detail-skills-tags{display:flex;flex-wrap:wrap;gap:8px}.task-detail-skill-tag{background:linear-gradient(135deg,var(--color-primary-light) 0%,#bfdbfe 100%);color:var(--color-primary-hover);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid var(--color-primary);transition:all .2s ease}.task-detail-skill-tag:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.task-detail-description-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.task-detail-description-section:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.task-detail-description-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.task-detail-description-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.task-detail-description-section h3 i{color:var(--color-primary);font-size:20px}.task-detail-description-content{font-size:15px;line-height:1.6;color:#4b5563;background:#f8fafc99;padding:16px;border-radius:12px;border-left:4px solid #667eea}.task-detail-output-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d}.task-detail-output-section:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a}.task-detail-output-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.task-detail-output-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.task-detail-output-section h3 i{color:var(--color-primary);font-size:20px}.task-detail-output-content{font-size:15px;line-height:1.6;color:#4b5563;background:#f8fafc99;padding:16px;border-radius:12px;border-left:4px solid #667eea}.task-detail-right-section{display:flex;flex-direction:column;gap:1rem}.task-detail-progress-card{background-color:var(--color-primary-lighter);padding:1rem;border-radius:.5rem}.task-detail-progress-card h3{font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.task-detail-progress-content{display:flex;flex-direction:column;gap:.75rem}.task-detail-score-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.task-detail-score-label{font-size:.875rem;color:var(--text-secondary)}.task-detail-score-value{font-weight:600}.task-detail-score-value.completed{color:var(--color-success)}.task-detail-score-value.not-started{color:var(--text-secondary)}.task-detail-progress-bar{width:100%;background-color:var(--border-color);border-radius:9999px;height:.5rem}.task-detail-progress-fill{background-color:var(--color-primary-hover);border-radius:9999px;height:100%;transition:width .5s ease-in-out}.task-detail-status-info{font-size:.875rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.25rem}.task-detail-status-completed{color:var(--color-success)}.task-detail-status-not-started{color:var(--text-secondary)}.task-detail-criteria-section h3{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.task-detail-criteria-list{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto}.task-detail-criteria-item{font-size:.875rem;color:var(--text-secondary);padding:.5rem;background-color:var(--bg-secondary);border-radius:.25rem}.task-detail-criteria-number{font-weight:500;color:var(--text-primary)}.task-detail-modal-footer{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:24px 32px;border-top:1px solid rgba(226,232,240,.8)}.task-detail-actions,.task-detail-actions-end{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}@media(max-width:640px){.task-detail-actions,.task-detail-actions-end{flex-direction:column;gap:12px}}.task-detail-btn{padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;position:relative;overflow:hidden;var(--bg-primary)-space: nowrap}.task-detail-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.task-detail-btn:hover:before{width:300px;height:300px}.task-detail-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-inverse);box-shadow:0 4px 6px -1px #3b82f64d}.task-detail-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-hover) 100%);transform:translateY(-2px);box-shadow:0 8px 15px -3px #3b82f666}.task-detail-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:var(--text-inverse);box-shadow:var(--shadow)}.task-detail-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 8px 15px -3px #0003}.task-detail-start-btn{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);color:var(--text-inverse);box-shadow:0 4px 6px -1px #10b9814d}.task-detail-start-btn:hover{background:linear-gradient(135deg,var(--color-success) 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 15px -3px #10b98166}.task-detail-modal-container::-webkit-scrollbar,.task-detail-criteria-list::-webkit-scrollbar{width:6px}.task-detail-modal-container::-webkit-scrollbar-track,.task-detail-criteria-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.task-detail-modal-container::-webkit-scrollbar-thumb,.task-detail-criteria-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.task-detail-modal-container::-webkit-scrollbar-thumb:hover,.task-detail-criteria-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmerHeader{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.task-detail-modal-content::-webkit-scrollbar,.criteria-list::-webkit-scrollbar{width:6px}.task-detail-modal-content::-webkit-scrollbar-track,.criteria-list::-webkit-scrollbar-track{background:#f1f5f9cc;border-radius:3px}.task-detail-modal-content::-webkit-scrollbar-thumb,.criteria-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--text-muted) 0%,var(--text-tertiary) 100%);border-radius:3px}.task-detail-modal-content::-webkit-scrollbar-thumb:hover,.criteria-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--text-tertiary) 0%,var(--text-secondary) 100%)}@media(max-width:768px){.task-detail-modal-container{margin:10px;border-radius:16px}.task-detail-modal-header{padding:20px 24px}.task-detail-modal-title{font-size:20px}.task-detail-modal-content{padding:24px 20px}.task-detail-modal-footer{padding:20px 24px}.task-detail-sections{grid-template-columns:1fr;gap:20px}.basic-info-grid{grid-template-columns:1fr}.task-detail-actions{flex-direction:column}.task-detail-btn{min-width:auto}}@media(max-width:640px){.task-detail-modal-container{margin:8px;border-radius:12px}.task-detail-modal-header{padding:16px 20px}.task-detail-modal-title{font-size:18px;gap:8px}.task-detail-modal-title i{font-size:20px}.task-detail-modal-close{width:36px;height:36px;border-radius:10px}.task-detail-modal-close i{font-size:16px}.task-detail-modal-content{padding:20px 16px}.task-detail-modal-footer{padding:16px 20px}.task-info-card,.task-detail-basic-info,.task-detail-skills-section,.task-detail-description-section,.task-detail-output-section{padding:16px;border-radius:12px}.task-info-card-title,.task-detail-basic-info h3,.task-detail-skills-section h3,.task-detail-description-section h3,.task-detail-output-section h3{font-size:16px;margin-bottom:12px}.basic-info-item,.task-detail-basic-info-item{padding:12px;border-radius:8px}.task-detail-btn{padding:10px 20px;font-size:14px;border-radius:10px}}.task-history-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.task-history-modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-lg),0 10px 10px -5px #0000000a;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.task-history-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:var(--gradient-primary);color:var(--text-inverse)}.task-history-modal-title{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center}.task-history-modal-close{background:none;border:none;color:var(--text-inverse);font-size:1.25rem;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.task-history-modal-close:hover{background-color:#ffffff1a}.task-history-modal-content{flex:1;overflow-y:auto;padding:24px}.task-history-loading,.task-history-error{display:flex;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--text-secondary)}.task-history-error{color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid #d1d5db;border-radius:8px;margin-bottom:20px}.task-history-info{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--color-info-light) 100%);border-radius:12px;padding:20px;margin-bottom:24px;position:relative;overflow:hidden}.task-history-info:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2)}.task-history-info-title{font-size:1.25rem;font-weight:500;color:#4b5563;margin:0 0 16px}.task-history-info-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.task-history-info-item{display:flex;align-items:center;gap:8px}.task-history-info-label{font-weight:500;color:var(--text-secondary);min-width:60px}.task-history-difficulty{padding:2px 8px;border-radius:4px;font-size:.875rem;font-weight:500}.task-history-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.task-history-stat-item{background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.task-history-stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.task-history-stat-item:nth-child(1):before{background:linear-gradient(90deg,#667eea,#764ba2)}.task-history-stat-item:nth-child(2):before{background:linear-gradient(90deg,#f093fb,#f5576c)}.task-history-stat-item:nth-child(3):before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.task-history-stat-item:nth-child(4):before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.task-history-stat-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.task-history-stat-value{font-size:2rem;font-weight:600;color:#4b5563;margin-bottom:4px}.task-history-stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.task-history-records{margin-top:24px}.task-history-records-title{font-size:1.125rem;font-weight:500;color:#4b5563;margin:0 0 16px;display:flex;align-items:center}.task-history-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;border:2px dashed #d1d5db}.task-history-records-list{display:flex;flex-direction:column;gap:16px}.task-history-record{background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:relative;overflow:hidden;transition:all .3s ease}.task-history-record:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s ease}.task-history-record:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.task-history-record:hover:before{opacity:1}.task-history-record:nth-child(odd):before{background:linear-gradient(180deg,#667eea,#764ba2)}.task-history-record:nth-child(2n):before{background:linear-gradient(180deg,#4facfe,#00f2fe)}.task-history-record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.task-history-record-index{background:var(--gradient-primary);color:var(--text-inverse);padding:6px 14px;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #667eea4d;position:relative;overflow:hidden}.task-history-record-index:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.task-history-record:hover .task-history-record-index:before{left:100%}.task-history-record-date{color:var(--text-secondary);font-size:.875rem}.task-history-record-score{font-size:1.125rem;font-weight:600;color:#4b5563}.task-history-record-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.task-history-record-detail{display:flex;align-items:center;gap:8px}.task-history-record-detail-label{font-weight:500;color:var(--text-secondary);min-width:80px}.task-history-record-points{color:var(--color-success);font-weight:600}.task-history-reviewed{color:var(--color-success);font-weight:500}.task-history-not-reviewed{color:var(--text-secondary);font-weight:500}.task-history-record-scores{background:var(--bg-secondary);border-radius:6px;padding:16px;margin-top:16px}.task-history-record-scores-title{font-weight:600;color:var(--text-primary);margin-bottom:12px}.task-history-record-scores-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.task-history-record-score-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-primary);border-radius:4px;border:1px solid #e5e7eb}.task-history-record-score-dimension{color:var(--text-secondary);font-size:.875rem;font-weight:500}.task-history-record-score-value{font-weight:500;color:#4b5563}@media(max-width:768px){.task-history-modal-overlay{padding:10px}.task-history-modal{max-height:95vh}.task-history-modal-header,.task-history-modal-content{padding:16px}.task-history-modal-title{font-size:1.25rem}.task-history-statistics{grid-template-columns:repeat(2,1fr)}.task-history-info-details,.task-history-record-details,.task-history-record-scores-list{grid-template-columns:1fr}}@media(max-width:480px){.task-history-statistics{grid-template-columns:1fr}.task-history-record-header{flex-direction:column;align-items:flex-start;gap:8px}.task-history-stat-value{font-size:1.5rem}}.text-green-600{color:var(--color-success)}.text-blue-600{color:var(--color-primary-hover)}.text-yellow-600{color:var(--color-warning)}.text-neutral-600{color:var(--text-secondary)}.bg-green-100{background-color:var(--color-success-light)}.text-green-800{color:var(--color-success-hover)}.bg-yellow-100{background-color:var(--color-warning-light)}.text-yellow-800{color:var(--color-warning-hover)}.bg-neutral-100{background-color:var(--bg-tertiary)}.text-neutral-800{color:#4b5563}.bg-gray-100{background-color:var(--bg-tertiary)}.text-gray-800{color:#4b5563}.mr-2{margin-right:.5rem}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.rules-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:modalFadeIn .3s ease-out}.rules-modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 50px #00000040;width:60vw;height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.rules-modal-header{background:var(--gradient-primary);color:var(--text-inverse);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.rules-modal-title{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.rules-modal-close{background:none;border:none;color:var(--text-inverse);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.rules-modal-close:hover{background:#ffffff1a}.rules-modal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.rules-hero-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--border-color) 100%);padding:3rem 2rem;text-align:center;border-bottom:1px solid var(--border-color)}.rules-hero-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--text-inverse)}.rules-hero-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.rules-hero-description{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.rules-content-section{padding:2rem}.rules-section{margin-bottom:3rem}.rules-section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.dimensions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.dimension-card{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:2px solid transparent;transition:all .3s ease;text-align:center}.dimension-card.effect{border-color:var(--color-success)}.dimension-card.depth{border-color:var(--color-primary)}.dimension-card.novelty{border-color:var(--color-secondary)}.dimension-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.dimension-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:var(--text-inverse);position:relative;z-index:1}.dimension-icon.effect{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.dimension-icon.depth{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}.dimension-icon.novelty{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover))}.dimension-icon i{position:relative;z-index:2;display:block}.dimension-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.dimension-title.effect{color:var(--color-success)}.dimension-title.depth{color:var(--color-primary-hover)}.dimension-title.novelty{color:var(--color-secondary-hover)}.dimension-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.dimension-description{color:var(--text-secondary);line-height:1.5}.formula-container{max-width:800px;margin:0 auto}.formula-box{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));border-radius:12px;padding:2rem;text-align:center}.formula-code{font-family:Monaco,Menlo,monospace;font-size:1.125rem;color:var(--color-success);margin-bottom:1rem;word-break:break-all}.formula-description{color:var(--text-muted);font-size:.875rem}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.tips-column{display:flex;flex-direction:column;gap:1rem}.tip-item{background:var(--bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease}.tip-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.tip-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.tip-icon.emerald{background:var(--color-success-light);color:var(--color-success)}.tip-icon.blue{background:var(--color-primary-light);color:var(--color-primary-hover)}.tip-icon.purple{background:#ede9fe;color:var(--color-secondary-hover)}.tip-icon.orange{background:var(--color-warning-light);color:#ea580c}.tip-icon.green{background:var(--color-success-light);color:var(--color-success-hover)}.tip-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.tip-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:800px;margin:0 auto}.example-card{border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.example-card.low{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid var(--color-warning)}.example-card.medium{background:linear-gradient(135deg,var(--color-primary-light),#bfdbfe);border:2px solid var(--color-primary)}.example-card.high{background:linear-gradient(135deg,var(--color-success-light),#a7f3d0);border:2px solid var(--color-success)}.example-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.example-score{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.example-score.low{color:var(--color-warning)}.example-score.medium{color:var(--color-primary-hover)}.example-score.high{color:var(--color-success)}.example-label{font-size:.875rem;font-weight:500;margin-bottom:1rem}.example-label.low{color:var(--color-warning-hover)}.example-label.medium{color:var(--color-primary-hover)}.example-label.high{color:var(--color-success-hover)}.example-formula{background:var(--bg-primary);border-radius:8px;padding:.75rem;font-size:.75rem;color:var(--text-secondary);font-family:Monaco,Menlo,monospace}.tips-card{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:12px;padding:2rem;text-align:center;max-width:600px;margin:0 auto}.tips-icon{width:60px;height:60px;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:var(--text-inverse)}.tips-title{font-size:1.25rem;font-weight:700;color:var(--color-secondary-hover);margin-bottom:1rem}.tips-description{color:var(--color-secondary-hover);line-height:1.6}.rules-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:center}.rules-confirm-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse);border:none;border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.rules-confirm-btn:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-hover));transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.rules-modal-body::-webkit-scrollbar{width:6px}.rules-modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.rules-modal-body::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.rules-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:1024px){.rules-modal-content,.review-modal{width:80vw;height:80vh}.dimensions-grid,.tips-grid,.examples-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:768px){.rules-modal-content,.review-modal{width:80vw;height:80vh}.rules-modal-overlay{padding:1rem}.rules-hero-section{padding:2rem 1rem}.rules-content-section{padding:1rem}.rules-hero-title{font-size:1.5rem}.rules-hero-description{font-size:1rem}}.review-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.review-modal{background:var(--bg-primary);border-radius:12px;width:80vw;height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.review-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:var(--gradient-primary);color:var(--text-inverse);border-radius:12px 12px 0 0}.review-modal-title{font-size:18px;font-weight:600;display:flex;align-items:center}.review-modal-close{background:none;border:none;color:var(--text-inverse);font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.review-modal-close:hover{background:#ffffff1a}.review-modal-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.review-message{display:flex;gap:12px;align-items:flex-start}.review-message.user{flex-direction:row-reverse}.review-message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.review-message.user .review-message-avatar{background:var(--gradient-primary);color:var(--text-inverse)}.review-message.assistant .review-message-avatar{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--text-inverse)}.review-message-content{flex:0 1 auto;max-width:calc(80% - 48px);min-width:0}.review-message.user .review-message-content{text-align:left}.review-message-text{background:var(--bg-tertiary);padding:12px 16px;border-radius:12px;line-height:1.5;word-wrap:break-word}.review-message.user .review-message-text{background:var(--gradient-primary);color:var(--text-inverse)}.review-message.has-ai-card .review-message-text{background:none;padding:0}.review-message-time{font-size:11px;color:var(--text-secondary);margin-top:4px}.review-typing-indicator{display:flex;gap:4px;padding:12px 16px;background:var(--bg-tertiary);border-radius:12px;width:-moz-fit-content;width:fit-content}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s infinite ease-in-out}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.review-modal-input{padding:20px 24px;border-top:1px solid #e5e7eb;background:var(--bg-secondary)}.review-input-container{display:flex;gap:12px;align-items:flex-end}.review-input-container textarea{flex:1;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.5;resize:none;min-height:44px;max-height:120px;font-family:inherit}.review-input-container textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.review-send-button{background:var(--gradient-primary);color:var(--text-inverse);border:none;border-radius:8px;padding:12px 16px;cursor:pointer;font-size:14px;transition:all .2s;height:44px;min-width:44px}.review-send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.review-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.review-modal-messages::-webkit-scrollbar{width:6px}.review-modal-messages::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.review-modal-messages::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.review-modal-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.task-report-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.task-report-modal{background:var(--bg-card);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:900px;width:90vw;max-height:85vh;display:flex;flex-direction:column;border:1px solid var(--border-color);overflow:hidden}.task-report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.task-report-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center}.task-report-modal-close{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.task-report-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.task-report-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-primary);padding:0 24px}.task-report-tab{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;display:flex;align-items:center}.task-report-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.task-report-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--bg-card)}.task-report-modal-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg-card)}.task-report-loading,.task-report-error{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-size:16px;color:var(--text-secondary)}.task-report-error{color:var(--color-danger);background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:8px}.task-report-overview{display:flex;flex-direction:column;gap:24px}.task-report-section{background:var(--bg-primary);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.task-report-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center}.task-report-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.task-report-info-item{display:flex;align-items:center;padding:8px 0}.task-report-info-label{font-weight:500;color:var(--text-secondary);min-width:80px;margin-right:8px}.task-report-info-value{color:var(--text-primary);font-weight:500}.task-report-score-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px;background:linear-gradient(135deg,var(--color-primary-lighter) 0%,var(--color-secondary-lighter) 100%);border-radius:12px;border:1px solid var(--border-color)}.task-report-score-main{display:flex;align-items:baseline;gap:8px}.task-report-score-number{font-size:48px;font-weight:700;line-height:1}.task-report-score-total{font-size:18px;color:var(--text-secondary);font-weight:500}.task-report-score-percentage{display:flex;align-items:center}.task-report-score-circle{width:80px;height:80px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.task-report-score-circle-inner{width:60px;height:60px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-primary)}.task-report-description{line-height:1.6;color:var(--text-primary);background:var(--bg-secondary);padding:16px;border-radius:8px;border-left:4px solid var(--color-primary)}.task-report-conversation{display:flex;flex-direction:column;gap:24px}.task-report-conversation-list{display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.task-report-message{border-radius:12px;padding:16px;border:1px solid var(--border-color)}.task-report-message.user{background:var(--bg-secondary);border-left:4px solid var(--color-primary);margin-left:48px}.task-report-message.assistant{background:var(--bg-tertiary);border-left:4px solid var(--color-secondary);margin-right:48px}.task-report-message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.task-report-message-time{font-size:12px;color:var(--text-tertiary);margin-left:auto;font-weight:400}.task-report-message-content{line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.task-report-evaluation{display:flex;flex-direction:column;gap:24px}.task-report-evaluation-content{background:var(--bg-secondary);border-radius:8px;padding:20px;border-left:4px solid var(--color-success)}.task-report-evaluation-text{line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.task-report-evaluation-details{display:flex;flex-direction:column;gap:16px}.task-report-evaluation-item{border-bottom:1px solid var(--border-color);padding-bottom:12px}.task-report-evaluation-item:last-child{border-bottom:none;padding-bottom:0}.task-report-evaluation-label{font-weight:600;color:var(--text-primary);margin-bottom:4px}.task-report-evaluation-value{color:var(--text-secondary);background:var(--bg-tertiary);padding:8px 12px;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;white-space:pre-wrap}.task-report-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);font-size:16px;background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-color)}.task-report-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.task-report-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px}.task-report-button-primary{background-color:var(--color-primary);color:#fff}.task-report-button-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.task-report-button-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.task-report-button-secondary:hover{background-color:var(--bg-secondary);color:var(--text-primary)}@media(max-width:768px){.task-report-modal{width:95vw;max-height:90vh}.task-report-modal-header,.task-report-modal-content,.task-report-modal-footer{padding:16px}.task-report-tabs{padding:0 16px}.task-report-info-grid{grid-template-columns:1fr}.task-report-score-card{flex-direction:column;text-align:center;gap:20px}.task-report-message.user{margin-left:24px}.task-report-message.assistant{margin-right:24px}.task-report-modal-footer{flex-direction:column}.task-report-button{width:100%;justify-content:center}}.task-report-evaluation-new{display:flex;flex-direction:column;gap:24px;padding:24px}@media(max-width:1024px){.task-report-evaluation-new>div:first-child{grid-template-columns:1fr!important}}.task-report-download-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;min-width:250px;overflow:hidden}.task-report-download-option{width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .2s ease;text-align:left}.task-report-download-option:hover:not(:disabled){background-color:var(--bg-secondary)}.task-report-download-option:disabled{opacity:.6;cursor:not-allowed}.task-report-download-option:not(:last-child){border-bottom:1px solid var(--border-color)}.task-report-download-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.task-report-download-desc{font-size:12px;color:var(--text-secondary);line-height:1.3}.task-report-modal-content::-webkit-scrollbar,.task-report-conversation-list::-webkit-scrollbar{width:6px}.task-report-modal-content::-webkit-scrollbar-track,.task-report-conversation-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.task-report-modal-content::-webkit-scrollbar-thumb,.task-report-conversation-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.task-report-modal-content::-webkit-scrollbar-thumb:hover,.task-report-conversation-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ai-chat-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #667eea4d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-chat-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.ai-button-icon{color:var(--text-inverse);font-size:24px;transition:transform .3s ease}.ai-chat-button:hover .ai-button-icon{transform:scale(1.1)}.ai-button-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--gradient-primary);opacity:.6;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1.4);opacity:0}}.ai-chat-widget{position:fixed;bottom:100px;right:24px;width:480px;height:650px;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;z-index:999;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.ai-chat-header{background:var(--gradient-primary);color:var(--text-inverse);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.ai-chat-header-info{display:flex;align-items:center;gap:12px}.ai-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.ai-info h3{margin:0;font-size:16px;font-weight:600}.ai-status{font-size:12px;opacity:.8;display:flex;align-items:center;gap:4px}.ai-status:before{content:"";width:6px;height:6px;background:var(--color-success);border-radius:50%;display:inline-block}.ai-chat-close{background:none;border:none;color:var(--text-inverse);font-size:18px;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.ai-chat-close:hover{background:#ffffff1a}.ai-chat-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--bg-secondary)}.ai-chat-messages::-webkit-scrollbar{width:4px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ai-chat-messages .ai-message{display:flex;margin-bottom:8px}.ai-chat-messages .user-message{justify-content:flex-end}.ai-chat-messages .assistant-message{justify-content:flex-start}.ai-chat-messages .message-content{max-width:80%;padding:12px 16px;border-radius:16px;position:relative}.ai-chat-messages .user-message .message-content{background:var(--gradient-primary);color:var(--text-inverse);border-bottom-right-radius:4px}.ai-chat-messages .assistant-message .message-content{background:var(--bg-primary);color:var(--text-primary);border:1px solid #e5e7eb;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000d}.ai-chat-messages .message-text{font-size:14px;line-height:1.5;margin-bottom:4px}.ai-chat-messages .message-time{font-size:11px;opacity:.7;text-align:right}.ai-chat-messages .assistant-message .message-time{text-align:left}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:6px;height:6px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.ai-chat-input{padding:16px;background:var(--bg-primary);border-top:1px solid #e5e7eb}.ai-chat-input .input-container{display:flex;gap:8px;align-items:center}.ai-chat-input .input-container input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s ease}.ai-chat-input .input-container input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.ai-chat-input .input-container input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.ai-chat-input .send-button{width:40px;height:40px;background:var(--gradient-primary);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.ai-chat-input .send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.ai-chat-input .send-button:disabled{background:var(--border-color);cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:520px){.ai-chat-widget{width:calc(100vw - 32px);height:calc(100vh - 140px);right:16px;bottom:90px}.ai-chat-button{right:16px;bottom:16px}}@media(max-width:768px){.ai-chat-widget{width:calc(100vw - 48px);height:calc(100vh - 160px);right:24px;bottom:100px}}@media(prefers-color-scheme:dark){.ai-chat-widget,.ai-chat-messages{background:var(--text-primary)}.ai-chat-messages .assistant-message .message-content{background:var(--text-primary);color:var(--bg-secondary);border-color:#4b5563}.ai-chat-input{background:var(--text-primary);border-top-color:#4b5563}.ai-chat-input .input-container input{background:var(--text-primary);border-color:#4b5563;color:var(--bg-secondary)}.ai-chat-input .input-container input::-moz-placeholder{color:var(--text-secondary)}.ai-chat-input .input-container input::placeholder{color:var(--text-secondary)}}.review-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:36px;border:none;border-radius:var(--border-radius-lg);cursor:pointer;font-family:inherit;font-weight:600;text-decoration:none;transition:var(--transition-base);transform:translateZ(0);backface-visibility:hidden;box-shadow:var(--shadow-md);var(--bg-primary)-space: nowrap;padding:0 16px}.review-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.review-button:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.review-button-bg{border-radius:var(--border-radius-lg);background:var(--gradient-primary);background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.review-button-shine{border-radius:20px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);width:100%;height:100%}.review-button .relative{color:var(--text-inverse);text-shadow:0 1px 2px rgba(0,0,0,.1)}.review-icon-container{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff3;backdrop-filter:blur(10px);transition:all .3s ease}.review-button:hover .review-icon-container{background:#ffffff4d;transform:rotate(360deg)}.review-arrow-container{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.review-button-border{border-radius:20px;pointer-events:none}.review-button:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,var(--color-secondary),var(--color-info),var(--color-primary));opacity:0;z-index:-1;transition:opacity .3s ease;animation:pulse 2s infinite}.review-button:hover:before{opacity:.3}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.1}to{transform:scale(1);opacity:.3}}@media(max-width:768px){.review-button{min-width:100px;height:32px;border-radius:16px;padding:0 12px}.review-button-bg,.review-button-shine,.review-button-border,.review-button:before{border-radius:16px}.review-button .relative{gap:6px;padding:0 8px}.review-button span{font-size:12px}.review-icon-container{width:16px;height:16px}.review-button i{font-size:10px}}@media(prefers-color-scheme:dark){.review-button{box-shadow:0 4px 12px #8b5cf666,0 2px 4px #8b5cf64d}.review-button:hover{box-shadow:0 8px 25px #8b5cf680,0 4px 12px #8b5cf666}.review-icon-container{background:#ffffff26}.review-button:hover .review-icon-container{background:#ffffff40}}.review-button:disabled,.review-button.disabled{opacity:.8;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #9ca3af4d;min-width:100px;margin-left:8px}.review-button:disabled:hover,.review-button.disabled:hover{transform:none;box-shadow:0 2px 8px #9ca3af4d}.review-button:disabled .review-button-bg,.review-button.disabled .review-button-bg{background:var(--text-secondary);animation:none}.review-button:disabled:before,.review-button.disabled:before{display:none}@media(max-width:768px){.review-button:disabled,.review-button.disabled{min-width:100px}}.continue-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:36px;border:none;border-radius:20px;cursor:pointer;font-family:inherit;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden;box-shadow:0 4px 12px #3b82f64d,0 2px 4px #3b82f633;var(--bg-primary)-space: nowrap;padding:0 16px}.continue-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #3b82f666,0 4px 12px #3b82f64d}.continue-button:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.continue-button .absolute.inset-0{border-radius:20px;background:linear-gradient(135deg,var(--color-primary) 0%,#06b6d4 25%,#14b8a6 50%,var(--color-success) 75%,var(--color-primary) 100%);background-size:200% 200%;animation:continueGradientShift 3s ease infinite}@keyframes continueGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.continue-button:disabled,.continue-button.disabled{opacity:.8;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #9ca3af4d;min-width:100px;margin-left:8px}.continue-button:disabled:hover,.continue-button.disabled:hover{transform:none;box-shadow:0 2px 8px #9ca3af4d}.continue-button:disabled .absolute.inset-0,.continue-button.disabled .absolute.inset-0{background:var(--text-secondary)!important;animation:none}@media(max-width:768px){.continue-button{min-width:100px;height:32px;border-radius:16px;padding:0 12px}.continue-button .absolute.inset-0{border-radius:16px}.continue-button .relative{gap:6px;padding:0 8px}.continue-button span{font-size:12px}.continue-button i{font-size:10px}.continue-button:disabled,.continue-button.disabled{min-width:80px}}.review-button.loading{pointer-events:none}.review-button.loading .review-icon-container{animation:spin 1s linear infinite}.review-button.success .review-button-bg{background:linear-gradient(135deg,var(--color-success),var(--color-success),#047857);animation:none}.review-button.success .review-icon-container{background:#ffffff4d}.review-button:focus{outline:none;box-shadow:0 4px 12px #8b5cf64d,0 2px 4px #8b5cf633,0 0 0 3px #8b5cf633}@media(prefers-contrast:high){.review-button{border:2px solid var(--color-secondary)}.review-button-bg{background:var(--color-secondary);animation:none}.review-button:hover{border-color:var(--color-secondary-hover)}.review-button:hover .review-button-bg{background:var(--color-secondary-hover)}}@media(prefers-reduced-motion:reduce){.review-button,.review-button *,.review-button:before{animation:none!important;transition:none!important}.review-button:hover{transform:none}}.clickable-stat-card{cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius)}.clickable-stat-card:hover{transform:translateY(-3px) scale(1.02);background:var(--bg-hover)!important;box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.clickable-stat-card:active{transform:translateY(-1px) scale(.98)}.clickable-stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.clickable-stat-card:hover:before{left:100%}.clickable-stat-card .stat-label{display:flex;align-items:center;justify-content:center;gap:4px}.activity-item{padding:12px 16px;border-radius:var(--border-radius-sm);background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-fast)}.activity-item:hover{background:var(--bg-hover);border-color:var(--color-primary-light)}.activity-item .flex.items-center.justify-between.w-full{width:100%;gap:16px}.activity-item .flex.items-center.flex-1.min-w-0{flex:1;min-width:0;overflow:hidden}.activity-item .flex.items-center.gap-3.flex-shrink-0{flex-shrink:0;gap:8px;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;min-width:120px}.activity-item .truncate{overflow:hidden;text-overflow:ellipsis;var(--bg-primary)-space: nowrap}.activity-item .review-button,.activity-item button{flex-shrink:0;margin-left:8px}.activity-item .text-right{min-width:100px;flex-shrink:0;text-align:right;margin-bottom:8px;order:1}.activity-item .flex.items-center.gap-3.flex-shrink-0{order:2}@media(max-width:768px){.activity-item{padding:10px 12px}.activity-item .flex.items-center.justify-between.w-full{gap:12px}.activity-item .flex.items-center.gap-3.flex-shrink-0{gap:6px;min-width:100px}.activity-item .text-right{min-width:80px;font-size:12px;margin-bottom:6px}.activity-item .review-button,.activity-item button{min-width:90px;height:28px;font-size:11px}}.activity-item>div>div:last-child{margin-left:auto}.progress-explanation-modal .ant-modal-content{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);background:var(--bg-card)}.progress-explanation-modal .ant-modal-header{background:var(--gradient-primary);border-bottom:1px solid var(--border-color);padding:24px 32px;position:relative;overflow:hidden}.progress-explanation-modal .ant-modal-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}.progress-explanation-modal .ant-modal-title{color:var(--text-inverse);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.progress-explanation-modal .ant-modal-close{color:var(--text-inverse);opacity:.8;transition:all .3s ease;width:40px;height:40px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.progress-explanation-modal .ant-modal-close:hover{color:var(--text-inverse);opacity:1;background:#fff3;transform:scale(1.1)}.progress-explanation-modal .ant-modal-close .ant-modal-close-x{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px}.progress-explanation-modal .ant-modal-body{padding:32px;max-height:75vh;overflow-y:auto;background:var(--bg-secondary);color:var(--text-primary)}.progress-explanation-modal .ant-modal-body::-webkit-scrollbar{width:8px}.progress-explanation-modal .ant-modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.progress-explanation-modal .ant-modal-body::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.progress-explanation-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.progress-explanation-modal .bg-gradient-to-r{position:relative;overflow:hidden}.progress-explanation-modal .bg-gradient-to-r:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{left:-100%}50%{left:100%}to{left:-100%}}.progress-explanation-modal .hover\:shadow-lg:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 10px 10px -5px #0000000a}.progress-explanation-modal .fas{transition:all .3s ease}.progress-explanation-modal .bg-green-500:hover .fas,.progress-explanation-modal .bg-purple-500:hover .fas,.progress-explanation-modal .bg-amber-500:hover .fas{transform:scale(1.1) rotate(5deg)}.progress-explanation-modal .text-yellow-100{color:#fefce8;text-shadow:0 2px 4px rgba(0,0,0,.3)}.progress-explanation-modal .text-yellow-200{color:var(--color-warning-light);text-shadow:0 1px 2px rgba(0,0,0,.1)}.progress-explanation-modal .drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.progress-explanation-modal .drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}@media(max-width:768px){.progress-explanation-modal .ant-modal{margin:16px;max-width:calc(100vw - 32px)}.progress-explanation-modal .ant-modal-header{padding:20px 24px}.progress-explanation-modal .ant-modal-body{padding:24px 20px;max-height:70vh}.progress-explanation-modal .space-y-8>*+*{margin-top:1.5rem}.progress-explanation-modal .text-2xl{font-size:1.5rem}.progress-explanation-modal .text-xl{font-size:1.25rem}.progress-explanation-modal .text-3xl{font-size:2rem}.progress-explanation-modal .grid.md\:grid-cols-2{grid-template-columns:1fr}.progress-explanation-modal .w-12.h-12{width:2.5rem;height:2.5rem}.progress-explanation-modal .w-10.h-10{width:2rem;height:2rem}}@media(max-width:480px){.progress-explanation-modal .ant-modal{margin:8px;max-width:calc(100vw - 16px)}.progress-explanation-modal .ant-modal-header{padding:16px 20px}.progress-explanation-modal .ant-modal-body{padding:20px 16px}.progress-explanation-modal .text-2xl{font-size:1.25rem}.progress-explanation-modal .text-xl{font-size:1.125rem}}@media(prefers-color-scheme:dark){.progress-explanation-modal .ant-modal-body{background:linear-gradient(135deg,#1f2937,#111827)}.progress-explanation-modal .bg-var(--bg-primary){background:#1f2937cc!important;backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.3)}.progress-explanation-modal .text-gray-800{color:var(--bg-secondary)!important}.progress-explanation-modal .text-gray-700,.progress-explanation-modal .text-gray-600{color:var(--border-color)!important}}.progress-explanation-modal .space-y-8>*:nth-child(1){animation:slideInUp .6s ease-out .1s both}.progress-explanation-modal .space-y-8>*:nth-child(2){animation:slideInUp .6s ease-out .2s both}.progress-explanation-modal .space-y-8>*:nth-child(3){animation:slideInUp .6s ease-out .3s both}.progress-explanation-modal .space-y-8>*:nth-child(4){animation:slideInUp .6s ease-out .4s both}.dashboard-main-container{display:flex!important;flex-direction:column!important;gap:32px!important;max-width:1400px;margin:0 auto;padding:2rem;align-items:stretch!important;justify-content:flex-start!important}.dashboard-section{display:block!important;width:100%!important;margin-bottom:0!important}.dashboard-section:last-child{margin-bottom:0}.filter-search-section{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:24px}.filter-search-section .search-container{margin-top:16px;margin-bottom:0}.activity-section{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.activity-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:8px}.activity-section h3 i{color:var(--color-primary);font-size:1.1rem}.filter-section{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:14px;font-weight:600;color:var(--text-primary);min-width:50px;flex-shrink:0;background:var(--bg-secondary);padding:4px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap;flex:1}.filter-button{padding:6px 16px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:var(--border-radius-lg);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-base);var(--bg-primary)-space: nowrap;backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.filter-button:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-button.active{background:var(--gradient-primary);border-color:var(--color-primary-light);color:var(--text-inverse);box-shadow:var(--shadow-md);transform:translateY(-1px)}.filter-button.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 16px #667eea66}@media(max-width:768px){.filter-section{padding:12px;gap:10px}.filter-bar{gap:8px}.filter-label{font-size:13px;min-width:45px}.filter-buttons{gap:6px}.filter-button{padding:5px 12px;font-size:12px;border-radius:16px}}@media(max-width:480px){.filter-section{padding:10px;gap:8px}.filter-bar{flex-direction:column;align-items:flex-start;gap:6px}.filter-label{font-size:12px;min-width:auto}.filter-buttons{width:100%;justify-content:flex-start}.filter-button{padding:4px 10px;font-size:11px;border-radius:14px}}@media(prefers-color-scheme:dark){.filter-section{background:#0003;border-color:#ffffff26}.filter-button{background:#ffffff14;border-color:#ffffff26}.filter-button:hover{background:#ffffff1f;border-color:#ffffff40}}@media(prefers-contrast:high){.filter-button{border-width:2px;font-weight:600}.filter-button.active{background:#4c51bf;border-color:var(--text-inverse)}}@media(prefers-reduced-motion:reduce){.filter-button{transition:none}.filter-button:hover,.filter-button.active{transform:none}}.filter-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:12px 12px 0 0;opacity:.6}.filter-results{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 0;font-size:12px;color:#ffffffb3}.filter-results .results-count{font-weight:600;color:#ffffffe6}.filter-clear{background:none;border:none;color:#fff9;font-size:12px;cursor:pointer;text-decoration:underline;transition:color .2s ease}.filter-clear:hover{color:#ffffffe6}.filter-section{position:relative;overflow:hidden}.filter-section:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.filter-section:hover:after{left:100%}@media(max-width:768px){.dashboard-section{margin-bottom:24px}.filter-search-section{padding:16px;margin-bottom:20px}.filter-search-section .search-container{margin-top:12px}.activity-section{padding:16px}.activity-section h3{font-size:1.1rem;margin-bottom:16px;padding-bottom:10px}}@media(max-width:480px){.dashboard-section{margin-bottom:20px}.filter-search-section{padding:12px;margin-bottom:16px}.filter-search-section .search-container{margin-top:10px}.activity-section{padding:12px}.activity-section h3{font-size:1rem;margin-bottom:14px;padding-bottom:8px}}.filter-search-section .search-container{margin:16px 0 0!important;padding:0!important;background:transparent!important;border:none!important;display:block!important}.filter-search-section .search-wrapper{width:100%!important;max-width:none!important;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.filter-search-section .search-wrapper input{width:100%!important;padding:12px 16px 12px 40px!important;border:none!important;border-radius:var(--border-radius)!important;background:transparent!important;font-size:14px!important}.filter-search-section .search-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.filter-search-section .search-icon{left:12px!important;color:var(--text-secondary)!important}.dashboard-main-container .stat-cards-container{display:flex!important;gap:1rem!important;align-items:center!important}.dashboard-main-container>*{width:100%;flex-shrink:0}.dashboard-main-container .dashboard-section,.dashboard-main-container .filter-search-section{display:block!important}.dashboard-main-container{min-height:100vh;box-sizing:border-box}.dashboard-main-container .dashboard-section{box-sizing:border-box;margin-bottom:0!important}.dashboard-main-container .task-grid{width:100%!important;display:grid!important}.primary-score-card{transform:scale(1.1);box-shadow:0 8px 25px #f59e0b40!important}.primary-score-card:hover{transform:scale(1.15) translateY(-5px)!important;box-shadow:0 12px 35px #f59e0b59!important}.sub-score-card{opacity:.9;transform:scale(.95)}.sub-score-card:hover{opacity:1;transform:scale(1)}.incentive-card{position:relative;overflow:hidden}.incentive-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.2),transparent);animation:incentiveShimmer 3s ease-in-out infinite}@keyframes incentiveShimmer{0%{left:-100%}50%{left:100%}to{left:-100%}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media(max-width:768px){.stat-cards-container{gap:.75rem!important;flex-wrap:wrap;justify-content:center}.stat-card{min-width:120px;flex:0 1 auto}.primary-score-card{order:-1;flex:1 1 100%;max-width:100%;transform:scale(1.05)}.primary-score-card:hover{transform:scale(1.08) translateY(-3px)!important}.sub-score-card{flex:1 1 calc(50% - .375rem);min-width:100px;transform:scale(.9)}}@media(max-width:480px){.stat-cards-container{flex-direction:column;gap:.75rem!important;align-items:stretch}.stat-card{width:100%;min-width:auto;flex:none}.primary-score-card,.sub-score-card{transform:scale(1);order:initial;flex:none;max-width:100%}.primary-score-card:hover,.sub-score-card:hover{transform:scale(1.02) translateY(-2px)!important}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:-100%}}.review-button.enhanced{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 20px #7c3aed66,0 2px 8px #7c3aed4d,inset 0 1px #fff3}.review-button.enhanced:hover{background:linear-gradient(135deg,#6d28d9,#4c1d95);box-shadow:0 6px 25px #7c3aed80,0 3px 12px #7c3aed66,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.05)}.review-score-tag{position:relative;background:linear-gradient(135deg,#7c3aed26,#7c3aed40);border:1px solid rgba(124,58,237,.3);color:#7c3aed;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:600;overflow:hidden;animation:reviewTagPulse 3s ease-in-out infinite}.review-score-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2.5s infinite}@keyframes reviewTagPulse{0%,to{box-shadow:0 0 #7c3aed4d}50%{box-shadow:0 0 0 4px #7c3aed1a}}.admin-dashboard{min-height:100vh;background:var(--bg-gradient);color:var(--text-primary)}.admin-dashboard.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.dashboard-header{padding:60px 0 10px;text-align:center;background:var(--gradient-primary-overlay);position:relative}[data-theme=light] .dashboard-header{background:linear-gradient(135deg,#3b82f608,#8b5cf60d)}[data-theme=dark] .dashboard-header{background:linear-gradient(135deg,#60a5fa0d,#a78bfa14)}.page-title{font-size:2.8rem;font-weight:700;margin-bottom:16px;background:var(--gradient-text-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .page-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .page-title{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.2rem;color:var(--text-secondary);opacity:.9}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));border-radius:2px}.overview-section{margin-bottom:60px}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:768px){.stats-cards{grid-template-columns:1fr}}@media(max-width:1024px){.stats-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.stat-card{background:var(--bg-primary);border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid var(--border-color);display:flex;align-items:center;gap:20px}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-inverse);background:linear-gradient(135deg,var(--text-secondary),var(--text-secondary))}.stat-icon.expert{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.stat-icon.questions{background:linear-gradient(135deg,#10b981,#34d399)}.stat-icon.papers{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-number{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:5px}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.quick-actions-section{margin-bottom:60px}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.action-card{background:var(--bg-primary);border-radius:20px;padding:40px 30px;box-shadow:0 6px 25px #00000014;transition:all .3s ease;cursor:pointer;border:1px solid var(--border-color);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));transition:all .3s ease}.action-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.action-card:hover:before{height:6px}.action-icon{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:25px;transition:all .3s ease}.action-card:hover .action-icon{transform:scale(1.1)}.action-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:15px}.action-description{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.action-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.feature-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.action-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse);border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}.recent-activities-section{margin-bottom:40px}.activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.view-more-btn{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-more-btn:hover{background:var(--color-primary);color:var(--text-inverse)}.activities-list{background:var(--bg-primary);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid var(--border-color)}.activity-item{display:flex;align-items:center;padding:20px 30px;border-bottom:1px solid var(--bg-tertiary);transition:all .3s ease}.activity-item:hover{background:var(--bg-secondary)}.activity-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:20px;flex-shrink:0}.activity-main{margin-bottom:5px}.activity-user{font-weight:600;color:var(--text-primary);margin-right:8px}.activity-action{color:var(--text-secondary);margin-right:8px}.activity-target{color:var(--color-primary);font-weight:500;margin-right:8px}.activity-score{color:var(--color-success);font-weight:600}.activity-meta{display:flex;align-items:center;gap:15px}.activity-time{color:var(--text-tertiary);font-size:.9rem}.activity-points{background:var(--color-success-light);color:var(--color-success-hover);padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.activity-type-icon{width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-left:20px;flex-shrink:0}.activity-type-icon i.fa-check-circle{color:var(--color-success)}.activity-type-icon i.fa-trophy{color:var(--color-warning)}.activity-type-icon i.fa-play-circle{color:var(--color-primary)}.activity-type-icon i.fa-chart-line{color:var(--color-secondary)}@media(max-width:768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.stats-cards,.action-cards{grid-template-columns:1fr;gap:20px}.activities-header{flex-direction:column;gap:20px;align-items:stretch}.activity-item{padding:15px 20px}.activity-avatar{width:40px;height:40px;margin-right:15px}.activity-type-icon{margin-left:10px}}@media(max-width:480px){.dashboard-header{padding:30px 0}.container{padding:0 15px}.stat-card{padding:20px;flex-direction:column;text-align:center;gap:15px}.action-card{padding:30px 20px}.activity-item{flex-direction:column;align-items:flex-start;gap:15px}.activity-content{width:100%}.activity-meta{justify-content:space-between;width:100%}}.stat-card{animation:fadeInUp .6s ease forwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.action-card{animation:fadeInUp .6s ease forwards}.action-card:nth-child(1){animation-delay:.2s}.action-card:nth-child(2){animation-delay:.3s}.action-card:nth-child(3){animation-delay:.4s}.activity-item{animation:fadeInUp .4s ease forwards}.activity-item:nth-child(1){animation-delay:.1s}.activity-item:nth-child(2){animation-delay:.2s}.activity-item:nth-child(3){animation-delay:.3s}.activity-item:nth-child(4){animation-delay:.4s}.function-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;transition:all .3s ease}@media(min-width:1400px){.function-cards{grid-template-columns:repeat(5,1fr)}}@media(max-width:1400px)and (min-width:768px){.function-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.function-cards{grid-template-columns:1fr}}.function-card.framework-management-card:before{background:linear-gradient(45deg,#1e40af,#3b82f6)}.function-card.question-management-card:before{background:linear-gradient(45deg,#06b6d4,#22d3ee)}.function-card.smart-paper-card:before{background:linear-gradient(45deg,#3b82f6,#60a5fa)}.function-card.paper-management-card:before{background:linear-gradient(45deg,#10b981,#34d399)}.function-card.expert-management-card:before{background:linear-gradient(45deg,#8b5cf6,#a78bfa)}.framework-management-card .card-icon{background:linear-gradient(135deg,#1e40af,#3b82f6)}.question-management-card .card-icon{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.smart-paper-card .card-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.paper-management-card .card-icon{background:linear-gradient(135deg,#10b981,#34d399)}.expert-management-card .card-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}@media(max-width:768px){.page-title{font-size:2rem}.section-title{font-size:1.8rem}.function-cards{grid-template-columns:1fr!important;gap:20px}.stats-cards{grid-template-columns:1fr;gap:20px}.function-card{padding:25px 20px}}.organization-progress{min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--border-color) 100%);padding-top:20px}.organization-progress.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.progress-header{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-hover) 100%);color:var(--text-inverse);padding:40px 0;margin-bottom:40px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.page-title{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.section-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:30px;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(45deg,var(--color-secondary),var(--color-primary));border-radius:2px}.filters-section{margin-bottom:40px}.filters-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.stats-section{margin-bottom:50px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.stats-card{background:var(--bg-primary);border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;border:1px solid var(--border-color)}.stats-card h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:25px;text-align:center}.completion-chart{display:flex;justify-content:space-around;align-items:end;height:200px;padding:20px 0}.chart-item{display:flex;flex-direction:column;align-items:center;gap:15px}.chart-bar{width:60px;border-radius:8px 8px 0 0;transition:all .3s ease;position:relative}.chart-bar.completed{background:linear-gradient(180deg,var(--color-success),var(--color-success))}.chart-bar.in-progress{background:linear-gradient(180deg,var(--color-warning),var(--color-warning))}.chart-bar.not-started{background:linear-gradient(180deg,var(--color-error),var(--color-error))}.chart-label{font-size:.9rem;color:var(--text-secondary);text-align:center;font-weight:600}.trend-chart{position:relative;height:200px;padding:20px}.trend-line{position:relative;width:100%;height:150px;background:linear-gradient(to right,var(--bg-tertiary) 0%,var(--bg-tertiary) 100%);border-radius:8px}.trend-point{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;border:3px solid var(--bg-primary);box-shadow:0 2px 8px #3b82f64d;cursor:pointer;transition:all .3s ease}.trend-point:hover{transform:scale(1.3);box-shadow:0 4px 12px #3b82f680}.trend-labels{display:flex;justify-content:space-between;margin-top:15px;font-size:.9rem;color:var(--text-secondary)}.members-section{margin-bottom:40px}.members-table{background:var(--bg-primary);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid var(--border-color)}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 1fr 1fr;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:2px solid var(--border-color)}.header-cell{padding:20px 15px;font-weight:700;color:var(--text-primary);font-size:.9rem;text-align:center}.header-cell:first-child{text-align:left}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 1fr 1fr;border-bottom:1px solid var(--bg-tertiary);transition:all .3s ease}.table-row:hover{background:var(--bg-secondary)}.table-row:last-child{border-bottom:none}.table-cell{padding:20px 15px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.table-cell:first-child{justify-content:flex-start}.member-info{display:flex;align-items:center;gap:15px}.member-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.member-details{flex:1}.member-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.member-username{font-size:.8rem;color:var(--text-secondary)}.task-progress{font-weight:600;color:var(--color-primary)}.total-score{font-weight:700;color:var(--text-primary);font-size:1.1rem}.average-score{font-weight:600;color:var(--color-success);font-size:1rem}.progress-bar{position:relative;width:100%;height:20px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;transition:all .3s ease;position:relative}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:var(--text-inverse);text-shadow:0 1px 2px rgba(0,0,0,.3)}.last-activity{color:var(--text-secondary);font-size:.9rem}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center}.status-badge.active{background:var(--color-success-light);color:var(--color-success-hover)}.status-badge.recent{background:var(--color-warning-light);color:var(--color-warning-hover)}.status-badge.inactive{background:var(--color-error-light);color:var(--color-error-hover)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state i{font-size:3rem;margin-bottom:20px;color:var(--text-muted)}.empty-state h3{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:var(--text-secondary)}.empty-state p{font-size:1rem;color:var(--text-secondary)}@media(max-width:1024px){.stats-cards{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.header-cell:nth-child(3),.table-cell:nth-child(3){display:none}}@media(max-width:768px){.page-title{font-size:2rem}.header-content{flex-direction:column;gap:20px;text-align:center}.filters-row{flex-direction:column;align-items:stretch}.filters-row>*{width:100%}.completion-chart{height:150px}.chart-bar{width:40px}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr}.header-cell:nth-child(n+4),.table-cell:nth-child(n+4){display:none}.member-info{flex-direction:column;text-align:center;gap:10px}.member-avatar{width:35px;height:35px;font-size:1rem}}@media(max-width:480px){.container{padding:0 15px}.stats-card{padding:20px}.completion-chart{height:120px;padding:10px 0}.chart-bar{width:30px}.chart-label{font-size:.8rem}.table-cell{padding:15px 10px;font-size:.8rem}.member-avatar{width:30px;height:30px;font-size:.9rem}}.stats-card{animation:fadeInUp .6s ease forwards}.stats-card:nth-child(1){animation-delay:.1s}.stats-card:nth-child(2){animation-delay:.2s}.table-row{animation:fadeInUp .4s ease forwards}.table-row:nth-child(1){animation-delay:.1s}.table-row:nth-child(2){animation-delay:.15s}.table-row:nth-child(3){animation-delay:.2s}.table-row:nth-child(4){animation-delay:.25s}.table-row:nth-child(5){animation-delay:.3s}.chart-bar{animation:growUp 1s ease forwards;transform-origin:bottom}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-bar:nth-child(1){animation-delay:.2s}.chart-bar:nth-child(2){animation-delay:.4s}.chart-bar:nth-child(3){animation-delay:.6s}.trend-point{animation:fadeInScale .6s ease forwards;opacity:0;transform:scale(0)}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}.trend-point:nth-child(1){animation-delay:.3s}.trend-point:nth-child(2){animation-delay:.4s}.trend-point:nth-child(3){animation-delay:.5s}.trend-point:nth-child(4){animation-delay:.6s}.trend-point:nth-child(5){animation-delay:.7s}.trend-point:nth-child(6){animation-delay:.8s}.organization-settings{padding:24px;background:#f5f5f5;min-height:100vh}.organization-settings.loading,.organization-settings.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.page-header{background:var(--bg-primary);padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary);display:flex;align-items:center}.page-header p{margin:0;color:var(--text-secondary);font-size:14px}.settings-content{background:var(--bg-primary);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.settings-content .ant-tabs{margin:0}.settings-content .ant-tabs-content-holder{padding:24px}.settings-card{border:none;box-shadow:none}.settings-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 0 16px}.settings-card .ant-card-head-title{font-size:16px;font-weight:600;color:var(--text-primary)}.settings-card .ant-card-body{padding:24px 0 0}.enroll-key-section{display:flex;flex-direction:column;gap:16px}.key-display{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border:1px solid #d9d9d9;border-radius:6px}.key-label{font-weight:500;color:var(--text-secondary);min-width:100px}.key-value{display:flex;align-items:center;gap:8px;flex:1}.key-value code{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;padding:4px 8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#24292e;letter-spacing:.5px}.key-actions{display:flex;justify-content:flex-end}.key-info{background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;padding:12px 16px;margin-top:16px}.key-info p{margin:4px 0;color:#52c41a;font-size:13px}.key-info p:first-child{margin-top:0}.key-info p:last-child{margin-bottom:0}.ant-table-thead>tr>th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.ant-table-tbody>tr>td{vertical-align:top;padding:12px 16px}.ant-table-tbody>tr:hover>td{background:#f5f5f5}.ant-tag{border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.ant-descriptions-bordered .ant-descriptions-item-label{background:var(--bg-secondary);font-weight:500;color:var(--text-primary)}.ant-descriptions-bordered .ant-descriptions-item-content{background:var(--bg-primary)}@media(max-width:768px){.organization-settings,.page-header{padding:16px}.page-header h1{font-size:20px}.settings-content .ant-tabs-content-holder{padding:16px}.key-display{flex-direction:column;align-items:flex-start;gap:8px}.key-label{min-width:auto}.key-value{width:100%}.key-actions{justify-content:flex-start}.ant-descriptions-bordered .ant-descriptions-item{display:block}.ant-descriptions-bordered .ant-descriptions-item-label,.ant-descriptions-bordered .ant-descriptions-item-content{display:block;width:100%;padding:8px 12px}.ant-table{font-size:12px}.ant-table-tbody>tr>td{padding:8px 12px}}@media(max-width:480px){.organization-settings,.page-header,.settings-content .ant-tabs-content-holder,.key-display{padding:12px}.key-info{padding:8px 12px}}.organization-settings.loading p,.organization-settings.error p{color:var(--text-secondary);font-size:16px;margin:0}.organization-settings.error p{color:var(--color-error)}.ant-table-body::-webkit-scrollbar{height:8px}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-tabs-tab{font-weight:500}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff;font-weight:600}.ant-space-item .ant-btn{border-radius:4px}.ant-btn-primary{background:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.ant-btn-danger{background:var(--color-error);border-color:var(--color-error);color:var(--text-inverse)}.ant-btn-danger:hover{background:var(--color-error-light);border-color:var(--color-error-light);color:var(--text-inverse)}.admin-package-management{padding:24px;background:var(--bg-primary);min-height:100vh}.management-header{margin-bottom:32px}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;display:flex;align-items:center;gap:12px}.page-description{font-size:14px;color:var(--text-secondary);margin:0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;position:relative;overflow:hidden;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.stat-card-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card-icon.green{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.stat-card-icon.orange{background:linear-gradient(135deg,#fb923c,#ea580c);color:#fff}.stat-card-icon.purple{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.stat-card-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-card-label{font-size:14px;color:var(--text-secondary);font-weight:500}.management-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.content-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.header-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filter-select{min-width:120px}.search-input{min-width:250px}.table-container{overflow-x:auto}.custom-table .ant-table-thead>tr>th{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);font-weight:600;color:var(--text-primary)}.custom-table .ant-table-tbody>tr>td{padding:16px 24px;border-bottom:1px solid var(--border-color)}.custom-table .ant-table-tbody>tr:hover>td{background:var(--bg-tertiary)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.published{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.draft{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.status-badge.review{background:#fef3c7;color:#92400e;border:1px solid #fed7aa}.status-badge.archived{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.package-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.package-info{font-size:12px;color:var(--text-secondary)}.access-code{font-family:Courier New,monospace;font-weight:600;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;border:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-item{display:flex;align-items:center;gap:6px;font-size:12px}.stat-item .label{color:var(--text-secondary)}.stat-item .value{font-weight:600;color:var(--text-primary)}.action-buttons{display:flex;gap:8px}.action-button{padding:4px 8px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.action-button.view{background:#dbeafe;color:#1d4ed8}.action-button.view:hover{background:#bfdbfe}.action-button.code{background:#f3e8ff;color:#7c3aed}.action-button.code:hover{background:#e9d5ff}.action-button.status{background:#ecfdf5;color:#047857}.action-button.status:hover{background:#d1fae5}.modal-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-label{font-size:12px;color:var(--text-secondary);font-weight:500}.detail-value{font-size:14px;color:var(--text-primary);font-weight:600}.detail-value.full-width{grid-column:1 / -1}.chart-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:16px;height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.subscriptions-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.subscription-item{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.subscription-item:last-child{border-bottom:none}.subscription-user{flex:1}.subscription-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.subscription-email,.subscription-date{font-size:12px;color:var(--text-secondary)}@media(max-width:768px){.admin-package-management{padding:16px}.stats-cards{grid-template-columns:1fr}.content-header{flex-direction:column;align-items:flex-start}.header-filters{width:100%;flex-direction:column;align-items:stretch}.search-input{min-width:auto}.modal-detail-grid{grid-template-columns:1fr}.detail-value.full-width{grid-column:1}}@media(max-width:480px){.page-title{font-size:24px}.stat-card-value{font-size:28px}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;width:100%}.action-button{justify-content:center}}.smart-paper-generation{min-height:100vh;background:var(--bg-gradient);color:var(--text-primary);padding-bottom:40px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px}.back-button{margin-bottom:20px}.header-title{display:flex;align-items:center;gap:20px}.config-card,.stats-card,.result-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 8px 24px #00000014;border:1px solid var(--border-color);transition:all .3s ease;margin-bottom:24px}.config-card:hover,.stats-card:hover,.result-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-2px)}.config-card .ant-card-head,.stats-card .ant-card-head,.result-card .ant-card-head{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:16px 16px 0 0}.config-card .ant-card-head-title,.stats-card .ant-card-head-title,.result-card .ant-card-head-title{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.stats-overview{display:flex;justify-content:center;margin-bottom:30px}.stat-item{text-align:center;padding:20px;background:var(--gradient-primary-overlay);border-radius:12px;min-width:150px}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.stats-section{margin-bottom:24px}.stats-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--color-primary);display:inline-block}.stat-list{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;transition:all .2s ease}.stat-row:hover{background:var(--bg-tertiary);transform:translate(4px)}.stat-count{font-weight:600;color:var(--color-primary);background:#3b82f61a;padding:2px 8px;border-radius:12px;font-size:.85rem}.generation-progress{margin-top:24px;padding:20px;background:var(--gradient-primary-overlay);border-radius:12px;text-align:center}.progress-text{margin-top:12px;color:var(--text-secondary);font-weight:500}.paper-summary{margin-bottom:24px}.paper-summary h3{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.paper-info{display:flex;flex-wrap:wrap;gap:20px;color:var(--text-secondary);font-size:.9rem}.paper-info span{background:var(--bg-secondary);padding:6px 12px;border-radius:16px;border:1px solid var(--border-color)}.questions-preview h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.questions-list{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto;padding-right:8px}.question-item{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-color);transition:all .2s ease}.question-item:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.question-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.question-index{font-weight:600;color:var(--color-primary);font-size:1rem}.question-type{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.question-difficulty{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.question-difficulty:contains("简单"){background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.question-difficulty:contains("中等"){background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.question-difficulty:contains("困难"){background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.question-score{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.question-text{color:var(--text-primary);line-height:1.6;margin-bottom:12px;font-size:.95rem}.question-domain{color:var(--text-tertiary);font-size:.85rem;font-style:italic}.more-questions{text-align:center;padding:16px;color:var(--text-secondary);font-style:italic;background:var(--bg-tertiary);border-radius:8px;margin-top:12px}.result-actions{display:flex;gap:12px;margin-top:24px;justify-content:center;flex-wrap:wrap}.result-actions .ant-btn{border-radius:8px;font-weight:500;min-width:120px}.ant-input,.ant-select-selector,.ant-input-number{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);border-radius:8px}.ant-input:hover,.ant-select-selector:hover,.ant-input-number:hover{border-color:var(--color-primary)}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-input-number-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}@media(max-width:768px){.header-title{flex-direction:column;text-align:center;gap:16px}.title-icon{font-size:36px}.header-title h1{font-size:2rem}.content-container{padding:0 16px;margin-top:20px}.paper-info{flex-direction:column;gap:8px}.question-header{gap:8px}.result-actions{flex-direction:column}.result-actions .ant-btn{width:100%}}.questions-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.questions-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.questions-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.paper-management{min-height:100vh;background:var(--bg-gradient);color:var(--text-primary);padding-bottom:40px}.create-button{background:var(--gradient-primary);border:none;border-radius:8px;font-weight:500;height:40px;padding:0 20px;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease}.create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.paper-list-card{background:var(--bg-primary);border-radius:16px;box-shadow:0 8px 24px #00000014;border:1px solid var(--border-color);transition:all .3s ease}.paper-list-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.stats-summary{display:flex;gap:20px;align-items:center}.stats-summary span{font-size:.9rem;color:var(--text-secondary);padding:4px 12px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.paper-table{background:var(--bg-primary)}.paper-table .ant-table-thead>tr>th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-color)}.paper-table .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-color);transition:all .2s ease}.paper-table .ant-table-tbody>tr:hover>td{background:var(--bg-secondary)}.paper-table .ant-table-tbody>tr>td{padding:16px}.ant-tag{border-radius:12px;border:none;font-weight:500;font-size:.85rem;padding:2px 8px}.ant-tag-blue{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);color:var(--color-primary)}.ant-tag-green{background:linear-gradient(135deg,#10b9811a,#34d3991a);color:var(--color-success)}.ant-tag-orange{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);color:var(--color-warning)}.ant-tag-default{background:var(--bg-tertiary);color:var(--text-tertiary)}.ant-btn-link{color:var(--color-primary);padding:4px 8px;border-radius:6px;transition:all .2s ease}.ant-btn-link:hover{background:#3b82f61a;color:var(--color-primary-hover)}.ant-btn-link.ant-btn-dangerous{color:var(--color-error)}.ant-btn-link.ant-btn-dangerous:hover{background:#ef44441a;color:var(--color-error-hover)}.ant-btn-link:disabled{color:var(--text-disabled);background:transparent}.ant-modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #00000026}.ant-modal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0}.ant-modal-title{color:var(--text-primary);font-weight:600;font-size:1.2rem}.ant-modal-body{background:var(--bg-primary)}.ant-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:0 0 16px 16px}.ant-input,.ant-select-selector{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);border-radius:8px}.ant-input:hover,.ant-select-selector:hover{border-color:var(--color-primary)}.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.ant-select-dropdown{background:var(--bg-primary);border-color:var(--border-color)}.ant-select-item{color:var(--text-primary)}.ant-select-item:hover{background:var(--bg-secondary)}.ant-select-item-option-selected{background:var(--gradient-primary-overlay);color:var(--color-primary)}.paper-details{max-height:600px;overflow-y:auto}.detail-section{margin-bottom:32px}.detail-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);display:inline-block}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.detail-item span{font-size:1rem;color:var(--text-primary);font-weight:400}.paper-preview{background:var(--bg-secondary);border-radius:12px;padding:24px;border:1px solid var(--border-color)}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.preview-header h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.preview-meta{display:flex;gap:8px;flex-wrap:wrap}.preview-content{color:var(--text-secondary);line-height:1.6}.preview-content p{margin-bottom:12px}.ant-pagination{color:var(--text-primary)}.ant-pagination-item{background:var(--bg-primary);border-color:var(--border-color)}.ant-pagination-item a{color:var(--text-primary)}.ant-pagination-item:hover{border-color:var(--color-primary)}.ant-pagination-item:hover a{color:var(--color-primary)}.ant-pagination-item-active{background:var(--gradient-primary);border-color:var(--color-primary)}.ant-pagination-item-active a{color:#fff}.ant-pagination-prev,.ant-pagination-next{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.ant-pagination-prev:hover,.ant-pagination-next:hover{border-color:var(--color-primary);color:var(--color-primary)}.ant-pagination-options{color:var(--text-primary)}.ant-pagination-options-quick-jumper input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}@media(max-width:1200px){.header-content{flex-direction:column;align-items:flex-start;gap:16px}.back-button{margin-right:0;margin-bottom:16px}.header-title{min-width:auto}.create-button{width:100%}.card-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-summary{flex-wrap:wrap;gap:12px}}@media(max-width:768px){.title-icon{font-size:36px}.header-title h1{font-size:2rem}.content-container{padding:0 16px;margin-top:20px}.detail-grid{grid-template-columns:1fr}.preview-header{flex-direction:column;gap:12px}.paper-table .ant-table-tbody>tr>td{padding:12px 8px}.stats-summary{justify-content:flex-start}.header-title{flex-direction:column;text-align:center;gap:12px}}.paper-details::-webkit-scrollbar{width:6px}.paper-details::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.paper-details::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.paper-details::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.data-dashboard{min-height:100vh;background:var(--bg-gradient);color:var(--text-primary);padding-bottom:40px}.page-header{background:var(--gradient-primary-overlay);padding:30px 0;border-bottom:1px solid var(--border-color)}[data-theme=light] .page-header{background:linear-gradient(135deg,#3b82f608,#8b5cf60d)}[data-theme=dark] .page-header{background:linear-gradient(135deg,#60a5fa0d,#a78bfa14)}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.back-button{margin-right:auto}.header-title{display:flex;align-items:center;gap:20px;flex:1;min-width:300px}.title-icon{font-size:48px;color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.header-title p{font-size:1.1rem;color:var(--text-secondary);margin:0}.header-controls{display:flex;gap:16px;align-items:center}.content-container{max-width:1200px;margin:30px auto 0;padding:0 20px}.summary-row{margin-bottom:32px}.summary-card{background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease;overflow:hidden;position:relative}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.users-card:before{background:linear-gradient(45deg,#3b82f6,#60a5fa)}.questions-card:before{background:linear-gradient(45deg,#10b981,#34d399)}.sessions-card:before{background:linear-gradient(45deg,#f59e0b,#fbbf24)}.performance-card:before{background:linear-gradient(45deg,#ef4444,#f87171)}.summary-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #00000026}.summary-card .ant-statistic{padding:20px}.summary-card .ant-statistic-title{color:var(--text-secondary);font-weight:500;margin-bottom:12px}.summary-card .ant-statistic-content{font-size:2rem;font-weight:700}.card-footer{padding:16px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.trend-label{color:var(--text-tertiary);font-size:.85rem}.trend-value{font-weight:600;font-size:.9rem}.trend-value.positive{color:var(--color-success)}.trend-value.negative{color:var(--color-error)}.charts-row{margin-bottom:32px}.chart-card{background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease;height:400px}.chart-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.card-title{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-weight:600;font-size:1.1rem}.card-title .anticon{color:var(--color-primary);font-size:1.2rem}.chart-card .ant-card-head{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0}.chart-card .ant-card-body{padding:20px;height:calc(100% - 57px);display:flex;align-items:center;justify-content:center}.details-row{margin-bottom:32px}.detail-card{background:var(--bg-primary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.detail-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.detail-card .ant-card-head{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0}.detail-card .ant-card-head-title{color:var(--text-primary);font-weight:600;font-size:1.1rem}.detail-card .ant-card-body{padding:0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:all .2s ease}.detail-item:last-child{border-bottom:none}.detail-item:hover{background:var(--bg-secondary)}.detail-item span{color:var(--text-secondary);font-size:.95rem}.detail-item strong{color:var(--text-primary);font-size:1.1rem;font-weight:600}.ant-picker{background:var(--bg-secondary);border-color:var(--border-color);border-radius:8px}.ant-picker:hover,.ant-picker.ant-picker-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.ant-picker-input>input{color:var(--text-primary)}.ant-picker-input>input::-moz-placeholder{color:var(--text-tertiary)}.ant-picker-input>input::placeholder{color:var(--text-tertiary)}.ant-picker-suffix{color:var(--color-primary)}.ant-picker-dropdown{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 8px 24px #00000026}.ant-picker-panel{background:var(--bg-primary);border:1px solid var(--border-color)}.ant-picker-header{border-bottom:1px solid var(--border-color);color:var(--text-primary)}.ant-picker-cell{color:var(--text-primary)}.ant-picker-cell:hover{background:var(--bg-secondary)}.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--gradient-primary);border-color:var(--color-primary)}.ant-picker-cell-today .ant-picker-cell-inner{border-color:var(--color-primary)}.ant-progress-line{margin:0}.ant-progress-bg{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-hover))}.ant-progress-text{color:var(--text-secondary)}.ant-statistic-content{color:var(--text-primary)}.ant-statistic-content-value{font-weight:700}.ant-statistic-content-suffix{color:var(--text-secondary)}.g2-tooltip{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;color:var(--text-primary)!important}.g2-legend{color:var(--text-primary)!important}.g2-axis-label{fill:var(--text-secondary)!important}.g2-grid-line{stroke:var(--border-color)!important}@media(max-width:1200px){.header-content{flex-direction:column;align-items:flex-start;gap:16px}.back-button{margin-right:0;margin-bottom:16px}.header-title{min-width:auto}.header-controls{width:100%;justify-content:flex-start}.chart-card{height:350px}}@media(max-width:768px){.title-icon{font-size:36px}.header-title h1{font-size:2rem}.content-container{padding:0 16px;margin-top:20px}.summary-card .ant-statistic-content{font-size:1.5rem}.chart-card{height:300px}.header-content{padding:0 16px}.header-title{flex-direction:column;text-align:center;gap:12px}.card-footer,.detail-item{flex-direction:column;gap:8px;text-align:center}}@media(max-width:576px){.summary-row .ant-col{margin-bottom:16px}.chart-card{height:250px}.chart-card .ant-card-body{padding:16px 12px}.detail-item{padding:12px 16px}.detail-item strong{font-size:1rem}}.ant-spin-blur{opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ant-empty,.ant-empty-description{color:var(--text-tertiary)}.summary-card,.chart-card,.detail-card{position:relative;overflow:hidden}.summary-card:after,.chart-card:after,.detail-card:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.summary-card:hover:after,.chart-card:hover:after,.detail-card:hover:after{transform:translate(100%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.summary-card,.chart-card,.detail-card{animation:fadeInUp .6s ease forwards}.summary-card:nth-child(1){animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}.summary-card:nth-child(4){animation-delay:.4s}.chart-card:nth-child(1){animation-delay:.2s}.chart-card:nth-child(2){animation-delay:.3s}.detail-card:nth-child(1){animation-delay:.3s}.detail-card:nth-child(2){animation-delay:.4s}.detail-card:nth-child(3){animation-delay:.5s}.expert-dashboard{min-height:100vh;background:var(--bg-gradient);color:var(--text-primary)}.expert-dashboard.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.loading-spinner{width:50px;height:50px;border:4px solid rgba(59,130,246,.2);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.expert-dashboard.loading p{color:var(--text-secondary);font-size:1.1rem}.hero-section{padding:60px 0 10px;text-align:center;background:var(--gradient-primary-overlay);position:relative}[data-theme=light] .hero-section{background:linear-gradient(135deg,#3b82f608,#8b5cf60d)}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#60a5fa0d,#a78bfa14)}.hero-content{max-width:800px;margin:0 auto;padding:0 20px}.hero-title{font-size:2.8rem;font-weight:700;margin-bottom:16px;background:var(--gradient-text-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .hero-title{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);opacity:.9}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:50px;color:var(--text-primary);position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--gradient-primary);border-radius:2px}.overview-section{padding:10px 0;background:var(--bg-secondary)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px}.stat-card{background:var(--bg-primary);border-radius:12px;padding:16px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative;overflow:hidden;min-height:120px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.stat-card.clickable{cursor:pointer;position:relative}.stat-card.clickable:after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#3b82f680;font-size:16px;transition:all .3s ease;opacity:0}.stat-card.clickable:hover:after{opacity:1;right:15px}.stat-card.clickable:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #3b82f626;border:1px solid rgba(59,130,246,.1)}.stat-card.clickable:hover .stat-icon.questions{transform:scale(1.1)}.stat-card.clickable:active{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px #3b82f61f}.stat-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-inverse);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));flex-shrink:0}.stat-icon.knowledge{background:linear-gradient(135deg,#ec4899,#be185d)}.stat-icon.tasks{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.stat-icon.questions{background:linear-gradient(135deg,var(--color-warning),var(--color-warning))}.stat-header{position:relative;margin-bottom:12px;display:flex;justify-content:center;align-items:center;min-height:24px}.stat-header .stat-icon{position:absolute;left:0;top:0}.stat-title{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:center}.stat-content{flex:1}.stat-number{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.stat-detail{font-size:.75rem;color:var(--text-tertiary);line-height:1.2}.core-functions-section{padding:10px 0;background:var(--bg-primary)}.function-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;transition:all .3s ease}.function-card{background:var(--bg-primary);border-radius:20px;padding:30px 25px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.function-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;transition:all .3s ease}.function-card.knowledge-card:before{background:linear-gradient(45deg,var(--color-secondary),var(--color-secondary-hover))}.function-card.questions-card:before{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-hover))}.function-card.question-management-card:before{background:linear-gradient(45deg,#10b981,#059669)}.function-card.literacy-card:before{background:linear-gradient(45deg,#8b5cf6,#a855f7)}.function-card.builder-card:before{background:linear-gradient(45deg,#f59e0b,#d97706)}.function-card.management-card:before{background:linear-gradient(45deg,#06b6d4,#0891b2)}.function-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.function-card:hover:before{height:100%;opacity:.03}.card-icon{width:70px;height:70px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-inverse)}.knowledge-card .card-icon{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover))}.questions-card .card-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}.question-management-card .card-icon{background:linear-gradient(135deg,#10b981,#059669)}.literacy-card .card-icon{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.builder-card .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.management-card .card-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.card-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.card-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.card-description{font-size:.9rem;color:var(--text-tertiary);line-height:1.5;margin-bottom:18px}.card-features{margin-bottom:24px}.feature-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;color:var(--text-secondary);font-size:.85rem}.feature-item i{color:var(--color-primary);font-size:14px}.card-button{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.card-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.recent-activities-section{padding:60px 0;background:var(--bg-secondary)}.activities-list{background:var(--bg-primary);border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000014}.activity-item{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-inverse);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.activity-description{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.activity-time{font-size:.85rem;color:var(--text-tertiary);margin-top:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.empty-icon{font-size:64px;color:var(--text-muted);margin-bottom:20px}.empty-text{font-size:1.1rem;color:var(--text-secondary)}@media(max-width:1200px){.function-cards{grid-template-columns:repeat(2,1fr);gap:25px}}@media(max-width:768px){.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.function-cards{grid-template-columns:1fr!important;gap:20px}.stats-cards{grid-template-columns:1fr;gap:20px}.function-card{padding:25px 20px}}.expert-back-button-container{position:fixed;top:80px;left:24px;z-index:999;transition:all .3s ease}.expert-back-button{position:relative;background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(229,231,235,.6);border-radius:12px;padding:10px 18px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#374151;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a,inset 0 1px #fffc;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);cursor:pointer;min-width:140px;justify-content:center;overflow:hidden}.expert-back-button:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#2563eb;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #3b82f640,0 4px 8px #0000001a,inset 0 1px #fff3}.expert-back-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px #3b82f633,0 2px 4px #0000001a,inset 0 1px #ffffff1a}[data-theme=dark] .expert-back-button{background:linear-gradient(135deg,#1f2937f2,#111827e6);border-color:#4b556399;color:#e5e7eb;box-shadow:0 4px 12px #0003,0 2px 4px #0000001a,inset 0 1px #ffffff1a;backdrop-filter:blur(12px)}[data-theme=dark] .expert-back-button:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 8px 20px #3b82f64d,0 4px 8px #0003,inset 0 1px #fff3}@media(max-width:768px){.expert-back-button-container{top:76px;left:20px}.expert-back-button{padding:8px 14px;font-size:13px;min-width:120px}}@media(max-width:480px){.expert-back-button-container{top:72px;left:16px}.expert-back-button{padding:6px 10px;font-size:12px;gap:6px;min-width:100px}}.expert-back-button svg{transition:transform .25s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.expert-back-button:hover svg{transform:translate(-3px) scale(1.1)}.expert-back-button:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);opacity:0;transition:opacity .3s ease;pointer-events:none}.expert-back-button:hover:before{opacity:1}.batch-processing-overlay{position:fixed!important;inset:0!important;background:#0003!important;backdrop-filter:blur(2px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important}.batch-processing-modal{background:var(--bg-card)!important;border-radius:16px!important;border:2px solid var(--color-primary)!important;padding:2.5rem!important;max-width:420px!important;width:90%!important;text-align:center!important;box-shadow:var(--shadow-xl),0 0 20px #3b82f64d!important;position:relative!important;overflow:hidden!important}.knowledge-base-container{width:100%;height:100vh;display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-gradient);overflow:hidden;position:relative;box-sizing:border-box}.knowledge-base-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary-overlay);animation:subtleFloat 30s ease-in-out infinite;pointer-events:none;z-index:0}.documents-section{width:30%;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-lg);min-width:300px;position:relative;z-index:1}.knowledge-base-container .chat-section{width:70%;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-lg);min-width:400px;height:calc(100vh - 2rem);max-height:calc(100vh - 1rem);overflow:hidden;position:relative;z-index:1}.header-bar{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-lg);background:var(--bg-glass);backdrop-filter:var(--blur-md);border-radius:var(--radius-2xl);border:1px solid var(--border-accent);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transition:all var(--transition-base);min-height:3.5rem;gap:var(--space-xs)}.header-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left var(--transition-slow)}.header-bar:hover:before{left:100%}.header-bar:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.header-top-row{display:flex;align-items:center;justify-content:center;min-height:1.75rem}.header-bottom-row{display:flex;align-items:center;justify-content:space-between;min-height:1.5rem;gap:var(--space-sm);flex-wrap:wrap}.header-title{font-size:var(--font-size-lg);font-weight:600;display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary)!important;var(--bg-primary)-space: nowrap;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;margin:0}.header-title svg{width:1.25rem;height:1.25rem}.view-controls{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--text-tertiary);gap:var(--space-sm)}.view-label{display:none}@media(min-width:640px){.view-label{display:inline}}.view-button{padding:var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--border-dark);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base)}.view-button:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.view-button.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.view-button svg{width:1rem;height:1rem}.header-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.search-container{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-dark);background:var(--bg-primary);height:2rem;min-width:100px;max-width:150px;flex:1;transition:var(--transition-base)}.search-container:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}@media(max-width:1100px){.search-container{min-width:120px;max-width:180px}}@media(max-width:900px){.search-container{min-width:100px;max-width:150px}}@media(max-width:768px){.search-container{display:none}}.search-container svg{width:1rem;height:1rem;color:var(--text-tertiary)}.search-input{outline:none;font-size:var(--font-size-xs);border:none;background:transparent;width:100%;height:1rem;color:var(--text-primary);min-width:0}.search-input::-moz-placeholder{color:var(--text-quaternary)}.search-input::placeholder{color:var(--text-quaternary)}.add-button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-dark);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base);height:2rem;white-space:nowrap;min-width:2rem;flex-shrink:0;position:relative}.add-button:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.add-button.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.add-button svg{width:1rem;height:1rem;flex-shrink:0;z-index:2;position:relative}.add-button span{var(--bg-primary)-space: nowrap;opacity:1;transition:opacity .2s ease;position:relative;z-index:1}@media(max-width:1400px){.add-button span{opacity:0;width:0;overflow:hidden}.add-button{padding:.375rem;gap:0;justify-content:center;width:2rem;min-width:2rem}.search-container{min-width:80px;max-width:120px}}@media(max-width:1200px){.add-button span{display:none}.add-button{padding:.375rem;gap:0;justify-content:center;width:2rem;min-width:2rem}.search-container{min-width:70px;max-width:100px}.documents-section{width:35%;min-width:280px}.knowledge-base-container .chat-section{width:65%;min-width:350px}}@container (max-width: 350px){.add-button span{display:none}.add-button{padding:.375rem;gap:0;justify-content:center;width:2rem}}.add-panel{border-radius:var(--radius-xl);border:2px dashed var(--border-dark);background:var(--bg-primary);transition:var(--transition-base)}.add-panel.drag-over{border-color:var(--color-accent);background:var(--color-accent-light)}.add-panel-content{padding:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.upload-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.upload-info svg{width:1.25rem;height:1.25rem;color:var(--text-tertiary);flex-shrink:0}.upload-text-content{flex:1;margin-left:.75rem}.upload-text-title{font-weight:500;color:var(--text-secondary)}.upload-text-hint{font-size:var(--font-size-sm);color:var(--text-tertiary)}.upload-button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-primary);background:var(--color-primary);color:var(--text-inverse);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-base);flex-shrink:0;margin-left:auto}.upload-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.file-input-hidden{display:none}.documents-container{flex:1;overflow:auto;border-radius:var(--radius-xl);border:1px solid var(--border-medium);background:var(--bg-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem;color:var(--text-tertiary)}.empty-state svg{width:3rem;height:3rem;margin-bottom:var(--space-lg)}.documents-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.5rem!important;padding:.5rem!important;width:100%!important;box-sizing:border-box!important;max-width:100%!important;align-items:start!important}.doc-card{border-radius:var(--radius-lg)!important;border:1px solid var(--border-color)!important;padding:var(--space-lg)!important;background:var(--bg-card)!important;display:flex!important;flex-direction:column!important;gap:var(--space-sm)!important;transition:var(--transition-base)!important;cursor:pointer!important;position:relative!important;min-height:160px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;overflow:hidden!important;grid-column:span 1!important;box-shadow:var(--shadow-sm)!important}.doc-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent-light),transparent);transition:left var(--transition-slow);z-index:0}.doc-card:hover:before{left:100%}.doc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.doc-card.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);background:var(--color-primary-lighter)}.doc-card.active:after{content:"";position:absolute;inset:-2px;background:var(--gradient-primary-overlay);border-radius:inherit;z-index:-1;opacity:.5}.doc-card>*{position:relative;z-index:1}.doc-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.25rem}.doc-info{flex:1;min-width:0}.doc-title{font-weight:600!important;font-size:var(--font-size-sm)!important;overflow:hidden!important;text-overflow:ellipsis!important;var(--bg-primary)-space: nowrap !important;margin:0!important;line-height:1.3!important;color:var(--text-primary)!important;cursor:help!important;position:relative!important;width:100%!important;max-width:100%!important}.doc-title:after{content:attr(title);position:absolute;top:100%;left:0;background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-lg);z-index:1000;var(--bg-primary)-space: normal;word-break:break-word;max-width:300px;font-size:var(--font-size-sm);font-weight:400;color:var(--text-secondary);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.doc-title:hover:after{opacity:1;visibility:visible}.doc-meta{font-size:.625rem;color:var(--text-tertiary);margin-top:.0625rem}.doc-select-button{padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.625rem;border:1px solid var(--border-medium);background:var(--bg-secondary);cursor:pointer;transition:var(--transition-base);flex-shrink:0;font-weight:500}.doc-select-button.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.doc-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.125rem;min-height:1rem}.doc-tag{font-size:.625rem;padding:.0625rem .25rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.doc-stats{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.125rem}.doc-badges{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.doc-badge{font-size:.625rem;padding:.0625rem .25rem;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;gap:.125rem;color:var(--text-secondary);font-weight:500}.doc-badge svg{width:.625rem;height:.625rem}.doc-index-time{font-size:var(--font-size-xs);color:var(--text-quaternary);display:none}.doc-actions{display:flex;align-items:center;gap:.25rem;margin-top:.125rem}.doc-action-button{padding:.25rem .375rem;border-radius:var(--radius-sm);border:1px solid var(--border-medium);font-size:.625rem;display:flex;align-items:center;gap:.125rem;cursor:pointer;transition:var(--transition-base);background:var(--bg-primary);font-weight:500;flex:1;justify-content:center}.doc-action-button:hover{background:var(--bg-secondary);transform:translateY(-1px)}.doc-action-button.primary{background:var(--gradient-primary);color:var(--text-inverse);border:none}.doc-action-button.primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.doc-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.doc-action-button svg{width:.625rem;height:.625rem}.doc-delete-button{padding:.25rem;border-radius:var(--radius-sm);border:1px solid var(--color-danger-light);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base);flex-shrink:0}.doc-delete-button:hover{background:var(--color-danger-light);border-color:var(--color-danger);transform:translateY(-1px)}.doc-delete-button svg{width:.625rem;height:.625rem;color:var(--color-danger)}.doc-action-button .button-text{display:none}.doc-action-button .button-icon{display:inline}@media(min-width:1400px){.doc-action-button:hover .button-text{display:inline}.doc-action-button:hover .button-icon{display:none}}.documents-list{display:flex;flex-direction:column}.doc-row{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md);border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.doc-row:hover{background:var(--bg-secondary)}.doc-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-icon svg{width:1.25rem;height:1.25rem;color:var(--text-tertiary)}.doc-content{flex:1;min-width:0}.doc-main-info{display:flex;align-items:center;gap:var(--space-sm)}.doc-main-info .doc-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;var(--bg-primary)-space: nowrap;margin:0}.doc-main-info .doc-meta{font-size:var(--font-size-sm);color:var(--text-tertiary);flex-shrink:0}.doc-secondary-info{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap}.doc-stats-text{font-size:var(--font-size-sm);color:var(--text-tertiary)}.doc-row-actions{display:flex;align-items:center;gap:var(--space-sm)}.doc-row-actions .doc-action-button{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.doc-row-actions .doc-icon-button{padding:var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--border-medium);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base)}.doc-row-actions .doc-icon-button:hover{background:var(--bg-secondary)}.doc-row-actions .doc-icon-button.danger:hover{background:var(--color-danger-light);border-color:var(--color-danger-light)}.doc-row-actions .doc-icon-button svg{width:1rem;height:1rem}.knowledge-base-container .chat-container{display:flex!important;flex-direction:column!important;gap:var(--space-lg)!important;height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;background:var(--bg-glass)!important;backdrop-filter:var(--blur-md)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-lg)!important;padding:var(--space-lg)!important;box-sizing:border-box!important}.input-group{flex-shrink:0!important;width:100%!important;max-height:120px!important;padding:var(--space-md)!important;background:var(--bg-secondary)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-light)!important;display:flex!important;gap:var(--space-sm)!important;align-items:flex-end!important}.chat-input{flex:1!important;border:none!important;background:transparent!important;resize:none!important;outline:none!important;font-size:var(--font-size-base)!important;line-height:1.5!important;color:var(--text-primary)!important;min-height:24px!important;max-height:80px!important}.chat-send-button{flex-shrink:0!important;height:auto!important;min-height:32px!important;padding:var(--space-xs) var(--space-md)!important}.chat-header{display:flex;align-items:center;justify-content:space-between}.chat-title{font-size:var(--font-size-xl);font-weight:600;display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);margin:0}.chat-title svg{width:1.25rem;height:1.25rem}.scope-pill{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:9999px;border:1px solid var(--border-medium);background:var(--bg-primary);display:flex;align-items:center;gap:var(--space-xs);color:var(--text-tertiary)}.scope-pill svg{width:.875rem;height:.875rem}.knowledge-base-container .chat-messages{border-radius:var(--radius-xl)!important;border:1px solid var(--border-medium)!important;background:var(--bg-primary)!important;padding:var(--space-xl)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:var(--space-md)!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex:1!important;min-height:400px!important;max-height:calc(100vh - 200px)!important}.chat-message{max-width:85%!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg) var(--space-xl)!important;font-size:var(--font-size-base)!important;line-height:1.6!important;margin-bottom:var(--space-sm)!important}.chat-message.user{background:var(--color-primary-light)!important;color:var(--color-primary-dark)!important;align-self:flex-end!important;border:none!important;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl)!important}.knowledge-base-container .chat-input-area{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:var(--space-lg) var(--space-xl)!important;border:2px solid var(--border-medium)!important;border-radius:var(--radius-xl)!important;background:var(--bg-primary)!important;box-shadow:var(--shadow-md)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;transition:var(--transition-base)!important;position:relative!important;min-height:60px!important;max-height:120px!important;margin:0!important;flex-shrink:0!important;z-index:1000!important;visibility:visible!important;opacity:1!important;height:80px!important}.knowledge-base-container .chat-input-area .input-group{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:var(--space-lg)!important}.knowledge-base-container .chat-input-area:focus-within{border-color:var(--color-accent)!important;box-shadow:var(--shadow-md),0 0 0 3px var(--color-accent-light)!important;transform:translateY(-1px)!important}.knowledge-base-container .chat-input-area:hover{border-color:var(--border-dark)!important;box-shadow:var(--shadow-lg)!important}.knowledge-base-container .chat-input{flex:1!important;border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:var(--font-size-base)!important;line-height:1.6!important;resize:none!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;outline:none!important;min-height:24px!important}.knowledge-base-container .chat-input::-moz-placeholder{color:var(--text-quaternary)!important;font-style:italic!important}.knowledge-base-container .chat-input::placeholder{color:var(--text-quaternary)!important;font-style:italic!important}.knowledge-base-container .chat-send-button{flex-shrink:0!important;background:var(--text-primary)!important;border:1px solid var(--text-primary)!important;color:var(--text-inverse)!important;font-weight:600!important;height:auto!important;padding:var(--space-md) var(--space-xl)!important;border-radius:var(--radius-xl)!important;font-size:var(--font-size-base)!important;display:flex!important;align-items:center!important;gap:var(--space-sm)!important;transition:var(--transition-base)!important;box-shadow:var(--shadow-md)!important;min-width:-moz-fit-content!important;min-width:fit-content!important;cursor:pointer!important}.knowledge-base-container .chat-send-button:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-lg)!important}.knowledge-base-container .chat-send-button:active:not(:disabled){transform:translateY(0)!important;box-shadow:var(--shadow-md)!important}.knowledge-base-container .chat-send-button:disabled{background:var(--text-tertiary)!important;border-color:var(--border-medium)!important;color:var(--text-inverse)!important;opacity:.7!important;cursor:not-allowed!important;transform:none!important;box-shadow:var(--shadow-sm)!important}@media(min-width:1600px){.documents-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px)and (max-width:1599px){.documents-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px)and (max-width:1199px){.documents-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.knowledge-base-container{flex-direction:column;height:auto;min-height:100vh}.documents-section{width:100%;max-height:50vh;min-width:auto}.chat-section{width:100%;min-height:50vh;min-width:auto}.documents-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.knowledge-base-container{padding:.75rem;gap:.75rem}.header-bar{flex-direction:column;gap:.5 rem;align-items:stretch}.header-right{justify-content:space-between}.search-container{display:flex;width:100%;flex:1}.search-input{width:100%}.documents-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}.doc-card{padding:.5rem;gap:.375rem}.doc-title{font-size:.8125rem}.doc-meta{font-size:.625rem}.doc-tag,.doc-badge{font-size:.625rem;padding:.0625rem .25rem}.doc-action-button{padding:.25rem .375rem;font-size:.6875rem}.doc-delete-button{padding:.25rem}.chat-header{flex-direction:column;gap:.75rem;align-items:stretch}.chat-input-area{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:var(--space-lg)!important}.chat-send-button{align-self:flex-end!important;justify-content:center!important;flex-shrink:0!important}}@media(max-width:480px){.knowledge-base-container{padding:.5rem}.documents-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem}.doc-card{padding:.5rem;gap:.375rem}.doc-title{font-size:.8125rem}.doc-meta{font-size:.625rem}.doc-actions{flex-direction:column;gap:.25rem}.doc-action-button{font-size:.6875rem;padding:.375rem .5rem;justify-content:flex-start}.doc-action-button .button-text,.doc-action-button .button-icon,.doc-action-button:hover .button-text,.doc-action-button:hover .button-icon{display:inline}.add-panel-content,.chat-messages{padding:.75rem}.documents-container{padding:.1rem}.chat-title{font-size:1.125rem}}@media(max-width:360px){.knowledge-base-container{padding:.25rem;gap:.5rem}.documents-grid{padding:.25rem;gap:.375rem}.doc-card{padding:.375rem;gap:.25rem}.doc-title{font-size:.75rem}.doc-meta{font-size:.5625rem}.doc-action-button{font-size:.625rem;padding:.25rem .375rem}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.floating-card{animation:cardFloat 8s ease-in-out infinite}.floating-card:nth-child(2n){animation-delay:-2s}.floating-card:nth-child(3n){animation-delay:-4s}.documents-container::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.documents-container::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.documents-container::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.documents-container::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.delete-confirm-overlay{position:fixed!important;inset:0!important;background:#000000b3!important;backdrop-filter:blur(6px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2000!important;animation:fadeInOverlay .3s ease!important}.delete-confirm-modal{background:var(--bg-card)!important;border:2px solid var(--color-error)!important;border-radius:16px!important;max-width:480px!important;width:90%!important;box-shadow:var(--shadow-xl),0 0 20px #ef44444d!important;overflow:hidden!important;position:relative!important}.delete-confirm-modal:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,transparent 50%,rgba(239,68,68,.05) 100%)!important;pointer-events:none!important;z-index:0!important}.delete-confirm-header{padding:24px 24px 16px!important;border-bottom:1px solid var(--border-color)!important;background:var(--color-error-light)!important;position:relative!important;z-index:1!important}.delete-confirm-header .warning-icon{width:48px!important;height:48px!important;margin:0 auto 16px!important;background:var(--color-error)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 0 20px #ef444480!important;animation:warningPulse 2s ease-in-out infinite!important}@keyframes warningPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ef444480}50%{transform:scale(1.05);box-shadow:0 0 30px #ef4444b3}}.delete-confirm-header .warning-icon svg{width:24px!important;height:24px!important;color:var(--text-inverse)!important}.delete-confirm-title{font-size:20px!important;font-weight:700!important;color:var(--text-primary)!important;text-align:center!important;margin:0!important}.delete-confirm-content{padding:20px 24px!important;position:relative!important;z-index:1!important}.delete-confirm-message{color:var(--text-secondary)!important;font-size:16px!important;line-height:1.6!important;text-align:center!important;margin-bottom:16px!important}.delete-confirm-document-info{background:#ffffff0d!important;border:1px solid rgba(212,175,55,.2)!important;border-radius:8px!important;padding:16px!important;margin-bottom:20px!important}.delete-confirm-document-name{font-weight:600!important;color:var(--text-primary)!important;font-size:16px!important;margin-bottom:8px!important;text-align:center!important;word-break:break-word!important}.delete-confirm-document-meta{font-size:14px!important;color:var(--text-secondary)!important;text-align:center!important;display:flex!important;justify-content:center!important;gap:16px!important;flex-wrap:wrap!important}.delete-confirm-warning{background:#ffc1071a!important;border:1px solid rgba(255,193,7,.3)!important;border-radius:8px!important;padding:12px 16px!important;color:var(--color-warning)!important;font-size:14px!important;text-align:center!important;font-weight:500!important}.delete-confirm-footer{padding:20px 24px 24px!important;border-top:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;display:flex!important;justify-content:center!important;gap:16px!important;position:relative!important;z-index:1!important}.delete-confirm-footer button{border-radius:8px!important;padding:12px 24px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;text-transform:uppercase!important;letter-spacing:.05em!important;position:relative!important;overflow:hidden!important;min-width:100px!important}.delete-confirm-cancel{background:var(--bg-card)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.delete-confirm-cancel:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)!important;transition:left .5s ease!important}.delete-confirm-cancel:hover:before{left:100%!important}.delete-confirm-cancel:hover{background:var(--bg-hover)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #0000004d!important}.delete-confirm-delete{background:var(--color-error)!important;color:var(--text-inverse)!important;border:none!important;box-shadow:var(--shadow-sm)!important}.delete-confirm-delete:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .6s ease!important;z-index:0!important}.delete-confirm-delete:hover:before{left:100%!important}.delete-confirm-delete:hover{background:#dc2626!important;color:var(--text-inverse)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.delete-confirm-delete:active{transform:translateY(0)!important;box-shadow:var(--shadow-sm)!important;transition:all .1s ease!important}@media(max-width:480px){.delete-confirm-modal{max-width:95%!important;margin:0 10px!important}.delete-confirm-header,.delete-confirm-content,.delete-confirm-footer{padding-left:16px!important;padding-right:16px!important}.delete-confirm-footer{flex-direction:column!important;gap:12px!important}.delete-confirm-footer button{width:100%!important;min-width:auto!important}}.btn{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;text-transform:uppercase!important;letter-spacing:.08em!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 4px #0000004d,0 0 0 1px #d4af371a,inset 0 1px #d4af371a!important;text-shadow:0 0 6px rgba(212,175,55,.5)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;var(--bg-primary)-space: nowrap !important}.btn:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .6s ease!important;z-index:0!important}.btn:hover:not(:disabled){background:var(--color-primary-light)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}.btn:focus:not(:disabled){outline:none!important;box-shadow:0 4px 8px #0000004d,0 0 0 3px #d4af374d,inset 0 1px #d4af371a!important}.btn:disabled{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-tertiary)!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 2px 4px #0003!important;text-shadow:none!important;opacity:.6!important}.btn-gradient{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border:none!important}@media(max-width:768px){.message-actions{margin-top:12px!important;padding-top:12px!important}.btn{padding:8px 16px!important;font-size:12px!important}.btn svg{width:.875rem!important;height:.875rem!important}}@media(max-width:480px){.message-actions{margin-top:10px!important;padding-top:10px!important}.btn{padding:6px 12px!important;font-size:11px!important;width:100%!important;justify-content:center!important}}.avatar-icon{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.user-icon{background:linear-gradient(135deg,#6b7280,#9ca3af);position:relative}.user-icon:before{content:"";position:absolute;width:40%;height:40%;background:var(--bg-primary);border-radius:50%;top:20%;left:50%;transform:translate(-50%)}.user-icon:after{content:"";position:absolute;width:70%;height:50%;background:var(--bg-primary);border-radius:50% 50% 0 0;bottom:10%;left:50%;transform:translate(-50%)}.ai-icon{background:linear-gradient(135deg,#374151,#4b5563);position:relative}.ai-icon:before{content:"";position:absolute;width:60%;height:60%;background:linear-gradient(45deg,transparent 30%,var(--bg-primary) 30%,var(--bg-primary) 70%,transparent 70%);border-radius:20%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.ai-icon:after{content:"";position:absolute;width:30%;height:30%;background:var(--text-primary);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.breathing .ai-icon{animation:aiBreathing 2s ease-in-out infinite}@keyframes aiBreathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base)}.avatar-sm{width:2rem;height:2rem}.avatar-user,.avatar-ai{background:var(--bg-secondary);border:2px solid var(--border-medium)}.avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.mini-knowledge-graph{position:relative;border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-medium);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.mini-network-container{background:radial-gradient(circle at 50% 50%,#fffffff2,#fffc);position:relative}.mini-network-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(79,172,254,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(250,112,154,.08) 0%,transparent 40%),radial-gradient(circle at 40% 40%,rgba(67,233,123,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.mini-graph-overlay{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);pointer-events:none;z-index:10}.node-count,.edge-count{background:var(--bg-glass);backdrop-filter:var(--blur-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-primary);font-weight:600;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.025em}.node-count{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary)}.edge-count{color:var(--color-accent);background:var(--color-accent-light);border-color:var(--color-accent)}.mini-graph-empty{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-xl);min-height:120px}.empty-content{text-align:center;color:var(--text-quaternary);padding:var(--space-lg)}.empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);opacity:.6}.empty-text{font-size:var(--font-size-sm);font-weight:500}@media(max-width:768px){.mini-graph-overlay{top:var(--space-xs);right:var(--space-xs)}.node-count,.edge-count{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-xs)}.empty-icon{font-size:var(--font-size-xl)}.empty-text{font-size:var(--font-size-xs)}}.mini-knowledge-graph:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);transition:all var(--transition-base)}.mini-knowledge-graph:hover .mini-graph-overlay{opacity:1}.mini-graph-overlay{opacity:.9;transition:opacity var(--transition-base)}.knowledge-graph-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;inset:0;background-color:#00000080;backdrop-filter:var(--blur-md)}.modal-content{position:relative;width:80vw;min-width:80vw;max-width:80vw;height:80vh;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-medium)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.modal-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.header-actions{display:flex;gap:var(--space-sm)}.btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-dark);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;font-size:var(--font-size-xs);transition:all var(--transition-base);font-weight:500}.btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.btn-close{background:var(--color-error);color:var(--text-inverse);border-color:var(--color-error);font-weight:600;padding:var(--space-xs) var(--space-sm)}.btn-close:hover{background:var(--color-error);border-color:var(--color-error);color:var(--text-inverse);opacity:.8}.modal-body{flex:1;display:flex;overflow:hidden}.control-panel{width:300px;padding:var(--space-lg);border-right:1px solid var(--border-light);background:var(--bg-secondary);overflow-y:auto}.panel-section{margin-bottom:var(--space-xl)}.section-title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.stat-item{text-align:center;padding:var(--space-md);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.control-group{margin-bottom:var(--space-lg)}.control-label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary)}.control-select{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-xs);background:var(--bg-primary);transition:all var(--transition-base)}.control-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.control-slider{width:100%;height:4px;border-radius:var(--radius-sm);background:var(--bg-tertiary);outline:none;-webkit-appearance:none}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:var(--shadow-sm)}.control-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none;box-shadow:var(--shadow-sm)}.legend-list{display:flex;flex-direction:column;gap:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-sm)}.legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-label{font-size:var(--font-size-xs);color:var(--text-primary)}.info-content{background:var(--bg-primary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.info-item{margin-bottom:var(--space-sm);font-size:var(--font-size-xs);line-height:1.4;color:var(--text-secondary)}.info-item:last-child{margin-bottom:0}.info-item strong{color:var(--text-primary);margin-right:var(--space-xs);font-weight:600}.graph-area{flex:1;position:relative;background:var(--gradient-cyber);border-radius:var(--radius-xl);margin:var(--space-md);overflow:hidden;box-shadow:var(--shadow-lg)}.network-container{width:100%;height:100%;border:none;border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 50%,#fffffff2,#fffc);position:relative}.network-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(67,233,123,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-quaternary);text-align:center}.empty-title{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--text-tertiary);font-weight:600}.empty-description{font-size:var(--font-size-sm);color:var(--text-quaternary)}@media(max-width:1200px){.modal-content{width:80vw;height:80vh}.control-panel{width:250px}}@media(max-width:768px){.modal-content{width:80vw;height:80vh}.modal-body{flex-direction:column}.control-panel{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border-light)}.stats-grid{grid-template-columns:repeat(4,1fr)}.panel-section{margin-bottom:var(--space-lg)}}.control-panel::-webkit-scrollbar{width:6px}.control-panel::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.control-panel::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.control-panel::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.knowledge-card{border:1px solid var(--border-color)!important;border-radius:var(--border-radius-sm)!important;background:var(--bg-card)!important;margin-bottom:12px!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-fast)!important}.knowledge-card:hover{border-color:var(--color-primary)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.knowledge-card .ant-card-body{padding:12px 12px 8px!important}.knowledge-card .card-action-star{color:var(--color-warning)!important}.knowledge-card .card-action-share{color:var(--color-primary)!important}.knowledge-card .card-action-more{color:var(--text-tertiary)!important}.knowledge-card .card-action-star:hover{color:var(--color-warning)!important;background:var(--color-warning-light)!important}.knowledge-card .card-action-share:hover{color:var(--color-primary)!important;background:var(--color-primary-light)!important}.knowledge-card .card-action-more:hover{color:var(--text-secondary)!important;background:var(--bg-hover)!important}.knowledge-card .card-header{display:flex;align-items:center;margin-bottom:6px}.knowledge-card .card-file-icon{font-size:13px;color:var(--color-primary);margin-right:6px}.knowledge-card .card-type-tag{font-size:11px;padding:0 6px;margin-right:6px;background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.knowledge-card .card-level-tag{font-size:11px;padding:0 6px;margin-right:6px;background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.knowledge-card .card-time{font-size:11px;color:var(--text-tertiary);margin-left:auto}.knowledge-card .card-content{font-size:13px;color:var(--text-primary);line-height:1.5;margin-bottom:6px;min-height:32px;word-break:break-word}.knowledge-card .card-footer{display:flex;align-items:center;margin-top:6px;font-size:11px;color:var(--text-tertiary)}.knowledge-card .card-expand-button{font-size:11px;padding:2px 8px;color:var(--color-primary);background:var(--color-primary-lighter);border:1px solid var(--color-primary-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.knowledge-card .card-expand-button:hover{color:var(--color-primary-hover);background:var(--color-primary-light);border-color:var(--color-primary)}.knowledge-card .card-source-tag{font-size:10px;padding:0 5px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.knowledge-card .card-source-text{font-size:11px;color:var(--text-tertiary)}.knowledge-card .card-confidence-tag{font-size:10px;padding:0 5px;background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.knowledge-card .card-confidence-text{font-size:11px;color:var(--text-tertiary)}@media(prefers-color-scheme:dark){.knowledge-card .card-content{color:var(--text-primary)}}.markdown-content{line-height:1.7;color:var(--text-primary)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.75em;color:var(--text-primary);font-weight:600}.markdown-content h1{font-size:1.8em;border-bottom:2px solid var(--border-secondary);padding-bottom:.3em}.markdown-content h2{font-size:1.5em;border-bottom:1px solid var(--border-secondary);padding-bottom:.25em}.markdown-content h3{font-size:1.3em}.markdown-content p{margin-bottom:1em}.markdown-content ul,.markdown-content ol{margin-left:1.5em;margin-bottom:1em}.markdown-content li{margin-bottom:.5em}.markdown-content blockquote{margin:1em 0;padding:.75em 1em;border-left:4px solid var(--color-primary);background:var(--bg-tertiary);border-radius:0 4px 4px 0}.markdown-content code{background:var(--bg-tertiary);padding:.2em .4em;border-radius:3px;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;color:var(--color-primary)}.markdown-content pre{background:var(--bg-tertiary);padding:1em;border-radius:6px;overflow-x:auto;margin:1em 0;border:1px solid var(--border-secondary)}.markdown-content pre code{background:transparent;padding:0;color:var(--text-primary)}.markdown-content strong{font-weight:600;color:var(--text-primary)}.markdown-content em{font-style:italic}.markdown-content a{color:var(--color-primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.knowledge-workbench{width:100%;height:100vh;background:var(--bg-gradient);overflow:hidden;position:relative}.knowledge-workbench:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary-overlay);animation:float 30s ease-in-out infinite;pointer-events:none;z-index:0}.workbench-loading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:16rem!important;color:var(--text-secondary)!important;position:relative!important;z-index:1!important;background:var(--bg-card)!important;border-radius:12px!important;border:1px solid var(--border-color)!important;margin:2rem!important;overflow:hidden!important;box-shadow:var(--shadow-lg)!important}.workbench-loading:before{content:""!important;position:absolute!important;inset:0!important;background:var(--gradient-primary-overlay)!important;pointer-events:none!important}.workbench-loading svg{width:2.5rem!important;height:2.5rem!important;margin-bottom:1.5rem!important;animation:modernSpin 2s linear infinite!important;color:var(--color-primary)!important;position:relative!important;z-index:1!important}@keyframes modernSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workbench-loading .loading-text{font-size:1.125rem!important;font-weight:600!important;color:var(--text-primary)!important;margin-bottom:.5rem!important;letter-spacing:.02em!important;position:relative!important;z-index:1!important}.workbench-loading .loading-description{font-size:.875rem!important;color:var(--text-secondary)!important;text-align:center!important;max-width:300px!important;line-height:1.5!important;margin:0!important;position:relative!important;z-index:1!important}.batch-processing-overlay{position:fixed!important;inset:0!important;background:#0000001a!important;backdrop-filter:blur(1px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important}.batch-processing-modal{background:var(--bg-card)!important;border-radius:16px!important;border:2px solid var(--color-primary)!important;padding:2.5rem!important;max-width:420px!important;width:90%!important;text-align:center!important;box-shadow:var(--shadow-xl),0 0 20px #3b82f64d!important;position:relative!important;overflow:hidden!important;z-index:10001!important}.batch-processing-modal:before{content:""!important;position:absolute!important;inset:0!important;background:var(--gradient-primary-overlay)!important;pointer-events:none!important}.batch-processing-spinner{width:48px!important;height:48px!important;margin:0 auto 1.5rem!important;border:2px solid rgba(59,130,246,.2)!important;border-top:2px solid var(--color-primary)!important;border-radius:50%!important;animation:modernSpin 1s linear infinite!important;position:relative!important;z-index:1!important}.batch-processing-title{font-size:1.25rem!important;font-weight:600!important;color:var(--text-primary)!important;margin-bottom:.75rem!important;letter-spacing:.02em!important;position:relative!important;z-index:1!important}.batch-processing-description{font-size:.875rem!important;color:var(--text-secondary)!important;line-height:1.5!important;margin-bottom:1.5rem!important;position:relative!important;z-index:1!important}.batch-processing-progress{width:100%!important;height:4px!important;background:#ffffff1a!important;border-radius:2px!important;overflow:hidden!important;margin-bottom:1rem!important;position:relative!important;z-index:1!important}.batch-processing-progress-bar{height:100%!important;background:var(--gradient-primary)!important;border-radius:2px!important;transition:width .3s ease!important;position:relative!important}.batch-processing-progress-bar:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%)!important;animation:progressFlow 2s ease-in-out infinite!important}@keyframes progressFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.batch-processing-status{font-size:.75rem!important;color:var(--color-primary)!important;font-weight:500!important;margin:0!important;position:relative!important;z-index:1!important;text-transform:uppercase!important;letter-spacing:.05em!important}.workbench-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-lg) var(--space-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);height:4rem;line-height:normal;position:relative;z-index:1000;overflow:hidden;transition:all var(--transition-base)}.workbench-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left var(--transition-slow)}.workbench-header:hover:before{left:100%}.workbench-header:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.header-left{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.back-button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-dark);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base);height:2.5rem;color:var(--text-secondary)}.back-button:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.document-info{display:flex;flex-direction:column;gap:var(--space-xs);line-height:normal}.document-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.4}.session-info{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.4}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-actions .ant-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-dark);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base);height:2.5rem;color:var(--text-secondary)}.header-actions .ant-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-actions .ant-btn-primary{background:var(--color-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;position:relative!important;overflow:hidden!important}.header-actions .ant-btn-primary:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}.header-actions .ant-btn-primary:hover:before{left:100%!important}.header-actions .ant-btn-primary:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;color:var(--text-inverse)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-xl)!important}.ant-btn-primary{background:var(--color-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;position:relative!important;overflow:hidden!important}.ant-btn-primary:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}.ant-btn-primary:hover:before{left:100%!important}.ant-btn-primary:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-xl)!important}.ant-btn-primary:focus{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-btn-primary:active{transform:translateY(0)!important;box-shadow:var(--shadow-md)!important}.layout-sidebar{background:var(--bg-glass);backdrop-filter:var(--blur-sm);border-right:1px solid var(--border-medium);position:relative;z-index:1}.workbench-sider{background:var(--bg-glass);backdrop-filter:var(--blur-sm);border-right:1px solid var(--border-medium)}.sider-tabs{display:flex;padding:var(--space-sm);border-bottom:1px solid var(--border-light);gap:var(--space-xs);background:var(--bg-glass)}.sider-tabs .ant-btn{flex:1;font-size:var(--font-size-xs);height:2rem;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-dark);background:var(--bg-primary);cursor:pointer;transition:var(--transition-base);color:var(--text-secondary)}.sider-tabs .ant-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sider-tabs .ant-btn-primary{background:var(--color-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;position:relative!important;overflow:hidden!important}.sider-tabs .ant-btn-primary:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}.sider-tabs .ant-btn-primary:hover:before{left:100%!important}.sider-tabs .ant-btn-primary:hover{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-xl)!important}.sider-tabs .ant-btn-primary:active{transform:translateY(0)!important;box-shadow:var(--shadow-md)!important}.sider-content{padding:var(--space-md);height:calc(100vh - 8rem);overflow-y:auto;background:var(--bg-primary)}.layout-content{background:var(--bg-secondary);padding:0;height:calc(100vh - 4rem);overflow:hidden;position:relative;z-index:1}.workbench-content{background:var(--bg-secondary);padding:0;height:calc(100vh - 4rem);overflow:hidden}.chat-workspace{height:100%;width:100%;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);flex:1;min-width:0}.status-message{margin:var(--space-xs) 0;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-base)}.status-message:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-indicator{display:flex;align-items:center;gap:var(--space-sm);flex:1}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.status-text{flex:1;color:var(--text-secondary);font-weight:500}.status-time{font-size:var(--font-size-xs);color:var(--text-quaternary);font-family:monospace;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.chat-container{background:var(--bg-glass);backdrop-filter:var(--blur-sm);border-radius:var(--radius-2xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;width:100%;min-width:400px;position:relative;flex:1}.chat-messages-area{flex:1;border-radius:var(--radius-xl);border:1px solid var(--border-medium);background:var(--bg-primary);padding:var(--space-xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);margin:0;width:100%;box-sizing:border-box;min-height:500px;max-height:calc(100vh - 180px);flex-shrink:1}.chat-messages-area:empty:before{content:"💬 开始与AI助手对话，探索文档中的知识内容";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-quaternary);font-size:var(--font-size-lg);font-weight:500;text-align:center;line-height:1.6;opacity:.8}.chat-message{max-width:100%!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg) var(--space-xl)!important;font-size:var(--font-size-base)!important;line-height:1.6!important;margin-bottom:var(--space-sm)!important}.chat-message.assistant{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;align-self:flex-start!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-md)!important}.chat-message.user{background:var(--color-primary-light)!important;color:var(--color-primary-dark)!important;align-self:flex-end!important;border:1px solid var(--color-primary)!important;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-xl)!important}.chat-loading{max-width:100%;border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);background:var(--bg-tertiary);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);align-self:flex-start}.chat-loading svg{width:1rem;height:1rem;animation:spin 1s linear infinite}.document-outline{height:100%!important}.outline-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:var(--space-md)!important;border-bottom:1px solid var(--border-light)!important;background:var(--bg-secondary)!important;margin:0!important}.outline-header h4{display:flex!important;align-items:center!important;margin:0!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;font-weight:600!important;line-height:1!important}.outline-content{flex:1!important;overflow-y:auto!important}.outline-content .ant-tree{background:transparent!important;font-size:var(--font-size-xs)!important}.outline-content .ant-tree-node-content-wrapper{padding:var(--space-xs) var(--space-xs)!important;border-radius:var(--radius-sm)!important}.outline-content .ant-tree-node-content-wrapper:hover{background:var(--color-primary-light)!important}.outline-footer{margin-top:var(--space-md)!important;padding:var(--space-md)!important;background:var(--bg-tertiary)!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-xs)!important;color:var(--text-tertiary)!important}.knowledge-tree{height:100%!important}.tree-header h4{display:flex!important;align-items:center!important;margin:0 0 var(--space-md) 0!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;font-weight:600!important}.tree-content{flex:1!important;overflow-y:auto!important}.tree-content .ant-tree{background:transparent!important;font-size:var(--font-size-xs)!important}.knowledge-item{width:100%!important}.knowledge-title{font-size:var(--font-size-xs)!important;font-weight:500!important;color:var(--text-primary)!important;margin-bottom:var(--space-xs)!important}.knowledge-meta{display:flex!important;flex-wrap:wrap!important;gap:var(--space-xs)!important;align-items:center!important}.knowledge-meta .ant-tag{margin:0!important;font-size:var(--font-size-xs)!important;padding:0 var(--space-xs)!important;height:1.125rem!important;line-height:1rem!important}.tree-footer{margin-top:var(--space-md)!important;padding:var(--space-md)!important;background:var(--color-primary-light)!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-xs)!important;color:var(--text-tertiary)!important}.template-library{height:100%!important}.library-header h4{display:flex!important;align-items:center!important;margin:0 0 var(--space-md) 0!important;color:var(--text-primary)!important;font-size:var(--font-size-sm)!important;font-weight:600!important}.library-content{flex:1!important;overflow-y:auto!important;max-height:calc(100vh - 12.5rem)!important}.library-content .ant-list-item{padding:var(--space-sm) 0!important;border:none!important}.template-header{display:flex!important;align-items:center!important;margin-bottom:var(--space-sm)!important}.template-description{font-size:var(--font-size-xs)!important;color:var(--text-tertiary)!important;margin-bottom:var(--space-sm)!important;line-height:1.4!important}.template-meta{display:flex!important;justify-content:space-between!important;align-items:center!important}.template-tags{display:flex!important;gap:var(--space-xs)!important;flex-wrap:wrap!important}.template-tags .ant-tag{margin:0!important;font-size:var(--font-size-xs)!important;padding:0 var(--space-xs)!important;height:1.125rem!important;line-height:1rem!important}.template-usage{font-size:var(--font-size-xs)!important;color:var(--text-quaternary)!important;var(--bg-primary)-space: nowrap !important}.library-footer{margin-top:var(--space-md)!important;padding:var(--space-md)!important;background:var(--color-warning-light)!important;border-radius:var(--radius-md)!important;font-size:var(--font-size-xs)!important;color:var(--text-tertiary)!important}.segment-card-tech-gold{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:var(--shadow-sm)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.segment-card-tech-gold:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent)!important;transition:left .5s ease!important;pointer-events:none!important}.segment-card-tech-gold:hover:before{left:100%!important}.segment-card-tech-gold:hover{border-color:var(--color-primary)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}.segment-card-tech-gold.processed{background:var(--color-primary-lighter)!important;border:2px solid var(--color-primary)!important;box-shadow:0 0 10px #3b82f64d,var(--shadow-md)!important}.segment-card-tech-gold.processed:hover{box-shadow:0 0 15px #3b82f666,var(--shadow-lg)!important;transform:translateY(-3px)!important}.segment-card-tech-gold.unprocessed{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}.segment-card-tech-gold.unprocessed:hover{border-color:var(--color-primary)!important;box-shadow:var(--shadow-md)!important}.segment-card-tech-gold .segment-header,.segment-card-tech-gold .segment-title,.segment-card-tech-gold .segment-content-preview,.segment-card-tech-gold .segment-abstract,.segment-card-tech-gold .segment-header span{color:var(--text-primary)!important}.segment-card-tech-gold .segment-title{color:var(--text-primary)!important;font-weight:600!important}.segment-card-tech-gold .segment-abstract{background:var(--color-primary-light)!important;border:1px solid var(--color-primary)!important;color:var(--text-primary)!important}.segment-card-tech-gold .segment-abstract strong{color:var(--color-primary)!important}.segment-card-tech-gold .segment-content-preview{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.segment-card-tech-gold .ant-tag{background:var(--color-primary-light)!important;border:1px solid var(--color-primary)!important;color:var(--color-primary)!important}.segment-card-tech-gold .ant-tag.ant-tag-green{background:var(--color-success-light)!important;border:1px solid var(--color-success)!important;color:var(--color-success)!important}.segment-card-tech-gold .ant-tag.ant-tag-blue{background:var(--color-primary-light)!important;border:1px solid var(--color-primary)!important;color:var(--color-primary)!important}.segment-card-tech-gold .ant-tag.ant-tag-default{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.segment-card-tech-gold .segment-meta,.segment-card-tech-gold .segment-meta span{color:var(--text-tertiary)!important}.segment-card-tech-gold .ant-btn{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.segment-card-tech-gold .ant-btn:hover{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:var(--shadow-sm)!important}.segment-card-tech-gold .anticon{color:var(--color-primary)!important}.segment-card-tech-gold .segment-keywords .ant-tag{background:var(--color-secondary-light)!important;border:1px solid var(--color-secondary)!important;color:var(--color-secondary)!important;font-size:10px!important;padding:2px 6px!important;border-radius:4px!important;box-shadow:var(--shadow-sm)!important}.segment-card-tech-gold .segment-keywords .ant-tag:hover{background:var(--color-secondary-lighter)!important;box-shadow:0 0 6px #8b5cf64d!important}.think-card-tech-gold{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;padding:16px!important;margin:12px 0!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 8px #00000014!important;transition:all .3s ease!important}.think-card-tech-gold:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent)!important;transition:left .6s ease!important;pointer-events:none!important;z-index:0!important}.think-card-tech-gold:hover:before{left:100%!important}.think-card-tech-gold:hover{border-color:var(--color-primary)!important;box-shadow:0 4px 12px #3b82f626!important;transform:translateY(-1px)!important}.think-card-tech-gold .think-title{color:var(--color-primary)!important;font-weight:700!important;font-size:16px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:8px!important;position:relative!important;z-index:1!important}.think-card-tech-gold .think-content{position:relative!important;z-index:1!important}.think-card-tech-gold .think-content>div{margin-bottom:10px!important;color:var(--text-primary)!important;font-size:14px!important;line-height:1.5!important}.think-card-tech-gold .think-content strong{color:var(--text-primary)!important;font-weight:600!important}.think-card-tech-gold .think-content span{color:var(--text-secondary)!important}.think-card-tech-gold .retrieval-status{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:3px 8px!important;border-radius:4px!important;font-weight:500!important;font-size:12px!important;margin-left:8px!important}.think-card-tech-gold .retrieval-status.need-true{background:var(--color-success-light)!important;color:var(--color-success-hover)!important;border:1px solid #bbf7d0!important}.think-card-tech-gold .retrieval-status.need-false{background:var(--color-warning-light)!important;color:var(--color-warning)!important;border:1px solid #fde68a!important}.think-card-tech-gold .retrieval-status.need-unknown{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.think-card-tech-gold ul{margin:8px 0 0 18px!important;padding:0!important;position:relative!important;z-index:1!important}.think-card-tech-gold li{margin-bottom:6px!important;color:var(--text-primary)!important;position:relative!important}.think-card-tech-gold li::marker{color:var(--color-primary)!important}.think-card-tech-gold li span{color:var(--text-secondary)!important}.think-card-tech-gold li span:first-child{color:var(--text-primary)!important;font-weight:500!important}.think-card-tech-gold .status-section{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--border-color)!important;position:relative!important;z-index:1!important}.think-card-tech-gold .status-title{color:var(--color-secondary)!important;font-weight:700!important;font-size:14px!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;gap:6px!important}.think-card-tech-gold .status-messages{display:flex!important;flex-direction:column!important;gap:8px!important}.think-card-tech-gold .status-message{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 12px!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;transition:all .2s ease!important}.think-card-tech-gold .status-message:hover{background:var(--color-primary-lighter)!important;border-color:#bae6fd!important}.think-card-tech-gold .status-dot{width:10px!important;height:10px!important;border-radius:50%!important;background:var(--color-primary)!important;box-shadow:0 0 8px #3b82f699!important;animation:primaryPulse 2s ease-in-out infinite!important;flex-shrink:0!important}@keyframes primaryPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #3b82f699}50%{opacity:.8;transform:scale(1.2);box-shadow:0 0 15px #3b82f6cc}}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.think-card-tech-gold .status-text{flex:1!important;color:var(--text-primary)!important;font-size:13px!important;font-weight:400!important}.think-card-tech-gold .status-time{font-size:11px!important;color:var(--text-secondary)!important;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace!important;background:var(--bg-secondary)!important;padding:2px 6px!important;border-radius:3px!important;border:1px solid var(--border-color)!important;flex-shrink:0!important}.think-card-tech-gold .query-section{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--border-color)!important;position:relative!important;z-index:1!important}.think-card-tech-gold .query-title{color:var(--color-secondary)!important;font-weight:700!important;font-size:14px!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;gap:6px!important}.think-card-tech-gold .query-items{display:flex!important;flex-direction:column!important;gap:10px!important}.think-card-tech-gold .query-item{padding:12px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;transition:all .2s ease!important}.think-card-tech-gold .query-item:hover{background:var(--bg-tertiary)!important;border-color:var(--text-muted)!important}.think-card-tech-gold .query-text{margin-bottom:8px!important;font-size:13px!important;color:var(--text-primary)!important;line-height:1.4!important}.think-card-tech-gold .query-text strong{color:var(--text-primary)!important;font-weight:600!important}.think-card-tech-gold .query-meta{font-size:11px!important;color:var(--text-secondary)!important;margin-top:4px!important;font-style:italic!important}.think-card-tech-gold .query-button{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important;box-shadow:var(--shadow-sm)!important}.think-card-tech-gold .query-button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .6s ease!important;z-index:0!important}.think-card-tech-gold .query-button:hover:before{left:100%!important}.think-card-tech-gold .query-button:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:var(--text-inverse)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.think-card-tech-gold .query-button:active{transform:translateY(0)!important;box-shadow:var(--shadow-sm)!important;transition:all .1s ease!important}.think-card-tech-gold .query-button:focus{outline:none!important;box-shadow:var(--shadow-sm),0 0 0 3px #3b82f64d!important}.evidence-modal-overlay{position:fixed!important;inset:0!important;background:#000c!important;backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;animation:fadeInOverlay .3s ease!important}@keyframes fadeInOverlay{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}.evidence-modal{background:var(--bg-primary)!important;border:1px solid #e0e0e0!important;border-radius:12px!important;max-width:80%!important;max-height:80%!important;width:700px!important;box-shadow:0 10px 30px #0000004d!important;overflow:hidden!important;position:relative!important}.evidence-modal .evidence-modal-header{padding:20px!important;border-bottom:1px solid #f0f0f0!important;background:var(--bg-secondary)!important;position:relative!important;z-index:1!important}.evidence-modal .evidence-modal-header h3{margin:0!important;font-size:18px!important;font-weight:600!important;color:#333!important;display:flex!important;align-items:center!important;gap:8px!important}.evidence-modal .evidence-modal-content{padding:20px!important;max-height:400px!important;overflow-y:auto!important;background:var(--bg-primary)!important;position:relative!important;z-index:1!important}.evidence-modal .evidence-modal-content::-webkit-scrollbar{width:6px!important}.evidence-modal .evidence-modal-content::-webkit-scrollbar-track{background:#f5f5f5!important;border-radius:3px!important}.evidence-modal .evidence-modal-content::-webkit-scrollbar-thumb{background:#ccc!important;border-radius:3px!important}.evidence-modal .evidence-modal-content::-webkit-scrollbar-thumb:hover{background:#999!important}.evidence-modal .evidence-modal-content pre{var(--bg-primary)-space: pre-wrap !important;word-wrap:break-word!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:14px!important;line-height:1.6!important;color:#333!important;margin:0!important;background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.evidence-modal .evidence-modal-empty{text-align:center!important;color:#999!important;font-style:italic!important;padding:40px 20px!important;background:transparent!important;border:none!important}.evidence-modal .evidence-modal-footer{padding:16px 20px!important;border-top:1px solid #f0f0f0!important;background:var(--bg-secondary)!important;display:flex!important;justify-content:flex-end!important;gap:12px!important;position:relative!important;z-index:1!important}.evidence-modal .evidence-modal-footer button{border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;text-transform:uppercase!important;letter-spacing:.05em!important;position:relative!important;overflow:hidden!important}.evidence-modal .evidence-modal-footer .btn-close{background:var(--bg-card)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.evidence-modal .evidence-modal-footer .btn-close:hover{background:var(--bg-hover)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-sm)!important}.evidence-modal .evidence-modal-footer .btn-copy{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border:none!important;box-shadow:var(--shadow-sm)!important}.evidence-modal .evidence-modal-footer .btn-copy:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .6s ease!important;z-index:0!important}.evidence-modal .evidence-modal-footer .btn-copy:hover:before{left:100%!important}.evidence-modal .evidence-modal-footer .btn-copy:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:var(--text-inverse)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important}.evidence-modal .evidence-modal-footer .btn-copy:active{transform:translateY(0)!important;box-shadow:var(--shadow-sm)!important;transition:all .1s ease!important}@media(max-width:1200px){.workbench-content{padding:.75rem!important}.chat-messages,.chat-message{max-width:100%!important}}@media(max-width:768px){.workbench-header{padding:.5rem!important}.header-left{gap:.5rem!important}.document-title{font-size:.875rem!important}.session-info{display:none!important}.header-actions{gap:.25rem!important}.header-actions .ant-btn span{display:none!important}.workbench-content,.sider-content{padding:.75rem!important}.chat-workspace{gap:.75rem!important}.chat-container{min-width:300px!important}}.sider-content::-webkit-scrollbar,.workbench-content::-webkit-scrollbar,.library-content::-webkit-scrollbar,.tree-content::-webkit-scrollbar,.outline-content::-webkit-scrollbar,.chat-messages-area::-webkit-scrollbar{width:6px}.sider-content::-webkit-scrollbar-track,.workbench-content::-webkit-scrollbar-track,.library-content::-webkit-scrollbar-track,.tree-content::-webkit-scrollbar-track,.outline-content::-webkit-scrollbar-track,.chat-messages-area::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.sider-content::-webkit-scrollbar-thumb,.workbench-content::-webkit-scrollbar-thumb,.library-content::-webkit-scrollbar-thumb,.tree-content::-webkit-scrollbar-thumb,.outline-content::-webkit-scrollbar-thumb,.chat-messages-area::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.sider-content::-webkit-scrollbar-thumb:hover,.workbench-content::-webkit-scrollbar-thumb:hover,.library-content::-webkit-scrollbar-thumb:hover,.tree-content::-webkit-scrollbar-thumb:hover,.outline-content::-webkit-scrollbar-thumb:hover,.chat-messages-area::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.truncate{overflow:hidden;text-overflow:ellipsis;var(--bg-primary)-space: nowrap}.transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.chat-input-area{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:var(--space-lg) var(--space-xl)!important;border:2px solid var(--border-medium)!important;border-radius:var(--radius-xl)!important;background:var(--bg-primary)!important;box-shadow:var(--shadow-md)!important;width:100%!important;box-sizing:border-box!important;transition:var(--transition-base)!important;position:relative!important;min-height:60px!important;max-height:120px!important;margin:0!important;flex-shrink:0!important;z-index:1000!important;visibility:visible!important;opacity:1!important;height:80px!important}.chat-input-area .input-group{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:var(--space-lg)!important}.chat-input-area:focus-within{border-color:var(--color-accent)!important;box-shadow:var(--shadow-md),0 0 0 3px var(--color-accent-light)!important;transform:translateY(-1px)!important}.chat-input-area:hover{border-color:var(--border-dark)!important;box-shadow:var(--shadow-lg)!important}.chat-input{flex:1!important;border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:var(--font-size-base)!important;line-height:1.6!important;resize:none!important;color:var(--text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;outline:none!important;min-height:24px!important}.chat-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.chat-input .ant-input{border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:var(--font-size-base)!important;line-height:1.6!important;color:var(--text-primary)!important}.chat-input .ant-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.chat-input .ant-input::-moz-placeholder{color:var(--text-quaternary)!important;font-style:italic!important}.chat-input .ant-input::placeholder{color:var(--text-quaternary)!important;font-style:italic!important}.chat-send-button{flex-shrink:0!important;background:var(--text-primary)!important;border:1px solid var(--text-primary)!important;color:var(--text-inverse)!important;font-weight:600!important;height:auto!important;padding:var(--space-md) var(--space-xl)!important;border-radius:var(--radius-xl)!important;font-size:var(--font-size-base)!important;display:flex!important;align-items:center!important;gap:var(--space-sm)!important;transition:var(--transition-base)!important;box-shadow:var(--shadow-md)!important;min-width:-moz-fit-content!important;min-width:fit-content!important;cursor:pointer!important}.chat-send-button:hover:not(:disabled){background:#333!important;border-color:#333!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-lg)!important}.chat-send-button:active:not(:disabled){transform:translateY(0)!important;box-shadow:var(--shadow-md)!important}.chat-send-button:disabled{background:var(--text-tertiary)!important;border-color:var(--border-medium)!important;color:var(--text-inverse)!important;opacity:.7!important;cursor:not-allowed!important;transform:none!important;box-shadow:var(--shadow-sm)!important}.chat-send-button .anticon{font-size:1rem!important}.chat-input-area.disabled{border-color:var(--border-medium)!important;background:var(--bg-tertiary)!important;cursor:not-allowed!important}.chat-input-area.disabled:hover{border-color:var(--border-medium)!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.chat-input-area.disabled .chat-input,.chat-input-area.disabled .chat-input .ant-input{color:var(--text-quaternary)!important;cursor:not-allowed!important}.chat-input-area.disabled .chat-input .ant-input::-moz-placeholder{color:var(--text-quaternary)!important}.chat-input-area.disabled .chat-input .ant-input::placeholder{color:var(--text-quaternary)!important}@media(max-width:768px){.chat-input-area{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:var(--space-lg)!important}.chat-send-button{align-self:flex-end!important;justify-content:center!important;flex-shrink:0!important}}@media(max-width:480px){.chat-input-area{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:var(--space-lg)!important}.chat-send-button{width:auto!important;justify-content:center!important}}.create-questions-container{width:100%;height:100vh;display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-app);overflow:hidden;position:relative;box-sizing:border-box}.create-questions-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.05) 0%,transparent 50%);animation:subtleFloat 30s ease-in-out infinite;pointer-events:none;z-index:0}.create-questions-container .chat-section{flex:1;display:flex;flex-direction:column;gap:var(--space-lg);min-width:500px;height:calc(100vh - 2rem);max-height:calc(100vh - 2rem);overflow:hidden;position:relative;z-index:1}.create-questions-container .chat-container{display:flex!important;flex-direction:column!important;gap:var(--space-lg)!important;height:100%!important;width:100%!important;max-height:100%!important;max-width:100%!important;overflow:hidden!important;background:var(--bg-glass)!important;backdrop-filter:var(--blur-md)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-lg)!important;padding:var(--space-lg)!important;box-sizing:border-box!important}.create-questions-container .chat-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.create-questions-container .chat-title{font-size:var(--font-size-xl);font-weight:600;display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);margin:0}.create-questions-container .chat-title svg{width:1.25rem;height:1.25rem;color:var(--color-accent)}.create-questions-container .chat-status{display:flex;align-items:center;gap:var(--space-sm)}.status-indicator{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.status-indicator.online{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-indicator.offline{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.create-questions-container .chat-messages{border-radius:var(--radius-xl)!important;border:1px solid var(--border-medium)!important;background:var(--bg-primary)!important;padding:var(--space-xl)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:var(--space-md)!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:500px!important;max-height:calc(100vh - 180px)!important;flex:1!important}.chat-message{max-width:85%!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg) var(--space-xl)!important;font-size:var(--font-size-base)!important;line-height:1.6!important;margin-bottom:var(--space-sm)!important;display:flex;align-items:flex-start;gap:var(--space-md)}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.create-questions-container .sidebar-section{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-lg);min-width:350px;height:calc(100vh - 2rem);max-height:calc(100vh - 2rem);overflow:hidden;position:relative;z-index:1}.create-questions-container .sidebar-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-glass);backdrop-filter:var(--blur-md);border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;padding:var(--space-lg)}.questions-panel{display:flex;flex-direction:column;gap:var(--space-lg);min-height:0;flex:1}.questions-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light);flex-shrink:0}.questions-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);margin:0}.questions-count{background:var(--color-accent-light);color:var(--color-accent);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.questions-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-md);padding-right:var(--space-sm);min-height:0}.questions-list::-webkit-scrollbar{width:6px}.questions-list::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.questions-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.questions-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.generated-question-item{background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.generated-question-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-secondary),#06b6d4,var(--color-secondary));background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:.7}.generated-question-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#8b5cf659}.generated-question-item .question-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.generated-question-item .question-number{background:var(--color-secondary);color:var(--bg-primary);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800;min-width:auto}.generated-question-item .question-type.mcq{background:#3b82f61f;color:var(--color-primary);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:2px 8px;font-weight:600}.generated-question-item .question-type.task{background:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:2px 8px;font-weight:600}.generated-question-item .question-difficulty.low{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:2px 8px}.generated-question-item .question-difficulty.medium{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:2px 8px}.generated-question-item .question-difficulty.high,.generated-question-item .question-difficulty.hard{background:#ef44441f;color:var(--color-error);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:2px 8px}.generated-question-item .question-think-content{background:linear-gradient(135deg,var(--bg-secondary),#eef2ff);border:1px dashed rgba(99,102,241,.4);border-radius:10px;padding:8px 12px;color:var(--text-tertiary)}.generated-question-item .mcq-content,.generated-question-item .task-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:var(--space-md)}.generated-question-item .question-display .question-stem,.generated-question-item .task-content .task-name{font-weight:700;color:var(--text-secondary);margin-bottom:6px}.generated-question-item .question-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.generated-question-item .question-tags .tag{background:#6366f11a;color:var(--color-info);border:1px solid rgba(99,102,241,.2);padding:2px 6px;border-radius:999px;font-size:12px}.generated-question-item .question-options{display:flex;flex-direction:column;gap:6px;margin-top:6px}.generated-question-item .question-option{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:6px 10px;color:var(--text-primary);position:relative}.generated-question-item .question-option.correct{border-color:#22c55e80;background:#22c55e14}.generated-question-item .question-option .correct-icon{color:var(--color-success);margin-left:6px;vertical-align:middle}.generated-question-item .question-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:var(--space-sm)}.generated-question-item .btn-icon{border-radius:10px;border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-secondary)}.generated-question-item .btn-icon.primary{border-color:var(--color-info);color:var(--color-info)}.generated-question-item .btn-icon.danger{border-color:var(--color-error);color:var(--color-error)}.question-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.question-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.question-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.question-number{background:var(--color-accent);color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;min-width:2rem;text-align:center}.question-type{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.question-type.single{background:#10b9811a;color:var(--color-success)}.question-type.multiple{background:#f59e0b1a;color:var(--color-warning)}.question-type.essay{background:#8b5cf61a;color:var(--color-secondary)}.question-difficulty{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.question-difficulty.easy{background:#22c55e1a;color:var(--color-success)}.question-difficulty.medium{background:#f59e0b1a;color:var(--color-warning)}.question-difficulty.hard{background:#ef44441a;color:var(--color-error)}.question-content{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;margin-bottom:var(--space-sm)}.question-options{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.question-option{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm)}.question-actions{display:flex;align-items:center;gap:var(--space-sm);justify-content:flex-end}.btn-icon{padding:var(--space-xs);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-secondary)}.btn-icon.danger:hover{background:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.empty-questions{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--text-tertiary);text-align:center}.empty-questions svg{color:var(--text-quaternary)}.empty-hint{font-size:var(--font-size-sm);color:var(--text-quaternary)}.history-panel{display:flex;flex-direction:column;gap:var(--space-lg);height:100%}.history-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.history-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary);margin:0}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.history-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-base)}.history-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-accent)}.history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.history-item-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}.history-item-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.history-item-status.completed{background:#10b9811a;color:var(--color-success)}.history-item-status.draft{background:#f59e0b1a;color:var(--color-warning)}.history-item-description{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.4;margin:0 0 var(--space-sm) 0}.history-item-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-quaternary)}.history-item-count{font-weight:500}.empty-history{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--text-tertiary);text-align:center}.empty-history svg{color:var(--text-quaternary)}.evidence-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeInOverlay .3s ease}.evidence-modal{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);max-width:800px;width:90%;max-height:80vh;box-shadow:var(--shadow-2xl);overflow:hidden;display:flex;flex-direction:column}.evidence-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.evidence-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-secondary)}.evidence-modal-close{padding:var(--space-sm);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.evidence-modal-close:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.evidence-modal-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.evidence-modal-content pre{var(--bg-primary)-space: pre-wrap;word-break:break-word;font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);margin:0;font-family:Consolas,Monaco,Courier New,monospace}.evidence-modal-empty{text-align:center;color:var(--text-tertiary);font-style:italic;padding:var(--space-xl)}.evidence-modal-footer{padding:var(--space-lg);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);background:var(--bg-secondary)}.btn-close,.btn-copy{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base)}.btn-close:hover{background:var(--bg-tertiary)}.btn-copy{background:var(--color-accent);color:var(--text-inverse);border-color:var(--color-accent)}.btn-copy:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.message-content-wrapper{width:100%}.conversation-content{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #2196f3;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);color:var(--text-primary);box-shadow:var(--shadow-md);border:1px solid rgba(33,150,243,.2);position:relative}.conversation-content:before{content:"💬 会话";position:absolute;top:-12px;left:12px;background:#2196f3;color:var(--bg-primary);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;box-shadow:0 2px 6px #2196f34d}.question-content{background:var(--bg-secondary);border-left:4px solid var(--color-warning);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-xl);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-md);border:1px solid var(--color-warning-light);position:relative}.question-content:before{content:"📝 题目";position:absolute;top:-12px;left:12px;background:#ff9800;color:var(--bg-primary);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;box-shadow:0 2px 6px #ff98004d}.analysis-content{background:linear-gradient(135deg,#f3e5f5,#e8f5e8);border-left:4px solid #9c27b0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);color:var(--text-primary)}.inquery-content{background:linear-gradient(135deg,#fff8e1,#f1f8e9);border-left:4px solid #ffc107;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);color:var(--text-primary)}.knowledge-query-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7,#bbf7d0);border:2px solid #22c55e;border-radius:var(--radius-xl);padding:0;max-width:100%;box-shadow:0 8px 32px #22c55e26;overflow:hidden;position:relative;margin:var(--space-md) 0}.knowledge-query-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#4ade80,#22c55e);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.knowledge-query-header{background:linear-gradient(135deg,#22c55e,#4ade80);color:var(--text-inverse);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);margin:0;border-bottom:none;font-size:var(--font-size-base);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.knowledge-query-header svg{width:1.2em;height:1.2em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.knowledge-query-header span{flex:1}.knowledge-query-content{padding:var(--space-lg);background:var(--bg-primary);font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);min-height:60px;var(--bg-primary)-space: pre-wrap;word-break:break-word;position:relative;border-left:4px solid rgba(34,197,94,.2)}.knowledge-query-content:empty:before{content:"正在查询知识库...";color:var(--text-quaternary);font-style:italic;opacity:.7;animation:pulse 1.5s ease-in-out infinite}.knowledge-query-content.streaming{position:relative}.knowledge-query-content.streaming:after{content:"";position:absolute;bottom:var(--space-md);right:var(--space-md);width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 1s ease-in-out infinite}.knowledge-query-card{animation:slideInUp .5s ease-out}.knowledge-query-card-loading{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-color) 100%);border:2px solid var(--text-tertiary);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;color:var(--text-tertiary);position:relative;overflow:hidden}.knowledge-query-card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(148,163,184,.1),transparent);animation:loading-shimmer 1.5s ease-in-out infinite}.knowledge-query-card-loading .knowledge-query-header{background:linear-gradient(135deg,var(--text-tertiary) 0%,var(--text-muted) 100%);color:var(--text-inverse)}@media(max-width:768px){.knowledge-query-card{margin:var(--space-sm) 0}.knowledge-query-header{padding:var(--space-md);font-size:var(--font-size-sm)}.knowledge-query-content{padding:var(--space-md);font-size:var(--font-size-xs)}}@media(max-width:480px){.knowledge-query-content{padding:var(--space-sm)}}.chat-message.conversation .message-avatar .avatar{background:linear-gradient(135deg,#2196f3,#21cbf3)}.chat-message.question .message-avatar .avatar{background:linear-gradient(135deg,#ff9800,#ffb74d)}.chat-message.analysis .message-avatar .avatar{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.chat-message.inquery .message-avatar .avatar{background:linear-gradient(135deg,#ffc107,#ffeb3b)}.chat-message.quiz .message-avatar .avatar{background:linear-gradient(135deg,#e91e63,#f06292)}.quiz-content{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);border:2px solid #e91e63;border-radius:var(--radius-xl);padding:0;max-width:100%;box-shadow:0 8px 32px #e91e6326;overflow:hidden;position:relative}.quiz-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e91e63,#f06292,#e91e63);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.quiz-header{background:linear-gradient(135deg,#e91e63,#f06292);color:var(--text-inverse);padding:var(--space-lg);display:flex;align-items:center;justify-content:space-between;margin:0;border-bottom:none}.quiz-intent-badge{background:#fff3;color:var(--text-inverse);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:700;display:flex;align-items:center;gap:var(--space-sm);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 2px rgba(0,0,0,.1)}.quiz-intent-badge:before{content:"🎯";font-size:1.2em}.quiz-streaming-indicator{display:flex;align-items:center;gap:var(--space-sm);color:#ffffffe6;font-size:var(--font-size-sm);font-style:italic;background:#ffffff1a;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);backdrop-filter:blur(10px)}.quiz-form{padding:var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);background:var(--bg-primary)}.quiz-field{display:flex;flex-direction:column;gap:var(--space-sm);position:relative}.quiz-field.full-width{grid-column:1 / -1}.quiz-field label{font-weight:700;color:var(--text-primary);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);margin-bottom:var(--space-xs)}.quiz-field label:before{content:"";width:4px;height:4px;background:#e91e63;border-radius:50%;flex-shrink:0}.ai-assist-btn{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d;position:relative;overflow:hidden;min-width:32px;min-height:24px;justify-content:center}.ai-assist-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ai-assist-btn:hover:not(:disabled):before{left:100%}.ai-assist-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #667eea66}.ai-assist-btn:active:not(:disabled){transform:translateY(0) scale(1.02);box-shadow:0 2px 6px #667eea4d}.ai-assist-btn:disabled{background:var(--text-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:0 1px 3px #94a3b833}.ai-assist-btn:disabled:before{display:none}.ai-assist-btn svg{width:14px;height:14px;flex-shrink:0}.quiz-input,.quiz-select,.quiz-textarea{padding:var(--space-md) var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative}.quiz-input:focus,.quiz-select:focus,.quiz-textarea:focus{outline:none;border-color:#e91e63;box-shadow:0 0 0 4px #e91e631a;transform:translateY(-1px)}.quiz-input:disabled,.quiz-select:disabled,.quiz-textarea:disabled{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;border-color:var(--border-color)}.quiz-textarea{resize:vertical;min-height:100px;line-height:1.6}.quiz-select{cursor:pointer;background-image:url("data:image/svg+xml,%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 12px center;background-repeat:no-repeat;background-size:16px;padding-right:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quiz-actions{grid-column:1 / -1;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--bg-tertiary);display:flex;justify-content:center;gap:var(--space-md)}.quiz-submit-btn{background:linear-gradient(135deg,#e91e63,#f06292,#e91e63);background-size:200% 100%;color:var(--text-inverse);border:none;padding:var(--space-lg) var(--space-2xl);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #e91e634d;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.quiz-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.quiz-submit-btn:hover:not(:disabled):before{left:100%}.quiz-submit-btn:hover:not(:disabled){background-position:100% 0;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #e91e6366}.quiz-submit-btn:active:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 6px 20px #e91e634d}.quiz-submit-btn:disabled{background:var(--text-tertiary);color:var(--text-inverse);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #94a3b833}.quiz-submit-btn svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.quiz-field[data-field=domain] label:after{content:"🏫";margin-left:auto}.quiz-field[data-field=questionType] label:after{content:"📝";margin-left:auto}.quiz-field[data-field=knowledgePoints] label:after{content:"💡";margin-left:auto}.quiz-field[data-field=difficulty] label:after{content:"⚡";margin-left:auto}.quiz-field[data-field=count] label:after{content:"🔢";margin-left:auto}.quiz-field[data-field=bloom] label:after{content:"🧠";margin-left:auto}.quiz-field[data-field=scenario] label:after{content:"🎭";margin-left:auto}.quiz-field[data-field=constrains] label:after{content:"🎯";margin-left:auto}.quiz-field{animation:slideInUp .4s ease-out;animation-fill-mode:both}.quiz-field:nth-child(1){animation-delay:.1s}.quiz-field:nth-child(2){animation-delay:.15s}.quiz-field:nth-child(3){animation-delay:.2s}.quiz-field:nth-child(4){animation-delay:.25s}.quiz-field:nth-child(5){animation-delay:.3s}.quiz-field:nth-child(6){animation-delay:.35s}.quiz-field:nth-child(7){animation-delay:.4s}.quiz-field:nth-child(8){animation-delay:.45s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.quiz-content{margin:0 -var(--space-md);border-radius:var(--radius-lg)}.quiz-header{padding:var(--space-md);flex-direction:column;gap:var(--space-sm);align-items:flex-start}.quiz-form{padding:var(--space-lg);grid-template-columns:1fr;gap:var(--space-md)}.quiz-field.full-width{grid-column:1}.quiz-submit-btn{width:100%;justify-content:center;padding:var(--space-lg)}.quiz-intent-badge{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}}@media(max-width:480px){.quiz-form{padding:var(--space-md)}.quiz-input,.quiz-select,.quiz-textarea{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}}.message-actions{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #e5e7eb!important;position:relative!important;z-index:1!important}.btn{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2a2a2a)!important;color:#d4af37!important;border:2px solid #d4af37!important;border-radius:6px!important;padding:6px 12px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;text-transform:uppercase!important;letter-spacing:.08em!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 4px #0000004d,0 0 0 1px #d4af371a,inset 0 1px #d4af371a!important;text-shadow:0 0 6px rgba(212,175,55,.5)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;var(--bg-primary)-space: nowrap !important}.btn:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent)!important;transition:left .6s ease!important;z-index:0!important}.btn:hover:before{left:100%!important}.btn:hover:not(:disabled){background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#3a3a3a)!important;border-color:#f4d03f!important;color:#f4d03f!important;transform:translateY(-3px) scale(1.02)!important;box-shadow:0 8px 16px #d4af3766,0 0 25px #d4af374d,0 0 0 2px #d4af3733,inset 0 1px #d4af3733!important;text-shadow:0 0 12px rgba(244,208,63,.8)!important}.btn:active:not(:disabled){transform:translateY(-1px) scale(1.01)!important;box-shadow:0 4px 8px #d4af374d,0 0 15px #d4af3733!important;transition:all .1s ease!important}.btn:disabled{background:#333!important;border-color:#666!important;color:#999!important;cursor:not-allowed!important;transform:none!important;box-shadow:0 2px 4px #0003!important;text-shadow:none!important;opacity:.6!important}.btn:disabled:before{display:none!important}.btn svg{width:1rem!important;height:1rem!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.btn span{position:relative!important;z-index:1!important}.btn-sm{padding:8px 16px!important;font-size:12px!important;border-radius:6px!important}.btn-gradient{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2a2a2a)!important;color:#d4af37!important;border:2px solid #d4af37!important}@media(max-width:1200px){.create-questions-container{flex-direction:column;height:auto;min-height:100vh}.chat-section{width:100%;max-height:60vh;min-width:auto}.sidebar-section{width:100%;min-height:40vh;min-width:auto}}@media(max-width:768px){.create-questions-container{padding:.75rem;gap:.75rem}.chat-header{flex-direction:column;gap:.75rem;align-items:stretch}.sidebar-tabs{flex-direction:column}.sidebar-tab{justify-content:flex-start;padding:var(--space-md)}.chat-message{max-width:95%}.form-group{gap:var(--space-sm)}.question-header{flex-wrap:wrap}.history-item-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}@media(max-width:480px){.create-questions-container{padding:.5rem}.chat-messages{padding:var(--space-lg)}.sidebar-content{padding:var(--space-md)}.evidence-modal{max-width:95%;margin:0 10px}.evidence-modal-header,.evidence-modal-footer{padding-left:16px;padding-right:16px}.evidence-modal-footer{flex-direction:column;gap:12px}.evidence-modal-footer button{width:100%}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInOverlay{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px)}}.think-card-v2{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--border-color) 50%,var(--text-muted) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:0;max-width:100%;box-shadow:0 8px 32px #3b82f626;overflow:hidden;position:relative;margin:var(--space-md) 0}.think-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),#60a5fa,var(--color-primary));background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.think-v2-title{background:linear-gradient(135deg,var(--color-primary) 0%,#60a5fa 100%);color:var(--text-inverse);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);margin:0;border-bottom:none;font-size:var(--font-size-base);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.think-v2-title svg{width:1.2em;height:1.2em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.think-v2-content{padding:var(--space-lg);background:var(--bg-primary);display:flex;flex-direction:column;gap:var(--space-lg)}.think-v2-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);position:relative}.think-v2-section:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.think-v2-section-header{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border-light);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);position:relative}.think-v2-section-header svg{width:1em;height:1em;color:var(--color-accent)}.think-v2-section-content{padding:var(--space-lg);font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:60px;var(--bg-primary)-space: pre-wrap;word-break:break-word;position:relative}.think-v2-section-content:empty:before{content:"正在分析...";color:var(--text-quaternary);font-style:italic;opacity:.7;animation:pulse 1.5s ease-in-out infinite}.think-v2-section:has(.think-observation){border-left:4px solid var(--color-warning)}.think-v2-section:has(.think-observation) .think-v2-section-header{background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);color:var(--color-warning-hover);border-bottom-color:var(--color-warning-light)}.think-v2-section:has(.think-observation) .think-v2-section-header svg{color:var(--color-warning)}.think-v2-section:has(.think-observation) .think-v2-section-content{background:var(--bg-primary);border-left:2px solid var(--color-warning-light)}.think-v2-section:has(.think-content){border-left:4px solid var(--color-secondary)}.think-v2-section:has(.think-content) .think-v2-section-header{background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-secondary-light) 100%);color:var(--color-secondary-hover);border-bottom-color:var(--color-secondary-light)}.think-v2-section:has(.think-content) .think-v2-section-header svg{color:var(--color-secondary)}.think-v2-section:has(.think-content) .think-v2-section-content{background:var(--bg-primary);border-left:2px solid var(--color-secondary-light)}.think-observation,.think-content{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-sm);line-height:1.7;color:var(--text-primary)}.think-observation p,.think-content p{margin:0 0 var(--space-sm) 0}.think-observation ul,.think-content ul{margin:var(--space-sm) 0;padding-left:var(--space-lg)}.think-observation li,.think-content li{margin:var(--space-xs) 0;line-height:1.6}.think-observation strong,.think-content strong{font-weight:600;color:var(--text-secondary)}.think-observation em,.think-content em{font-style:italic;color:var(--text-tertiary)}.think-v2-section-content.streaming{position:relative}.think-v2-section-content.streaming:after{content:"";position:absolute;bottom:var(--space-md);right:var(--space-md);width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.think-card-v2{animation:slideInUp .5s ease-out}.think-card-v2-loading{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-color) 100%);border:2px solid var(--text-tertiary);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;color:var(--text-tertiary);position:relative;overflow:hidden}.think-card-v2-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(148,163,184,.1),transparent);animation:loading-shimmer 1.5s ease-in-out infinite}.think-v2-loading-content{font-style:italic;margin-top:var(--space-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.think-v2-section[data-type=observation] .think-v2-section-header{background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);color:var(--color-warning-hover)}.think-v2-section[data-type=observation] .think-v2-section-header svg{color:var(--color-warning)}.think-v2-section[data-type=think] .think-v2-section-header{background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-secondary-light) 100%);color:var(--color-secondary-hover)}.think-v2-section[data-type=think] .think-v2-section-header svg{color:var(--color-secondary)}@media(max-width:768px){.think-card-v2{margin:var(--space-sm) 0}.think-v2-title{padding:var(--space-md);font-size:var(--font-size-sm)}.think-v2-content{padding:var(--space-md);gap:var(--space-md)}.think-v2-section-header{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.think-v2-section-content{padding:var(--space-md);font-size:var(--font-size-xs)}}@media(max-width:480px){.think-v2-content,.think-v2-section-content{padding:var(--space-sm)}}.query-user-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd);border:2px solid #0ea5e9;border-radius:var(--radius-xl);padding:0;max-width:100%;box-shadow:0 8px 32px #0ea5e926;overflow:hidden;position:relative;margin:var(--space-md) 0}.query-user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#38bdf8,#0ea5e9);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.query-user-header{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:var(--text-inverse);padding:var(--space-lg);margin:0;border-bottom:none}.query-user-title{font-size:var(--font-size-base);font-weight:700;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);text-shadow:0 1px 2px rgba(0,0,0,.1)}.query-user-title svg{width:1.2em;height:1.2em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.query-user-subtitle{font-size:var(--font-size-sm);opacity:.9;font-weight:500}.query-user-content{padding:var(--space-lg);background:var(--bg-primary);display:flex;flex-direction:column;gap:var(--space-lg)}.query-question{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.query-question:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.query-question-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.query-question-number{background:#0ea5e9;color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;min-width:2rem;text-align:center}.query-question-stem{flex:1;font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm)}.query-question-type{display:flex;align-items:center;gap:var(--space-xs);background:#0ea5e91a;color:#0ea5e9;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.query-options{display:flex;flex-direction:column;gap:var(--space-sm)}.query-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.query-option:hover{border-color:#0ea5e9;background:#0ea5e90d}.query-option.selected{border-color:#0ea5e9;background:#0ea5e91a;box-shadow:0 2px 8px #0ea5e933}.query-option-indicator{color:#0ea5e9;flex-shrink:0}.query-option-text{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.query-text-input{margin-top:var(--space-sm)}.query-textarea{width:100%;padding:var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);resize:vertical;min-height:80px}.query-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.query-textarea::-moz-placeholder{color:var(--text-quaternary);font-style:italic}.query-textarea::placeholder{color:var(--text-quaternary);font-style:italic}.query-custom-input{margin-top:var(--space-md);padding:var(--space-md);background:#0ea5e90d;border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-md);transition:all var(--transition-base)}.query-custom-input:hover{background:#0ea5e914;border-color:#0ea5e94d}.query-custom-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:600;color:#0ea5e9;margin-bottom:var(--space-sm)}.query-custom-label svg{width:14px;height:14px;flex-shrink:0}.query-custom-text-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base)}.query-custom-text-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.query-custom-text-input::-moz-placeholder{color:var(--text-quaternary);font-style:italic}.query-custom-text-input::placeholder{color:var(--text-quaternary);font-style:italic}.query-user-summary{background:var(--bg-tertiary);border-top:1px solid var(--border-light);padding:var(--space-lg)}.query-summary-title{font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}.query-summary-content{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6;var(--bg-primary)-space: pre-wrap;background:var(--bg-primary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-light)}.query-user-card-loading{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-color) 100%);border:2px solid var(--text-tertiary);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;color:var(--text-tertiary);position:relative;overflow:hidden}.query-user-card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(148,163,184,.1),transparent);animation:loading-shimmer 1.5s ease-in-out infinite}.query-user-card-loading .query-user-title{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:600;color:var(--text-tertiary)}@media(max-width:768px){.query-user-card{margin:var(--space-sm) 0}.query-user-header{padding:var(--space-md)}.query-user-content{padding:var(--space-md);gap:var(--space-md)}.query-question{padding:var(--space-md)}.query-question-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.query-option{padding:var(--space-sm)}}@media(max-width:480px){.query-user-content,.query-question{padding:var(--space-sm)}}.output-card{background:linear-gradient(135deg,#fef7ff 0%,var(--color-secondary-lighter) 50%,var(--color-secondary-light) 100%);border:2px solid #a855f7;border-radius:var(--radius-xl);padding:0;max-width:100%;box-shadow:0 8px 32px #a855f726;overflow:hidden;position:relative;margin:var(--space-md) 0}.output-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a855f7,#c084fc,#a855f7);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.output-header{background:linear-gradient(135deg,#a855f7,#c084fc);color:var(--text-inverse);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);margin:0;border-bottom:none;font-size:var(--font-size-base);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.output-header svg{width:1.2em;height:1.2em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0}.output-header span{flex:1}.output-think-content{padding:var(--space-lg);background:var(--bg-primary);font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);min-height:60px;var(--bg-primary)-space: pre-wrap;word-break:break-word;position:relative;border-left:4px solid rgba(168,85,247,.2)}.output-think-content:empty:before{content:"正在生成题目思路...";color:var(--text-quaternary);font-style:italic;opacity:.7;animation:pulse 1.5s ease-in-out infinite}.output-think-content.streaming{position:relative}.output-think-content.streaming:after{content:"";position:absolute;bottom:var(--space-md);right:var(--space-md);width:8px;height:8px;background:#a855f7;border-radius:50%;animation:pulse 1s ease-in-out infinite}.output-card{animation:slideInUp .5s ease-out}.output-card-loading{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-color) 100%);border:2px solid var(--text-tertiary);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;color:var(--text-tertiary);position:relative;overflow:hidden}.output-card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(148,163,184,.1),transparent);animation:loading-shimmer 1.5s ease-in-out infinite}.output-card-loading .output-header{background:linear-gradient(135deg,var(--text-tertiary) 0%,var(--text-muted) 100%);color:var(--text-inverse)}@media(max-width:768px){.output-card{margin:var(--space-sm) 0}.output-header{padding:var(--space-md);font-size:var(--font-size-sm)}.output-think-content{padding:var(--space-md);font-size:var(--font-size-xs)}}@media(max-width:480px){.output-think-content{padding:var(--space-sm)}}.sidebar-content::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.questions-list::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track,.questions-list::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb,.questions-list::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover,.questions-list::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.sidebar-container,.questions-panel,.questions-list{min-height:0}.questions-list{overflow-y:auto;max-height:100%;padding-bottom:var(--space-lg);scroll-behavior:smooth}.generated-question-item{overflow:visible}.generated-question-item .question-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--bg-primary) 20%,var(--bg-primary) 100%);padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--border-light);z-index:2}.generated-question-item.editing{max-height:calc(100vh - 260px);overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:72px;scroll-padding-bottom:72px}.generated-question-item .editable-fields{display:flex;flex-direction:column;gap:12px}.generated-question-item .field-group{display:flex;flex-direction:column;gap:8px;width:100%}.generated-question-item .field-group label{font-weight:600;color:var(--text-secondary)}.generated-question-item .field-input,.generated-question-item .field-input input,.generated-question-item .field-input textarea,.generated-question-item .field-input select,.generated-question-item input.field-input,.generated-question-item textarea.field-input,.generated-question-item select.field-input{width:100%;min-width:0;box-sizing:border-box}.generated-question-item input.field-input,.generated-question-item .field-input input,.generated-question-item select.field-input,.generated-question-item .field-input select,.generated-question-item textarea.field-input,.generated-question-item .field-input textarea{padding:10px 12px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-primary);color:var(--text-primary)}.generated-question-item textarea.field-input,.generated-question-item .field-input textarea{resize:vertical;min-height:90px;line-height:1.6}.generated-question-item .mcq-content .field-input>div,.generated-question-item .task-content .field-input>div{min-width:0}.generated-question-item .mcq-content input.field-input,.generated-question-item .task-content input.field-input{max-width:100%}.generated-question-item .editable-fields .field-input,.generated-question-item .editable-fields input.field-input,.generated-question-item .editable-fields textarea.field-input,.generated-question-item .editable-fields select.field-input,.generated-question-item .editable-fields .field-input input,.generated-question-item .editable-fields .field-input textarea,.generated-question-item .editable-fields .field-input select{width:100%!important;max-width:100%!important;min-width:0!important;display:block;box-sizing:border-box}.generated-question-item .editable-fields .field-input>input,.generated-question-item .editable-fields .field-input>textarea,.generated-question-item .editable-fields .field-input>select{flex:1 1 auto;width:100%!important;max-width:100%!important;min-width:0!important}.framework-selector{padding:24px;background:#fafafa;min-height:100vh;display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto}.framework-selector-header{margin:0 0 12px;text-align:center;background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 8px #0000000f;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}.framework-selector-header .ant-typography-title{margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.framework-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.framework-grid{width:100%;max-width:1200px;margin:0 auto;max-height:60vh;overflow-y:auto;padding-right:8px}.framework-grid .ant-row{justify-content:center}.framework-grid::-webkit-scrollbar{width:8px}.framework-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.framework-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.framework-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.framework-grid::-webkit-scrollbar-thumb:active{background:#1890ff}.framework-card{height:280px;transition:all .3s ease;border-radius:12px;overflow:hidden;border:2px solid transparent;display:flex;flex-direction:column}.framework-card:hover{border-color:#1890ff;transform:translateY(-2px)}.framework-card.selected{border-color:#52c41a;background:linear-gradient(135deg,#f6ffed,#f0f9ff);box-shadow:0 4px 20px #52c41a26}.framework-card-header{margin-bottom:12px;flex-shrink:0}.framework-card-header .ant-typography-title{display:flex;align-items:center;gap:8px;margin-bottom:8px!important}.selected-icon{color:#52c41a;font-size:16px;margin-left:auto}.framework-description{margin:12px 0 16px;color:#666;line-height:1.6;flex:1;overflow:hidden}.framework-stats{margin-top:auto;margin-bottom:0;padding-top:12px;border-top:1px solid #f0f0f0;flex-shrink:0}.stats-divider{color:#d9d9d9;margin:0 8px}.framework-stats .ant-typography{font-size:12px;display:flex;align-items:center;gap:4px}.framework-preview{padding:8px 0}.framework-info{margin-bottom:24px}.framework-meta{margin-top:16px;padding:16px;background:#fafafa;border-radius:8px}.framework-preview .ant-tree{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.framework-preview .ant-tree-node-content-wrapper{padding:4px 8px;border-radius:6px}.framework-preview .ant-tree-node-content-wrapper:hover{background-color:#f0f9ff}@media(max-width:768px){.framework-selector{padding:16px}.framework-selector-header{padding:24px 16px}.framework-grid .ant-col{margin-bottom:16px}}.framework-card{animation:fadeInUp .3s ease-out}.framework-card:nth-child(1){animation-delay:0s}.framework-card:nth-child(2){animation-delay:.1s}.framework-card:nth-child(3){animation-delay:.2s}.framework-card:nth-child(4){animation-delay:.3s}.framework-card:nth-child(5){animation-delay:.4s}.framework-card:nth-child(6){animation-delay:.5s}.recent-frameworks-section{margin-bottom:32px}.recent-frameworks-header{text-align:center;margin-bottom:20px}.recent-frameworks-header .ant-typography-title{display:flex;align-items:center;justify-content:center;margin-bottom:4px!important;color:#333;font-size:16px!important}.recent-framework-card{height:220px;transition:all .3s ease;border-radius:10px;overflow:hidden;border:1px solid #f0f0f0;background:#fff;display:flex;flex-direction:column}.recent-framework-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.recent-framework-card.selected{border-color:#52c41a;background:linear-gradient(135deg,#f6ffed,#f0f9ff);box-shadow:0 4px 16px #52c41a33}.recent-card-content{padding:8px 0;flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100%}.recent-card-header{display:flex;align-items:flex-start;gap:6px;margin-bottom:8px}.recent-card-header .ant-typography-title{font-size:14px!important;font-weight:600!important;margin:0!important;line-height:1.3!important;flex:1;display:flex;align-items:center;gap:6px}.recent-card-tags{margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap}.recent-card-tags .ant-tag{margin:0;font-size:11px;padding:2px 8px;height:auto;line-height:1.4}.recent-framework-card .ant-typography{margin:8px 0}.recent-framework-card .ant-typography-paragraph{margin:8px 0!important;font-size:12px;color:#666;line-height:1.4;min-height:42px}.recent-card-stats{margin-top:auto;margin-bottom:0;display:flex;justify-content:space-between}.recent-card-stats .ant-space{font-size:10px}.recent-card-stats .anticon{font-size:10px;margin-right:2px}.recent-framework-card .ant-card-actions{background:#ffffffe6;border-top:1px solid #f0f0f0;padding:8px 0;margin-top:auto}.recent-framework-card .ant-card-body{height:100%;display:flex;flex-direction:column}.recent-framework-card .ant-card-actions>li{margin:0}.recent-framework-card .ant-card-actions .ant-btn{font-size:11px;height:24px;padding:0 8px;color:#666}.recent-framework-card .ant-card-actions .ant-btn:hover{color:#1890ff}.framework-search-container{display:flex;justify-content:center;align-items:center;margin:0 auto 24px;width:100%;max-width:700px}.framework-search{width:100%;max-width:700px}.framework-search .ant-input{border-radius:24px;padding:0 20px;border:2px solid #f0f0f0;transition:all .3s ease;font-size:15px;height:52px;line-height:1;display:flex;align-items:center;box-sizing:border-box}.framework-search .ant-input::-moz-placeholder{line-height:1;color:#bfbfbf;font-size:15px;vertical-align:middle}.framework-search .ant-input::placeholder{line-height:1;color:#bfbfbf;font-size:15px;vertical-align:middle}.framework-search .ant-input-affix-wrapper{padding:0 20px;align-items:center;height:52px;border-radius:24px}.framework-search .ant-input-affix-wrapper .ant-input{padding:0;border:none;background:transparent;height:100%;line-height:1}.framework-search .ant-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.framework-search .ant-input-search-button{display:none}.framework-search .ant-input-suffix{display:flex;align-items:center}.framework-search .ant-input-search-icon{color:#8c8c8c;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.framework-search .ant-input-search-icon:hover{color:#1890ff;background:#1890ff1a}.framework-search .ant-input-prefix{margin-right:8px;color:#8c8c8c;display:flex;align-items:center}@media(max-width:768px){.framework-selector{padding:16px;max-width:100%}.framework-selector-header{margin:0 0 24px;padding:24px 20px;max-width:none;width:100%}.framework-search-container{max-width:100%;margin:0 0 20px}.framework-search{max-width:100%}.framework-search .ant-input{height:48px;padding:0 16px;font-size:14px}.framework-search .ant-input-affix-wrapper{height:48px;padding:0 16px}.framework-grid{max-height:70vh;padding-right:4px}.framework-grid::-webkit-scrollbar{width:4px}.recent-frameworks-header .ant-typography-title{font-size:14px!important}.recent-framework-card{margin-bottom:12px}.recent-card-content{padding:8px 0}.recent-framework-card{height:200px}.framework-card{height:260px}}.ant-badge-status-dot{width:8px;height:8px}.framework-card .ant-card-body{height:100%;display:flex;flex-direction:column}.framework-card .ant-card-actions{border-top:1px solid #f0f0f0;background:#fffc;margin-top:auto;flex-shrink:0}.framework-card .ant-card-actions>li{margin:8px 0}.framework-card .ant-card-actions .ant-btn{color:#666;font-weight:500}.framework-card .ant-card-actions .ant-btn:hover{color:#1890ff}.create-questions-container{background:var(--bg-gradient);min-height:100vh;color:var(--text-primary)}.particle-bg{background:var(--bg-gradient)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color)}.dimensions-drawer{padding:8px 0}.dimensions-drawer .ant-tree{background:transparent;border:none;padding:16px;border-radius:8px;border:1px solid #f0f0f0}.dimensions-drawer .ant-tree .ant-tree-iconEle{width:0!important;height:0!important;margin:0!important;overflow:hidden!important;opacity:0!important}.dimensions-drawer .ant-tree .ant-tree-iconEle *{display:none!important}.dimensions-drawer .ant-tree .ant-tree-switcher{width:20px!important;height:20px!important;line-height:20px!important;margin-right:8px!important}.dimensions-drawer .ant-tree .ant-tree-switcher .ant-tree-switcher-icon{font-size:12px!important;color:#666!important}.dimensions-drawer .ant-tree .ant-tree-node-content-wrapper{background:transparent!important;border:none!important;border-radius:6px!important;padding:6px 8px!important;transition:all .2s ease!important}.dimensions-drawer .ant-tree .ant-tree-node-content-wrapper:hover{background:#f8fafc!important}.dimensions-drawer .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background:#f0f9ff!important;border:none!important;box-shadow:none!important}.dimensions-drawer .ant-tree .ant-tree-treenode{background:transparent!important;border:none!important;padding:2px 0!important}.dimensions-drawer .ant-tree .ant-tree-node-content-wrapper:before{display:none!important}.framework-summary{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px}.framework-stats-detail{margin-top:12px}.overall-question-stats{margin-top:16px;padding:12px;background:#f0f9ff;border-radius:6px;border-left:3px solid #3b82f6}.dimension-title{display:flex;flex-direction:column;gap:6px;width:100%}.dimension-question-stats{margin-left:24px}.dimension-question-stats .ant-tag{margin:0 2px;font-size:10px;padding:1px 4px;line-height:1.2}[data-theme=dark] .framework-summary{background:#33415533}[data-theme=dark] .overall-question-stats{background:#3b82f61a;border-left-color:#60a5fa}[data-theme=dark] .framework-info-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #4f46e54d}[data-theme=dark] .framework-info-btn:hover{box-shadow:0 4px 12px #4f46e566}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.framework-info-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 2px 8px #667eea4d}.framework-info-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.framework-info-btn span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-container{background:var(--bg-card);color:var(--text-primary)}.chat-section{background:transparent}.message-card,.think-card,.query-card{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}[data-theme=dark] .create-questions-container,[data-theme=dark] .particle-bg{background:var(--bg-gradient)!important}[data-theme=dark] .think-card-v2{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .think-v2-title{background:var(--gradient-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .think-v2-content{background:var(--bg-card)!important}[data-theme=dark] .think-v2-section{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .think-v2-section-header{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-theme=dark] .think-v2-section-content{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .think-v2-section:has(.think-observation) .think-v2-section-header{background:var(--color-warning-light)!important;color:var(--text-inverse)!important}[data-theme=dark] .think-v2-section:has(.think-observation) .think-v2-section-content{background:var(--bg-secondary)!important;border-left-color:var(--color-warning)!important}[data-theme=dark] .think-v2-section:has(.think-content) .think-v2-section-header{background:var(--color-secondary-light)!important;color:var(--text-inverse)!important}[data-theme=dark] .think-v2-section:has(.think-content) .think-v2-section-content{background:var(--bg-secondary)!important;border-left-color:var(--color-secondary)!important}[data-theme=dark] .status-section,[data-theme=dark] .query-section{border-top-color:var(--border-color)!important}[data-theme=dark] .status-message,[data-theme=dark] .query-item{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .query-button{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important}[data-theme=dark] .bg-green-500{background:var(--color-success)!important}[data-theme=dark] .bg-red-500{background:var(--color-error)!important}[data-theme=dark] .text-green-500{color:var(--color-success)!important}[data-theme=dark] .text-red-500{color:var(--color-error)!important}[data-theme=dark] .text-yellow-500{color:var(--color-warning)!important}.chat-message-bubble{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);margin:var(--spacing-sm) 0;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.chat-message-bubble:hover{box-shadow:var(--shadow)}.conversation-content{font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}[data-theme=dark] .chat-message-bubble{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .chat-message-header{color:var(--text-secondary)!important}[data-theme=dark] .batch-processing-container{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .batch-processing-progress-bar{background:var(--color-primary)!important}[data-theme=dark] .field-input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .field-input::-moz-placeholder{color:var(--text-tertiary)!important}[data-theme=dark] .field-input::placeholder{color:var(--text-tertiary)!important}[data-theme=dark] .btn-icon{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .btn-icon:hover{background:var(--bg-tertiary)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}[data-theme=dark] .btn-icon.danger{color:var(--color-error)!important}[data-theme=dark] .btn-icon.danger:hover{background:var(--color-error-light)!important;border-color:var(--color-error)!important}[data-theme=dark] .message-card,[data-theme=dark] .think-card,[data-theme=dark] .query-card,[data-theme=dark] .ai-card,[data-theme=dark] .user-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .message-content,[data-theme=dark] .card-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .message-header,[data-theme=dark] .card-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .message-title,[data-theme=dark] .card-title,[data-theme=dark] .message-text,[data-theme=dark] .card-text{color:var(--text-primary)!important}[data-theme=dark] .message-meta,[data-theme=dark] .card-meta{color:var(--text-secondary)!important}[data-theme=dark] input[type=text],[data-theme=dark] textarea,[data-theme=dark] .input-field{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] button,[data-theme=dark] .btn{background:var(--gradient-primary)!important;border-color:var(--color-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .btn-secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .option-item,[data-theme=dark] .choice-item{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .option-item.selected,[data-theme=dark] .choice-item.selected{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important}[data-theme=dark] .loading-spinner,[data-theme=dark] .spinner{border-color:var(--border-color)!important;border-top-color:var(--color-primary)!important}[data-theme=dark] .status-indicator,[data-theme=dark] .progress-indicator{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .divider,[data-theme=dark] hr{border-color:var(--border-color)!important}[data-theme=dark] .tag,[data-theme=dark] .badge,[data-theme=dark] .chip{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .tag.active,[data-theme=dark] .badge.active,[data-theme=dark] .chip.active{background:var(--color-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .panel,[data-theme=dark] .section,[data-theme=dark] .container{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .panel-header,[data-theme=dark] .section-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .panel-body,[data-theme=dark] .section-body{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] *{--card-bg: var(--bg-card) !important;--text-color: var(--text-primary) !important;--border-color-override: var(--border-color) !important}.think-markdown-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin:16px 0}.think-markdown-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px}.think-markdown-content{padding:16px;line-height:1.6;color:#333}.think-markdown-content p{margin:0 0 12px}.think-markdown-content p:last-child{margin-bottom:0}.think-markdown-content h1,.think-markdown-content h2,.think-markdown-content h3,.think-markdown-content h4,.think-markdown-content h5,.think-markdown-content h6{margin:16px 0 8px;color:#2c3e50}.think-markdown-content ul,.think-markdown-content ol{margin:8px 0;padding-left:20px}.think-markdown-content code{background:#f1f3f4;padding:2px 4px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.9em}.think-markdown-content pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px;overflow-x:auto;margin:12px 0}.think-markdown-content pre code{background:none;padding:0}.think-markdown-content blockquote{border-left:4px solid #667eea;margin:12px 0;padding:8px 12px;background:#f8f9ff;color:#5a6c7d;font-style:italic}[data-theme=dark] .think-markdown-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .think-markdown-header{background:var(--gradient-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .think-markdown-content,[data-theme=dark] .think-markdown-content h1,[data-theme=dark] .think-markdown-content h2,[data-theme=dark] .think-markdown-content h3,[data-theme=dark] .think-markdown-content h4,[data-theme=dark] .think-markdown-content h5,[data-theme=dark] .think-markdown-content h6{color:var(--text-primary)!important}[data-theme=dark] .think-markdown-content code{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .think-markdown-content pre{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .think-markdown-content blockquote{background:var(--bg-secondary)!important;border-left-color:var(--color-primary)!important;color:var(--text-secondary)!important}.ptm-field{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-card);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.ptm-field:hover{border-color:var(--border-secondary);background:var(--bg-card-hover)}.ptm-label{font-weight:700;font-size:13px;color:var(--text-secondary)}.ptm-label .required{color:var(--color-error);margin-left:4px}.ptm-input,.ptm-select,.ptm-textarea{width:100%;padding:8px 10px;border:2px solid var(--border-primary);border-radius:10px;background:var(--bg-card);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.ptm-input::-moz-placeholder,.ptm-textarea::-moz-placeholder{color:var(--text-tertiary);font-style:italic}.ptm-input::placeholder,.ptm-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.ptm-input:hover,.ptm-select:hover,.ptm-textarea:hover{border-color:var(--border-secondary)}.ptm-input:focus,.ptm-select:focus,.ptm-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.15);background:var(--bg-card-hover)}.ptm-input:disabled,.ptm-select:disabled,.ptm-textarea:disabled{opacity:.6;cursor:not-allowed}.ptm-input:invalid,.ptm-select:invalid,.ptm-textarea:invalid{border-color:var(--error-color);box-shadow:0 0 0 4px #ef444426}.ptm-textarea{resize:vertical;min-height:80px}.ptm-help{font-size:12px;color:var(--text-tertiary)}.ptm-radio-group,.ptm-checkbox-group{display:flex;gap:10px;flex-wrap:wrap}.ptm-radio,.ptm-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}@media(prefers-contrast:more){.ptm-input,.ptm-select,.ptm-textarea{border-width:3px}.ptm-input:focus,.ptm-select:focus,.ptm-textarea:focus{box-shadow:0 0 0 4px rgba(var(--accent-color-rgb),.25)}}@media(prefers-reduced-motion:reduce){.ptm-field,.ptm-input,.ptm-select,.ptm-textarea{transition:none}}.question-management-container{min-height:100vh;padding:2rem;background:var(--bg-gradient);position:relative;overflow-x:hidden}.question-management-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.page-title{text-align:center;margin-bottom:2rem;color:var(--text-primary);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-title .anticon{margin-right:.5rem;color:var(--color-primary)}.framework-selector-card{margin-bottom:2rem;border:none;border-radius:16px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1)}.framework-selector-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.questions-section{space-y:1.5rem}.toolbar-card{margin-bottom:1.5rem;border:none;border-radius:12px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px)}.toolbar-card .ant-card-body{padding:1.5rem}.toolbar-card .ant-divider{margin:1rem 0;border-color:var(--border-color)}.toolbar-card .ant-input-search .ant-input-group .ant-input-group-addon .ant-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff;border-radius:0 6px 6px 0}.toolbar-card .ant-input-search .ant-input-group .ant-input-group-addon .ant-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.toolbar-card .ant-select{border-radius:6px}.toolbar-card .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--color-primary)}.toolbar-card .ant-select-focused .ant-select-selector{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.toolbar-card .ant-btn{border-radius:6px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.toolbar-card .ant-btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.toolbar-card .ant-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.toolbar-card .ant-tag{border-radius:6px;font-weight:500;padding:.25rem .5rem}.questions-table-card{border:none;border-radius:12px;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);overflow:hidden}.questions-table-card .ant-card-body{padding:0}.questions-table-card .ant-table{background:transparent}.questions-table-card .ant-table-thead>tr>th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:1rem .75rem}.questions-table-card .ant-table-tbody>tr>td{padding:.75rem;border-bottom:1px solid var(--border-light)}.questions-table-card .ant-table-tbody>tr:hover>td{background:var(--bg-hover)}.questions-table-card .ant-table-tbody>tr:last-child>td{border-bottom:none}.questions-table-card .ant-tag{border-radius:4px;font-size:12px;font-weight:500;padding:.125rem .5rem;margin:.125rem;border:none}.questions-table-card .ant-btn{border:none;box-shadow:none;transition:all .2s ease}.questions-table-card .ant-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.questions-table-card .ant-btn:disabled{opacity:.5}.questions-table-card .ant-btn:disabled:hover{background:transparent;color:var(--text-disabled);transform:none}.questions-table-card .ant-pagination{padding:1rem;text-align:center;display:flex!important;justify-content:center!important;align-items:center!important}.centered-pagination-table .ant-pagination{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;position:relative!important;left:50%!important;transform:translate(-50%)!important}.ant-table-pagination.ant-pagination{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;text-align:center!important}.question-management-container .ant-pagination{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;text-align:center!important;margin:16px 0!important}.question-management-container .ant-select-dropdown{z-index:1050!important}.question-management-container .toolbar-card,.question-management-container .ant-card-body{overflow:visible!important}.question-management-container .ant-select{z-index:auto!important}.question-management-container .ant-select-selector{position:relative!important}.questions-table-card .ant-pagination .ant-pagination-item{border-radius:6px;border-color:var(--border-color)}.questions-table-card .ant-pagination .ant-pagination-item-active{background:var(--color-primary);border-color:var(--color-primary)}.questions-table-card .ant-pagination .ant-pagination-item-active a{color:#fff}.ant-modal .ant-modal-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.ant-modal .ant-modal-title{color:var(--text-primary);font-weight:600}.ant-modal .ant-modal-body{background:var(--bg-primary)}.ant-modal .ant-modal-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);border-radius:0 0 8px 8px}.question-detail{padding:1rem 0}.question-detail .detail-row{margin-bottom:1.5rem}.question-detail .detail-row:last-child{margin-bottom:0}.question-detail .detail-row strong{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600}.question-detail .detail-row p{margin:0;color:var(--text-secondary);line-height:1.6;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:6px;border-left:3px solid var(--color-primary)}.question-detail .detail-row ul{margin:0;padding-left:1.5rem}.question-detail .detail-row li{margin-bottom:.5rem;color:var(--text-secondary);line-height:1.5}.ant-form-item-label>label{color:var(--text-primary);font-weight:500}.ant-input,.ant-input-number,.ant-select-selector,.ant-cascader-picker{border-radius:6px;border-color:var(--border-color)}.ant-input:focus,.ant-input-focused,.ant-input-number:focus,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.ant-cascader-picker-focused .ant-cascader-picker-label{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}@media(max-width:1200px){.question-management-container{padding:1.5rem}.question-management-content{max-width:100%}}@media(max-width:768px){.question-management-container{padding:1rem}.toolbar-card .ant-row{flex-direction:column;gap:.75rem}.toolbar-card .ant-col{width:100%!important}.questions-table-card .ant-table{font-size:12px}.questions-table-card .ant-table-thead>tr>th,.questions-table-card .ant-table-tbody>tr>td{padding:.5rem .25rem}}@media(max-width:480px){.page-title{font-size:1.5rem}.toolbar-card .ant-card-body,.questions-table-card .ant-card-body{padding:1rem}.ant-modal{margin:0;max-width:100vw;top:0}}[data-theme=dark] .framework-selector-card,[data-theme=dark] .toolbar-card,[data-theme=dark] .questions-table-card{background:#111827cc;border-color:#4b55634d}[data-theme=dark] .ant-modal-content{background:var(--bg-primary)}[data-theme=dark] .question-detail .detail-row p{background:#1f2937cc}.questions-table-card .ant-table-tbody>tr{transition:all .3s ease}.questions-table-card .ant-tag{transition:all .2s ease}.questions-table-card .ant-tag:hover{transform:scale(1.05)}.ant-spin-container{min-height:200px;display:flex;align-items:center;justify-content:center}.ant-empty{padding:2rem}.ant-empty-description{color:var(--text-secondary)}.question-optimize-container{min-height:100vh;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.light-theme,.light-theme .ant-typography,.light-theme .ant-card-body,.light-theme .question-detail,.light-theme .detail-section{color:#1e293b!important}.dark-theme,.dark-theme .ant-typography,.dark-theme .ant-card-body,.dark-theme .question-detail,.dark-theme .detail-section{color:#f1f5f9!important}.question-optimize-container.light-theme{background:linear-gradient(135deg,#667eea,#764ba2)}.question-optimize-container.dark-theme{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.back-button-container{position:absolute;top:20px;left:20px;z-index:100}.floating-back-button{padding:8px 16px;border-radius:12px;backdrop-filter:blur(20px);border:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a}.light-theme .floating-back-button{background:#ffffffe6;color:#64748b}.dark-theme .floating-back-button{background:#1e293be6;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.floating-back-button:hover{transform:translateY(-2px);background:#7c3aede6!important;color:#fff!important;box-shadow:0 8px 24px #7c3aed4d}.floating-save-button{padding:8px 16px;border-radius:12px;backdrop-filter:blur(20px);border:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a;background:#22c55ee6!important;border-color:#22c55ee6!important;color:#fff!important}.floating-save-button:hover{transform:translateY(-2px);background:#15803de6!important;border-color:#15803de6!important;box-shadow:0 8px 24px #22c55e4d}.card-title{display:flex;align-items:center;gap:8px}.card-title-icon{color:#7c3aed;font-size:16px}.card-session-id{font-size:12px;font-weight:400;opacity:.7;margin-left:12px}.think-state-card{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(124,58,237,.2);border-radius:12px;padding:16px;margin:8px 0;box-shadow:0 4px 16px #7c3aed1a;transition:all .3s ease}.dark-theme .think-state-card{background:#1e293bf2;border:1px solid rgba(124,58,237,.3);color:#f1f5f9}.think-state-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(124,58,237,.2);font-weight:600;color:#7c3aed}.dark-theme .think-state-header{color:#a78bfa;border-bottom-color:#a78bfa4d}.think-state-content{display:flex;flex-direction:column;gap:16px}.observation-section,.think-section{background:#f8fafccc;border-radius:8px;padding:12px;border-left:4px solid #7c3aed}.dark-theme .observation-section,.dark-theme .think-section{background:#0f172acc;border-left-color:#a78bfa}.section-title{display:flex;align-items:center;gap:6px;font-weight:500;margin-bottom:8px;font-size:14px;color:#64748b}.dark-theme .section-title{color:#cbd5e1}.section-content{font-size:14px;line-height:1.6;color:#334155}.dark-theme .section-content{color:#e2e8f0}.observation-area{background:#eff6ffcc;border-radius:6px;padding:8px}.dark-theme .observation-area{background:#1e3a8a33}.think-area{background:#fff7edcc;border-radius:6px;padding:8px}.dark-theme .think-area{background:#78350f33}.think-state-card .section-title:after{display:none!important}.knowledge-query-card{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:16px;margin:8px 0;box-shadow:0 4px 16px #10b9811a;transition:all .3s ease}.dark-theme .knowledge-query-card{background:#1e293bf2;border:1px solid rgba(16,185,129,.3);color:#f1f5f9}.knowledge-query-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(16,185,129,.2);font-weight:600;color:#10b981}.dark-theme .knowledge-query-header{color:#34d399;border-bottom-color:#34d3994d}.knowledge-query-content{font-size:14px;line-height:1.6;color:#334155}.dark-theme .knowledge-query-content{color:#e2e8f0}.deep-think-card{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:16px;margin:8px 0;box-shadow:0 4px 16px #8b5cf61a;transition:all .3s ease}.dark-theme .deep-think-card{background:#1e293bf2;border:1px solid rgba(139,92,246,.3);color:#f1f5f9}.deep-think-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(139,92,246,.2);font-weight:600;color:#8b5cf6}.dark-theme .deep-think-header{color:#a78bfa;border-bottom-color:#a78bfa4d}.deep-think-content{font-size:14px;line-height:1.6;color:#334155}.dark-theme .deep-think-content{color:#e2e8f0}.conversation-card{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;margin:8px 0;box-shadow:0 4px 16px #3b82f61a;transition:all .3s ease}.dark-theme .conversation-card{background:#1e293bf2;border:1px solid rgba(59,130,246,.3);color:#f1f5f9}.conversation-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(59,130,246,.2);font-weight:600;color:#3b82f6}.dark-theme .conversation-header{color:#60a5fa;border-bottom-color:#60a5fa4d}.conversation-content{font-size:14px;line-height:1.6;color:#334155}.dark-theme .conversation-content{color:#e2e8f0}.optimize-card{background:#fffffff2;backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:16px;margin:8px 0;box-shadow:0 4px 16px #f59e0b1a;transition:all .3s ease}.dark-theme .optimize-card{background:#1e293bf2;border:1px solid rgba(245,158,11,.3);color:#f1f5f9}.optimize-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(245,158,11,.2);font-weight:600;color:#f59e0b}.dark-theme .optimize-header{color:#fbbf24;border-bottom-color:#fbbf244d}.optimize-content{font-size:14px;line-height:1.6;color:#334155}.dark-theme .optimize-content{color:#e2e8f0}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:12px;font-weight:500}.status-indicator.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.dark-theme .status-indicator.success{background:#22c55e33;color:#4ade80}.status-indicator.failure{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.dark-theme .status-indicator.failure{background:#ef444433;color:#f87171}.optimize-result{padding:8px 0}.page-header{display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 32px;border-radius:16px;backdrop-filter:blur(20px);transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.light-theme .optimize-header{background:#fffffff2;border:1px solid rgba(255,255,255,.2)}.dark-theme .optimize-header{background:#1e293bf2;border:1px solid rgba(255,255,255,.1)}.header-right{display:flex;align-items:center;gap:16px}.page-title{margin:0!important;font-weight:600;letter-spacing:-.02em}.light-theme .page-title{color:#1e293b!important}.dark-theme .page-title{color:#f1f5f9!important}.title-icon{color:#7c3aed!important;margin-right:12px;font-size:24px}.session-id{font-size:12px;font-weight:400;opacity:.7;margin-left:16px;padding:4px 12px;border-radius:20px;background:#7c3aed1a;color:#7c3aed!important}.back-button{border-radius:12px;transition:all .3s ease}.light-theme .back-button{color:#64748b}.dark-theme .back-button{color:#cbd5e1}.back-button:hover{background:#7c3aed1a!important;color:#7c3aed!important}.theme-switch-container{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#ffffff1a;backdrop-filter:blur(10px)}.theme-icon{font-size:14px;opacity:.6;transition:all .3s ease}.theme-icon.active{opacity:1;color:#7c3aed}.theme-switch .ant-switch-handle:before{background:#7c3aed!important}.theme-switch.ant-switch-checked{background:#7c3aed4d!important}.optimize-content{display:flex;gap:20px;height:calc(100vh - 80px);padding-top:60px;transition:all .3s ease}.chat-section{flex:0 0 60%;display:flex;flex-direction:column}.chat-card{height:100%;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;backdrop-filter:blur(20px);border:none;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.light-theme .chat-card{background:#fffffff2}.light-theme .chat-card .ant-card-head{background:#fffc;border-bottom:1px solid rgba(0,0,0,.06)}.light-theme .chat-card .ant-card-head-title{color:#1e293b!important;font-weight:600}.light-theme .chat-card .ant-card-body{color:#1e293b!important}.dark-theme .chat-card{background:#1e293bf2}.dark-theme .chat-card .ant-card-head{background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.06)}.dark-theme .chat-card .ant-card-head-title{color:#f1f5f9;font-weight:600}.chat-card .ant-card-body{flex:1;display:flex;flex-direction:column;padding:24px}.chat-messages{flex:1;overflow-y:auto;padding:8px 0;max-height:calc(100vh - 240px);scrollbar-width:thin}.message{margin-bottom:20px;animation:slideInUp .4s cubic-bezier(.4,0,.2,1)}.message.user{text-align:right}.message.ai{text-align:left}.message-content{display:inline-block;max-width:85%;padding:16px 20px;border-radius:20px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;font-size:14px;backdrop-filter:blur(10px);transition:all .3s ease}.message.user .message-content{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-bottom-right-radius:8px;box-shadow:0 4px 16px #7c3aed4d}.message.user .message-content:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.light-theme .message.ai .message-content{background:#f8fafcf2;color:#334155;border-bottom-left-radius:8px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #0000000d}.dark-theme .message.ai .message-content{background:#334155f2;color:#e2e8f0;border-bottom-left-radius:8px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px #0003}.message.ai .message-content:hover{transform:translateY(-2px)}.message-time{font-size:11px;color:#999;margin-top:4px}.message.user .message-time{text-align:right}.message.ai .message-time{text-align:left}.chat-input{border-top:1px solid #f0f0f0;padding-top:16px;margin-top:16px}.input-area{display:flex;gap:12px;align-items:flex-end}.input-area textarea{flex:1;border:1px solid #d9d9d9;border-radius:8px;padding:8px 12px;resize:none;font-family:inherit;transition:border-color .3s}.input-area textarea:focus{outline:none;border-color:#722ed1;box-shadow:0 0 0 2px #722ed133}.detail-section-container{flex:0 0 40%;min-width:0;max-width:40vw}.detail-card{height:100%;border-radius:16px;overflow:hidden;backdrop-filter:blur(20px);border:none;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.light-theme .detail-card{background:#fffffff2}.light-theme .detail-card .ant-card-head{background:#fffc;border-bottom:1px solid rgba(0,0,0,.06)}.light-theme .detail-card .ant-card-head-title{color:#1e293b!important;font-weight:600}.light-theme .detail-card .ant-card-body{color:#1e293b!important}.dark-theme .detail-card{background:#1e293bf2}.dark-theme .detail-card .ant-card-head{background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.06)}.dark-theme .detail-card .ant-card-head-title{color:#f1f5f9;font-weight:600}.detail-card .ant-card-body{height:calc(100% - 57px);overflow-y:auto;overflow-x:hidden;word-wrap:break-word;padding:24px;scrollbar-width:thin}.question-detail{padding:8px;width:100%;box-sizing:border-box}.question-detail .ant-input,.question-detail .ant-select,.question-detail .ant-input-number,.question-detail .ant-input-number-input{max-width:100%!important;box-sizing:border-box}.question-detail .ant-input,.question-detail .ant-select-selector{word-wrap:break-word}.detail-section{overflow-wrap:break-word;word-break:break-word}.detail-section>*{max-width:100%;box-sizing:border-box}.edit-actions{position:sticky;top:0;z-index:10;padding:16px 0;margin-bottom:16px;border-radius:12px;backdrop-filter:blur(10px);transition:all .3s ease}.light-theme .edit-actions{background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.06)}.dark-theme .edit-actions{background:#1e293be6;border-bottom:1px solid rgba(255,255,255,.06)}.edit-actions .ant-btn{border-radius:8px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;box-shadow:0 2px 8px #0000001a}.edit-actions .ant-btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.edit-actions .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed66;animation:glow .6s ease-in-out infinite alternate}.light-theme .edit-actions .ant-btn:not(.ant-btn-primary){background:#fffc!important;color:#64748b!important;border:1px solid rgba(0,0,0,.1)!important}.dark-theme .edit-actions .ant-btn:not(.ant-btn-primary){background:#1e293bcc!important;color:#cbd5e1!important;border:1px solid rgba(255,255,255,.1)!important}.edit-actions .ant-btn:hover{transform:translateY(-2px)}.detail-section{margin-bottom:24px;padding:20px;border-radius:12px;transition:all .3s ease;animation:fadeInScale .4s cubic-bezier(.4,0,.2,1)}.light-theme .detail-section{background:#f8fafc99;border:1px solid rgba(0,0,0,.04);color:#1e293b!important}.light-theme .detail-section *{color:#1e293b!important}.light-theme .detail-section:hover{background:#f8fafccc;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.dark-theme .detail-section{background:#1e293bcc!important;border:1px solid rgba(255,255,255,.1);color:#f1f5f9!important}.dark-theme .detail-section *{color:#f1f5f9!important}.dark-theme .detail-section:hover{background:#1e293be6!important;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.detail-section:last-child{margin-bottom:0}.light-theme .question-content{background:#f8fafccc!important;color:#1e293b!important;padding:12px;border-radius:6px;margin-top:8px;line-height:1.6;border-left:3px solid #7c3aed}.dark-theme .question-content{background:#0f172acc!important;color:#f1f5f9!important;padding:12px;border-radius:6px;margin-top:8px;line-height:1.6;border-left:3px solid #7c3aed}.options-list{margin-top:8px}.light-theme .option-item{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0;border-radius:6px;background:#f8fafccc!important;color:#1e293b!important;transition:background-color .2s}.light-theme .option-item.correct{background:#f6ffed!important;border:1px solid #b7eb8f;color:#1e293b!important}.dark-theme .option-item{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0;border-radius:6px;background:#0f172acc!important;color:#f1f5f9!important;transition:background-color .2s}.dark-theme .option-item.correct{background:#22c55e33!important;border:1px solid rgba(34,197,94,.4);color:#f1f5f9!important}.option-label{font-weight:600;color:#7c3aed!important;min-width:20px}.option-text{flex:1}.light-theme .task-description{background:#fff7e6!important;color:#1e293b!important;padding:12px;border-radius:6px;margin-top:8px;line-height:1.6;border-left:3px solid #f59e0b}.dark-theme .task-description{background:#f59e0b33!important;color:#f1f5f9!important;padding:12px;border-radius:6px;margin-top:8px;line-height:1.6;border-left:3px solid #f59e0b}.basic-info,.classification-info{display:flex;flex-direction:column;gap:8px;margin-top:8px}.basic-info>div,.classification-info>div{display:flex;align-items:center;gap:8px}.light-theme .evaluation-criteria{background:#f0f5ff!important;color:#1e293b!important;padding:12px;border-radius:6px;margin-top:8px;line-height:1.6;border-left:3px solid #3b82f6}.dark-theme .evaluation-criteria{background:#3b82f633!important;color:#f1f5f9!important;padding:12px;border-radius:6px;margin-top:8px;line-height:1.6;border-left:3px solid #3b82f6}.hints-list{margin-top:8px}.light-theme .hint-item{padding:6px 12px;margin:4px 0;background:#fff2e8!important;border-radius:4px;color:#d46b08!important;line-height:1.5}.dark-theme .hint-item{padding:6px 12px;margin:4px 0;background:#d66b0833!important;border-radius:4px;color:#fbbf24!important;line-height:1.5}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes glow{0%{box-shadow:0 0 5px #7c3aed33}to{box-shadow:0 0 20px #7c3aed66,0 0 30px #7c3aed33}}@media(max-width:1200px){.optimize-content{flex-direction:column;height:auto}.chat-section,.detail-section-container{flex:none;width:100%}.chat-messages{max-height:400px}}.detail-section .ant-tag{border-radius:16px;padding:4px 12px;font-weight:500;border:none;transition:all .3s ease}.detail-section .ant-tag:hover{transform:scale(1.05);animation:pulse .6s ease}.ant-spin-dot{animation:pulse 1.5s ease-in-out infinite!important}.chat-messages::-webkit-scrollbar,.detail-card .ant-card-body::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track,.detail-card .ant-card-body::-webkit-scrollbar-track{background:transparent}.light-theme .chat-messages::-webkit-scrollbar-thumb,.light-theme .detail-card .ant-card-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.dark-theme .chat-messages::-webkit-scrollbar-thumb,.dark-theme .detail-card .ant-card-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover,.detail-card .ant-card-body::-webkit-scrollbar-thumb:hover{background:#7c3aed}.question-detail .ant-input,.question-detail .ant-select-selector,.question-detail .ant-input-number{border-radius:8px!important;transition:all .3s ease!important}.light-theme .question-detail .ant-input,.light-theme .question-detail .ant-select-selector,.light-theme .question-detail .ant-input-number{background:#fffc!important;border:1px solid rgba(0,0,0,.1)!important;color:#1e293b!important}.light-theme .question-detail .ant-input:focus,.light-theme .question-detail .ant-select-focused .ant-select-selector,.light-theme .question-detail .ant-input-number-focused{border-color:#7c3aed!important;box-shadow:0 0 0 2px #7c3aed1a!important}.light-theme .question-detail .ant-input::-moz-placeholder{color:#64748b!important}.light-theme .question-detail .ant-input::placeholder{color:#64748b!important}.dark-theme .question-detail .ant-input,.dark-theme .question-detail .ant-select-selector,.dark-theme .question-detail .ant-input-number,.dark-theme .question-detail .ant-input-number-input{background:#1e293bcc!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark-theme .question-detail .ant-input::-moz-placeholder{color:#94a3b8!important}.dark-theme .question-detail .ant-input::placeholder{color:#94a3b8!important}.dark-theme .question-detail .ant-input:focus,.dark-theme .question-detail .ant-select-focused .ant-select-selector,.dark-theme .question-detail .ant-input-number-focused{border-color:#7c3aed!important;box-shadow:0 0 0 2px #7c3aed1a!important}.dark-theme .question-detail .ant-select-arrow,.dark-theme .question-detail .ant-select-selection-item{color:#f1f5f9!important}.dark-theme .detail-section .ant-tag{background:#7c3aed33!important;color:#e879f9!important;border:1px solid rgba(124,58,237,.3)!important}.dark-theme .ant-spin-dot-item{background-color:#7c3aed!important}.dark-theme .message-time{color:#94a3b8!important}.dark-theme .ant-divider{border-color:#ffffff1a!important}.dark-theme .input-area textarea{background:#1e293bcc!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.dark-theme .input-area textarea::-moz-placeholder{color:#94a3b8!important}.dark-theme .input-area textarea::placeholder{color:#94a3b8!important}.dark-theme .input-area textarea:focus{border-color:#7c3aed!important;box-shadow:0 0 0 2px #7c3aed33!important}.criteria-list{display:flex;flex-direction:column;gap:8px}.criterion-item{min-height:auto!important;height:auto!important;max-height:none!important;padding:16px 18px!important;line-height:1.6!important;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal!important}.criterion-item span:last-child{flex:1!important;line-height:1.6!important;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal!important;min-height:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;text-overflow:unset!important}.evaluation-criteria{line-height:1.6!important;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.evaluation-criteria .criteria-list{margin-top:12px}.fade-in{animation:fadeIn .3s ease-out}.stage-icon-active{animation:rotateScale 2s ease-in-out infinite}@keyframes rotateScale{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(360deg)}}.template-button-wrapper{transition:transform .2s ease}.template-button-wrapper:hover{transform:scale(1.05)}.template-button-wrapper:active{transform:scale(.95)}.testing-package-builder-page{background:var(--gradient-primary);min-height:calc(100vh - 64px);position:relative}.testing-package-builder-page:before{content:"";position:absolute;inset:0;background:#fffffff2;backdrop-filter:blur(10px);z-index:0}.testing-package-builder-page>*{position:relative;z-index:1}.page-header{text-align:center;padding:24px 0}.page-header h2{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.workflow-pipeline{background:linear-gradient(135deg,#f5f7fa 0%,var(--bg-primary) 100%);box-shadow:0 4px 12px #00000014;border-radius:12px;overflow:hidden}.workflow-pipeline .ant-steps-item-process .ant-steps-item-icon{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.chat-interface{height:600px;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 12px #00000014}.chat-interface .ant-card-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:16px;background:linear-gradient(to bottom,#f9fafb,var(--bg-primary));border-radius:8px;scrollbar-width:thin;scrollbar-color:#e5e7eb #f3f4f6}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.message-item{margin-bottom:16px;animation:slideIn .3s ease-out}.message-item.user .ant-card{background:var(--gradient-primary);color:var(--text-inverse);margin-left:auto;border-radius:16px 16px 4px}.message-item.agent .ant-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px 16px 16px 4px}.message-item.system .ant-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;text-align:center}.thinking-indicator{display:flex;align-items:center;padding:12px;background:#3b82f60d;border-radius:8px;margin:8px 0}.thinking-indicator .ant-spin-dot{color:var(--color-primary)}.quick-templates{padding:16px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;margin-bottom:16px}.quick-templates .ant-btn{margin:4px;border-radius:20px;transition:all .3s ease}.quick-templates .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ant-card-small{border-radius:8px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.ant-card-small:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.agent-thinking{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 10%,var(--bg-primary) 100%);border:2px solid #fbbf24;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.agent-thinking .metrics{margin-top:16px;padding:12px;background:var(--bg-primary);border-radius:8px}.ant-progress-line{margin-bottom:8px}.ant-progress-text{font-weight:600}.input-area{padding-top:16px;border-top:1px solid #e5e7eb}.input-area .ant-input{border-radius:20px;padding:8px 16px}.input-area .ant-btn-primary{border-radius:20px;background:var(--gradient-primary);border:none}.input-area .ant-btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05)}.selected-items-preview{padding:12px;background:var(--bg-secondary);border-radius:8px}.selected-items-preview .ant-tag{margin:4px;border-radius:12px;padding:4px 12px}.ant-modal-content{border-radius:12px;overflow:hidden}.ant-modal-header{background:linear-gradient(135deg,#f9fafb 0%,var(--bg-primary) 100%);border-bottom:1px solid #e5e7eb}.ant-modal-footer{background:var(--bg-secondary);border-top:1px solid #e5e7eb}@media(max-width:768px){.testing-package-builder-page{padding:12px}.chat-interface{height:500px}.workflow-pipeline .ant-steps-item-title{display:none}.message-item .ant-card{max-width:90%!important}}@media(prefers-color-scheme:dark){.testing-package-builder-page:before{background:#111827f2}.workflow-pipeline,.chat-interface,.ant-card-small{background:var(--text-primary);color:var(--bg-tertiary)}.messages-container{background:linear-gradient(to bottom,#111827,#1f2937)}.message-item.agent .ant-card{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:var(--text-inverse)}.quick-templates{background:var(--text-primary)}.agent-thinking{background:linear-gradient(135deg,#78350f,#451a03 10%,#1f2937);border-color:var(--color-warning-hover)}}.workflow-pipeline .ant-avatar{transition:all .3s ease}.workflow-pipeline .ant-steps-item-process .ant-avatar{transform:scale(1.2);box-shadow:0 0 20px #3b82f680}.ant-spin-spinning{opacity:.8}.ant-progress-status-success .ant-progress-text{color:var(--color-success)!important}.ant-btn-icon-only.ant-btn-primary{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ant-tooltip-inner{border-radius:8px;padding:8px 12px}.ant-alert{border-radius:8px;border:none}.ant-alert-info{background:linear-gradient(135deg,var(--color-primary-light) 0%,#bfdbfe 100%)}.ant-tag{border-radius:12px;font-weight:500}.ant-space-compact .ant-btn:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.ant-space-compact .ant-btn:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.literacy-management{min-height:100vh;background:var(--bg-secondary);padding:24px}.literacy-content{display:flex;gap:24px;height:calc(100vh - 48px)}.main-content{flex:1;background:var(--bg-primary);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;overflow-y:auto;display:flex;flex-direction:column}.sidebar{width:320px;background:var(--bg-primary);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}.chat-container{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}.chat-input{flex-shrink:0;padding:8px 12px;border-top:1px solid var(--border-color);margin-top:0;position:sticky;bottom:0;background:#fff;z-index:10}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.chat-header h2{margin:0;color:var(--text-primary);font-size:1.4rem}.chat-messages{flex:1;overflow-y:auto;padding:0 8px;margin-bottom:8px;min-height:0;height:10vh}.message{margin-bottom:12px;display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:70%;padding:8px 12px;border-radius:10px;position:relative}.message.user .message-content{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.message-text{white-space:pre-wrap;line-height:1.5}.message-text.loading{font-style:italic;opacity:.7}.message-time{font-size:.75rem;opacity:.7;margin-top:4px}.chat-input{flex-shrink:0;padding:8px 12px;border-top:1px solid var(--border-color);margin-top:10%}.literacy-detail{height:100%;overflow-y:auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.detail-title{display:flex;align-items:center;gap:12px}.detail-title h2{margin:0;color:var(--text-primary);font-size:1.5rem}.detail-description{margin-bottom:20px}.detail-description p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.dimensions-section h3{color:var(--text-primary);font-size:1.2rem;margin:0}.dimensions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dimensions-table .ant-table-thead>tr>th{background:var(--bg-secondary);font-weight:600}.sub-dimensions{padding:8px 0}.sub-dimension-item{margin-bottom:12px}.sub-dimension-item:last-child{margin-bottom:0}.sub-dimension-edit{padding:8px;background:var(--bg-secondary);border-radius:6px}.sub-dimension-display{padding:4px 0}.sub-dimension-tag{margin-bottom:4px;font-size:.85rem}.sub-dimension-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.4;padding-left:8px}.sub-dimension-header{display:flex;gap:8px;align-items:flex-start}.sub-dimension-header .ant-input{flex:1}.add-sub-dimension-btn{margin-top:8px;width:100%}.drag-handle{cursor:move;color:var(--text-tertiary);font-size:16px}.drag-handle:hover{color:var(--color-primary)}.drag-cell{text-align:center;padding:8px!important;width:50px}.draggable-table .ant-table-tbody>tr.dragging{background:var(--bg-secondary);box-shadow:0 4px 12px #0000001a;opacity:.8}.draggable-table .ant-table-tbody>tr:hover{background:var(--bg-secondary)}.dimensions-table .ant-table-tbody>tr>td{vertical-align:top;padding:12px 8px}.dimensions-table .sub-dimension-edit{margin-bottom:8px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.dimensions-table .sub-dimension-edit:last-child{margin-bottom:0}.sub-dimension-title-section{flex:1;display:flex;flex-direction:column;gap:8px}.sub-dimension-title-input{font-weight:600}.indicators-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.indicators-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.indicators-title{font-size:12px;color:var(--text-secondary);font-weight:600}.indicators-list{display:flex;flex-direction:column;gap:8px}.indicator-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:8px}.indicator-header{display:flex;gap:8px;align-items:flex-start;margin-bottom:6px}.indicator-title-input{flex:1;font-size:12px;font-weight:500}.indicator-desc-input{font-size:12px;color:var(--text-secondary)}.sub-dimension-info{margin-bottom:12px}.indicators-display{padding-left:16px;display:flex;flex-direction:column;gap:6px}.indicator-display-item{display:flex;align-items:flex-start;gap:8px;padding:4px 0}.indicator-tag{flex-shrink:0;margin:0;font-size:11px}.indicator-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.dimensions-table .ant-table-thead>tr>th:nth-child(1){width:20%}.dimensions-table .ant-table-thead>tr>th:nth-child(2){width:25%}.dimensions-table .ant-table-thead>tr>th:nth-child(3){width:50%}.dimensions-table .ant-table-thead>tr>th:nth-child(4){width:5%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;color:var(--text-tertiary);text-align:center}.empty-icon{font-size:64px;color:var(--text-muted);margin-bottom:16px}.empty-state h3{color:var(--text-secondary);font-size:1.2rem;margin-bottom:8px}.empty-state p{color:var(--text-tertiary);font-size:1rem}.sidebar-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.sidebar-header h3{margin:0 0 8px;color:var(--text-primary);font-size:1.1rem}.sidebar-header .create-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-hover));border:none;font-weight:500}.sidebar-header .import-button{border:1px solid var(--primary-color);color:var(--primary-color);font-weight:500}.sidebar-header .import-button:hover{background:var(--primary-color);color:#fff}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.sidebar-footer .create-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-hover));border:none;font-weight:500;border-radius:6px 0 0 6px}.sidebar-footer .import-button{border:1px solid var(--primary-color);border-left:none;color:var(--primary-color);font-weight:500;border-radius:0 6px 6px 0}.sidebar-footer .import-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.literacy-list{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;margin-bottom:16px}.literacy-item{cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color)}.literacy-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f61a}.literacy-item.selected{border-color:var(--color-primary);background:#3b82f605}.literacy-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.literacy-name{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);flex:1;padding-right:8px}.literacy-domain{font-size:.85rem;color:var(--color-primary);font-weight:500;margin:0 0 6px}.literacy-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.4;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.literacy-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-tertiary)}.dimension-count{color:var(--color-secondary);font-weight:500}.create-date{color:var(--text-muted)}@media(max-width:768px){.literacy-management{padding:16px}.literacy-header{flex-direction:column;gap:16px;text-align:center}.literacy-content{flex-direction:column;height:auto}.sidebar{width:100%;order:-1}.main-content{min-height:500px}.message-content{max-width:85%}}@media(max-width:480px){.page-title{font-size:1.5rem}.literacy-content{gap:16px}.main-content,.sidebar{padding:16px}}.import-modal .modal-title{display:flex;align-items:center;gap:8px}.import-modal .modal-icon{color:var(--color-primary);font-size:18px}.import-content{padding:20px 0}.import-description{margin-bottom:24px}.import-description p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:16px}.supported-formats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.supported-formats strong{color:var(--text-primary);margin-right:8px}.upload-area{margin-bottom:24px}.literacy-upload{border:2px dashed var(--border-color);border-radius:12px;background:var(--bg-secondary);transition:all .3s ease}.literacy-upload:hover{border-color:var(--color-primary);background:#3b82f605}.upload-content{padding:40px 20px;text-align:center}.upload-icon{font-size:48px;color:var(--color-primary);margin-bottom:16px}.upload-content h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:8px}.upload-content p{color:var(--text-secondary);font-size:1rem}.import-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color)}.import-progress{padding:40px 20px;text-align:center}.progress-content{max-width:400px;margin:0 auto}.progress-icon{margin-bottom:24px}.loading-spinner{width:64px;height:64px;border:4px solid var(--bg-secondary);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.progress-content h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:12px}.progress-text{color:var(--color-primary);font-size:1.1rem;font-weight:500;margin-bottom:32px}.progress-details{display:flex;justify-content:space-around;gap:20px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-icon{font-size:24px;margin-bottom:4px}.progress-step span:last-child{font-size:.9rem;color:var(--text-secondary);text-align:center}.three-column-table{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.three-column-table .ant-table-thead>tr>th{background:linear-gradient(135deg,var(--bg-secondary),#f8fafc);font-weight:700;text-align:center;font-size:14px;color:var(--text-primary);border-bottom:2px solid var(--border-color);position:relative}.three-column-table .ant-table-thead>tr>th:first-child{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-bottom:2px solid var(--color-primary)}.three-column-table .ant-table-thead>tr>th:nth-child(2){background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-bottom:2px solid var(--color-warning)}.three-column-table .ant-table-thead>tr>th:nth-child(3){background:linear-gradient(135deg,#10b9811a,#10b9810d);border-bottom:2px solid #10b981}.three-column-table .ant-table-tbody>tr>td{vertical-align:top;padding:20px 16px;border-right:1px solid var(--border-color);position:relative}.dimension-cell{padding:16px 20px;background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-radius:12px;border:1px solid rgba(59,130,246,.15);position:relative;margin:8px 0}.dimension-cell:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,var(--color-primary),#4f46e5);border-radius:0 3px 3px 0}.dimension-cell:after{content:"📊";position:absolute;top:12px;right:12px;font-size:20px;opacity:.6}.dimension-title{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--color-primary);line-height:1.3;display:flex;align-items:center;gap:8px}.dimension-title:before{content:"1️⃣";font-size:16px}.dimension-caption{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5;font-style:italic;border-left:3px solid rgba(59,130,246,.2);background:#3b82f608;padding:8px 12px;border-radius:6px}.dimension-title-input{margin-bottom:8px;font-weight:600;font-size:16px}.dimension-desc-input{font-size:14px}.sub-dimension-cell{padding:12px 16px;background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-radius:10px;border:1px solid rgba(245,158,11,.2);position:relative;margin:6px 0}.sub-dimension-cell:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,#f59e0b,#d97706);border-radius:0 2px 2px 0}.sub-dimension-cell:after{content:"📈";position:absolute;top:10px;right:10px;font-size:16px;opacity:.7}.sub-dimension-title{margin:0 0 6px;font-size:15px;font-weight:600;color:#d97706;line-height:1.3;display:flex;align-items:center;gap:6px}.sub-dimension-title:before{content:"2️⃣";font-size:14px}.sub-dimension-caption{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4;padding:6px 10px;background:#f59e0b0d;border-radius:4px;border-left:2px solid rgba(245,158,11,.3)}.sub-dimension-title-input{margin-bottom:6px;font-weight:600;font-size:14px}.sub-dimension-desc-input{font-size:13px}.indicator-cell{padding:10px 14px;background:linear-gradient(135deg,#10b9810f,#10b98105);border-radius:8px;border:1px solid rgba(16,185,129,.18);position:relative;margin:4px 0}.indicator-cell:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#10b981,#059669);border-radius:0 2px 2px 0}.indicator-cell:after{content:"🎯";position:absolute;top:8px;right:8px;font-size:14px;opacity:.8}.indicator-title{margin:0 0 4px;font-size:14px;font-weight:600;color:#059669;line-height:1.3;display:flex;align-items:center;gap:4px}.indicator-title:before{content:"3️⃣";font-size:12px}.indicator-caption{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4;padding:4px 8px;background:#10b9810a;border-radius:3px;border-left:2px solid rgba(16,185,129,.25)}.indicator-title-input{margin-bottom:4px;font-weight:500;font-size:13px}.indicator-desc-input{font-size:12px}.three-column-table .ant-table-tbody>tr:hover{background:#3b82f605}.three-column-table .ant-table-tbody>tr>td{position:relative}.three-column-table .ant-table-tbody>tr>td:first-child{background:#3b82f605;border-left:6px solid var(--color-primary)}.three-column-table .ant-table-tbody>tr>td:nth-child(2){background:#f59e0b05;position:relative}.three-column-table .ant-table-tbody>tr>td:nth-child(2):before{content:"";position:absolute;left:-1px;top:50%;width:20px;height:2px;background:linear-gradient(to right,#f59e0b99,#f59e0b4d);transform:translateY(-50%)}.three-column-table .ant-table-tbody>tr>td:nth-child(3){background:#10b98105;position:relative}.three-column-table .ant-table-tbody>tr>td:nth-child(3):before{content:"";position:absolute;left:-1px;top:50%;width:16px;height:2px;background:linear-gradient(to right,#10b98199,#10b9814d);transform:translateY(-50%)}.three-column-table .ant-table-tbody>tr:not(:last-child)>td:nth-child(2):after{content:"";position:absolute;left:8px;bottom:-1px;width:2px;height:20px;background:linear-gradient(to bottom,rgba(245,158,11,.4),transparent)}.three-column-table .ant-table-tbody>tr:not(:last-child)>td:nth-child(3):after{content:"";position:absolute;left:6px;bottom:-1px;width:2px;height:20px;background:linear-gradient(to bottom,rgba(16,185,129,.4),transparent)}.three-column-table .ant-table-tbody>tr>td:nth-child(2) .sub-dimension-cell{margin-left:12px}.three-column-table .ant-table-tbody>tr>td:nth-child(3) .indicator-cell{margin-left:8px}.dimension-cell{box-shadow:0 2px 8px #3b82f61a}.dimension-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dimension-header .dimension-title-input{flex:1}.dimension-header .ant-btn{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.dimension-header .ant-btn:hover{opacity:1}.sub-dimension-cell{box-shadow:0 1px 6px #f59e0b1a}.indicator-cell{box-shadow:0 1px 4px #10b9811a}.dimension-cell,.sub-dimension-cell,.indicator-cell{transition:all .3s ease}.dimension-cell:hover{transform:translate(2px);box-shadow:0 4px 12px #3b82f626;border-color:#3b82f64d}.sub-dimension-cell:hover{transform:translate(1px);box-shadow:0 2px 8px #f59e0b26;border-color:#f59e0b66}.indicator-cell:hover{transform:translate(1px);box-shadow:0 2px 6px #10b98126;border-color:#10b98166}.dimension-title:before,.sub-dimension-title:before,.indicator-title:before{background:#ffffffe6;border-radius:50%;padding:2px;box-shadow:0 1px 3px #0000001a}.three-column-table .ant-table-container{border-radius:12px}.three-column-table .ant-table-tbody>tr>td{border-bottom:1px solid rgba(0,0,0,.03)}.three-column-table .ant-table-tbody>tr:last-child>td{border-bottom:none}@media(max-width:1200px){.dimension-title{font-size:16px}.sub-dimension-title{font-size:14px}.indicator-title{font-size:13px}.dimension-caption,.sub-dimension-caption,.indicator-caption{font-size:11px}}@media(max-width:768px){.three-column-table .ant-table-tbody>tr>td{padding:12px 8px}.dimension-cell,.sub-dimension-cell,.indicator-cell{margin-left:0!important;padding:8px 12px}.three-column-table .ant-table-tbody>tr>td:nth-child(2):before,.three-column-table .ant-table-tbody>tr>td:nth-child(3):before{display:none}}.import-button,.create-button{height:48px!important;padding:0 24px!important;border-radius:12px!important;font-weight:600!important;font-size:16px!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important}.import-button{background:var(--bg-primary)!important;border:2px solid var(--color-primary)!important;color:var(--color-primary)!important;box-shadow:0 2px 8px #3b82f626!important}.import-button:hover,.import-button:focus{background:var(--color-primary)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #3b82f640!important;border-color:var(--color-primary)!important}.create-button{background:linear-gradient(135deg,var(--color-primary),#4f46e5)!important;border:2px solid var(--color-primary)!important;color:#fff!important;box-shadow:0 2px 8px #4f46e533!important}.create-button:hover,.create-button:focus{background:linear-gradient(135deg,#4f46e5,var(--color-primary))!important;border-color:#4f46e5!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #4f46e54d!important;color:#fff!important}.import-button:before,.create-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease;z-index:1}.import-button:hover:before,.create-button:hover:before{left:100%}.import-button .anticon,.create-button .anticon{transition:transform .3s ease;z-index:2;position:relative}.import-button:hover .anticon{transform:translateY(-1px)}.create-button:hover .anticon{transform:scale(1.05)}.import-button span,.create-button span{z-index:2;position:relative}.thinking-message{display:flex;justify-content:flex-start}.thinking-card{position:relative;overflow:hidden;backdrop-filter:blur(10px);transform:translateZ(0);will-change:transform}.thinking-bg-animation{animation:gentlePulse 4s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.02)}}.ai-avatar{position:relative;overflow:hidden;animation:softGlow 3s ease-in-out infinite alternate}@keyframes softGlow{0%{box-shadow:0 2px 8px #7c3aed26}to{box-shadow:0 2px 16px #7c3aed40}}.thinking-dots span{animation:blink 1.4s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:1}30%{opacity:.3}}.thinking-section{position:relative;overflow:hidden;transition:all .3s ease}.thinking-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.section-label{position:relative;z-index:1}.section-content{position:relative;z-index:1;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.thinking-time{animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.message-content{position:relative;overflow:hidden;backdrop-filter:blur(5px);transform:translateZ(0);will-change:transform;transition:all .3s ease}.message-content:hover{transform:translateY(-1px)}.message-glow{animation:messageGlow 4s ease-in-out infinite alternate}@keyframes messageGlow{0%{opacity:.1}to{opacity:.3}}.message-text{animation:messageFadeIn .4s ease-out}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-time{animation:timeSlideIn .6s ease-out}@keyframes timeSlideIn{0%{opacity:0}to{opacity:.8}}.message{animation:messageSlideIn .5s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.message.user{animation:userMessageSlideIn .5s ease-out}@keyframes userMessageSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.message-text.loading{position:relative}.message-text.loading:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:loadingShimmer 1.5s ease-in-out infinite}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.thinking-card{padding:12px;border-radius:8px}.ai-avatar{width:28px;height:28px}.thinking-title{font-size:13px}.thinking-section{padding:10px;margin-bottom:6px}.section-label{font-size:11px}.section-content{font-size:12px}.thinking-time{font-size:10px}.message-content{padding:10px 14px;max-width:85%}}@media(prefers-color-scheme:dark){.thinking-card{background:linear-gradient(135deg,#4c1d95,#5b21b6);border:1px solid rgba(255,255,255,.1)}.thinking-section{background:#ffffff14}.section-label{color:#ffffffe6}.section-content{color:#fffffff2}.thinking-time{color:#ffffffb3}}@media(prefers-contrast:high){.thinking-card{border:2px solid #fff}.thinking-section{border:1px solid rgba(255,255,255,.3)}.section-label{font-weight:700}.section-content{font-weight:500}}@media(prefers-reduced-motion:reduce){.thinking-bg-animation,.ai-avatar,.thinking-dots span,.thinking-section,.section-content,.thinking-time,.message-content,.message-glow,.message-text,.message-time,.message{animation:none;transition:none}}.test-package-builder{min-height:100vh;background:var(--bg-gradient);padding:16px 8px}.builder-header{max-width:95%;width:100%;margin:0 auto 16px}.page-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.page-subtitle{color:var(--text-primary);opacity:.8;font-size:1rem;margin:0 0 0 16px;font-weight:400}.builder-content{max-width:95%;width:100%;margin:0 auto;background:var(--bg-primary);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;display:flex;gap:24px;height:calc(100vh - 120px);min-height:780px}.main-work-area{flex:0 0 70%;display:flex;flex-direction:column;overflow:hidden;height:100%}.chat-area{flex:0 0 30%;min-width:320px;max-width:30%;border-left:1px solid var(--border-color);padding:16px;display:flex;flex-direction:column;height:100%}.chat-card{height:100%;border:1px solid var(--border-color);display:flex;flex-direction:column}.chat-card .ant-card-body{flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;background:#fafafa;word-wrap:break-word;word-break:break-word;min-height:0;max-height:calc(100vh - 350px)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#666}.chat-welcome{text-align:center;color:#999;padding:40px 20px}.chat-input-area{flex-shrink:0;border-top:1px solid #e8e8e8;background:#fff;padding:16px;margin-top:auto}.chat-input-area>div{display:flex;gap:8px;align-items:flex-end}.chat-input{resize:none;flex:1}.chat-input-area .ant-btn{height:32px;min-width:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.steps-container{padding:32px 32px 0;background:var(--bg-secondary)}.statistics-charts{margin-bottom:20px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary)}.statistics-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.statistics-title{font-weight:600;color:var(--text-primary);font-size:14px}.statistics-toggle-btn{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:12px;padding:4px 8px;border-radius:4px;transition:all .2s ease}.statistics-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.statistics-content{overflow:hidden}.statistics-content .ant-card{margin-bottom:0;border:none;border-radius:0;box-shadow:none}.statistics-content .ant-card-head{background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.statistics-content .ant-card-body{background:var(--bg-primary);padding:16px}.statistics-charts .ant-card{box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color);transition:all .3s ease}.statistics-charts .ant-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.statistics-charts .ant-card-head{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.statistics-charts .ant-card-head-title{font-weight:600;color:var(--text-primary)}.statistics-charts .ant-card-body{padding:16px;background:var(--bg-primary)}.builder-steps{margin-bottom:24px}.step-content-container{padding:32px;min-height:600px;display:flex;flex-direction:column;height:calc(100vh - 200px);overflow:hidden}.step-actions{margin-top:auto;padding-top:24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.step-actions-left{display:flex;align-items:center}.step-actions-right{display:flex;align-items:center;gap:12px}.step-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:8px}.step-content h3{font-size:1.5rem;flex-shrink:0;font-weight:600;color:var(--text-primary);margin-bottom:8px}.step-content p{color:var(--text-secondary);margin-bottom:24px}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.clean-framework-card{border-radius:12px;border:1px solid #e8e8e8;transition:all .3s ease;overflow:hidden}.clean-framework-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.clean-framework-card .ant-card-body{padding:20px}.clean-framework-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.framework-info{flex:1;margin-right:12px}.framework-name{margin:0 0 6px;font-size:1.1rem;font-weight:600;color:#262626;line-height:1.3}.framework-desc{margin:0;color:#8c8c8c;font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.framework-badge{display:flex;align-items:center;gap:4px;background:#f0f0f0;color:#666;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap}.stats-container{display:flex;flex-direction:column;gap:6px}.horizontal-stat-card{display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid #e8e8e8;border-radius:6px;transition:all .2s ease}.horizontal-stat-card:hover{background:linear-gradient(135deg,#f0f9ff,#e6f7ff);border-color:#bae7ff;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.horizontal-stat-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;box-shadow:0 1px 2px #00000014}.horizontal-stat-content{flex:1;min-width:0}.horizontal-stat-label{font-size:.7rem;color:#666;font-weight:500;margin-bottom:1px;text-transform:uppercase;letter-spacing:.3px}.horizontal-stat-values{display:flex;align-items:center;gap:3px;margin-bottom:1px}.stat-value{font-size:.85rem;font-weight:700;color:#262626}.stat-value.total{color:#1890ff;font-size:.9rem}.stat-separator{font-size:.75rem;color:#999;font-weight:500;margin:0 1px}.horizontal-stat-desc{font-size:.6rem;color:#999;line-height:1.1}.dimension-card:hover{background:linear-gradient(135deg,#f9f0ff,#f3e8ff);border-color:#d3adf7}.dimension-card .stat-value{color:#722ed1}.question-card:hover{background:linear-gradient(135deg,#f0f9ff,#e6f7ff);border-color:#bae7ff}.stats-row{display:flex;justify-content:space-between}.stat-group{display:flex;gap:16px;flex:1;justify-content:space-between}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding:6px 2px;border-radius:4px;transition:all .2s ease;min-width:0}.stat-item:hover{background:#fafafa}.stat-item .stat-icon{color:#8c8c8c;margin-bottom:1px;font-size:14px}.stat-number{font-size:1rem;font-weight:700;color:#262626;line-height:1;margin-bottom:1px}.stat-label{font-size:.65rem;color:#8c8c8c;font-weight:500}.stat-item.highlight .stat-number{color:#1890ff}.stat-item.highlight .stat-label{color:#1890ff;font-weight:600}[data-theme=dark] .clean-framework-card{background:#1f1f1f;border-color:#434343}[data-theme=dark] .clean-framework-card:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff4d}[data-theme=dark] .framework-name{color:#f0f0f0}[data-theme=dark] .framework-desc{color:#a6a6a6}[data-theme=dark] .framework-badge{background:#2a2a2a;color:#a6a6a6}[data-theme=dark] .stat-number{color:#f0f0f0}[data-theme=dark] .stat-label{color:#a6a6a6}[data-theme=dark] .stat-item:hover{background:#2a2a2a}.framework-card{cursor:pointer;transition:all .3s ease}.framework-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.framework-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.framework-header h4{margin:0;color:var(--text-primary);font-weight:600}.framework-desc{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.framework-stats{display:flex;gap:16px;font-size:.85rem;color:var(--text-tertiary)}.question-selection{display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden}.selection-stats{margin-bottom:16px;flex-shrink:0}.questions-tables{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:400px;padding-right:8px}.step-content::-webkit-scrollbar,.questions-tables::-webkit-scrollbar{width:8px}.step-content::-webkit-scrollbar-track,.questions-tables::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.step-content::-webkit-scrollbar-thumb,.questions-tables::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.step-content::-webkit-scrollbar-thumb:hover,.questions-tables::-webkit-scrollbar-thumb:hover{background:#555}.questions-tables::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.questions-tables::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.questions-tables::-webkit-scrollbar-thumb:hover{background:#555}.config-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.config-form .ant-card{height:-moz-fit-content;height:fit-content}.preview-cards{display:grid;grid-template-columns:2fr 1fr;gap:20px}.preview-card{height:-moz-fit-content;height:fit-content}.preview-item{margin-bottom:12px;padding:8px 0;border-bottom:1px solid var(--border-color)}.preview-item:last-child{border-bottom:none;margin-bottom:0}.status-checks{display:flex;flex-direction:column;gap:12px}.check-item{display:flex;align-items:center;gap:8px;padding:8px 0}@media(max-width:1200px){.builder-content{flex-direction:column;height:auto}.main-work-area{flex:none}.chat-area{flex:none;border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:20px;height:400px}}@media(max-width:768px){.config-form,.preview-cards,.frameworks-grid{grid-template-columns:1fr}.builder-content{margin:0 -20px;border-radius:0;flex-direction:column;height:auto}.step-content-container{padding:20px;height:calc(100vh - 200px);min-height:500px}.steps-container{padding:20px 20px 0}.chat-area{height:300px}}[data-theme=dark] .test-package-builder{background:var(--bg-gradient)}[data-theme=dark] .builder-content{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .steps-container{background:var(--bg-secondary)}[data-theme=dark] .builder-actions{background:var(--bg-secondary);border-color:var(--border-color)}.package-management{min-height:100vh;background:var(--bg-gradient);padding:16px 8px}.management-header{max-width:95%;width:100%;margin:0 auto 32px;display:flex;flex-direction:column;gap:16px}.page-title{display:flex;align-items:center;gap:12px}.page-title h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.header-actions{display:flex;justify-content:flex-end;gap:12px}.management-content{max-width:95%;width:100%;margin:0 auto}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.overview-stats .stat-card{text-align:center;transition:all .3s ease}.overview-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.packages-table-card{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px #0000000f;width:100%;max-width:none}.packages-table-card .ant-card-head{border-bottom:1px solid var(--border-color)}.packages-table-card .ant-table-thead>tr>th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600}.packages-table-card .ant-table,.packages-table-card .ant-table-content{width:100%}.score-analytics{padding:16px 0}.analytics-overview{margin-bottom:24px}.analytics-overview .ant-card{background:var(--bg-secondary)}.ant-modal .ant-tabs{width:100%}.ant-modal .ant-tabs .ant-table{width:100%;table-layout:auto}.ant-modal .ant-tabs-content,.ant-modal .ant-tabs-tabpane,.ant-modal .ant-table-wrapper,.ant-modal .ant-table-container{width:100%}.ant-modal-body{padding:20px}.ant-modal-content{width:100%}@media(max-width:768px){.package-management{padding:16px}.overview-stats{grid-template-columns:repeat(2,1fr);gap:16px}.management-header{margin-bottom:20px}.page-title h1{font-size:1.5rem}.header-actions{justify-content:center}}@media(max-width:480px){.overview-stats{grid-template-columns:1fr}.packages-table-card{margin:0 -16px;border-radius:0}}[data-theme=dark] .package-management{background:var(--bg-gradient)}[data-theme=dark] .packages-table-card,[data-theme=dark] .analytics-overview .ant-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .score-analytics{background:var(--bg-card)}.user-details-modal .ant-spin-container,.user-details-modal .ant-spin-nested-loading,.user-details-modal .ant-table-wrapper,.user-details-modal .ant-table{width:100%!important}.task-page-container{--task-msg-font-size: 13px;--task-msg-line-height: 1.25;--task-msg-padding: 2px 4px;--task-msg-margin: 1px 0;--task-msg-border-radius: 3px;--task-icon-size: 12px;--task-title-font-size: 11px}@media(min-width:1920px){.task-page-container{--task-msg-font-size: 14px;--task-msg-padding: 3px 5px}}@media(max-width:768px){.task-page-container{--task-msg-font-size: 12px;--task-msg-padding: 2px 3px}}.task-page-container .message-bubble{font-size:var(--task-msg-font-size);line-height:var(--task-msg-line-height);margin:var(--task-msg-margin);padding:var(--task-msg-padding);border-radius:var(--task-msg-border-radius);word-wrap:break-word;max-width:98%;width:-moz-fit-content;width:fit-content;min-width:100px}.task-page-container .user-message{background:#95ec69;color:#111;border:1px solid #b7eb8f;margin-left:auto;border-radius:6px 6px 2px}.task-page-container .user-message-bubble{box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-page-container .user-message .message-content{background:transparent;color:inherit}.task-page-container .user-message-bubble:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.task-page-container .ai-message{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);margin-right:auto;border-radius:6px 6px 6px 2px}.task-page-container .system-message{background:var(--color-warning-light);color:var(--color-warning-hover);border:1px solid #fbbf24;margin:0 auto;text-align:center;font-size:calc(var(--task-msg-font-size) - 1px)}.task-page-container .think-message-container{background:var(--bg-secondary);border-left:2px solid var(--color-info);padding:var(--task-msg-padding);margin:var(--task-msg-margin);font-size:var(--task-msg-font-size);line-height:var(--task-msg-line-height);max-width:98%;width:-moz-fit-content;width:fit-content}.task-page-container .think-message-container .section-title{font-size:var(--task-title-font-size);font-weight:600;color:var(--color-info);display:inline;margin-right:3px}.task-page-container .think-message-container .section-content{display:inline;color:var(--text-primary)}.task-page-container .think-message-container .observation-section{display:inline;margin-right:6px}.task-page-container .think-message-container .think-section{display:inline}.task-page-container .reading-message-container{background:var(--color-primary-lighter);border-left:2px solid var(--color-primary);padding:var(--task-msg-padding);margin:var(--task-msg-margin);font-size:var(--task-msg-font-size);line-height:var(--task-msg-line-height);max-width:98%;width:-moz-fit-content;width:fit-content}.task-page-container .reading-message-container .section-title{font-size:var(--task-title-font-size);font-weight:600;color:var(--color-primary);display:inline;margin-right:3px}.reading-message-container .section-content{display:inline;color:var(--text-primary)}.display-message-container{background:var(--bg-secondary);border-left:2px solid var(--color-success);padding:var(--task-msg-padding);margin:var(--task-msg-margin);font-size:var(--task-msg-font-size);line-height:var(--task-msg-line-height);max-width:98%;width:-moz-fit-content;width:fit-content}.display-message-container .section-title{font-size:var(--task-title-font-size);font-weight:600;color:var(--color-success);display:inline;margin-right:3px}.display-message-container .section-content{display:inline;color:var(--text-primary)}.display-message-container .thought-section{display:inline;margin-left:6px;padding-left:6px;border-left:1px solid var(--border-color)}.display-message-container .thought-toggle{font-size:var(--task-title-font-size);color:var(--color-info);cursor:pointer;display:inline;margin-right:3px}.display-message-container .thought-content{display:inline;color:var(--text-secondary)}.execute-message-container{background:var(--color-warning-lighter);border-left:2px solid #fbbf24;padding:3px 5px;margin:var(--task-msg-margin);font-size:var(--task-msg-font-size);line-height:var(--task-msg-line-height);max-width:98%;width:-moz-fit-content;width:fit-content;border-radius:var(--task-msg-border-radius)}.execute-message-container .upload-task-card{background:var(--bg-primary);border:1px solid var(--border-color);border-left:2px solid var(--color-primary);padding:3px 4px;margin:1px 0;border-radius:2px}.execute-message-container .upload-task-card .font-bold{font-size:calc(var(--task-msg-font-size) + 1px);font-weight:600;color:var(--color-primary-hover);margin-bottom:2px;display:flex;align-items:center;gap:3px}.execute-message-container .upload-task-card .upload-btn{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:2px 6px;border-radius:2px;font-size:calc(var(--task-msg-font-size) - 1px);font-weight:500;cursor:pointer;margin-top:2px;display:inline-flex;align-items:center;gap:2px}.execute-message-container .upload-task-card .upload-btn:hover{background:#3b82f61a}.interactive-task-container{background:var(--color-warning-lighter);border-left:2px solid #fbbf24;padding:3px 5px;margin:var(--task-msg-margin);font-size:var(--task-msg-font-size);line-height:var(--task-msg-line-height);max-width:98%;width:-moz-fit-content;width:fit-content;border-radius:var(--task-msg-border-radius)}.interactive-task-container .interactive-task-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:3px 4px;margin:1px 0;border-radius:2px}.interactive-task-container .interactive-task-title{font-size:calc(var(--task-msg-font-size) + 1px);font-weight:600;color:var(--color-warning-hover);margin-bottom:2px;display:flex;align-items:center;gap:3px}.interactive-task-container .task-info-item{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);padding:2px 3px;margin:1px 0;border-radius:2px;font-size:calc(var(--task-msg-font-size) - 1px)}.interactive-task-container .interactive-start-btn{background:var(--color-warning);color:var(--text-inverse);padding:2px 6px;border-radius:2px;font-size:calc(var(--task-msg-font-size) - 1px);font-weight:500;border:none;cursor:pointer;margin:1px 2px 0 0;display:inline-flex;align-items:center;gap:2px}.interactive-task-container .record-tools-btn{background:var(--bg-primary);color:var(--color-warning-hover);border:1px solid var(--color-warning);padding:2px 6px;border-radius:2px;font-size:calc(var(--task-msg-font-size) - 1px);font-weight:500;cursor:pointer;margin:1px 0 0;display:inline-flex;align-items:center;gap:2px}.fas{font-size:var(--icon-size)}.message-bubble:hover,.ai-message:hover,.user-message:hover,.system-message:hover,.think-message-container:hover,.reading-message-container:hover,.display-message-container:hover,.execute-message-container:hover{transform:none;box-shadow:none}.message-bubble:before,.message-bubble:after,.ai-message:before,.ai-message:after,.user-message:before,.user-message:after,.think-message-container:before,.reading-message-container:before,.display-message-container:before,.execute-message-container:before{display:none}.typing-indicator{display:flex;align-items:center;padding:3px 6px;background:var(--bg-tertiary);border-radius:4px;margin-right:auto;width:-moz-fit-content;width:fit-content;font-size:calc(var(--task-msg-font-size) - 1px)}.typing-dot{width:3px;height:3px;border-radius:50%;background:var(--text-secondary);margin:0 1px;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.conversation-area{flex:1;overflow-y:auto;padding:6px;min-height:0;height:100vh}.conversation-area .space-y-1>*+*{margin-top:1px}.input-area{background:var(--bg-card);backdrop-filter:blur(10px);padding:16px!important;flex-shrink:0;height:auto!important;min-height:80px!important;border-top:1px solid var(--border-color);position:relative;z-index:10;margin:20px!important;border-radius:16px!important;box-shadow:0 8px 32px #0000001a!important;border:none!important}.input-area form{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important}.input-area .flex-1.relative{flex:1!important;min-width:0!important;width:100%!important}.input-area .upload-btn{width:40px!important;height:40px!important;flex-shrink:0!important;margin-right:8px!important}.input-area .send-btn{width:40px!important;height:40px!important;flex-shrink:0!important;margin-left:8px!important}.input-area .input-container{flex:1!important;height:40px!important;min-height:40px!important;border-radius:8px!important}.input-area .input-container:focus-within{outline:none!important;box-shadow:none!important;ring:0!important;border-color:#7c3aed!important}.input-area .input-container input{height:40px!important;line-height:40px!important;padding:0 16px!important;outline:none!important;border:none!important;box-shadow:none!important}.input-area .input-container input:focus{outline:none!important;box-shadow:none!important;ring:0!important}.stat-card{background:#fffffff2;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;padding:12px;margin:0;border-radius:12px;font-size:13px;text-align:center;transition:all .3s ease;overflow:hidden}.stat-card-priority-high{border-left:4px solid var(--color-success);background:#10b9810d}.stat-card-priority-medium{border-left:4px solid var(--color-primary);background:#3b82f60d}.stat-card-priority-low{border-left:4px solid var(--text-secondary);background:#6b728008}.stat-card-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 0;transition:all .2s ease}.stat-card-header:hover{background:#00000005;border-radius:6px;padding:4px 8px}.stat-card-mini{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.stat-card-mini i{font-size:16px;margin:0}.stat-card-content{margin-top:12px;animation:expandCard .3s ease-out}@keyframes expandCard{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.stat-card.collapsed{padding:8px 12px}.stat-card.collapsed .stat-card-content{display:none}.stat-card.expanded{padding:12px}.stat-card-container{margin-bottom:16px}.stat-card-title{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafccc;border:1px solid var(--border-color);border-bottom:none;border-radius:12px 12px 0 0;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.stat-card-title:hover{background:#f1f5f9e6}.stat-card-title i:first-child{margin-right:8px}.stat-card-title i:last-child{margin-left:8px;transition:transform .2s ease}.stat-card-title:hover i:last-child{transform:scale(1.1)}.stat-card-container .stat-card{border-radius:0 0 12px 12px;border-top:none}.stat-card h3{font-size:14px;font-weight:600;margin-bottom:12px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;gap:4px!important}.stat-card.stat-card-priority-high h3,.stat-card.stat-card-priority-medium h3,.stat-card.stat-card-priority-low h3{display:none!important}.stat-card h3 i{font-size:14px;margin-right:0!important;margin-bottom:4px!important}.stat-card-content .flex,.stat-card-content div[class*=flex]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;gap:4px!important}.stat-card-header .flex,.stat-card-mini .flex{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}.stat-card [class*=mr-],.stat-card [class*=ml-]{margin-left:0!important;margin-right:0!important;margin-bottom:4px!important}.stat-card>*{margin-bottom:8px!important;text-align:center!important;width:100%!important}.stat-card>*:last-child{margin-bottom:0!important}.stat-card .text-sm,.stat-card .text-xs{display:block!important;margin:4px 0!important;text-align:center!important;width:100%!important}.stat-card .w-2.h-2.bg-green-500.rounded-full{display:block!important;margin:4px auto!important}.stat-card .text-2xl{font-size:24px;font-weight:700;text-align:center!important;display:block!important;margin:8px auto!important;width:100%!important}.stat-card .w-full.bg-gray-200.rounded-full.h-2{margin:8px auto!important;max-width:200px!important;display:block!important}.stat-card .w-3.h-0\.5{display:block!important;margin:4px auto!important;width:20px!important;height:2px!important}.stat-card button{display:block!important;margin:8px auto!important;text-align:center!important}.stat-card .mb-4{display:flex!important;flex-direction:column!important;align-items:center!important;margin-bottom:16px!important;width:100%!important;gap:8px!important}.stat-card .mb-2{display:flex!important;flex-direction:column!important;align-items:center!important;margin-bottom:8px!important;width:100%!important;gap:4px!important}.stat-card span{display:block!important;text-align:center!important;margin:2px 0!important;width:100%!important}.stat-card .flex.justify-center.mt-1{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;margin-top:8px!important}.stat-card .flex.justify-center.mt-1>span{display:flex!important;flex-direction:column!important;align-items:center!important;margin:2px 0!important;gap:2px!important}.stat-card .flex.justify-between.items-center.mb-1{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;margin-bottom:8px!important}.stat-card .flex.justify-between.items-center.mb-1>span{display:block!important;text-align:center!important;width:100%!important;margin:2px 0!important}.stat-card .progress-bar{height:6px;border-radius:3px}.stat-card .w-full.bg-gray-200.rounded-full.h-2{margin:0 auto;max-width:200px}.stat-card .flex.justify-between.items-center.mb-1{justify-content:center;text-align:center;flex-direction:column;gap:4px}.stat-card .flex.justify-between.items-center.mb-1>span{text-align:center}.stat-card canvas{max-height:80px}.stat-card .bg-var(--bg-primary).rounded-lg.p-2.border.border-gray-200{box-shadow:0 4px 16px 0 var(--color-primary-light) 33;border-radius:16px!important;padding:20px!important;margin-bottom:0!important;background:var(--bg-primary)!important;width:100%!important;display:block!important}.stat-card #heatmapContainer{height:60px}.stat-card .heatmap-cell{font-size:10px;padding:2px}.custom-scrollbar::-webkit-scrollbar{width:3px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:1px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:1px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.task-page-container .responsive-layout{display:flex;height:100vh;font-size:var(--task-msg-font-size);overflow:hidden}.task-page-container .conversation-panel{flex:1;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-color);min-height:0;height:95%}.task-page-container .sidebar-panel{width:320px;flex-shrink:0;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:0;height:100%;transition:all .3s ease;position:relative}.task-page-container .sidebar-panel.collapsed{width:80px;padding:12px 8px}.task-page-container .sidebar-panel.collapsed .stat-card{display:none}.task-page-container .sidebar-panel.collapsed .stat-card:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:8px}.task-page-container .sidebar-panel.collapsed .stat-card h3{font-size:10px;writing-mode:vertical-rl;text-orientation:mixed;margin:0}.task-page-container .sidebar-panel.collapsed .stat-card h3 i{font-size:16px;margin:0 0 8px}.sidebar-panel.collapsed .stat-card:first-child:after{content:attr(data-time);font-size:12px;font-weight:700;color:var(--color-success);margin-top:8px}.floating-action-button{position:fixed;bottom:24px;right:24px;z-index:40}.floating-action-button button{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.floating-action-button button:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.floating-action-button button:active{transform:scale(.95)}@media(min-width:640px){.floating-action-button button{width:auto;min-width:120px;height:48px;border-radius:24px;padding:0 20px}}.task-page-container .input-wrapper{height:36px}.task-page-container .input-wrapper input{height:100%!important;font-size:var(--task-msg-font-size)}.input-wrapper button{height:100%!important;width:36px}@media(min-width:1440px){.task-page-container .sidebar-panel{width:360px}.task-page-container .sidebar-panel.collapsed{width:320px}}@media(min-width:1024px)and (max-width:1439px){.task-page-container .sidebar-panel:not(.collapsed){width:280px}}@media(max-width:1023px){.task-page-container .responsive-layout{flex-direction:column}.task-page-container .conversation-panel{flex:1;width:100%;height:auto;min-height:60vh}.task-page-container .sidebar-panel{width:100%;height:auto;max-height:40vh;min-height:200px;border-left:none;border-top:2px solid var(--border-color);flex-direction:row;flex-wrap:wrap;padding:8px;gap:8px}.task-page-container .sidebar-panel .stat-card{flex:1;min-width:150px;margin:0;padding:12px}.task-page-container .sidebar-panel button[title*=侧边栏]{display:none}.floating-action-button{bottom:16px;right:16px}}@media(max-width:767px){.task-page-container .conversation-panel{min-height:70vh}.task-page-container .sidebar-panel{max-height:30vh;min-height:160px}.task-page-container .sidebar-panel .stat-card:nth-child(n+4){display:none}.floating-action-button button{width:48px!important;height:48px!important;min-width:unset!important}.floating-action-button button span{display:none!important}.task-page-container .stat-card:nth-child(n+3){display:none}}.task-page-container [x-cloak]{display:none!important}.task-page-container .progress-bar{transition:width .3s ease-in-out}.upload-btn{background:transparent;color:var(--color-primary);padding:3px 6px;border-radius:2px;font-size:calc(var(--task-msg-font-size) - 1px);font-weight:500;cursor:pointer}.upload-btn:hover{background:#3b82f61a;color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.upload-menu-item{padding:4px 6px;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.task-detail-header{z-index:2}.upload-menu-item:hover{background:var(--bg-tertiary)}#radarChart{border-radius:8px;background:var(--bg-primary);box-shadow:0 4px 12px #0000001a}.radar-chart-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto}.task-info-card{background:linear-gradient(to right,#f0fdf4,#ecfdf5);border-left:3px solid var(--color-success);padding:6px 8px;margin:2px 0;border-radius:0 6px 6px 0;box-shadow:0 2px 4px #0000000d;transition:all .2s ease-out;position:relative;overflow:hidden;z-index:0;flex-shrink:0}.task-info-card:hover{box-shadow:var(--shadow-md),0 4px 6px -2px #0000000d;transform:scale(1.02)}.task-info-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .5s;pointer-events:none}.task-info-card:hover .task-info-overlay{opacity:1}.task-info-content{display:flex;align-items:flex-start;position:relative;z-index:10}.task-info-icon-container{flex-shrink:0}.task-info-icon{width:40px;height:40px;background:var(--color-success-light);border-radius:8px;display:flex;align-items:center;justify-content:center}.task-info-icon i{color:var(--color-success);font-size:18px}.task-info-details{margin-left:12px;flex:1}.task-info-header{display:flex;align-items:center;justify-content:space-between}.task-info-title{font-size:14px;font-weight:500;color:var(--color-success-hover);margin:0}.task-info-description{margin-top:4px}.task-info-description p{font-size:14px;color:var(--color-success-hover);margin:0}.task-info-meta{margin-top:8px;display:flex;align-items:center;font-size:12px;color:var(--color-success);z-index:100}.task-difficulty-badge{padding:2px 8px;background:linear-gradient(to right,#fef3c7,#fde68a);color:var(--color-warning-hover);border-radius:9999px;margin-right:8px;border:1px solid var(--color-warning);font-weight:500}.task-scene{color:var(--color-success)}.message-bubble,.ai-message,.user-message,.system-message,.think-message-container,.reading-message-container,.display-message-container,.execute-message-container,.interactive-task-container,.modern-ai-card,.card-header,.card-content,.section-content{transition:none!important;animation:none!important}.initialization-overlay,.initialization-modal,.initialization-content,.initialization-spinner,.spinner-outer-ring,.spinner-middle-ring,.spinner-inner-icon,.initialization-text,.initialization-progress,.initialization-footer,.progress-dots,.progress-dot,.progress-bar-fill{transition:initial!important;animation:initial!important}button:hover,.upload-btn:hover,.interactive-start-btn:hover,.record-tools-btn:hover{opacity:.9}.task-info-compact{font-size:calc(var(--task-msg-font-size) - 1px);line-height:1.2;margin:1px 0}.file-type-tag{font-size:calc(var(--task-msg-font-size) - 2px);padding:1px 3px;border-radius:2px;display:inline-block}.button-group{display:flex;gap:3px;margin-top:2px}.button-group button{font-size:calc(var(--task-msg-font-size) - 1px);padding:2px 5px;border-radius:2px}.status-indicator{font-size:calc(var(--task-msg-font-size) - 2px);padding:1px 3px;border-radius:2px;display:inline-block;margin-left:3px}.progress-compact{height:2px;border-radius:1px;margin:2px 0}.divider-compact{height:1px;background:var(--border-color);margin:2px 0}.evaluation-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0006,#3b82f61a);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlayFadeIn .4s ease-out}.evaluation-modal{background:#f6f6f6;border-radius:18px;box-shadow:0 6px 32px #0000001a;max-width:95vw;width:100%;margin:0 16px;max-height:95vh;overflow:hidden;position:relative;border:1.5px solid var(--border-color)}.evaluation-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),#ec4899);border-radius:24px 24px 0 0}.evaluation-modal-header{background:#f8f8f8;padding:18px 28px 10px;position:relative;overflow:hidden;border-bottom:1.5px solid var(--border-color);box-shadow:0 2px 8px #0001}.evaluation-modal-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.evaluation-modal-header-content{display:flex;align-items:center;justify-content:space-between;color:var(--text-inverse);position:relative;z-index:10}.evaluation-modal-title{font-size:24px;font-weight:700;display:flex;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.evaluation-modal-title i{margin-right:12px;font-size:28px;background:linear-gradient(45deg,var(--bg-primary),var(--color-info-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.evaluation-modal-close{color:var(--text-inverse);transition:all .3s ease;padding:8px;border-radius:12px;background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.evaluation-modal-close:hover{background:#fff3;transform:scale(1.1)}.evaluation-modal-close i{font-size:20px}.evaluation-modal-subtitle{margin-top:20px;position:relative;z-index:10}.evaluation-modal-subtitle p{color:#ffffffe6;font-size:16px;font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,.1)}.evaluation-modal-content{display:flex;height:calc(90vh - 140px);background:linear-gradient(145deg,var(--bg-secondary),var(--bg-primary))}.evaluation-left-panel{width:60%;border-right:1.5px solid var(--border-color);display:flex;flex-direction:column;background:#fcfcfc}.evaluation-right-panel{width:40%;padding:28px 24px 24px;display:flex;flex-direction:column;background:#fcfcfc}.evaluation-status-container{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}.evaluation-status-content{text-align:center;padding:48px 32px}.evaluation-status-badge{display:inline-flex;align-items:center;padding:16px 32px;background:linear-gradient(135deg,var(--color-primary-light),#bfdbfe);border-radius:16px;box-shadow:0 8px 32px #2563eb26;border:1px solid rgba(59,130,246,.2);backdrop-filter:blur(8px)}.evaluation-status-badge i{color:var(--color-primary-hover);margin-right:12px;font-size:20px;animation:spin 2s linear infinite}.evaluation-status-badge span{color:var(--color-primary-hover);font-size:16px;font-weight:600}.evaluation-dimensions-section{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}.evaluation-dimensions-content{flex:1;padding:22px 18px 18px;overflow-y:auto}.evaluation-dimensions-title{font-size:17px;font-weight:600;margin-bottom:18px;display:flex;align-items:center;color:#222;letter-spacing:.5px}.evaluation-dimensions-title i{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:12px;font-size:24px}.evaluation-dimensions-container{display:flex;flex-direction:column;gap:20px}.evaluation-empty-state{text-align:center;color:var(--text-secondary);padding:64px 32px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-radius:16px;border:2px dashed var(--border-color)}.evaluation-empty-state i{font-size:64px;margin-bottom:16px;background:linear-gradient(135deg,#d1d5db,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.evaluation-empty-state p{font-size:16px;font-weight:500;margin-bottom:8px}.dimension-card{background:linear-gradient(135deg,#f7faff 70%,#e6f0ff);border-radius:14px;border:1.5px solid var(--color-primary-light);padding:18px 16px 16px;transition:all .2s;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 4px 18px 0 var(--color-primary-light) 22,0 1.5px 0 var(--border-color)}.dimension-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.dimension-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,#60a5fa,var(--color-primary));opacity:.1;border-radius:50%;margin-right:-40px;margin-top:-40px}.dimension-card:after{content:"";position:absolute;bottom:0;left:0;width:64px;height:64px;background:linear-gradient(135deg,#60a5fa,var(--color-primary));opacity:.05;border-radius:50%;margin-left:-32px;margin-bottom:-32px}.dimension-card-content{position:relative;z-index:10}.dimension-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dimension-info{display:flex;align-items:center}.dimension-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;box-shadow:var(--shadow)}.dimension-icon i{color:var(--text-inverse);font-size:18px}.dimension-details h4{font-weight:700;color:var(--text-primary);font-size:18px}.dimension-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center}.dimension-meta i{margin-right:4px}.dimension-score-display{text-align:right}.dimension-score{font-size:32px;font-weight:700;color:var(--color-primary-hover);margin-bottom:4px}.dimension-score-label{font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:9999px}.dimension-progress{margin-bottom:16px}.dimension-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dimension-progress-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.dimension-progress-text{font-size:14px;font-weight:700;color:var(--color-primary-hover)}.dimension-progress-bar-container{width:100%;background:var(--border-color);border-radius:9999px;height:12px;box-shadow:inset 0 2px 4px #0000000f}.dimension-progress-bar{background:linear-gradient(to right,#60a5fa,var(--color-primary));height:12px;border-radius:9999px;transition:all 1s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dimension-progress-bar:before{content:"";position:absolute;inset:0;background:var(--bg-primary);opacity:.3;animation:pulse 2s infinite}.dimension-comment-section{background:#ffffffb3;border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid var(--color-primary-light)}.dimension-comment-header{display:flex;align-items:center;margin-bottom:8px}.dimension-comment-header i{color:var(--color-primary);margin-right:8px}.dimension-comment-header span{font-size:14px;font-weight:600;color:var(--text-primary)}.dimension-comment{font-size:14px;color:var(--text-primary);line-height:1.5}.dimension-evidence-section{background:linear-gradient(to right,var(--color-primary-light),var(--color-info-light));border-radius:8px;padding:12px;border-left:4px solid var(--color-primary)}.dimension-evidence-header{display:flex;align-items:center;margin-bottom:8px}.dimension-evidence-header i{color:var(--color-primary-hover);margin-right:8px}.dimension-evidence-header span{font-size:14px;font-weight:600;color:var(--text-primary)}.dimension-evidence{font-size:12px;color:var(--text-secondary);line-height:1.5}.radar-chart-section{border-top:1.5px solid var(--border-color);padding:22px 18px 18px;min-height:320px;max-height:380px;display:flex;flex-direction:column;overflow:auto;background:linear-gradient(135deg,#f7faff 70%,#e6f0ff);position:relative;border-radius:12px;margin-top:10px;box-shadow:0 2px 12px 0 var(--color-primary-light) 22}.radar-chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.3),transparent)}.radar-chart-title{font-size:18px;font-weight:600;margin-bottom:18px;text-align:center;display:flex;align-items:center;justify-content:center;color:#1a237e;letter-spacing:.5px;text-shadow:0 1px 2px var(--color-primary-light)33;position:relative;z-index:10}.radar-chart-title i{background:linear-gradient(135deg,var(--color-secondary-hover),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:12px;font-size:26px}.radar-chart-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:220px;max-height:280px;margin:0;padding:10px;background:var(--bg-primary);border-radius:10px;box-shadow:0 1.5px 8px var(--color-primary-light) 22;border:1.5px solid var(--color-primary-light)d0;position:relative;overflow:auto}.radar-chart-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(124,58,237,.03),transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.03),transparent 50%);pointer-events:none}.confirm-scores-section{text-align:center}.confirm-scores-btn{padding:14px 38px;background:linear-gradient(90deg,#4ade80 0%,var(--color-info) 100%);color:#1a237e;border-radius:999px;font-size:17px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 18px 0 var(--color-info) 33,0 1.5px 0 var(--color-primary-light);border:2px solid var(--color-primary-light);transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;margin:18px auto 0;transform:translateY(0);cursor:pointer;outline:none;position:relative;overflow:hidden}.confirm-scores-btn:hover:not(:disabled){background:linear-gradient(90deg,var(--color-info) 0%,#4ade80 100%);color:var(--text-primary);box-shadow:0 8px 24px 0 var(--color-info) 44,0 2px 0 var(--color-primary-light);border-color:var(--color-info);transform:translateY(-2px) scale(1.04)}.confirm-scores-btn:disabled{background:linear-gradient(90deg,#e0e7ef 0%,var(--text-muted) 100%);color:#b0b0b0;border-color:var(--text-muted);box-shadow:none;transform:none;cursor:not-allowed;opacity:.7}.confirm-scores-btn i{margin-right:8px}.confirm-scores-note{font-size:12px;color:var(--text-secondary);margin-top:8px}.reflection-section-title{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center}.reflection-section-title i{color:var(--color-primary-hover);margin-right:8px}.reflection-messages-container{flex:1;overflow-y:auto;background:#f7f7f7;padding:12px;display:flex;flex-direction:column;gap:8px}.reflection-message{display:flex}.reflection-message.user-message{justify-content:flex-end}.reflection-message.ai-message{justify-content:flex-start}.reflection-message-bubble{max-width:75%;padding:8px 16px;border-radius:8px}.reflection-message-bubble.user-bubble{background:#d2f8b0;color:#222;border-radius:16px 16px 8px;box-shadow:0 1px 4px #b7eb8f33;border:1px solid #b7eb8f;max-width:80%;min-width:100px;padding:12px 22px;text-align:left;word-break:break-word;margin-right:12px;display:inline-block}.reflection-message-bubble.ai-bubble{background:var(--bg-primary);color:#222;border-radius:18px 18px 18px 6px;box-shadow:0 2px 8px #0001;border:1px solid #e5e5e5}.reflection-message-content{margin-bottom:4px;font-size:15px;line-height:1.7;word-break:break-word}.reflection-message-time{font-size:11px;margin-top:2px;color:#b0b0b0;opacity:1;text-align:right}.reflection-empty-state{text-align:center;color:var(--text-secondary);padding:32px 0}.reflection-empty-state i{font-size:48px;margin-bottom:8px}.reflection-empty-state p{margin-bottom:8px}.reflection-evaluating-state{text-align:center;color:var(--text-secondary);padding:32px 0}.reflection-evaluating-state i{font-size:48px;margin-bottom:8px}.reflection-input-section{display:flex;gap:8px}.reflection-input{flex:1;padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;transition:all .2s}.reflection-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px var(--color-primary)}.reflection-input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.reflection-send-btn{padding:8px 16px;background:var(--color-primary-hover);color:var(--text-inverse);border-radius:8px;transition:background-color .2s;border:none;cursor:pointer}.reflection-input-status{margin-top:8px;font-size:12px;color:var(--text-secondary);text-align:center}.reflection-input-status i{margin-right:4px}.task-details-btn{margin-left:8px;padding:4px 12px;background:linear-gradient(to right,var(--color-success),var(--color-success));color:var(--text-inverse);font-size:12px;border-radius:9999px;transition:all .2s;display:flex;align-items:center;gap:4px;transform:scale(1);box-shadow:0 1px 2px #0000000d;border:none;cursor:pointer}.task-details-btn:hover{background:linear-gradient(to right,var(--color-success),var(--color-success-hover));transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.score-btn{width:100%;background:linear-gradient(to right,#eab308,var(--color-warning));color:var(--text-inverse);padding:8px 16px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;box-shadow:0 4px 6px #0000001a;transform:translateY(0);border:none;cursor:pointer}.score-btn:hover:not(:disabled){background:linear-gradient(to right,var(--color-warning),var(--color-warning-hover));transform:translateY(-2px);box-shadow:0 8px 15px #0003}.score-btn:disabled{background:linear-gradient(to right,var(--text-secondary),var(--text-secondary));cursor:not-allowed;transform:none}.return-btn{display:flex;align-items:center;padding:8px 16px;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;transition:all .3s ease-out;transform:scale(1);cursor:pointer}.return-btn:hover{color:var(--text-primary);background:linear-gradient(to right,var(--color-primary-lighter),var(--color-primary-light));transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.theme-btn{padding:8px;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;transition:all .3s ease-out;transform:scale(1);cursor:pointer}.theme-btn:hover{color:var(--text-primary);background:linear-gradient(to right,#fef3c7,var(--color-warning-light));transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.task-modal-btn{padding:12px 24px;border-radius:8px;transition:all .3s ease-out;transform:scale(1);display:flex;align-items:center;gap:8px;font-weight:500;border:none;cursor:pointer}.task-modal-btn:hover{transform:scale(1.05);box-shadow:0 8px 15px #0003}.task-modal-cancel-btn{background:linear-gradient(to right,var(--text-secondary),var(--text-secondary));color:var(--text-inverse)}.task-modal-cancel-btn:hover{background:linear-gradient(to right,var(--text-secondary),var(--text-primary))}.task-modal-start-btn{background:linear-gradient(to right,var(--color-success),var(--color-success));color:var(--text-inverse)}.task-modal-start-btn:hover{background:linear-gradient(to right,var(--color-success),var(--color-success-hover))}.task-modal-confirm-btn{background:linear-gradient(to right,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse)}.task-modal-confirm-btn:hover{background:linear-gradient(to right,var(--color-primary-hover),var(--color-primary-hover))}.evaluation-modal-btn{padding:12px 24px;background:linear-gradient(to right,var(--color-success),var(--color-success));color:var(--text-inverse);border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:14px;font-weight:500;box-shadow:0 4px 6px #0000001a;transform:translateY(0);border:none;cursor:pointer}.evaluation-modal-btn:hover:not(:disabled){background:linear-gradient(to right,var(--color-success),var(--color-success-hover));transform:translateY(-2px);box-shadow:0 8px 15px #0003}.evaluation-modal-btn:disabled{background:linear-gradient(to right,var(--text-secondary),var(--text-secondary));cursor:not-allowed;transform:none}.reflection-send-btn{padding:8px 16px;background:var(--color-primary);color:var(--text-inverse);border-radius:8px;transition:all .2s;border:none;cursor:pointer}.reflection-send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.reflection-send-btn:disabled{background:var(--text-secondary);cursor:not-allowed}.send-btn{background:transparent;border:none;outline:none;cursor:pointer;transition:all .3s ease-out;transform-origin:center}.send-btn:hover{transform:scale(1.1)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.send-btn:disabled:hover{transform:none}.doc-tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary-hover);font-size:12px;border-radius:9999px;border:1px solid #bfdbfe;transition:background-color .2s}.doc-tag:hover{background:var(--color-primary-light)}.doc-tag .max-w-20{max-width:5rem;overflow:hidden;text-overflow:ellipsis;var(--bg-primary)-space: nowrap}.input-container{position:relative;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s}.input-container:focus-within{ring:2px;ring-color:var(--color-primary);border-color:transparent}.input-container.border-blue-400{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.input-container.bg-gray-100{background-color:var(--bg-tertiary)}.dimension-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--color-primary-lighter) 50%,var(--color-info-light) 100%);border:1px solid #bfdbfe;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;position:relative;overflow:hidden;transition:all .3s}.dimension-card:hover{box-shadow:var(--shadow-xl);transform:scale(1.02)}.dimension-score{font-size:1.875rem;font-weight:700;color:var(--color-primary-hover);margin-bottom:.25rem}.dimension-progress-bar{background:linear-gradient(90deg,#60a5fa 0%,var(--color-info) 100%);height:.75rem;border-radius:9999px;transition:all 1s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dimension-comment{font-size:.875rem;color:var(--text-primary);line-height:1.5}.dimension-evidence{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.reflection-messages-container{flex:1;overflow-y:auto;border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.reflection-messages-container::-webkit-scrollbar{width:4px}.reflection-messages-container::-webkit-scrollbar-track{background:var(--bg-tertiary)}.reflection-messages-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.reflection-messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.modern-ai-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:16px;box-shadow:0 4px 20px #00000014;margin:12px 0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8)}.modern-ai-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.modern-ai-card:before{display:none}.think-card:before{background:linear-gradient(90deg,#667eea,#764ba2)}.think-card .avatar-bg{background:var(--gradient-primary)}.conversation-card:before{background:linear-gradient(90deg,#06b6d4 0%,var(--color-info) 100%)}.conversation-card .avatar-bg{background:linear-gradient(135deg,#06b6d4 0%,var(--color-info) 100%)}.conversation-card .card-header{background:linear-gradient(135deg,#06b6d40d,#0891b20d)}.speak-section .section-header,.speak-section .section-header i{color:var(--color-info)}.speak-section .section-content{border-left-color:#06b6d4;background:linear-gradient(135deg,#06b6d40d,#06b6d405)}.markdown-content{max-width:100%;overflow-x:auto;word-wrap:break-word;word-break:break-word;white-space:pre-wrap}.markdown-content p,.markdown-content li,.markdown-content td,.markdown-content blockquote{word-wrap:break-word;word-break:break-word;max-width:100%}.markdown-content pre{overflow-x:auto;max-width:100%;white-space:pre-wrap;word-wrap:break-word}.markdown-content code{word-break:break-word;max-width:100%;display:inline-block}.markdown-content table{max-width:100%;overflow-x:auto;display:block}.markdown-content img{max-width:100%;height:auto}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{word-wrap:break-word;word-break:break-word}.thought-toggle{background:none;border:none;cursor:pointer;padding:0;width:100%;text-align:left}.thought-toggle:hover{opacity:.8}.reading-card:before{background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success-hover) 100%)}.reading-card .avatar-bg{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%)}.reading-card .card-header{background:linear-gradient(135deg,#0596690d,#0478570d)}.reading-content-section .section-header,.reading-content-section .section-header i{color:var(--color-success-hover)}.reading-content-section .section-content{border-left-color:var(--color-success);background:linear-gradient(135deg,#0596690d,#05966905)}.reading-content{line-height:1.2;font-size:14px;min-height:auto;max-height:none}.reading-content-section .section-content{border-left-color:var(--color-success);background:linear-gradient(135deg,#0596690d,#05966905);min-height:auto;max-height:none;padding:4px}.reading-content h1,.reading-content h2,.reading-content h3,.reading-content h4,.reading-content h5,.reading-content h6{color:var(--color-success-hover);font-weight:600;margin:1px 0;line-height:1.1}.reading-content p{margin:1px 0;color:var(--text-primary);line-height:1.2}.reading-content ul,.reading-content ol{margin:1px 0;padding-left:8px}.reading-content li{margin:1px 0;color:var(--text-primary);line-height:1.2}.reading-content blockquote{border-left:4px solid var(--color-success);background:#0596690d;padding:2px 4px;margin:1px 0;border-radius:4px;line-height:1.2}.reading-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:var(--color-success-hover)}.reading-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:12px;margin:12px 0;overflow-x:auto}.reading-content pre code{background:none;padding:0;color:var(--text-primary)}.card-header{display:flex;align-items:center;padding:16px 20px 12px;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.avatar-container{position:relative;margin-right:12px}.avatar-bg{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:16px;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.avatar-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:shimmer 2s infinite}.status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--color-success);border:2px solid var(--bg-primary);border-radius:50%;animation:pulse 2s infinite}.card-info{flex:1}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.card-subtitle{font-size:12px;color:var(--text-secondary);opacity:.8}.timestamp{font-size:11px;color:var(--text-secondary);background:#9ca3af1a;padding:4px 8px;border-radius:6px;font-weight:500}.card-content{padding:0 20px 20px}.content-section{margin-bottom:16px}.content-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-primary)}.section-header i{margin-right:6px;width:16px;text-align:center}.observation-section .section-header,.observation-section .section-header i{color:var(--color-primary)}.think-section .section-header,.think-section .section-header i{color:var(--color-secondary)}.section-content{background:#f8fafccc;border-radius:8px;padding:12px;font-size:14px;line-height:1.6;color:var(--text-primary);var(--bg-primary)-space: pre-line;border-left:3px solid transparent;position:relative}.observation-section .section-content{border-left-color:var(--color-primary);background:linear-gradient(135deg,#3b82f60d,#3b82f605)}.think-section .section-content{border-left-color:var(--color-secondary);background:linear-gradient(135deg,#8b5cf60d,#8b5cf605)}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media(max-width:768px){.modern-ai-card{margin:8px 0;border-radius:12px}.card-header{padding:12px 16px 8px}.card-content{padding:0 16px 16px}.avatar-bg{width:36px;height:36px;font-size:14px}.card-title{font-size:15px}.section-content{padding:10px;font-size:13px}}.user-message{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.ai-message{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.system-message{background:var(--bg-card-active);color:var(--text-secondary);border:1px solid var(--border-secondary)}.think-message-container{background:var(--bg-hover);border-left:2px solid var(--accent-color)}.reading-message-container{background:var(--bg-hover);border-left:2px solid var(--info-color)}.display-message-container{background:var(--bg-hover);border-left:2px solid var(--success-color)}.execute-message-container,.interactive-task-container{background:var(--bg-hover);border-left:2px solid var(--color-warning)}.conversation-area{background:var(--bg-secondary)}.input-area{background:var(--bg-card);border-top:1px solid var(--border-color)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.sidebar-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color)}.conversation-panel{background:var(--bg-primary);border-right:1px solid var(--border-color)}.modern-ai-card{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.card-header{background:var(--bg-hover)}.card-title{color:var(--text-primary)}.card-subtitle{color:var(--text-secondary)}.timestamp{color:var(--text-tertiary);background:var(--bg-card-active)}.section-header{color:var(--text-primary)}.section-content{background:var(--bg-hover);color:var(--text-primary)}.evaluation-modal{background:var(--bg-card);color:var(--text-primary)}.evaluation-modal-header{background:var(--accent-primary)}.dimension-card{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.reflection-messages-container{background:var(--bg-hover);border:1px solid var(--border-color)}.reflection-input{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.reflection-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light)}[data-theme=dark] .user-message{background:var(--bg-card-active)}[data-theme=dark] .ai-message{background:var(--bg-card)}[data-theme=dark] .modern-ai-card{box-shadow:var(--shadow-card)}[data-theme=dark] .modern-ai-card:hover{box-shadow:var(--shadow-card-hover)}[data-theme=dark] .evaluation-modal{box-shadow:var(--shadow-modal)}[data-theme=dark] .dimension-card{box-shadow:var(--shadow-card)}[data-theme=dark] .dimension-card:hover{box-shadow:var(--shadow-card-hover)}.upload-menu-item.audio-type,.upload-menu-item.video-type{display:none!important}.initialization-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .4s ease-out}.initialization-modal{background:#fffffffa;backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;box-shadow:var(--shadow-xl),0 0 0 1px #fffc,inset 0 1px #ffffffe6;min-width:400px;max-width:500px;width:90vw;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.initialization-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent)}.initialization-content{display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;z-index:10}.initialization-spinner{position:relative;width:100px;height:100px}.spinner-outer-ring{width:100px;height:100px;border:4px solid rgba(59,130,246,.1);border-radius:50%;position:absolute;animation:spinSlow 3s linear infinite}.spinner-outer-ring:before{content:"";position:absolute;top:-4px;left:-4px;width:100px;height:100px;border:4px solid transparent;border-top:4px solid var(--color-primary);border-radius:50%;animation:spinFast 1.5s linear infinite}.spinner-middle-ring{position:absolute;top:12px;left:12px;width:76px;height:76px;border:3px solid rgba(139,92,246,.2);border-radius:50%;animation:spinMedium 2s linear infinite reverse}.spinner-middle-ring:before{content:"";position:absolute;top:-3px;left:-3px;width:76px;height:76px;border:3px solid transparent;border-right:3px solid var(--color-secondary);border-radius:50%;animation:spinFast 1.2s linear infinite}.spinner-inner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;animation:iconPulse 2s ease-in-out infinite;box-shadow:0 8px 32px #3b82f64d}.spinner-inner-icon i{color:var(--text-inverse);font-size:24px;animation:iconBounce 1.5s ease-in-out infinite}.initialization-text{text-align:center;animation:textFadeIn .8s ease-out .3s both}.initialization-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.initialization-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.initialization-progress{width:100%;max-width:320px;animation:progressFadeIn 1s ease-out .5s both}.progress-dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);animation:dotPulse 1.5s ease-in-out infinite}.progress-dot:nth-child(1){animation-delay:0s;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}.progress-dot:nth-child(2){animation-delay:.2s;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover))}.progress-dot:nth-child(3){animation-delay:.4s;background:linear-gradient(135deg,var(--color-success),var(--color-success))}.progress-bar-container{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-success));border-radius:3px;animation:progressFill 2s ease-in-out infinite;position:relative}.progress-bar-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShimmer 1.5s ease-in-out infinite}.initialization-footer{text-align:center;animation:footerFadeIn 1s ease-out .7s both}.initialization-tip{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--text-secondary);font-style:italic}.initialization-tip i{color:var(--color-primary);animation:tipIconSpin 3s linear infinite}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinMedium{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 8px 32px #3b82f64d}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 40px #3b82f680}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes progressFill{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes tipIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.initialization-modal{padding:32px 24px;min-width:320px;border-radius:20px}.initialization-content{gap:24px}.initialization-spinner,.spinner-outer-ring{width:80px;height:80px}.spinner-outer-ring:before{width:80px;height:80px}.spinner-middle-ring{top:10px;left:10px;width:60px;height:60px}.spinner-middle-ring:before{width:60px;height:60px}.spinner-inner-icon{width:36px;height:36px;border-radius:8px}.spinner-inner-icon i{font-size:18px}.initialization-title{font-size:24px;margin-bottom:12px}.initialization-subtitle{font-size:14px;margin-bottom:20px}.initialization-progress{max-width:280px}.progress-dots{gap:6px;margin-bottom:16px}.progress-dot{width:10px;height:10px}.initialization-tip{font-size:13px}}@media(prefers-color-scheme:dark){.initialization-overlay{background:#0009}.initialization-modal{background:#111827f2;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #4b55634d,inset 0 1px #4b556333}.initialization-modal:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.initialization-title{color:var(--bg-secondary);background:linear-gradient(135deg,var(--bg-secondary),#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.initialization-subtitle{color:var(--border-color)}.progress-bar-container{background:var(--text-primary)}.initialization-tip{color:var(--text-secondary)}}[data-theme=dark] .task-page{background:var(--bg-gradient)!important;color:var(--text-primary)!important}[data-theme=dark] .task-container,[data-theme=dark] .main-container{background:transparent!important}[data-theme=dark] .chat-area,[data-theme=dark] .chat-container,[data-theme=dark] .messages-container{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .chat-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .message-bubble,[data-theme=dark] .ai-message-card,[data-theme=dark] .user-message-card,[data-theme=dark] .system-message-card{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .user-message .message-bubble{background:var(--gradient-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .assistant-message .message-bubble{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .modal,[data-theme=dark] .modal-overlay,[data-theme=dark] .evaluation-modal,[data-theme=dark] .reflection-modal{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-title{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .modal-content,[data-theme=dark] .modal-body{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .modal-footer{background:var(--bg-secondary)!important;border-top-color:var(--border-color)!important}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:var(--text-tertiary)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary)!important}[data-theme=dark] button,[data-theme=dark] .btn{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .btn-primary{background:var(--gradient-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .btn-danger{background:var(--color-error)!important;color:var(--text-inverse)!important}[data-theme=dark] .btn-success{background:var(--color-success)!important;color:var(--text-inverse)!important}[data-theme=dark] .evaluation-container,[data-theme=dark] .evaluation-section{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .evaluation-item,[data-theme=dark] .evaluation-card{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .progress-container,[data-theme=dark] .progress-bar{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .progress-fill{background:var(--gradient-primary)!important}[data-theme=dark] .status-indicator,[data-theme=dark] .loading-indicator{color:var(--text-primary)!important}[data-theme=dark] .upload-area,[data-theme=dark] .file-preview{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .task-info,[data-theme=dark] .task-details,[data-theme=dark] .task-meta{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .toolbar,[data-theme=dark] .control-panel,[data-theme=dark] .action-panel{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .sidebar,[data-theme=dark] .task-sidebar{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .section{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-tertiary)!important;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--text-muted)!important;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)!important}[data-theme=dark] .task-page *[style*="#60a5fa"],[data-theme=dark] .task-page *[style*="#fbbf24"],[data-theme=dark] .task-page *[style*="#d1d5db"],[data-theme=dark] .task-page *[style*="#bfdbfe"],[data-theme=dark] .task-page *[style*="#06b6d4"],[data-theme=dark] .task-page *[style*="#fef3c7"],[data-theme=dark] .task-page *[style*="#fcfcfc"],[data-theme=dark] .task-page *[style*="#f7faff"],[data-theme=dark] .task-page *[style*="#e6f0ff"]{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .task-page{background:var(--bg-gradient)!important}[data-theme=dark] .task-container{background:transparent!important}[data-theme=dark] .messages-area,[data-theme=dark] .message-list{background:var(--bg-secondary)!important}[data-theme=dark] .task-info-panel,[data-theme=dark] .task-details-panel{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .evaluation-button,[data-theme=dark] .submit-button{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important}[data-theme=dark] .evaluation-modal-overlay{background:#0f172acc!important}[data-theme=dark] .evaluation-modal,[data-theme=dark] .upload-overlay,[data-theme=dark] .drag-overlay{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .task-page-container{background:var(--bg-gradient)!important}[data-theme=dark] .bg-gray-50{background:transparent!important}[data-theme=dark] .task-info-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .task-info-content,[data-theme=dark] .task-info-details{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .task-info-title,[data-theme=dark] .task-detail-title{color:var(--text-primary)!important}[data-theme=dark] .task-info-description{color:var(--text-secondary)!important}[data-theme=dark] .task-scene{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .task-difficulty-badge{background:var(--color-warning-light)!important;color:var(--text-inverse)!important}[data-theme=dark] .task-detail-overlay{background:#0f172acc!important}[data-theme=dark] .task-detail-modal{background:var(--bg-card)!important;border-color:var(--border-color)!important}[data-theme=dark] .task-detail-header{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .task-detail-footer{background:var(--bg-secondary)!important;border-top-color:var(--border-color)!important}[data-theme=dark] .evaluation-status-container,[data-theme=dark] .evaluation-tabs-container,[data-theme=dark] .evaluation-dimensions-container,[data-theme=dark] .evaluation-chart-container,[data-theme=dark] .evaluation-chat-input-container,[data-theme=dark] .stat-card-container{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .progress-bar-container{background:var(--bg-secondary)!important}[data-theme=dark] .input-container{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .border-gray-300{border-color:var(--border-color)!important}[data-theme=dark] .focus-within\:ring-blue-500:focus-within{--tw-ring-color: var(--color-primary) !important}[data-theme=dark] .focus-within\:border-transparent:focus-within{border-color:transparent!important}[data-theme=dark] .conversation-area{background:var(--bg-secondary)!important}[data-theme=dark] .input-area{background:var(--bg-card)!important;border-top-color:var(--border-color)!important}[data-theme=dark] .evaluation-btn,[data-theme=dark] .score-btn,[data-theme=dark] .submit-evaluation-btn{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border:2px solid var(--color-primary)!important;box-shadow:0 4px 12px #3b82f64d!important}[data-theme=dark] .evaluation-btn:hover,[data-theme=dark] .score-btn:hover,[data-theme=dark] .submit-evaluation-btn:hover{background:var(--color-primary-hover)!important;box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px)!important}[data-theme=dark] button[title*=评分],[data-theme=dark] button[title*=评价],[data-theme=dark] .btn-evaluation{background:var(--color-success)!important;color:var(--text-inverse)!important;border:2px solid var(--color-success)!important;box-shadow:0 4px 12px #10b9814d!important;font-weight:600!important;min-width:120px!important}[data-theme=dark] button[title*=评分]:hover,[data-theme=dark] button[title*=评价]:hover,[data-theme=dark] .btn-evaluation:hover{background:var(--color-success-hover)!important;box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px) scale(1.02)!important}[data-theme=dark] .task-evaluation-btn{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-warning) 100%)!important;border:2px solid var(--color-success)!important;color:var(--text-inverse)!important;box-shadow:0 4px 12px #10b98166,0 0 20px #f59e0b33!important;font-weight:700!important;min-width:200px!important;backdrop-filter:blur(10px)!important}[data-theme=dark] .task-evaluation-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-hover) 0%,var(--color-warning-hover) 100%)!important;box-shadow:0 6px 20px #10b98180,0 0 30px #f59e0b4d!important;transform:translateY(-3px) scale(1.05)!important;border-color:var(--color-warning)!important}[data-theme=dark] .task-evaluation-btn.evaluation-btn-disabled{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-tertiary)!important;box-shadow:none!important}[data-theme=dark] .floating-action-button{background:transparent!important}[data-theme=dark] .task-detail-modal *{color:var(--text-primary)!important}[data-theme=dark] .task-detail-modal *[style*="#e0e7ff"],[data-theme=dark] .task-detail-modal *[style*="#f0f9ff"],[data-theme=dark] .task-detail-modal *[style*="#f8fafc"]{background:var(--bg-secondary)!important}[data-theme=dark] .task-detail-modal *[style*="#374151"],[data-theme=dark] .task-detail-modal *[style*="#222"]{color:var(--text-primary)!important}[data-theme=dark] .task-detail-modal *[style*="#64748b"]{color:var(--text-secondary)!important}[data-theme=dark] .task-detail-modal *[style*="#fbbf24"]{background:var(--color-warning)!important}[data-theme=dark] .task-detail-modal *[style*="#fff"]{color:var(--text-inverse)!important}[data-theme=dark] .task-detail-modal>div{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .task-detail-modal div[style*=linear-gradient],[data-theme=dark] .task-detail-modal div[style*="background:"]{background:var(--bg-secondary)!important}[data-theme=dark] .task-detail-header-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .task-detail-actions{background:var(--bg-secondary)!important}[data-theme=dark] .task-detail-btn{background:var(--gradient-primary)!important;color:var(--text-inverse)!important;border-color:var(--color-primary)!important}[data-theme=dark] .task-detail-cancel-btn{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .task-detail-start-btn{background:var(--color-success)!important;color:var(--text-inverse)!important;border-color:var(--color-success)!important}[data-theme=dark] .task-detail-modal div[style]{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .task-detail-modal div[style*=linear-gradient]{background:var(--bg-secondary)!important}[data-theme=dark] .task-detail-modal div[style*="#f8fafc"]{background-color:var(--bg-tertiary)!important}[data-theme=dark] .task-detail-modal div[style*="#374151"],[data-theme=dark] .task-detail-modal div[style*="#222"]{color:var(--text-primary)!important}[data-theme=dark] .task-detail-modal div[style*="#64748b"]{color:var(--text-secondary)!important}[data-theme=dark] .task-detail-modal div[style*="color: #fff"]{color:var(--text-inverse)!important}[data-theme=dark] .task-detail-modal div[style*="#fbbf24"]{background-color:var(--color-warning)!important}[data-theme=dark] .task-detail-modal>div>div:first-child{background:var(--bg-secondary)!important}[data-theme=dark] .task-detail-modal>div>div>div{background:var(--bg-tertiary)!important}[data-theme=dark] .task-detail-modal span,[data-theme=dark] .task-detail-modal div{color:var(--text-primary)!important}[data-theme=dark] .task-detail-modal div[style*="background: #fbbf24"]{background:var(--color-warning)!important;color:var(--text-inverse)!important}.evaluation-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;animation:fadeIn .3s ease-out}.evaluation-modal{background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);width:100%;max-width:90rem;height:100%;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.evaluation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--bg-tertiary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);flex-shrink:0}.evaluation-header-actions{display:flex;align-items:center;gap:1rem}.evaluation-header-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.evaluation-confirm-button-header{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);color:var(--text-inverse)}.evaluation-confirm-button-header:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success) 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.evaluation-export-button-header{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-inverse)}.evaluation-export-button-header:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-hover) 100%);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.evaluation-header-button:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;transform:none}.evaluation-modal-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.evaluation-modal-title-icon{width:2rem;height:2rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:.875rem}.evaluation-modal-close{width:2.5rem;height:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.evaluation-modal-close:hover{background:var(--bg-tertiary);color:var(--text-secondary);transform:scale(1.05)}.evaluation-modal-content{display:flex;flex:1;overflow:hidden}.evaluation-left-panel{flex:0 0 60%;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--bg-tertiary)}.evaluation-status-container{display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-info-light) 100%)}.evaluation-status-badge{display:flex;align-items:center;gap:.75rem;background:var(--bg-primary);padding:1rem 1.5rem;border-radius:16px;box-shadow:var(--shadow);font-size:.875rem;font-weight:500;color:var(--text-primary)}.evaluation-dimensions-section{display:flex;flex-direction:column;flex:1;overflow:hidden}.evaluation-dimensions-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--bg-secondary);flex-shrink:0}.evaluation-dimensions-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.evaluation-dimensions-container{flex:1;overflow-y:auto;padding:1.5rem}.evaluation-dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.evaluation-dimension-card{background:var(--bg-primary);border-radius:16px;border:1px solid var(--bg-tertiary);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm)}.evaluation-dimension-card:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-2px)}.evaluation-dimension-card-content{padding:1.25rem}.evaluation-dimension-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.evaluation-dimension-info{display:flex;align-items:center;gap:.75rem}.evaluation-dimension-icon{width:1.5rem;height:1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:.75rem}.evaluation-dimension-name{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0}.evaluation-dimension-score-display{text-align:right}.evaluation-dimension-score{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.evaluation-dimension-max-score{font-size:.75rem;color:var(--text-secondary);margin:0}.evaluation-dimension-progress{margin-bottom:1rem}.evaluation-dimension-progress-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.evaluation-dimension-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:3px;transition:width 1s ease-out}.evaluation-dimension-details{display:flex;flex-direction:column;gap:.5rem}.evaluation-dimension-comment,.evaluation-dimension-evidence{border-radius:12px;padding:.75rem;border-left:3px solid}.evaluation-dimension-comment{background:var(--color-primary-lighter);border-left-color:var(--color-primary)}.evaluation-dimension-evidence{background:#f0fdf4;border-left-color:var(--color-success)}.evaluation-dimension-detail-title{font-size:.75rem;font-weight:600;margin-bottom:.25rem}.evaluation-dimension-comment .evaluation-dimension-detail-title{color:var(--color-primary-hover)}.evaluation-dimension-evidence .evaluation-dimension-detail-title{color:var(--color-success-hover)}.evaluation-dimension-detail-content{font-size:.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.evaluation-dimension-comment .evaluation-dimension-detail-content{color:var(--color-primary-hover)}.evaluation-dimension-evidence .evaluation-dimension-detail-content{color:var(--color-success-hover)}.evaluation-chart-section{border-top:1px solid var(--bg-secondary);padding:1.5rem 2rem;flex-shrink:0;min-height:320px}.evaluation-chart-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem;flex-shrink:0}.evaluation-chart-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.evaluation-tabs-container{display:flex;flex-direction:column;height:100%}.evaluation-tabs-nav{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px 8px 0 0;padding:4px;margin-bottom:1rem;gap:4px}.evaluation-tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.evaluation-tab-button:hover{background:#3b82f61a;color:var(--color-primary)}.evaluation-tab-button.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-inverse);box-shadow:0 2px 4px #3b82f633}.evaluation-tab-button.active:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-hover) 100%)}.evaluation-tabs-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.evaluation-dimensions-section,.evaluation-chart-section{height:100%;display:flex;flex-direction:column}.evaluation-actions-container{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.evaluation-confirm-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);color:var(--text-inverse);border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow);flex-shrink:0}.evaluation-confirm-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success) 0%,#047857 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.evaluation-confirm-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none}.evaluation-export-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-inverse);border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow);flex-shrink:0;position:relative;overflow:hidden}.evaluation-export-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.evaluation-export-button:hover:not(:disabled):before{left:100%}.evaluation-export-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-hover) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.evaluation-export-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none}.evaluation-chart-container{position:relative;background:var(--bg-secondary);border-radius:16px;min-height:250px;height:auto;overflow:visible;padding:1rem;display:flex;align-items:center;justify-content:center}.evaluation-chart-canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;min-width:300px;min-height:200px}.evaluation-chart-placeholder,.evaluation-chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center}.evaluation-chart-loading{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-info-light) 100%);border-radius:16px}.evaluation-chart-placeholder-content,.evaluation-chart-loading-content{color:var(--text-secondary)}.evaluation-chart-loading-content{color:var(--color-primary)}.evaluation-chart-placeholder-icon,.evaluation-chart-loading-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.evaluation-chart-loading-icon{opacity:1}.evaluation-chart-placeholder-title,.evaluation-chart-loading-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.evaluation-chart-placeholder-subtitle{font-size:.75rem}.evaluation-right-panel{flex:0 0 40%;display:flex;flex-direction:column}.evaluation-chat-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--bg-secondary);flex-shrink:0}.evaluation-chat-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.evaluation-chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.evaluation-message{display:flex}.evaluation-message.user{justify-content:flex-end}.evaluation-message.assistant{justify-content:flex-start}.evaluation-message-bubble{max-width:85%;border-radius:18px;padding:.75rem 1rem;position:relative}.evaluation-message-bubble.user{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-inverse);border-bottom-right-radius:6px}.evaluation-message-bubble.assistant{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:6px}.evaluation-message-content{font-size:.875rem;line-height:1.5;margin-bottom:.25rem}.evaluation-message-time{font-size:.75rem;opacity:.7}.evaluation-message-bubble.user .evaluation-message-time{color:#fffc}.evaluation-message-bubble.assistant .evaluation-message-time{color:var(--text-secondary)}.evaluation-chat-empty,.evaluation-chat-loading{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.evaluation-chat-loading{color:var(--color-primary)}.evaluation-chat-empty-icon,.evaluation-chat-loading-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.evaluation-chat-loading-icon{opacity:1}.evaluation-chat-empty-title,.evaluation-chat-loading-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.evaluation-chat-empty-subtitle{font-size:.75rem}.evaluation-chat-input{flex-shrink:0;padding:1.5rem 2rem;border-top:1px solid var(--bg-secondary)}.evaluation-chat-input-container{display:flex;gap:.75rem}.evaluation-chat-input-field{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:12px;font-size:.875rem;transition:all .2s ease}.evaluation-chat-input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.evaluation-chat-input-field:disabled{background:var(--bg-secondary);cursor:not-allowed}.evaluation-chat-send-button{padding:.75rem 1rem;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.evaluation-chat-send-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.evaluation-chat-send-button:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none}.evaluation-chat-input-status{margin-top:.5rem;text-align:center;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.25rem}.evaluation-empty-state{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.evaluation-empty-state-content{display:flex;flex-direction:column;align-items:center}.evaluation-empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.evaluation-empty-state-text{font-size:.875rem}@media(max-width:1024px){.evaluation-modal{max-width:95vw;max-height:90vh}.evaluation-modal-content{flex-direction:column}.evaluation-left-panel,.evaluation-right-panel{flex:none}.evaluation-left-panel{border-right:none;border-bottom:1px solid var(--bg-tertiary)}.evaluation-dimensions-grid{grid-template-columns:1fr}}@media(max-width:640px){.evaluation-modal-header{padding:1rem 1.5rem}.evaluation-modal-title{font-size:1.125rem}.evaluation-dimensions-container,.evaluation-chat-messages{padding:1rem}.evaluation-chart-section,.evaluation-chat-input{padding:1rem 1.5rem}.evaluation-actions-container{flex-direction:column;gap:.5rem;width:100%}.evaluation-confirm-button,.evaluation-export-button{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:.875rem}.evaluation-chart-header{flex-direction:column;gap:1rem;align-items:stretch}}.upload-btn{background:transparent;border:none;outline:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:transform .3s ease-out}.upload-btn:hover{transform:scale(1.1)}.upload-btn .fa-plus{font-size:20px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.upload-btn:hover .fa-plus{transform:rotate(90deg)}.upload-menu-container{position:absolute;bottom:64px;left:0;background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-xl);border:1px solid rgba(229,231,235,.8);padding:4px;z-index:1000;min-width:192px;max-height:none;overflow:visible;backdrop-filter:blur(8px)}.upload-menu-arrow{position:absolute;bottom:-8px;left:24px;width:16px;height:16px;background:var(--bg-primary);border-right:1px solid rgba(229,231,235,.8);border-bottom:1px solid rgba(229,231,235,.8);transform:rotate(45deg)}.upload-menu-items{display:flex;flex-direction:column;gap:4px}.upload-menu-item{display:flex;align-items:center;width:100%;padding:8px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;transform:scale(1);position:relative;overflow:hidden}.upload-menu-item:hover{transform:scale(1.02)}.upload-menu-item.document-type:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,#bfdbfe 100%)}.upload-menu-item.image-type:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.upload-menu-item.audio-type:hover{background:linear-gradient(135deg,var(--color-secondary-lighter) 0%,var(--color-secondary-light) 100%)}.upload-menu-item.video-type:hover{background:linear-gradient(135deg,var(--color-error-light) 0%,#fecaca 100%)}.upload-menu-item.ai-tools-type:hover{background:linear-gradient(135deg,var(--color-info-light) 0%,#c7d2fe 100%)}.upload-menu-item.ai-tools-platform-type:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.upload-menu-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;margin-right:12px;transition:all .2s ease}.upload-menu-icon.document-icon,.upload-menu-item.document-type:hover .upload-menu-icon.document-icon{background:var(--color-primary-light)}.upload-menu-icon.document-icon .fas{color:var(--color-primary-hover);font-size:18px}.upload-menu-icon.image-icon,.upload-menu-item.image-type:hover .upload-menu-icon.image-icon{background:var(--color-success-light)}.upload-menu-icon.image-icon .fas{color:var(--color-success-hover);font-size:18px}.upload-menu-icon.audio-icon{background:var(--color-secondary-lighter)}.upload-menu-item.audio-type:hover .upload-menu-icon.audio-icon{background:var(--color-secondary-light)}.upload-menu-icon.audio-icon .fas{color:#9333ea;font-size:18px}.upload-menu-icon.video-icon,.upload-menu-item.video-type:hover .upload-menu-icon.video-icon{background:var(--color-error-light)}.upload-menu-icon.video-icon .fas{color:var(--color-error);font-size:18px}.upload-menu-icon.ai-tools-icon,.upload-menu-item.ai-tools-type:hover .upload-menu-icon.ai-tools-icon{background:var(--color-info-light)}.upload-menu-icon.ai-tools-icon .fas{color:var(--color-info);font-size:18px}.upload-menu-icon.ai-tools-platform-icon,.upload-menu-item.ai-tools-platform-type:hover .upload-menu-icon.ai-tools-platform-icon{background:var(--color-warning-light)}.upload-menu-icon.ai-tools-platform-icon .fas{color:var(--color-warning);font-size:18px}.upload-menu-content{flex:1}.upload-menu-title{font-size:14px;font-weight:500;color:var(--text-primary);margin:0;line-height:1.2}.upload-menu-description{font-size:12px;color:var(--text-secondary);margin:2px 0 0;line-height:1.2}.upload-menu-arrow-icon{color:var(--text-secondary);font-size:12px;margin-left:auto;opacity:0;transition:opacity .2s ease}.upload-menu-item:hover .upload-menu-arrow-icon{opacity:1}.upload-menu-divider{height:1px;background:var(--bg-tertiary);margin:4px 0}.ai-tools-menu-container{position:absolute;bottom:64px;left:0;background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-xl);border:1px solid rgba(229,231,235,.8);padding:4px;z-index:10;min-width:224px;backdrop-filter:blur(8px)}.ai-tools-menu-header{padding:8px;border-bottom:1px solid #f3f4f6;margin-bottom:4px}.ai-tools-back-btn{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-secondary)}.ai-tools-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.02)}.ai-tools-back-btn .fas{margin-right:12px;color:var(--text-secondary)}.ai-tools-back-btn .back-text{font-weight:500}.ai-tools-category{padding:4px 12px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ai-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 8px}.ai-tool-item{display:flex;flex-direction:column;align-items:center;padding:12px;background:transparent;border:none;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease;min-height:80px;position:relative;transform:scale(1)}.ai-tool-item:hover{transform:scale(1.02)}.ai-tool-item.必应搜索:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,#bfdbfe 100%)}.ai-tool-item.百度搜索:hover{background:linear-gradient(135deg,var(--color-error-light) 0%,#fecaca 100%)}.ai-tool-item.deepseek:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.ai-tool-item.通义千问:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.ai-tool-item.豆包:hover{background:linear-gradient(135deg,var(--color-secondary-lighter) 0%,var(--color-secondary-light) 100%)}.ai-tool-item.文心一言:hover{background:linear-gradient(135deg,var(--color-error-light) 0%,#fecaca 100%)}.ai-tool-item.dify:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,#bfdbfe 100%)}.ai-tool-item.coze:hover{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)}.ai-tool-item.suno-ai:hover{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.ai-tool-item.udio:hover{background:linear-gradient(135deg,var(--color-warning-light) 0%,#fdba74 100%)}.ai-tool-item.即梦:hover{background:linear-gradient(135deg,var(--color-error-light) 0%,#fecaca 100%)}.ai-tool-item.chatgpt:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.ai-tool-item.claude:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,#bfdbfe 100%)}.ai-tool-item.gemini:hover{background:linear-gradient(135deg,var(--color-secondary-lighter) 0%,var(--color-secondary-light) 100%)}.ai-tool-item.google:hover{background:linear-gradient(135deg,var(--color-info-light) 0%,#c7d2fe 100%)}.ai-tool-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.ai-tool-icon.chatgpt-icon,.ai-tool-item.chatgpt:hover .ai-tool-icon.chatgpt-icon{background:var(--color-success-light)}.ai-tool-icon.chatgpt-icon .fas{color:var(--color-success-hover);font-size:14px}.ai-tool-icon.claude-icon,.ai-tool-item.claude:hover .ai-tool-icon.claude-icon{background:var(--color-primary-light)}.ai-tool-icon.claude-icon .fas{color:var(--color-primary-hover);font-size:14px}.ai-tool-icon.gemini-icon{background:var(--color-secondary-lighter)}.ai-tool-item.gemini:hover .ai-tool-icon.gemini-icon{background:var(--color-secondary-light)}.ai-tool-icon.gemini-icon .fas{color:#9333ea;font-size:14px}.ai-tool-icon.tongyi-icon{background:var(--color-warning-light)}.ai-tool-item.tongyi:hover .ai-tool-icon.tongyi-icon{background:#fdba74}.ai-tool-icon.tongyi-icon .fas{color:#ea580c;font-size:14px}.ai-tool-icon.baidu-icon,.ai-tool-item.baidu:hover .ai-tool-icon.baidu-icon{background:var(--color-error-light)}.ai-tool-icon.baidu-icon .fas{color:var(--color-error);font-size:14px}.ai-tool-icon.google-icon,.ai-tool-item.google:hover .ai-tool-icon.google-icon{background:var(--color-info-light)}.ai-tool-icon.google-icon .fab{color:var(--color-info);font-size:14px}.ai-tool-name{font-size:12px;font-weight:500;color:var(--text-primary);line-height:1.2;flex:1;display:flex;align-items:center}.ai-tool-external{position:absolute;top:4px;right:4px;color:var(--text-secondary);font-size:10px;opacity:0;transition:opacity .2s ease}.ai-tool-item:hover .ai-tool-external{opacity:1}.upload-menu-enter{opacity:0;transform:scale(.95) translateY(8px)}.upload-menu-enter-active{opacity:1;transform:scale(1) translateY(0);transition:all .2s ease-out}.upload-menu-exit{opacity:1;transform:scale(1) translateY(0)}.upload-menu-exit-active{opacity:0;transform:scale(.95) translateY(8px);transition:all .15s ease-in}.menu-divider{height:1px;background:var(--bg-tertiary);margin:4px 0}@media(max-width:768px){.upload-menu-container,.ai-tools-menu-container{min-width:160px}.upload-menu-icon{width:32px;height:32px;margin-right:8px}.upload-menu-icon .fas{font-size:16px}.upload-menu-title{font-size:13px}.upload-menu-description{font-size:11px}.ai-tools-grid{gap:6px;padding:0 6px}.ai-tool-item{padding:8px;min-height:60px}.ai-tool-icon{width:24px;height:24px;margin-bottom:6px}.ai-tool-icon .fas,.ai-tool-icon .fab{font-size:12px}.ai-tool-name{font-size:11px}}.task-detail-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.task-detail-modal{background:var(--bg-primary);border-radius:.75rem;box-shadow:var(--shadow-xl);width:60vw;height:80vh;max-width:none;max-height:none;overflow-y:auto;display:flex;flex-direction:column}.task-detail-header{position:sticky;top:0;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;padding:1.5rem;border-radius:.75rem .75rem 0 0}.task-detail-header-content{display:flex;align-items:center;justify-content:space-between}.task-detail-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.task-detail-title i{margin-right:.5rem;color:var(--color-primary-hover)}.task-detail-close-btn{color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:color .2s}.task-detail-close-btn:hover{color:#4b5563}.task-detail-close-btn i{font-size:1.25rem}.task-detail-content{padding:1.5rem}.task-detail-sections{display:flex;flex-direction:column;gap:1.5rem}.task-info-card{border-radius:.5rem;padding:1rem}.task-info-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center}.task-info-card-title i{margin-right:.5rem}.basic-info-card{background:linear-gradient(to right,var(--color-primary-light),var(--color-info-light))}.basic-info-card .task-info-card-title i{color:var(--color-primary-hover)}.basic-info-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.basic-info-grid{grid-template-columns:1fr 1fr}}.basic-info-item{display:flex;flex-direction:column}.basic-info-label{font-size:.875rem;font-weight:500;color:#4b5563}.basic-info-value{color:var(--text-primary);margin-top:.25rem}.difficulty-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-top:.25rem}.difficulty-easy{background-color:var(--color-success-light);color:var(--color-success-hover)}.difficulty-medium{background-color:var(--color-warning-light);color:var(--color-warning-hover)}.difficulty-hard{background-color:var(--color-error-light);color:var(--color-error-hover)}.scene-card{background:linear-gradient(to right,#dcfce7,var(--color-success-light))}.scene-card .task-info-card-title i{color:var(--color-success)}.scene-description{color:var(--text-primary);line-height:1.625}.description-card{background:linear-gradient(to right,#fdf4ff,#fae8ff)}.description-card .task-info-card-title i{color:#9333ea}.output-card{background:linear-gradient(to right,#fff7ed,#fecaca)}.output-card .task-info-card-title i{color:#ea580c}.skills-card{background:linear-gradient(to right,#f0fdfa,#ccfbf1)}.skills-card .task-info-card-title i{color:#0d9488}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.25rem .75rem;background-color:#ccfbf1;color:#115e59;border-radius:9999px;font-size:.875rem;font-weight:500}.skills-loading{color:var(--text-secondary)}.criteria-card{background:linear-gradient(to right,var(--color-primary-lighter),var(--color-primary-light))}.criteria-card .task-info-card-title i{color:var(--color-info)}.criteria-list{list-style-type:disc;list-style-position:inside;color:var(--text-primary)}.criteria-list li{margin-bottom:.25rem}.criteria-list li:last-child{margin-bottom:0}.domain-card{background:linear-gradient(to right,#f9fafb,var(--bg-tertiary))}.domain-card .task-info-card-title i{color:#4b5563}.other-info-card{background:linear-gradient(to right,#fffbeb,#fef3c7)}.other-info-card .task-info-card-title i{color:var(--color-warning)}.task-detail-footer{position:sticky;bottom:0;background:var(--bg-secondary);border-top:1px solid #e5e7eb;padding:1.5rem;border-radius:0 0 .75rem .75rem}.task-detail-actions{display:flex;justify-content:space-between}.task-detail-actions-end{display:flex;justify-content:flex-end}.task-detail-btn{padding:.5rem 1.5rem;border-radius:.5rem;transition:all .3s ease-out;transform:scale(1);display:flex;align-items:center;gap:.5rem;font-weight:500;border:none;cursor:pointer}.task-detail-btn:hover{transform:scale(1.05);box-shadow:0 8px 15px #0003}.task-detail-btn i{font-size:1rem}.task-detail-cancel-btn{background:linear-gradient(to right,#6b7280,#4b5563);color:var(--text-inverse)}.task-detail-cancel-btn:hover{background:linear-gradient(to right,#4b5563,#374151)}.task-detail-start-btn{background:linear-gradient(to right,var(--color-success),var(--color-success));color:var(--text-inverse)}.task-detail-start-btn:hover{background:linear-gradient(to right,var(--color-success),#047857)}.task-detail-confirm-btn{background:linear-gradient(to right,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse)}.task-detail-confirm-btn:hover{background:linear-gradient(to right,var(--color-primary-hover),var(--color-primary-hover))}@media(max-width:640px){.task-detail-modal{margin:0 .5rem;max-height:90vh}.task-detail-header,.task-detail-content,.task-detail-footer{padding:1rem}.task-detail-sections{gap:1rem}.task-info-card{padding:.75rem}.task-detail-actions{flex-direction:column;gap:.75rem}.task-detail-actions-end{justify-content:stretch}.task-detail-btn{justify-content:center;width:100%}}.task-detail-overlay{animation:fadeIn .3s ease-out}.task-detail-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.task-detail-modal::-webkit-scrollbar{width:6px}.task-detail-modal::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.task-detail-modal::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.task-detail-modal::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-secondary: #8b5cf6;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-light: rgba(59, 130, 246, .1);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-secondary: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--bg-app: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--bg-glass: rgba(255, 255, 255, .9);--bg-glass-dark: rgba(248, 250, 252, .8);--bg-card: #ffffff;--bg-hover: #f8fafc;--border-light: #f1f5f9;--border-medium: #e2e8f0;--border-dark: #d1d5db;--border-accent: rgba(59, 130, 246, .3);--border-glow: rgba(59, 130, 246, .5);--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-quaternary: #cbd5e1;--text-inverse: #ffffff;--text-accent: #3b82f6;--text-success: #10b981;--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: var(--shadow-md), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: var(--shadow-lg), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: var(--shadow-xl);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-lg: 0 0 40px rgba(59, 130, 246, .4);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(16px);--blur-xl: blur(24px);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=dark]{--bg-primary: var(--text-primary);--bg-secondary: var(--text-primary);--bg-tertiary: var(--text-secondary);--bg-quaternary: var(--text-secondary);--bg-app: linear-gradient(135deg, var(--text-primary) 0%, var(--text-primary) 100%);--bg-glass: rgba(15, 23, 42, .8);--bg-glass-dark: rgba(255, 255, 255, .1);--text-primary: var(--bg-secondary);--text-secondary: var(--border-color);--text-tertiary: var(--text-muted);--text-quaternary: var(--text-tertiary);--border-light: var(--text-secondary);--border-medium: var(--text-secondary);--border-dark: var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:2px solid var(--border-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer;transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-secondary);min-height:2.5rem;var(--bg-primary)-space: nowrap;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse);border:none;box-shadow:var(--shadow-md);font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-lg)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn-primary:hover:before{left:100%}.btn-accent{background:var(--color-accent);color:var(--text-inverse);border-color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--text-inverse)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-height:2rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);min-height:3rem}.btn-icon-only{padding:var(--space-sm);width:2.5rem;min-width:2.5rem}.btn-icon-only.btn-sm{width:2rem;min-width:2rem;padding:var(--space-xs)}.card{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--border-light)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-md) var(--space-lg) var(--space-lg);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.input-group{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:2px solid var(--border-medium);border-radius:var(--radius-xl);background:var(--bg-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.input-group:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-md),0 0 0 3px #3b82f61a;transform:translateY(-1px)}.input-group:hover:not(:focus-within){border-color:var(--border-dark);box-shadow:var(--shadow-md)}.input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.input::-moz-placeholder{color:var(--text-quaternary);font-style:italic}.input::placeholder{color:var(--text-quaternary);font-style:italic}.input:disabled{color:var(--text-quaternary);cursor:not-allowed}.input-group.disabled{border-color:var(--border-medium);background:var(--bg-tertiary);cursor:not-allowed}.input-group.disabled:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:none}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light)}.tag-primary{background:#1f29371a;color:var(--color-primary);border-color:#1f293733}.tag-accent{background:#3b82f61a;color:var(--color-accent);border-color:#3b82f633}.tag-success{background:#10b9811a;color:var(--color-success);border-color:#10b98133}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;box-shadow:var(--shadow-sm);border:2px solid var(--bg-primary)}.avatar-sm{width:2rem;height:2rem;font-size:var(--font-size-sm)}.avatar-md{width:2.5rem;height:2.5rem;font-size:var(--font-size-base)}.avatar-user{background:var(--gradient-primary);color:var(--text-inverse);border-color:var(--color-primary)}.avatar-ai{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--text-inverse);border-color:#f093fb}.chat-container{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-radius:var(--radius-2xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:0;padding-bottom:var(--space-xl)}.chat-message{display:flex;align-items:flex-start;gap:var(--space-md);max-width:85%}.chat-message.user{flex-direction:row-reverse;align-self:flex-end;border:none!important}.chat-message-content{flex:1;min-width:0}.chat-message.user .chat-message-content{text-align:right}.chat-message-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary)}.chat-message.user .chat-message-header{justify-content:flex-end;flex-direction:row-reverse}.chat-message-sender{font-weight:600;color:var(--text-secondary)}.chat-message-time{color:var(--text-quaternary)}.chat-message-bubble{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-size:var(--font-size-sm);line-height:1.6;word-break:break-word;var(--bg-primary)-space: pre-wrap;box-shadow:var(--shadow-sm);border:1px solid transparent}.chat-message:not(.user) .chat-message-bubble{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-primary);border-color:var(--border-light);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm)}.chat-message.user .chat-message-bubble{color:#fff8dc;border:2px solid #FFD700;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,gold,#ffc000,gold,#c5a300,gold) border-box}.chat-input-area{padding:var(--space-lg);border-top:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0;margin-top:auto;position:sticky;bottom:0;z-index:10}.layout-container{width:100%;height:100vh;background:var(--bg-app);overflow:hidden}.layout-header{background:var(--bg-primary);border-bottom:1px solid var(--border-medium);padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);height:4rem;z-index:1000;position:relative}.layout-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-medium);width:300px;height:calc(100vh - 4rem);overflow:hidden;display:flex;flex-direction:column}.layout-content{flex:1;height:calc(100vh - 4rem);overflow:hidden;background:var(--bg-secondary)}.layout-main{display:flex;height:calc(100vh - 4rem)}.scrollbar::-webkit-scrollbar{width:6px;height:6px}.scrollbar::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.scrollbar::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-quaternary)}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-processing-overlay{position:fixed;inset:0;z-index:9999;background:#0006;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn var(--transition-base) ease-out}.batch-processing-modal{background:var(--bg-primary);padding:var(--space-2xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);border:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);max-width:400px;width:90%;text-align:center;animation:scaleIn var(--transition-base) ease-out}.batch-processing-spinner{width:3rem;height:3rem;border:3px solid var(--border-light);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.batch-processing-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent);margin:0}.batch-processing-description{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.6;margin:0;max-width:300px}.batch-processing-progress{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.batch-processing-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border-radius:var(--radius-sm);transition:width var(--transition-base) ease-out;position:relative}.batch-processing-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.glass-card{background:var(--bg-glass);backdrop-filter:var(--blur-md);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg)}.glass-card-dark{background:var(--bg-glass-dark);backdrop-filter:var(--blur-md);border:1px solid rgba(255,255,255,.1)}.glow-card{position:relative;overflow:hidden}.glow-card:before{content:"";position:absolute;inset:-2px;background:var(--gradient-accent);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.glow-card:hover:before{opacity:1}.glow-card>*{position:relative;z-index:1}.btn-gradient{background:var(--gradient-primary);border:none;color:var(--text-inverse);position:relative;overflow:hidden;font-weight:600;box-shadow:var(--shadow-sm)}.btn-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn-gradient:hover:before{left:100%}.btn-gradient:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.input-modern{position:relative;background:var(--bg-glass);backdrop-filter:var(--blur-sm);border:2px solid transparent;background-clip:padding-box}.input-modern:before{content:"";position:absolute;inset:0;padding:2px;background:var(--gradient-accent);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.input-modern:focus-within:before{opacity:1}.floating-card{transform:translateY(0);transition:all var(--transition-base)}.floating-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.breathing{animation:breathing 3s ease-in-out infinite}@keyframes breathing{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}.typewriter{overflow:hidden;border-right:2px solid var(--color-accent);var(--bg-primary)-space: nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-accent)}}.particle-bg{position:relative;overflow:hidden}.particle-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(20px) rotate(240deg)}}.tag-modern{background:var(--bg-glass);backdrop-filter:var(--blur-sm);border:1px solid var(--border-accent);color:var(--text-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.tag-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:left var(--transition-base)}.tag-modern:hover:before{left:100%}.progress-modern{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-modern{height:100%;background:var(--gradient-accent);border-radius:inherit;position:relative;transition:width var(--transition-base)}.progress-bar-modern:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s infinite}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-quaternary{color:var(--text-quaternary)}.text-accent{color:var(--text-accent)}.text-success{color:var(--text-success)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-quaternary{background:var(--bg-quaternary)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-cyber{background:var(--gradient-cyber)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-dark{border-color:var(--border-dark)}.border-accent{border-color:var(--border-accent)}.border-glow{border-color:var(--border-glow)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-glow-lg{box-shadow:var(--shadow-glow-lg)}.shadow-inner{box-shadow:var(--shadow-inner)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-bounce{transition:all var(--transition-bounce)}.blur-sm{backdrop-filter:var(--blur-sm)}.blur-md{backdrop-filter:var(--blur-md)}.blur-lg{backdrop-filter:var(--blur-lg)}.blur-xl{backdrop-filter:var(--blur-xl)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.interactive{cursor:pointer;transition:all var(--transition-base)}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive:active{transform:translateY(0);box-shadow:var(--shadow-md)}.grid-modern{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}.flex-modern{display:flex;gap:var(--space-md)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}@media(max-width:1200px){.layout-sidebar{width:280px}}@media(max-width:768px){.layout-header{padding:var(--space-sm) var(--space-md);height:3.5rem}.layout-sidebar{width:260px;height:calc(100vh - 3.5rem)}.layout-content,.layout-main{height:calc(100vh - 3.5rem)}.chat-message{max-width:100%}.btn span,.btn-icon-only span{display:none}}@media(max-width:480px){.layout-header{padding:var(--space-sm)}.chat-messages{padding:var(--space-lg)}.chat-input-area{padding:var(--space-md)}.input-group{flex-direction:column;align-items:stretch;gap:var(--space-md)}}.toast-container{position:fixed;top:80px;right:var(--space-xl);z-index:var(--z-toast);max-width:420px;width:100%;min-height:88px;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);backdrop-filter:var(--blur-lg);border:1px solid var(--border-light);transform:translate(100%);opacity:0;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1) forwards,slideOutRight .3s cubic-bezier(.55,.085,.68,.53) 2.7s forwards;transition:all var(--transition-base)}.toast-container:hover{transform:translate(0) scale(1.02);box-shadow:var(--shadow-2xl);animation-play-state:paused}.toast-content{position:relative;padding:var(--space-xl) var(--space-2xl);height:100%;display:flex;flex-direction:column;justify-content:space-between}.toast-header{display:flex;align-items:flex-start;gap:var(--space-lg)}.toast-icon-wrapper{flex-shrink:0;margin-top:2px}.toast-icon{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.toast-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 50%);border-radius:var(--radius-full)}.toast-icon i{font-size:var(--font-size-lg);color:var(--text-inverse);position:relative;z-index:1;text-shadow:var(--shadow-sm)}.toast-text-content{flex:1;min-width:0}.toast-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.toast-title{font-size:var(--font-size-lg);font-weight:700;margin:0;letter-spacing:-.025em;line-height:1.2;color:var(--text-inverse)}.toast-message{font-size:var(--font-size-sm);line-height:1.5;margin:0;font-weight:500;letter-spacing:-.01em;color:var(--text-inverse)}.toast-close-btn{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:#ffffff1a;backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);margin-left:var(--space-md);margin-top:-2px}.toast-close-btn:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.toast-close-btn:active{transform:scale(.95) rotate(90deg)}.toast-close-btn i{font-size:var(--font-size-sm);color:#ffffffe6}.toast-decoration-bar{height:3px;border-radius:var(--radius-sm);margin-top:var(--space-md);opacity:.8;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%)}.toast-side-decoration{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-xl) 0 0 var(--radius-xl);box-shadow:var(--shadow-glow)}.toast-info{background:var(--gradient-accent);border-left:4px solid var(--color-accent);color:var(--text-inverse)}.toast-info .toast-icon{background:var(--gradient-accent)}.toast-info .toast-side-decoration{background:var(--gradient-accent);color:var(--color-accent)}.toast-info .toast-close-btn:hover{background:#93c5fd4d}.toast-success{background:var(--gradient-success);border-left:4px solid var(--color-success);color:var(--text-inverse)}.toast-success .toast-icon{background:var(--gradient-success)}.toast-success .toast-side-decoration{background:var(--gradient-success);color:var(--color-success)}.toast-success .toast-close-btn:hover{background:#94a3b84d}.toast-error{background:linear-gradient(135deg,#fb923cf2,#f56565f2);border-left:4px solid var(--color-error);color:var(--text-inverse)}.toast-error .toast-icon{background:linear-gradient(135deg,#fbbf24 0%,var(--color-warning) 100%)}.toast-error .toast-side-decoration{background:linear-gradient(to bottom,#fbbf24 0%,var(--color-warning) 50%,var(--color-warning) 100%);color:var(--color-error)}.toast-error .toast-close-btn:hover{background:#fed7aa4d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:640px){.toast-container{right:var(--space-md);left:var(--space-md);max-width:none;width:auto}.toast-content{padding:var(--space-lg) var(--space-xl)}.toast-header{gap:var(--space-md)}.toast-icon{width:40px;height:40px}.toast-icon i,.toast-title{font-size:var(--font-size-base)}.toast-message{font-size:var(--font-size-xs)}}@media(prefers-contrast:high){.toast-container{border:2px solid currentColor;box-shadow:var(--shadow-2xl)}.toast-icon{border:2px solid rgba(255,255,255,.5)}}@media(prefers-reduced-motion:reduce){.toast-container{animation:none;transform:translate(0);opacity:1}.toast-container:hover{transform:translate(0)}.toast-close-btn:hover{transform:none}}@media(prefers-color-scheme:dark){.toast-container{box-shadow:var(--shadow-2xl)}}:root{--primary-gradient: var(--gradient-primary);--success-gradient: linear-gradient(135deg, var(--color-success) 0%, var(--color-success) 100%);--warning-gradient: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning) 100%);--purple-gradient: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-hover) 100%);--accent-primary: var(--gradient-primary);--accent-color: var(--color-primary);--accent-color-rgb: 102, 126, 234;--accent-color-light: var(--color-primary-lighter);--purple-color: var(--color-secondary);--purple-color-light: rgba(139, 92, 246, .1);--card-shadow: var(--shadow-lg);--card-shadow-hover: var(--shadow-xl)}.questions-page{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:var(--transition-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.questions-main-container{max-width:1400px;margin:0 auto;padding:2rem;display:flex;gap:1.5rem;align-items:stretch}.questions-left-section{flex:1;max-width:calc(100% - 400px - 1.5rem);margin-right:1rem}.questions-right-section{width:400px;flex-shrink:0;display:flex;flex-direction:column;height:100%}.questions-sticky-panel{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}.questions-stats-layout{display:flex;flex-direction:column;gap:16px}.questions-main-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);padding:2rem}.questions-main-card:hover{background:var(--bg-card-hover);box-shadow:var(--card-shadow-hover);border-color:var(--accent-color)}.questions-card{transition:all .3s ease;border-radius:16px;overflow:hidden}.questions-progress-section{margin-bottom:2rem}.questions-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.questions-progress-title{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.questions-progress-info{text-align:right}.questions-progress-label{font-size:.875rem;color:var(--text-tertiary)}.questions-progress-numbers{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.questions-progress-bar-container{width:100%;background:var(--bg-card);border-radius:9999px;height:12px;overflow:hidden}.questions-progress-bar{height:100%;background:var(--accent-primary);border-radius:9999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.questions-progress-text{font-size:.875rem;color:var(--text-tertiary);margin-top:.5rem}.questions-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.questions-question-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.questions-question-meta{display:flex;align-items:center;gap:1.5rem;font-size:.875rem}.questions-meta-item{display:flex;align-items:center;gap:.5rem}.questions-meta-dot{width:12px;height:12px;border-radius:50%}.questions-meta-dot-primary{background:var(--accent-color)}.questions-meta-dot-purple{background:var(--color-secondary)}.questions-meta-text{color:var(--text-secondary)}.questions-question-content{background:var(--bg-card-hover);padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid var(--border-primary)}.questions-question-text{font-size:1.25rem;color:var(--text-primary);line-height:1.6;font-weight:500}.questions-familiarity-section{margin-bottom:1.5rem;animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}.questions-familiarity-card{background:var(--bg-card-hover);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;margin:1rem 0;box-shadow:0 6px 20px #00000014}.questions-familiarity-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center}.questions-familiarity-icon{margin-right:.5rem;color:var(--accent-color)}.questions-modern-slider{position:relative;height:16px;background:var(--border-primary);border-radius:8px;cursor:pointer;margin:1rem 0;padding:6px 0;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform;contain:layout style paint}.questions-slider-track{height:100%;border-radius:8px;transition:width .1s cubic-bezier(.25,.46,.45,.94);pointer-events:none;will-change:width}.questions-slider-thumb{position:absolute;top:-8px;width:32px;height:32px;background:var(--bg-primary);border:4px solid var(--accent-color);border-radius:50%;cursor:grab;transition:all .1s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #00000026;z-index:15;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.questions-slider-thumb:hover{transform:scale(1.1) translateZ(0);box-shadow:0 6px 16px #0003;border-width:5px;transition:all .08s cubic-bezier(.25,.46,.45,.94)}.questions-slider-thumb:active,.questions-slider-thumb.dragging{cursor:grabbing;transform:scale(1.15) translateZ(0);box-shadow:0 8px 20px #00000040;border-width:5px;transition:none}.questions-modern-slider.disabled .questions-slider-thumb{opacity:.6;cursor:not-allowed;pointer-events:none}.questions-modern-slider.disabled .questions-slider-thumb:hover{transform:translateZ(0);box-shadow:0 4px 16px #00000026}.questions-modern-slider:before{content:"";position:absolute;inset:-16px -12px;background:transparent;cursor:pointer;border-radius:12px}@media(max-width:768px){.questions-slider-thumb{width:40px;height:40px;top:-12px}.questions-modern-slider{height:16px;padding:6px 0}.questions-modern-slider:before{inset:-16px -12px}}@media(min-resolution:120dpi){.questions-slider-thumb{transition:all .05s cubic-bezier(.25,.46,.45,.94)}.questions-slider-track{transition:width .05s cubic-bezier(.25,.46,.45,.94)}}.questions-slider-thumb:active{transform:scale(1.1)}.questions-slider-thumb.disabled{cursor:not-allowed}.questions-confidence-slider .questions-slider-thumb{border-color:var(--color-secondary)}.questions-confidence-slider .questions-slider-thumb:hover{box-shadow:0 4px 12px #8b5cf64d}.questions-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:1rem}.questions-slider-label{display:flex;align-items:center}.questions-slider-label i{margin-right:.25rem}.questions-slider-value{text-align:center}.questions-slider-value-number{font-size:.875rem;font-weight:700;color:var(--accent-color)}.questions-familiarity-button-container{display:flex;justify-content:center}.questions-options-section{margin-bottom:2rem;animation:slideUp .5s cubic-bezier(.4,0,.2,1)}.questions-options-list{display:flex;flex-direction:column;gap:.5rem}.questions-option-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:20px;border:2px solid var(--border-primary);position:relative;overflow:hidden;background:var(--bg-card);color:var(--text-primary);padding:1.5rem;margin:0;box-shadow:0 8px 25px #00000014}.questions-option-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent);transition:left .5s ease;z-index:1}.questions-option-card:hover:before{left:100%}.questions-option-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--shadow-accent);border-color:var(--accent-color);background:var(--bg-card-hover)}.questions-option-card.selected{border-color:var(--accent-color);background:var(--bg-card-active);transform:translateY(-4px);box-shadow:0 12px 30px var(--shadow-accent)}.questions-option-card.selected:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-primary);z-index:2}.questions-option-card.disabled{opacity:.6;cursor:not-allowed;transform:none!important}.questions-option-content{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:3}.questions-option-letter{width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;flex-shrink:0;box-shadow:0 4px 6px #0000001a}.questions-option-text{flex:1;font-size:1.125rem;color:var(--text-primary);font-weight:500;line-height:1.5}.questions-option-check{width:32px;height:32px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 6px #0000001a;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.questions-option-card.selected .questions-option-check{opacity:1;transform:scale(1)}.questions-option-check i{color:var(--text-inverse);font-size:1rem}.questions-reason-expand{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0}.questions-reason-expand.show{max-height:800px;opacity:1;margin-top:16px}.questions-reason-container{background:var(--bg-card);border:2px solid var(--color-success);border-radius:20px;padding:2.5rem;margin:2rem 0 2rem 4rem;box-shadow:0 12px 40px #10b98126;position:relative}.questions-reason-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-success),var(--color-success));border-radius:16px 16px 0 0}.questions-reason-title{font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:1.125rem}.questions-reason-icon{color:var(--color-success);font-size:1.25rem}.questions-reason-loading{text-align:center;padding:2rem 0}.questions-reason-loading-text{margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.questions-reason-list{display:flex;flex-direction:column;gap:.25rem}.questions-reason-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:16px;border:2px solid var(--border-primary);background:var(--bg-card-hover);color:var(--text-primary);padding:1.5rem;margin:0;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.questions-reason-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s ease;z-index:1}.questions-reason-card:hover:before{left:100%}.questions-reason-card:hover{background:var(--bg-card);border-color:var(--color-success);transform:translateY(-2px);box-shadow:0 4px 12px #10b98126}.questions-reason-card.selected{border-color:var(--color-success);background:var(--bg-card-active);transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.questions-reason-card.selected:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-success);z-index:2}.questions-reason-card-content{display:flex;align-items:flex-start;gap:1rem;position:relative;z-index:3}.questions-reason-checkbox{width:24px;height:24px;border:2px solid var(--border-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.questions-reason-card:hover .questions-reason-checkbox{border-color:var(--color-success)}.questions-reason-checkbox.selected{border-color:var(--color-success);background:var(--color-success)}.questions-reason-checkbox i{color:var(--text-inverse);font-size:.875rem}.questions-reason-text{flex:1;color:var(--text-primary);font-size:.9375rem;line-height:1.5}.questions-reason-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.questions-reason-summary-text{font-size:.875rem;color:var(--color-success);margin-bottom:1rem;font-weight:500;line-height:1.5}.questions-reason-summary-input{width:100%;background:var(--bg-card-hover);border:1px solid var(--border-primary);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:80px;transition:all .3s ease}.questions-reason-summary-input:focus{outline:none;border-color:var(--color-success);background:var(--bg-card);box-shadow:0 0 0 3px #10b9811a}.questions-confidence-section{margin-bottom:2rem;animation:slideUp .5s cubic-bezier(.4,0,.2,1)}.questions-confidence-card{background:var(--bg-card-hover);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;margin:1rem 0;box-shadow:0 6px 20px #00000014}.questions-confidence-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center}.questions-confidence-icon{margin-right:.75rem;color:var(--color-secondary)}.questions-confidence-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.questions-confidence-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:1.5rem}.questions-confidence-value{text-align:center}.questions-confidence-value-number{font-size:1.125rem;font-weight:700;color:var(--color-secondary)}.questions-confidence-value-label{font-size:.75rem;color:var(--color-secondary)}.questions-confidence-button-container{display:flex;justify-content:center}.questions-smart-button{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;font-weight:600;position:relative;overflow:hidden;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.875rem 1.5rem;font-size:.9375rem;background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 4px 6px #0000001a}.questions-smart-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:1}.questions-smart-button:hover:before{left:100%}.questions-smart-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px var(--shadow-accent)}.questions-smart-button:active{transform:translateY(-1px)}.questions-smart-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.questions-smart-button i{margin-right:.5rem;font-size:1rem;z-index:2}.questions-smart-button span{z-index:2}.questions-smart-button.secondary{background:transparent;border:2px solid var(--border-secondary);color:var(--text-primary)}.questions-smart-button.secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.questions-smart-button.success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);box-shadow:0 4px 6px #10b98133}.questions-smart-button.success:hover{box-shadow:0 12px 30px #10b98166}.questions-smart-button.warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);box-shadow:0 4px 6px #f59e0b33}.questions-smart-button.warning:hover{box-shadow:0 12px 30px #f59e0b66}.questions-smart-button.danger{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error) 100%);box-shadow:0 4px 6px #ef444433}.questions-smart-button.danger:hover{box-shadow:0 12px 30px #ef444466}.questions-smart-button.outline{background:transparent;border:2px solid var(--accent-color);color:var(--accent-color)}.questions-smart-button.outline:hover{background:var(--accent-color-light);box-shadow:0 4px 12px #667eea33}.questions-profile-title-card{padding:2rem}.questions-profile-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center}.questions-profile-title-icon{margin-right:.75rem;color:var(--accent-color)}.questions-profile-subtitle{font-size:.875rem;color:var(--text-secondary)}.questions-mastery-card{padding:2rem}.questions-mastery-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center}.questions-mastery-title-icon{margin-right:.5rem;color:var(--color-secondary)}.questions-overall-mastery{margin-bottom:1.5rem}.questions-mastery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.questions-mastery-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.questions-mastery-percentage{font-size:.875rem;font-weight:700;color:var(--color-secondary)}.questions-mastery-bar-container{width:100%;background:var(--bg-card);border-radius:9999px;height:12px}.questions-mastery-bar{height:100%;background:linear-gradient(to right,#A855F7,var(--color-secondary));border-radius:9999px;transition:width .5s ease}.questions-dimensions{display:flex;flex-direction:column;gap:1rem}.questions-dimension{display:flex;flex-direction:column}.questions-dimension-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.questions-dimension-label{font-size:.75rem;color:var(--text-secondary)}.questions-dimension-value{font-size:.75rem;font-weight:600}.questions-dimension-value.familiarity{color:var(--accent-color)}.questions-dimension-value.confidence{color:var(--color-success)}.questions-dimension-bar-container{width:100%;background:var(--bg-card);border-radius:9999px;height:8px}.questions-dimension-bar{height:100%;border-radius:9999px;transition:width .5s ease}.questions-dimension-bar.familiarity{background:var(--accent-primary)}.questions-dimension-bar.confidence{background:linear-gradient(to right,var(--color-success),var(--color-success))}.questions-mastery-tag-container{margin-top:1rem;text-align:center}.questions-mastery-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.questions-mastery-tag.needs-improvement{background:var(--color-error-light);color:var(--color-error)}.questions-mastery-tag.basic{background:var(--color-warning-light);color:var(--color-warning)}.questions-mastery-tag.good{background:var(--color-success-light);color:var(--color-success)}.questions-stats-card{padding:2rem}.questions-stats-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center}.questions-stats-title-icon{margin-right:.5rem;color:#14b8a6}.questions-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.questions-stats-item{text-align:center;padding:.75rem;background:var(--bg-card-hover);border-radius:8px}.questions-stats-number{font-size:1.5rem;font-weight:700}.questions-stats-number.current{color:var(--accent-color)}.questions-stats-number.total{color:var(--color-success)}.questions-stats-label{font-size:.75rem;color:var(--text-secondary)}.questions-stats-progress{margin-top:1rem}.questions-stats-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.questions-stats-progress-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.questions-stats-progress-percentage{font-size:.875rem;font-weight:700;color:#14b8a6}.questions-stats-progress-bar-container{width:100%;background:var(--bg-card);border-radius:9999px;height:12px}.questions-stats-progress-bar{height:100%;background:linear-gradient(to right,#14b8a6,#0d9488);border-radius:9999px;transition:width .5s ease}.questions-loading-dots{display:inline-flex;gap:4px}.questions-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color);animation:loadingDot 1.4s infinite ease-in-out}.questions-loading-dot:nth-child(1){animation-delay:-.32s}.questions-loading-dot:nth-child(2){animation-delay:-.16s}.questions-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.questions-modal-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--card-shadow-hover);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;backdrop-filter:blur(20px)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.questions-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.questions-modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center}.questions-modal-title-icon{margin-right:.75rem;color:var(--accent-color)}.questions-modal-close{color:var(--text-secondary);transition:color .3s ease;cursor:pointer;background:none;border:none;font-size:1.25rem}.questions-modal-close:hover{color:var(--text-primary)}.questions-modal-body{margin-bottom:1.5rem}.questions-result-card{background:var(--bg-card-hover);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.questions-result-content{display:flex;align-items:center;margin-bottom:1rem}.questions-result-icon{font-size:3rem;margin-right:1rem}.questions-result-icon.correct{color:var(--color-success)}.questions-result-icon.incorrect{color:var(--color-error)}.questions-result-info h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.questions-result-info p{font-size:1.125rem;color:var(--text-secondary)}.questions-ai-analysis-section{border-top:1px solid var(--border-primary);padding-top:1.5rem}.questions-ai-analysis-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.questions-ai-analysis-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center}.questions-ai-analysis-title-icon{margin-right:.5rem;color:var(--accent-color)}.questions-ai-analysis-content{background:var(--bg-card-hover);border:1px solid var(--border-primary);border-radius:12px;padding:1rem;margin-top:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6;color:var(--text-primary)}.questions-ai-analysis-content h1,.questions-ai-analysis-content h2,.questions-ai-analysis-content h3,.questions-ai-analysis-content h4,.questions-ai-analysis-content h5,.questions-ai-analysis-content h6{color:var(--text-primary);margin:1rem 0 .5rem;font-weight:600}.questions-ai-analysis-content p{margin:.5rem 0;color:var(--text-secondary)}.questions-ai-analysis-content strong{color:var(--text-primary);font-weight:600}.questions-ai-analysis-content ul,.questions-ai-analysis-content ol{margin:.5rem 0;padding-left:1.5rem}.questions-ai-analysis-content li{margin:.25rem 0;color:var(--text-secondary)}.questions-modal-footer{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.questions-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.questions-scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.questions-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1)}.questions-completion-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative}.questions-completion-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:32px;box-shadow:var(--card-shadow-hover);backdrop-filter:blur(20px);max-width:800px;width:100%;position:relative;overflow:hidden;padding:4rem 3rem;text-align:center}.questions-completion-bg-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.questions-completion-circle{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.questions-completion-circle-1{width:200px;height:200px;background:var(--accent-color);top:-100px;right:-100px;animation-delay:0s}.questions-completion-circle-2{width:150px;height:150px;background:var(--success-color);bottom:-75px;left:-75px;animation-delay:2s}.questions-completion-circle-3{width:100px;height:100px;background:var(--purple-color);top:50%;left:-50px;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.questions-completion-content{position:relative;z-index:10}.questions-completion-icon-container{position:relative;margin-bottom:3rem;display:inline-block}.questions-completion-icon-bg{width:120px;height:120px;background:var(--success-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 20px 40px #10b9814d;animation:pulse 2s ease-in-out infinite}.questions-completion-icon{font-size:3.5rem;color:var(--text-inverse);animation:bounce 1s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.questions-completion-sparkles{position:absolute;inset:0;pointer-events:none}.questions-completion-sparkle{position:absolute;font-size:1.5rem;animation:sparkle 2s ease-in-out infinite}.questions-completion-sparkle-1{top:10px;left:10px;animation-delay:.5s}.questions-completion-sparkle-2{top:20px;right:15px;animation-delay:1s}.questions-completion-sparkle-3{bottom:15px;left:20px;animation-delay:1.5s}.questions-completion-sparkle-4{bottom:10px;right:10px;animation-delay:2s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.questions-completion-text{margin-bottom:3rem}.questions-completion-title{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideInUp .8s ease-out}.questions-completion-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;animation:slideInUp .8s ease-out .2s both}.questions-completion-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;animation:slideInUp .8s ease-out .4s both}.questions-completion-stat{text-align:center}.questions-completion-stat-number{font-size:2.5rem;font-weight:800;color:var(--accent-color);margin-bottom:.5rem;display:block}.questions-completion-stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.questions-completion-divider{width:2px;height:60px;background:var(--border-primary);border-radius:1px}.questions-completion-actions{display:flex;gap:1.5rem;justify-content:center;animation:slideInUp .8s ease-out .6s both}.questions-completion-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:160px;justify-content:center}.questions-completion-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:1}.questions-completion-button:hover:before{left:100%}.questions-completion-button i,.questions-completion-button span{position:relative;z-index:2}.questions-completion-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.questions-completion-button:active{transform:translateY(-1px)}.questions-completion-button-primary{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 8px 20px #667eea4d}.questions-completion-button-primary:hover{box-shadow:0 12px 30px #667eea66}.questions-completion-button-secondary{background:var(--bg-card-hover);color:var(--text-primary);border:2px solid var(--border-secondary);box-shadow:0 4px 12px #0000001a}.questions-completion-button-secondary:hover{background:var(--bg-card-active);border-color:var(--accent-color);box-shadow:0 8px 20px #00000026}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.questions-main-container{flex-direction:column;padding:1rem;gap:1rem}.questions-left-section{max-width:100%}.questions-right-section{width:100%}.questions-sticky-panel{position:static}.questions-main-card{border-radius:16px}.questions-modal-content{margin:.5rem;max-height:95vh}.questions-progress-title{font-size:1.5rem}.questions-question-title{font-size:1.25rem}.questions-reason-container{margin-left:1rem}.questions-completion-container{padding:1rem}.questions-completion-card{padding:3rem 2rem;border-radius:24px}.questions-completion-title{font-size:2.5rem}.questions-completion-subtitle{font-size:1.125rem}.questions-completion-stats{flex-direction:column;gap:1rem}.questions-completion-divider{width:60px;height:2px}.questions-completion-actions{flex-direction:column;gap:1rem}.questions-completion-button{width:100%}.questions-completion-icon-bg{width:100px;height:100px}.questions-completion-icon{font-size:3rem}.questions-completion-stat-number{font-size:2rem}}@media(max-width:480px){.questions-completion-title{font-size:2rem}.questions-completion-subtitle{font-size:1rem}.questions-completion-card{padding:2rem 1.5rem}.questions-completion-icon-bg{width:80px;height:80px}.questions-completion-icon{font-size:2.5rem}}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px;opacity:.5}.questions-option-card,.questions-reason-card,.questions-slider-thumb{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.questions-option-card:focus,.questions-reason-card:focus,.questions-smart-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media(prefers-contrast:high){.questions-option-card{border-width:3px}.questions-option-card.selected{border-width:4px}.questions-reason-card{border-width:3px}}@media(prefers-reduced-motion:reduce){.questions-option-card,.questions-reason-card,.questions-smart-button,.questions-slider-thumb,.questions-progress-bar{transition:none}.questions-fade-in,.questions-scale-in,.questions-slide-up,.questions-modal-slide-in{animation:none}}.analysis-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.analysis-modal-container{background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.analysis-modal-header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,var(--accent-color-10) 0%,transparent 100%)}.analysis-modal-header-content{display:flex;align-items:center;justify-content:space-between}.analysis-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center}.analysis-modal-title-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.analysis-modal-title-icon i{color:var(--text-inverse);font-size:.875rem}.analysis-modal-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.analysis-modal-close-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.analysis-modal-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.analysis-result-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:var(--bg-card-hover);padding:1.25rem;border-radius:12px;margin-bottom:1.5rem}.analysis-result-card.correct{border:2px solid rgba(16,185,129,.2)}.analysis-result-card.incorrect{border:2px solid rgba(239,68,68,.2)}.analysis-result-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.analysis-result-icon.correct{background:linear-gradient(135deg,var(--color-success),var(--color-success))}.analysis-result-icon.incorrect{background:linear-gradient(135deg,var(--color-error),var(--color-error))}.analysis-result-icon i{color:var(--text-inverse);font-size:1.25rem}.analysis-result-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.analysis-result-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.analysis-score-display{text-align:center;padding:.75rem;background:var(--bg-secondary);border-radius:8px;min-width:80px}.analysis-score-number{font-size:1.5rem;font-weight:700;color:var(--accent-color);line-height:1}.analysis-score-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.analysis-reasons-section{background:var(--bg-secondary);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.analysis-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.analysis-reasons-list{display:flex;flex-direction:column;gap:.5rem}.analysis-reason-item{font-size:.875rem;color:var(--text-primary);padding:.5rem .75rem;background:var(--bg-primary);border-radius:6px;border-left:3px solid var(--accent-color)}.analysis-correct-answer{background:linear-gradient(135deg,#10b9810d,#10b98105);border:1px solid rgba(16,185,129,.2);padding:1.25rem;border-radius:12px;margin-bottom:1.5rem}.analysis-correct-answer h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center}.analysis-correct-answer h4 i{margin-right:.5rem;color:var(--color-success);font-size:1.125rem}.analysis-correct-content{display:grid;gap:1rem}.analysis-correct-option{font-size:.875rem;color:var(--text-primary);padding:.75rem;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.2)}.analysis-correct-reasons{display:flex;flex-direction:column;gap:.5rem}.analysis-correct-reason{font-size:.875rem;color:var(--text-primary);padding:.5rem .75rem;background:#10b9810d;border-radius:6px;border-left:3px solid var(--color-success)}.analysis-ai-section{background:var(--bg-card-hover);border-radius:12px;overflow:hidden;border:1px solid var(--border-primary)}.analysis-ai-header{padding:1rem 1.25rem;background:linear-gradient(135deg,var(--accent-color-10) 0%,transparent 100%);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.analysis-ai-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center}.analysis-ai-title i{margin-right:.5rem;color:var(--accent-color);font-size:1.125rem}.analysis-ai-button{border:none!important;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-inverse)!important}.analysis-ai-button.active{background:linear-gradient(135deg,var(--color-info),#4f46e5)!important;color:var(--text-inverse)!important;box-shadow:0 2px 8px #00000026}.analysis-ai-button.disabled{background:var(--text-secondary)!important;color:var(--text-inverse)!important;cursor:not-allowed;box-shadow:none}.analysis-ai-content{padding:1.25rem}.analysis-sequence-section{margin-bottom:1.5rem}.analysis-ai-result-content{min-height:150px;max-height:300px;overflow-y:auto;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-secondary)}.analysis-ai-loading{display:flex;align-items:center;color:var(--text-secondary)}.analysis-ai-loading .loading-dots{margin-right:.5rem}.analysis-ai-placeholder{color:var(--text-secondary);font-style:italic}.analysis-modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-primary);background:var(--bg-secondary);display:flex;justify-content:center}.analysis-continue-button{background:linear-gradient(135deg,var(--color-info),#4f46e5)!important;color:var(--text-inverse)!important;border:none!important;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.5rem}.analysis-continue-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}.analysis-continue-button:active{transform:translateY(0);box-shadow:0 4px 12px #00000026}@media(max-width:768px){.analysis-modal-overlay{padding:.5rem}.analysis-modal-container{max-height:95vh}.analysis-modal-header{padding:1rem 1.5rem .75rem}.analysis-modal-content,.analysis-modal-footer{padding:1rem 1.5rem}.analysis-result-card{grid-template-columns:1fr;gap:.75rem;text-align:center}.analysis-score-display{justify-self:center}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.analysis-modal-container{animation:modalFadeIn .2s ease-out}.loading-dot{width:4px;height:4px;border-radius:50%;background:currentColor;animation:loadingDot 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loadingDot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.analysis-three-sections{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media(min-width:768px){.analysis-three-sections{grid-template-columns:repeat(3,1fr)}}.analysis-section-card{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-secondary);overflow:hidden;transition:all .2s ease}.analysis-section-card:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.analysis-section-header{padding:.75rem 1rem;background:var(--bg-card-hover);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;gap:.5rem}.analysis-section-header h5{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.analysis-section-header i{font-size:1rem}.analysis-section-content{padding:1rem;min-height:120px;max-height:300px;overflow-y:auto;font-size:.875rem;line-height:1.6;color:var(--text-primary)}.analysis-placeholder{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem 1rem}.questions-calibration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-primary)}.questions-calibration-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.questions-calibration-badge{padding:.375rem 1rem;border-radius:20px;color:var(--text-inverse);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 6px #0000001a}.questions-calibration-meter{margin-bottom:1.5rem;padding:1rem;background:var(--bg-card-hover);border-radius:12px;border:1px solid var(--border-primary)}.questions-meter-container{position:relative;margin-bottom:1rem}.questions-meter-track{height:12px;background:var(--border-primary);border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.questions-meter-fill{height:100%;border-radius:6px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.questions-meter-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.questions-meter-indicator{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;border:3px solid var(--bg-primary);transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #0003;z-index:10}.questions-meter-labels{display:flex;justify-content:space-between;margin-top:.75rem}.questions-meter-label{font-size:.875rem;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:.25rem}.questions-meter-label.center{position:absolute;left:50%;transform:translate(-50%)}.questions-meter-label span{font-size:.75rem;color:var(--text-tertiary)}.questions-calibration-value{text-align:center;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 4px 6px #0000000d}.questions-calibration-number{display:block;font-size:2rem;font-weight:800;margin-bottom:.25rem;background:linear-gradient(135deg,var(--accent-color),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.questions-calibration-description{font-size:.875rem;color:var(--text-secondary);font-weight:500}.questions-prediction-status{border-top:1px solid var(--border-primary);padding-top:1.5rem}.questions-prediction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.questions-prediction-label{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.questions-prediction-badge{font-size:.875rem;font-weight:600;padding:.375rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.25rem}.questions-prediction-details{display:flex;flex-direction:column;gap:.75rem}.questions-prediction-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-primary);transition:all .3s ease}.questions-prediction-item:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.questions-prediction-key{font-size:.875rem;color:var(--text-secondary);font-weight:500}.questions-prediction-value{font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.25rem}.questions-prediction-value.correct{color:var(--color-success)}.questions-prediction-value.incorrect{color:var(--color-error)}.questions-scatter-plot{margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 4px 6px #0000000d}.questions-scatter-plot-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.questions-scatter-plot-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.questions-scatter-plot-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.questions-scatter-plot-container{position:relative;margin-bottom:1rem}.questions-scatter-plot svg{border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);width:100%;height:auto}.questions-scatter-plot .chart-point{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,50%);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003;cursor:pointer;z-index:10}.questions-scatter-plot .chart-point:hover{transform:translate(-50%,50%) scale(1.3);box-shadow:0 4px 8px #0000004d;z-index:20}.questions-scatter-plot .chart-point.latest{width:16px;height:16px;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent-color),0 4px 8px #0000004d}.questions-scatter-plot .chart-point.latest:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:var(--accent-color);opacity:.3;transform:translate(-50%,-50%);animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.5}70%{transform:translate(-50%,-50%) scale(1);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.questions-scatter-plot-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.questions-scatter-plot-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.questions-scatter-plot-legend-color{width:12px;height:12px;border-radius:50%}.questions-current-position{margin-top:1.5rem;padding:1rem;background:var(--bg-card-hover);border-radius:10px;border:1px solid var(--border-primary)}.questions-current-position-header{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.questions-current-position-content{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.questions-current-position-highlight{font-weight:700;color:var(--accent-color)}.questions-user-type-card{margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 4px 6px #0000000d;position:relative;overflow:hidden}.questions-user-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-primary);opacity:.8}.questions-user-type-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;border-radius:10px;background:var(--bg-card-hover);border:1px solid var(--border-primary)}.questions-user-type-info{display:flex;align-items:center;gap:1rem}.questions-user-type-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-color-light);color:var(--accent-color)}.questions-user-type-text{display:flex;flex-direction:column;gap:.25rem}.questions-user-type-title{font-size:1.25rem;font-weight:800;margin:0;color:var(--text-primary)}.questions-user-type-description{font-size:.875rem;color:var(--text-secondary);margin:0}.questions-user-type-trend{display:flex;align-items:center;font-size:.875rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;border-radius:20px;background:var(--bg-card-hover)}.questions-core-metrics{margin-bottom:1.5rem}.questions-metrics-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.questions-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.questions-metric-card{padding:1rem;background:var(--bg-card-hover);border-radius:10px;border:1px solid var(--border-primary);transition:all .3s ease}.questions-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.questions-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.questions-metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.questions-metric-value{font-size:1.25rem;font-weight:800}.questions-metric-bar{height:8px;background:var(--border-primary);border-radius:4px;overflow:hidden}.questions-metric-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.questions-metric-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.questions-behavior-traits{margin-bottom:1.5rem}.questions-behavior-traits-header{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.questions-traits-list{display:flex;flex-direction:column;gap:.75rem}.questions-trait-item{display:flex;align-items:center;font-size:.875rem;color:var(--text-secondary);padding:.75rem;background:var(--bg-card-hover);border-radius:8px;border:1px solid var(--border-primary);transition:all .3s ease}.questions-trait-item:hover{background:var(--bg-card);transform:translate(4px)}.questions-trait-dot{width:8px;height:8px;border-radius:50%;margin-right:.75rem;flex-shrink:0}.questions-warning-section{padding:1rem;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000000d}.questions-warning-header{display:flex;align-items:center;margin-bottom:.75rem;gap:.5rem}.questions-warning-icon{color:var(--color-error);font-size:1.25rem}.questions-warning-title{font-size:1rem;font-weight:700;color:var(--color-error);margin:0}.questions-warning-content{font-size:.875rem;color:var(--color-error-light);line-height:1.5}.questions-recommendations{padding:1rem;border-radius:10px;background:var(--bg-card-hover);border:1px solid var(--border-primary)}.questions-recommendations-header{display:flex;align-items:center;margin-bottom:.75rem;gap:.5rem}.questions-recommendations-icon{font-size:1.25rem;color:var(--accent-color)}.questions-recommendations-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.questions-recommendations-content{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.questions-alerts-card{padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:0 4px 6px #0000000d;margin-bottom:1.5rem}.questions-alerts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.questions-alerts-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.questions-alerts-count{background:var(--color-error);color:var(--text-inverse);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;box-shadow:0 2px 4px #0003}.questions-alerts-list{display:flex;flex-direction:column;gap:1rem}.questions-alert-item{padding:1rem;border-radius:10px;position:relative;border:1px solid var(--border-primary);background:var(--bg-card-hover);transition:all .3s ease}.questions-alert-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.questions-alert-content{display:flex;align-items:flex-start;gap:1rem}.questions-alert-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-color-light);color:var(--accent-color)}.questions-alert-text{flex:1}.questions-alert-title{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.questions-alert-message{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.questions-alert-action{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.25rem;color:var(--accent-color)}.questions-alert-action i{font-size:.75rem}.questions-alert-priority{position:absolute;top:1rem;right:1rem;width:10px;height:10px;border-radius:50%}.questions-alerts-footer{margin-top:1.5rem;padding:1rem;background:var(--bg-card-hover);border-radius:8px;font-size:.875rem;color:var(--text-secondary);text-align:center;border:1px solid var(--border-primary)}.questions-empty-state{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.questions-empty-icon{font-size:2rem;color:var(--color-success);margin-bottom:.5rem;display:block}.questions-empty-title{font-size:.875rem;margin:0}.questions-empty-subtitle{font-size:.75rem;margin:.5rem 0 0}@media(max-width:768px){.questions-metrics-grid{grid-template-columns:1fr}.questions-meter-labels{flex-direction:column;gap:.25rem;text-align:center}.questions-user-type-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.questions-loading-pulse{animation:pulse 2s infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.questions-slide-in{animation:slideIn .3s ease-out}[data-theme=dark] .questions-meter-track{background:#ffffff1a}[data-theme=dark] .questions-meter-indicator{border-color:var(--text-inverse)}[data-theme=dark] .questions-scatter-plot svg{background:var(--bg-secondary)}.adaptive-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary)}.adaptive-main-container{max-width:1400px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.adaptive-left-section{display:flex;flex-direction:column;gap:1.5rem}.adaptive-progress-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-card)}.adaptive-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.adaptive-progress-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.adaptive-progress-info{text-align:right}.adaptive-progress-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.adaptive-progress-numbers{font-size:1.125rem;font-weight:600;color:var(--accent-color)}.adaptive-session-info{display:flex;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.session-stat{display:flex;flex-direction:column;gap:.25rem}.session-stat .stat-label{font-size:.875rem;color:var(--text-secondary)}.session-stat .stat-value{font-size:1.125rem;font-weight:600;color:var(--accent-color)}.adaptive-main-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-card);transition:all .3s ease}.adaptive-main-card:hover{box-shadow:var(--shadow-card-hover)}.adaptive-question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.adaptive-question-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.adaptive-question-meta{display:flex;gap:1rem;align-items:center}.adaptive-meta-item{display:flex;align-items:center;gap:.5rem}.adaptive-meta-dot{width:8px;height:8px;border-radius:50%}.adaptive-meta-dot-primary{background:var(--accent-color)}.adaptive-meta-dot-purple{background:var(--purple-color)}.adaptive-meta-text{font-size:.875rem;color:var(--text-secondary)}.adaptive-question-content{margin-bottom:2rem}.adaptive-question-text{font-size:1.125rem;line-height:1.6;color:var(--text-primary);margin:0}.adaptive-options-section{margin-bottom:2rem}.adaptive-options-list{display:flex;flex-direction:column;gap:1rem}.adaptive-option-card{background:var(--bg-card-hover);border:2px solid var(--border-primary);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;position:relative}.adaptive-option-card:hover{border-color:var(--accent-color);background:var(--bg-card-active);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.adaptive-option-card.selected{border-color:var(--accent-color);background:var(--bg-card-active);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.adaptive-option-content{display:flex;align-items:center;gap:1rem}.adaptive-option-letter{width:32px;height:32px;border-radius:50%;background:var(--accent-color);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.adaptive-option-text{flex:1;font-size:1rem;line-height:1.5;color:var(--text-primary)}.adaptive-option-check{width:24px;height:24px;border-radius:50%;background:var(--success-color);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.adaptive-confidence-section{margin-top:2rem}.adaptive-confidence-card{background:var(--bg-card-hover);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem}.adaptive-confidence-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.adaptive-confidence-icon{color:var(--accent-color)}.adaptive-confidence-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem}.adaptive-confidence-slider{position:relative;height:8px;background:var(--border-primary);border-radius:4px;cursor:pointer;margin:1rem 0}.adaptive-slider-track{height:100%;border-radius:4px;transition:width .3s ease}.adaptive-slider-thumb{position:absolute;top:-8px;width:24px;height:24px;background:var(--bg-primary);border:3px solid var(--accent-color);border-radius:50%;cursor:grab;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.adaptive-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.adaptive-slider-thumb:active{cursor:grabbing;transform:scale(1.2)}.adaptive-confidence-labels{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.adaptive-slider-label{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.adaptive-confidence-value{text-align:center}.adaptive-confidence-value-number{font-size:1.5rem;font-weight:700;color:var(--accent-color);line-height:1}.adaptive-confidence-value-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.adaptive-confidence-button-container{margin-top:1.5rem;text-align:center}.adaptive-right-section{position:relative}.adaptive-sticky-panel{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.adaptive-profile-title-card{padding:1.5rem;text-align:center}.adaptive-profile-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.adaptive-profile-title-icon{color:var(--accent-color)}.adaptive-profile-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.adaptive-ability-card{padding:1.5rem}.adaptive-ability-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.adaptive-ability-title-icon{color:var(--purple-color)}.adaptive-ability-display{display:flex;flex-direction:column;gap:1rem}.ability-item{padding:1rem;background:var(--bg-card-hover);border-radius:8px;border:1px solid var(--border-primary)}.ability-item.composite{background:linear-gradient(135deg,var(--accent-color-light),var(--purple-color-light));border-color:var(--accent-color)}.ability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ability-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.ability-value{font-size:1.25rem;font-weight:700}.ability-value.raw-ability{color:var(--accent-color)}.ability-value.tendency-score{color:var(--purple-color)}.ability-value.composite-score{color:var(--success-color)}.ability-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.adaptive-ranking-card{padding:1.5rem}.adaptive-ranking-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.adaptive-ranking-title-icon{color:var(--warning-color)}.adaptive-ranking-display{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.ranking-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.ranking-circle{width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--accent-color) 0deg,var(--accent-color) calc(var(--percentage, 50) * 3.6deg),var(--border-primary) calc(var(--percentage, 50) * 3.6deg));display:flex;align-items:center;justify-content:center;position:relative}.ranking-circle.composite{background:conic-gradient(var(--purple-color) 0deg,var(--purple-color) calc(var(--percentage, 50) * 3.6deg),var(--border-primary) calc(var(--percentage, 50) * 3.6deg))}.ranking-circle:before{content:"";width:44px;height:44px;border-radius:50%;background:var(--bg-card);position:absolute}.ranking-percentage{font-size:.875rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1}.ranking-description{font-size:.75rem;color:var(--text-secondary);text-align:center;line-height:1.3}.ranking-detail-button,.stats-detail-button{width:100%;padding:.75rem;background:var(--bg-card-hover);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .3s ease}.ranking-detail-button:hover,.stats-detail-button:hover{background:var(--accent-color);color:var(--text-inverse);border-color:var(--accent-color)}.adaptive-stats-card{padding:1.5rem}.adaptive-stats-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.adaptive-stats-title-icon{color:var(--info-color)}.adaptive-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.adaptive-stats-item{text-align:center;padding:1rem;background:var(--bg-card-hover);border-radius:8px;border:1px solid var(--border-primary)}.adaptive-stats-number{font-size:1.5rem;font-weight:700;color:var(--accent-color);line-height:1;margin-bottom:.25rem}.adaptive-stats-label{font-size:.75rem;color:var(--text-secondary)}.feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.feedback-modal-content{background:var(--bg-card);border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-modal)}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--border-primary);margin-bottom:1.5rem}.feedback-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.feedback-close-button{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.feedback-close-button:hover{background:var(--bg-card-hover);color:var(--text-primary)}.feedback-content{padding:0 1.5rem}.feedback-section{margin-bottom:1.5rem}.feedback-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.feedback-section p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.feedback-section ul{margin:0;padding-left:1.25rem}.feedback-section li{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.25rem}.feedback-footer{padding:1.5rem;border-top:1px solid var(--border-primary);text-align:center}.feedback-footer .smart-button{min-width:200px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden}.feedback-footer .smart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.feedback-footer .smart-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.feedback-footer .smart-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.feedback-footer .smart-button:hover:before{left:100%}.adaptive-fade-in{animation:fadeIn .5s ease-in-out}.adaptive-loading-dots{display:flex;gap:.5rem;justify-content:center}.adaptive-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color);animation:loadingDot 1.4s ease-in-out infinite both}.adaptive-loading-dot:nth-child(1){animation-delay:-.32s}.adaptive-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-dots{display:inline-flex;gap:.25rem}.loading-dot{width:4px;height:4px;border-radius:50%;background:currentColor;animation:loadingDot 1.4s ease-in-out infinite both}.adaptive-final-stats{margin:2rem 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-item{text-align:center;padding:1.5rem;background:var(--bg-card-hover);border-radius:12px;border:1px solid var(--border-primary)}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-color);line-height:1;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}@media(max-width:1024px){.adaptive-main-container{grid-template-columns:1fr;gap:1.5rem}.adaptive-right-section{order:-1}.adaptive-sticky-panel{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}@media(max-width:768px){.adaptive-main-container{padding:0 .5rem}.adaptive-question-header{flex-direction:column;gap:1rem;align-items:flex-start}.adaptive-question-meta{flex-wrap:wrap}.stats-grid,.adaptive-stats-grid,.adaptive-sticky-panel{grid-template-columns:1fr}}@media(max-width:480px){.adaptive-main-container{padding:0 .25rem}.adaptive-main-card{padding:1rem!important}.adaptive-progress-section,.adaptive-ability-card,.adaptive-ranking-card,.adaptive-stats-card{padding:1rem}.adaptive-option-content{gap:.75rem}.adaptive-option-letter{width:28px;height:28px;font-size:.75rem}.adaptive-confidence-card{padding:1rem}}.ai-tools-page{height:100vh;display:flex;flex-direction:column;background:var(--bg-gradient);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-card);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:1000}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px}.toolbar-center{flex:1;text-align:center}.page-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toolbar-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.toolbar-btn:hover{background:var(--bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.toolbar-btn.recording{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:var(--text-inverse);border-color:#ff6b6b;animation:pulse 2s infinite}.toolbar-btn.active{background:var(--gradient-primary);color:var(--text-inverse);border-color:var(--color-primary)}@keyframes pulse{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.current-tool-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-primary-lighter);border:1px solid var(--color-primary-light);border-radius:var(--border-radius-sm);font-size:14px;color:var(--color-primary);font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.tool-selector{flex:1;padding:32px;overflow-y:auto;background:#ffffff0d}.tool-selector-header{text-align:center;margin-bottom:40px}.tool-selector-header h2{font-size:32px;font-weight:700;color:var(--text-inverse);margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tool-selector-header p{font-size:16px;color:#fffc;margin:0}.tool-categories{max-width:1200px;margin:0 auto}.tool-category{margin-bottom:48px}.category-title{font-size:24px;font-weight:600;color:var(--text-inverse);margin:0 0 24px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.tool-card{display:flex;align-items:center;padding:20px;background:#fffffff2;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0003;background:#fff}.tool-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:16px;flex-shrink:0}.tool-info{flex:1}.tool-name{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 4px}.tool-description{font-size:14px;color:#718096;margin:0;line-height:1.4}.tool-arrow{color:#cbd5e0;font-size:16px;transition:all .2s ease}.tool-card:hover .tool-arrow{color:var(--color-primary);transform:translate(4px)}.workspace-container{flex:1;margin:16px;background:#fffffff2;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px);overflow:hidden}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);background:#fffc}.workspace-tool-info{display:flex;align-items:center;gap:16px}.workspace-tool-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#fffc;border-radius:16px;box-shadow:0 4px 12px #0000001a}.workspace-tool-details h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#2d3748}.workspace-tool-details p{margin:0 0 8px;font-size:16px;color:#718096}.workspace-tool-status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-success);font-weight:500}.workspace-tool-status i{color:var(--color-success)}.reopen-tool-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--gradient-primary);color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.reopen-tool-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.workspace-content{flex:1;padding:24px;overflow-y:auto}.workspace-features{margin-bottom:32px}.workspace-features h4{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:20px;font-weight:600;color:#2d3748}.workspace-features h4 i{color:var(--color-primary)}.workspace-features p{margin:0 0 24px;font-size:16px;color:#718096;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fffc;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:20px;flex-shrink:0}.feature-icon.screenshot-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--text-inverse)}.feature-icon.recording-icon{background:linear-gradient(135deg,var(--color-error),var(--color-error));color:var(--text-inverse)}.feature-icon.document-icon{background:linear-gradient(135deg,var(--color-success),var(--color-success));color:var(--text-inverse)}.feature-info h5{margin:0 0 8px;font-size:16px;font-weight:600;color:#2d3748}.feature-info p{margin:0;font-size:14px;color:#718096;line-height:1.5}.workspace-tips{margin-bottom:32px}.workspace-tips h4{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:20px;font-weight:600;color:#2d3748}.workspace-tips h4 i{color:var(--color-warning)}.workspace-tips ul{margin:0;padding-left:20px;list-style-type:none}.workspace-tips li{position:relative;margin-bottom:12px;font-size:15px;color:#4a5568;line-height:1.6;padding-left:24px}.workspace-tips li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:18px}.workspace-actions{display:flex;gap:16px;flex-wrap:wrap}.workspace-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.workspace-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.workspace-action-btn.document-mode-btn{background:linear-gradient(135deg,var(--color-success),var(--color-success));color:var(--text-inverse)}.workspace-action-btn.reopen-btn{background:var(--gradient-primary);color:var(--text-inverse)}.workspace-action-btn.switch-tool-btn{background:linear-gradient(135deg,var(--color-warning),var(--color-warning));color:var(--text-inverse)}.document-container{flex:1;margin:16px;background:#fffffff2;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px)}.document-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:#fffc;border-radius:12px 12px 0 0}.document-header h3{display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;color:#2d3748}.document-header h3 i{color:var(--color-primary)}.save-document-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#48bb78,#38a169);color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #48bb784d}.save-document-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #48bb7866}.document-area{flex:1;padding:24px}.document-textarea{width:100%;height:100%;border:none;outline:none;resize:none;font-size:16px;line-height:1.6;color:#2d3748;background:transparent;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.document-textarea::-moz-placeholder{color:#a0aec0}.document-textarea::placeholder{color:#a0aec0}.document-stats{display:flex;gap:24px;padding:16px 24px;background:#f7fafccc;border-top:1px solid var(--border-color);font-size:14px;color:#718096;border-radius:0 0 12px 12px}@media(max-width:768px){.toolbar{flex-direction:column;gap:12px;padding:16px}.toolbar-left,.toolbar-right{justify-content:center}.page-title{font-size:18px}.tool-selector{padding:20px 16px}.tool-selector-header h2{font-size:24px}.tool-grid{grid-template-columns:1fr;gap:16px}.tool-card{padding:16px}.iframe-container,.document-container{margin:8px}.toolbar-btn span{display:none}}@media(max-width:480px){.toolbar-btn{padding:8px}.current-tool-info span{display:none}.document-stats{flex-direction:column;gap:8px}}.tool-selector::-webkit-scrollbar{width:8px}.tool-selector::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.tool-selector::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.tool-selector::-webkit-scrollbar-thumb:hover{background:#ffffff80}.tool-card{animation:fadeIn .5s ease-out}.tool-card:nth-child(1){animation-delay:.1s}.tool-card:nth-child(2){animation-delay:.2s}.tool-card:nth-child(3){animation-delay:.3s}.tool-card:nth-child(4){animation-delay:.4s}.tool-card:nth-child(5){animation-delay:.5s}.tool-card:nth-child(6){animation-delay:.6s}.create-package-optimized{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh;background:var(--gradient-primary);position:relative}.create-package-optimized:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.create-package-optimized>*{position:relative;z-index:1}.control-section{background:#fffffff2!important;backdrop-filter:blur(20px);border-radius:16px!important;box-shadow:0 8px 32px #1f268733,inset 0 1px #fff9!important;border:1px solid rgba(255,255,255,.3);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.control-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268740,inset 0 1px #fff9}.control-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.control-header h2{margin:0;font-size:24px;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.control-inputs{max-width:100%}.control-inputs .ant-input,.control-inputs .ant-input-textarea{background:#f8f9fbcc!important;border:2px solid transparent!important;border-radius:12px!important;font-size:15px;transition:all .3s ease}.control-inputs .ant-input:hover,.control-inputs .ant-input-textarea:hover{background:var(--bg-primary)!important;border-color:#667eea4d!important}.control-inputs .ant-input:focus,.control-inputs .ant-input-textarea:focus{background:var(--bg-primary)!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #667eea1a!important}.control-inputs .ant-btn-primary{background:var(--gradient-primary)!important;border:none!important;height:48px;font-size:16px;font-weight:500;border-radius:12px;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.control-inputs .ant-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #667eea66;filter:brightness(1.05)}.control-inputs .ant-btn-primary:active{transform:translateY(0)}.progress-card{background:#fffffff2!important;backdrop-filter:blur(20px);border-radius:16px!important;box-shadow:0 8px 32px #1f268726!important;border:1px solid rgba(255,255,255,.3);padding:24px}.progress-section{padding:8px 0}.phase-indicators{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 20px;margin-bottom:24px}.phase-indicator{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.phase-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:2;background:var(--bg-primary);box-shadow:0 2px 8px #0000001a}.phase-indicator.active .phase-icon{box-shadow:0 4px 16px #667eea4d}.phase-indicator.current .phase-icon{transform:scale(1.15);box-shadow:0 0 0 4px #667eea1a,0 4px 20px #667eea66}.phase-indicator.current .phase-icon:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--gradient-primary);z-index:-1;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.phase-label{margin-top:12px;font-size:13px;color:#8b92a9;font-weight:500;transition:all .3s ease}.phase-indicator.active .phase-label{color:#2d3748;font-weight:600}.phase-connector{position:absolute;top:24px;left:50%;width:100%;height:3px;background:var(--border-color);z-index:1;transition:all .5s ease}.phase-connector.active{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 1px 4px #667eea4d}.chat-section{background:#fffffffa!important;backdrop-filter:blur(20px);border-radius:16px!important;box-shadow:0 8px 32px #1f268726!important;border:1px solid rgba(255,255,255,.3);overflow:hidden}.chat-container{display:flex;flex-direction:column;height:600px;background:linear-gradient(180deg,#f8f9fb 0%,var(--bg-primary) 100%)}.messages-area{flex:1;overflow-y:auto;padding:32px;background:transparent}.message{margin-bottom:24px;animation:slideIn .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.message-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#667eea1a}.message-type{font-size:13px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.message-time{font-size:12px;color:#a0aec0;margin-left:auto;font-family:SF Mono,Monaco,monospace}.message-content{background:var(--bg-primary);padding:16px 20px;border-radius:12px;border-left:4px solid transparent;var(--bg-primary)-space: pre-wrap;line-height:1.7;color:#2d3748;box-shadow:0 2px 8px #0000000a;font-size:15px;position:relative;overflow:hidden}.message-user .message-content{border-left-color:var(--color-primary);background:linear-gradient(135deg,#f0f4ff,#e8efff);margin-left:48px}.message-assistant .message-content{border-left-color:#48bb78;background:linear-gradient(135deg,#f0fdf4,#e6ffed)}.message-thinking .message-content{border-left-color:#9f7aea;background:linear-gradient(135deg,#faf5ff 0%,var(--color-secondary-lighter) 100%);font-style:italic;color:#553c9a}.message-thinking .message-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(159,122,234,.1),transparent);animation:shimmer 2s infinite}.message-system .message-content{border-left-color:#ed8936;background:linear-gradient(135deg,#fffdf7,#fff5e6);text-align:center;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#718096}.empty-state svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.empty-state p{margin-top:20px;font-size:16px;font-weight:500;color:#4a5568}.input-area{padding:20px 32px;background:linear-gradient(180deg,var(--bg-primary) 0%,#f8f9fb 100%);border-top:1px solid rgba(226,232,240,.8)}.input-area .ant-input{background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;border-radius:12px!important;padding:12px 48px 12px 16px!important;font-size:15px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.input-area .ant-input:hover{border-color:#cbd5e0!important;box-shadow:0 2px 6px #00000014}.input-area .ant-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #667eea1a,0 2px 6px #00000014!important}.input-area .ant-btn-text{border-radius:8px;transition:all .3s ease}.input-area .ant-btn-text:hover:not(:disabled){background:#667eea1a;color:var(--color-primary)}.selected-items{display:flex;flex-wrap:wrap;gap:10px}.selected-items .ant-tag{padding:6px 12px;font-size:13px;border-radius:8px;border:none;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#553c9a;font-weight:500;transition:all .3s ease}.selected-items .ant-tag:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.ant-progress-line{margin-top:20px!important}.ant-progress-bg{height:8px!important;border-radius:8px!important;background:linear-gradient(90deg,#667eea,#764ba2)!important;box-shadow:0 2px 8px #667eea4d;position:relative;overflow:visible}.ant-progress-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.3),transparent);border-radius:8px;animation:progress-shine 2s linear infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ant-alert{border-radius:12px!important;border:none!important;box-shadow:0 2px 8px #0000000f}.ant-alert-info{background:linear-gradient(135deg,#e6f7ff,#d6f0ff)!important}.ant-badge-status-processing{position:relative}.ant-badge-status-processing:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;border:2px solid #667eea;transform:translate(-50%,-50%);animation:processing-ring 1.5s ease-in-out infinite}@keyframes processing-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@media(max-width:768px){.create-package-optimized{padding:16px}.phase-indicators{padding:0 10px}.phase-icon{width:40px;height:40px;font-size:16px}.phase-label{font-size:11px}.chat-container{height:500px}.messages-area{padding:20px}.message-content{padding:12px 16px;font-size:14px}}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:8px}.messages-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e0,#a0aec0);border-radius:8px;border:2px solid var(--bg-tertiary)}.messages-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0aec0,#718096)}.ant-spin-nested-loading{min-height:200px}@media(prefers-color-scheme:dark){.create-package-optimized{background:linear-gradient(135deg,#1a202c,#2d3748)}.control-section,.progress-card,.chat-section{background:#2d3748f2!important;border:1px solid rgba(74,85,104,.3)}.message-content{background:#2d3748cc;color:var(--border-color)}}.phase-indicator:focus-visible,.message:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #667eea;outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.selected-items-card{background:#fffffffa!important;backdrop-filter:blur(20px);border-radius:16px!important;box-shadow:0 8px 32px #1f268726!important;border:1px solid rgba(255,255,255,.3)}.selected-items-card .ant-card-head{border-bottom:1px solid rgba(0,0,0,.06)}.items-summary{padding:20px 0;border-bottom:1px solid #f0f0f0;margin-bottom:20px}.item-stat{display:flex;align-items:center;gap:12px}.stat-label{font-size:12px;color:#8b92a9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.items-preview-list{margin-top:20px}.items-preview-list .ant-list-item{padding:16px;background:linear-gradient(135deg,#f8f9fb 0%,var(--bg-primary) 100%);border-radius:12px;margin-bottom:12px;border:1px solid rgba(0,0,0,.04);transition:all .3s ease}.items-preview-list .ant-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.ant-drawer-header{background:var(--gradient-primary);padding:20px 24px}.ant-drawer-title{color:var(--text-inverse)!important}.ant-drawer-title .anticon{color:var(--text-inverse)}.ant-drawer-title .ant-badge-count{background:var(--bg-primary)!important;color:var(--color-primary)!important;box-shadow:0 2px 8px #00000026}.ant-drawer-extra .ant-btn{background:var(--bg-primary)!important;color:var(--color-primary)!important;border:none}.ant-drawer-close{color:var(--text-inverse)!important}.ant-drawer-body .ant-list-item{padding:16px;border-bottom:1px solid #f0f0f0;transition:background .3s ease}.ant-drawer-body .ant-list-item:hover{background:#fafbfc}.ant-drawer-body .ant-list-item-meta-title{font-size:16px;font-weight:500;margin-bottom:8px}.ant-drawer-body .ant-list-item-meta-description{color:#4a5568;line-height:1.6}.ant-drawer-body .ant-tag{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500}.create-package-page{min-height:100vh;background:var(--bg-gradient);padding:2rem 0;position:relative;overflow-x:hidden}.create-package-page:before{content:"";position:absolute;top:-200px;right:-200px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);border-radius:50%}.create-package-page:after{content:"";position:absolute;bottom:-150px;left:-150px;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%}.create-package-container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1;background:transparent}.page-header{text-align:center;margin-bottom:3rem;padding:3rem 0;background:var(--bg-primary);border-radius:30px;box-shadow:0 20px 40px #00000014;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),#ec4899)}.page-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-flex;align-items:center}.page-subtitle{font-size:1.2rem;color:var(--text-secondary);opacity:.9;font-weight:400}.content-wrapper{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}.task-sidebar{position:sticky;top:2rem}.task-config-card{background:var(--bg-primary);border-radius:24px;padding:32px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(0,0,0,.05);position:relative;transition:all .3s ease}.task-config-card:hover{box-shadow:0 20px 60px #0000001f;transform:translateY(-2px)}.config-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;display:flex;align-items:center;gap:12px}.config-title-icon{width:40px;height:40px;background:linear-gradient(135deg,#fbbf24,var(--color-warning));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:20px;box-shadow:0 4px 12px #f59e0b4d}.config-content{display:flex;flex-direction:column;gap:20px}.config-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.config-textarea.ant-input{width:100%;padding:14px;border:2px solid var(--border-color);border-radius:12px;font-size:14px;transition:all .3s ease;resize:vertical;min-height:120px;background:var(--bg-secondary)}.config-textarea.ant-input:hover{border-color:var(--text-muted)}.config-textarea.ant-input:focus{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 4px #3b82f61a}.generate-button.ant-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;border:none!important;border-radius:14px!important;height:auto!important;padding:14px 24px!important;color:var(--text-inverse)!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 6px 20px #3b82f64d!important}.generate-button.ant-btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 30px #3b82f666!important;background:linear-gradient(135deg,var(--color-primary-hover),var(--color-secondary-hover))!important}.generated-topics-card{background:var(--bg-primary);border-radius:24px;padding:24px;box-shadow:0 10px 40px #00000014;margin-top:24px;border:1px solid rgba(0,0,0,.05)}.topics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--bg-tertiary)}.topics-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center}.topics-count{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--text-inverse);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.topics-list{display:flex;flex-direction:column;gap:12px}.topic-item{display:flex;gap:16px;padding:16px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.topic-item:hover{background:var(--bg-primary);border-color:var(--color-primary);transform:translate(4px);box-shadow:0 4px 12px #3b82f626}.topic-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-success),var(--color-success));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);flex-shrink:0}.topic-content{flex:1}.topic-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.topic-description{font-size:13px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.topic-tags{display:flex;flex-wrap:wrap;gap:6px}.topic-tag{padding:2px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:11px;color:var(--color-primary);font-weight:500}.main-content{display:flex;flex-direction:column;gap:2rem}.search-input-wrapper{background:var(--bg-primary);border-radius:24px;box-shadow:0 10px 40px #00000014;padding:32px;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.search-input-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),#ec4899)}.search-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center}.search-input-group{display:flex;gap:12px;align-items:stretch}.search-input{flex:1;display:flex;align-items:center}.search-input .ant-input-affix-wrapper{width:100%;height:50px;border:2px solid var(--border-color);border-radius:14px;font-size:15px;transition:all .3s ease;background:var(--bg-secondary);padding:0 16px}.search-input .ant-input-affix-wrapper:hover{border-color:var(--text-muted)}.search-input .ant-input-affix-wrapper-focused,.search-input .ant-input-affix-wrapper:focus-within{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.search-input .ant-input{font-size:15px;background:transparent;color:var(--text-primary)}.search-input .ant-input::-moz-placeholder{color:var(--text-tertiary)}.search-input .ant-input::placeholder{color:var(--text-tertiary)}.search-input .ant-input-clear-icon{color:var(--text-tertiary);font-size:14px}.search-input .ant-input-clear-icon:hover{color:var(--text-secondary)}.search-input .ant-input-prefix{color:var(--text-tertiary);margin-right:8px}.search-button.ant-btn-lg{height:50px!important;padding:0 30px!important;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;border:none!important;border-radius:14px!important;font-weight:600!important;font-size:15px!important;box-shadow:0 6px 20px #3b82f64d!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.search-button.ant-btn-lg:hover{transform:translateY(-2px)!important;box-shadow:0 10px 30px #3b82f666!important;background:linear-gradient(135deg,var(--color-primary-hover),var(--color-secondary-hover))!important}.search-results-section{background:var(--bg-primary);border-radius:24px;padding:32px;box-shadow:0 10px 40px #00000014;border:1px solid rgba(0,0,0,.05)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--bg-tertiary)}.results-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.results-count{background:linear-gradient(135deg,var(--color-success),var(--color-success));color:var(--text-inverse);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.searching-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.searching-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.searching-state p{color:var(--text-secondary);font-size:14px}.empty-results,.empty-state{padding:40px 0}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding:0}.search-result-card{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,linear-gradient(135deg,var(--color-primary),var(--color-secondary)) border-box}.search-result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform:scaleX(0);transition:transform .3s ease}.search-result-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000001f}.search-result-card:hover:before{transform:scaleX(1)}.search-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.search-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;color:var(--text-secondary)}.search-card-meta-item{display:flex;align-items:center;gap:4px}.search-card-meta-separator{width:4px;height:4px;background:var(--text-muted);border-radius:50%}.search-card-content{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-card-options{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:10px;padding:12px;margin-bottom:15px;border:1px solid var(--border-color)}.search-card-option{font-size:13px;color:var(--text-secondary);padding:4px 0;display:flex;align-items:flex-start;gap:8px}.search-card-option-id{font-weight:600;color:var(--color-primary);min-width:20px}.search-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.search-card-tag{padding:4px 12px;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-radius:10px;color:var(--color-primary);font-size:12px;font-weight:600;border:1px solid rgba(59,130,246,.2);transition:all .2s ease}.search-card-tag:hover{background:linear-gradient(135deg,#3b82f626,#8b5cf626);transform:translateY(-1px)}.search-card-tag.difficulty-easy{background:linear-gradient(135deg,#10b98114,#05966914);border-color:#10b9814d;color:var(--color-success)}.search-card-tag.difficulty-medium{background:linear-gradient(135deg,#f59e0b14,#d9770614);border-color:#f59e0b4d;color:var(--color-warning)}.search-card-tag.difficulty-hard{background:linear-gradient(135deg,#ef444414,#dc262614);border-color:#ef44444d;color:var(--color-error)}.search-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--bg-tertiary)}.search-card-score{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.search-card-score-value{font-weight:700;color:var(--color-primary);font-size:14px}.search-card-source{padding:3px 10px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--text-inverse);border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-card-source.vector{background:linear-gradient(135deg,var(--color-secondary),#ec4899)}.search-card-source.tfidf{background:linear-gradient(135deg,#06b6d4,var(--color-primary))}.ant-card{border-radius:16px!important;box-shadow:0 4px 20px #0000000f!important;border:2px solid var(--bg-tertiary)!important;transition:all .3s ease!important}.ant-card:hover{box-shadow:0 10px 30px #0000001a!important;border-color:var(--color-primary)!important;transform:translateY(-2px)}.create-package-page .ant-input-affix-wrapper{border-radius:14px;transition:all .3s ease}.create-package-page .ant-input-affix-wrapper:not(.search-input .ant-input-affix-wrapper){border:2px solid var(--border-color);padding:12px 16px}.create-package-page .ant-input-affix-wrapper:not(.search-input .ant-input-affix-wrapper):hover{border-color:var(--text-muted)}.create-package-page .ant-input-affix-wrapper-focused:not(.search-input .ant-input-affix-wrapper-focused){border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.ant-btn{border-radius:12px!important;font-weight:600!important;transition:all .3s ease!important}.ant-empty{color:var(--text-tertiary)}@media(max-width:1024px){.content-wrapper{grid-template-columns:350px 1fr}}@media(max-width:768px){.content-wrapper{grid-template-columns:1fr;gap:1.5rem}.task-sidebar{position:static}.search-results-grid{grid-template-columns:1fr}.page-title{font-size:2rem}.search-input-group{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-result-card{animation:fadeInUp .4s ease forwards;animation-fill-mode:both}.search-result-card:nth-child(1){animation-delay:.05s}.search-result-card:nth-child(2){animation-delay:.1s}.search-result-card:nth-child(3){animation-delay:.15s}.search-result-card:nth-child(4){animation-delay:.2s}.search-result-card:nth-child(5){animation-delay:.25s}.search-result-card:nth-child(6){animation-delay:.3s}[data-theme=dark] .create-package-page{background:var(--bg-gradient)!important}[data-theme=dark] .page-header,[data-theme=dark] .task-config-card,[data-theme=dark] .generated-topics-card,[data-theme=dark] .search-input-wrapper,[data-theme=dark] .search-results-section{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .search-result-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .chat-container{background:var(--bg-card)!important}[data-theme=dark] .search-input .ant-input-affix-wrapper{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .search-input .ant-input{background:transparent!important;color:var(--text-primary)!important}[data-theme=dark] .config-textarea{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .search-button,[data-theme=dark] .generate-button{background:var(--gradient-primary)!important;border-color:var(--color-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .search-card-title,[data-theme=dark] .config-title,[data-theme=dark] .search-title,[data-theme=dark] .results-title{color:var(--text-primary)!important}[data-theme=dark] .search-card-content,[data-theme=dark] .search-card-meta,[data-theme=dark] .config-description{color:var(--text-secondary)!important}[data-theme=dark] .ant-input,[data-theme=dark] .ant-input-affix-wrapper{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-input::-moz-placeholder{color:var(--text-tertiary)!important}[data-theme=dark] .ant-input::placeholder{color:var(--text-tertiary)!important}[data-theme=dark] .ant-btn-primary{background:var(--gradient-primary)!important;border-color:var(--color-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .ant-modal-content{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .ant-modal-header{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .ant-modal-title{color:var(--text-primary)!important}.start-card{max-width:800px;margin:0 auto;border-radius:16px;box-shadow:0 8px 32px #0000001a}.start-form{margin-top:2rem}.form-item{margin-bottom:1.5rem}.form-item label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 200px);max-width:1200px;margin:0 auto;background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.chat-header{padding:1rem 1.5rem;background:var(--gradient-primary);color:var(--text-inverse);border-bottom:1px solid var(--border-color)}.session-info{display:flex;justify-content:space-between;align-items:center}.session-status{display:flex;align-items:center;gap:1rem}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-secondary)}.message-wrapper{margin-bottom:1rem;display:flex;animation:fadeIn .3s ease-in}.message-wrapper.user{justify-content:flex-end}.message-wrapper.assistant{justify-content:flex-start}.message-card{max-width:70%;min-width:200px;background:var(--bg-primary);border-radius:12px;padding:.75rem 1rem;box-shadow:0 2px 8px #00000014}.message-wrapper.user .message-card{background:var(--gradient-primary);color:var(--text-inverse)}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.message-icon{display:flex;align-items:center;font-size:1rem}.message-title{font-weight:500}.message-time{margin-left:auto;font-size:.75rem;opacity:.7}.message-body{line-height:1.6}.message-content{word-wrap:break-word}.message-content p{margin-bottom:.5rem}.message-content p:last-child{margin-bottom:0}.message-content code{background:#0000000d;padding:.125rem .25rem;border-radius:3px;font-size:.875rem}.message-wrapper.user .message-content code{background:#fff3}.decision-content{background:var(--bg-secondary);padding:.75rem;border-radius:8px;margin-top:.5rem}.message-wrapper.user .decision-content{background:#ffffff1a}.decision-section{margin-bottom:.5rem}.decision-section:last-child{margin-bottom:0}.decision-section strong{display:inline-block;min-width:80px;margin-right:.5rem;color:var(--text-secondary)}.message-wrapper.user .decision-section strong{color:#ffffffe6}.query-buttons{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.query-button-item{margin-bottom:.5rem}.evidence-content{margin-top:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:4px;font-size:.875rem;color:var(--text-secondary)}.status-messages{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.status-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;color:var(--text-secondary)}.status-item:last-child{margin-bottom:0}.chat-input-container{padding:1rem 1.5rem;background:var(--bg-primary);border-top:1px solid var(--border-color)}.messages-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:768px){.chat-container{height:calc(100vh - 150px)}.message-card{max-width:85%}.session-info{flex-direction:column;align-items:flex-start;gap:.5rem}.session-status{width:100%}}@keyframes aiThinking{0%,to{opacity:.4}50%{opacity:1}}.ai-thinking{animation:aiThinking 1.5s ease-in-out infinite}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-enter{animation:messageSlideIn .3s ease-out}@keyframes progressPulse{0%{box-shadow:0 0 #1890ff66}70%{box-shadow:0 0 0 10px #1890ff00}to{box-shadow:0 0 #1890ff00}}.progress-active{animation:progressPulse 2s infinite}.phase-indicator{position:relative;padding-left:20px}.phase-indicator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#1890ff;animation:phasePulse 1.5s ease-in-out infinite}@keyframes phasePulse{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.2);opacity:.7}}.coverage-chart-container{position:relative;padding:20px;background:var(--bg-secondary);border-radius:8px}.action-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;background:var(--gradient-primary);color:var(--text-inverse);font-size:12px;animation:badgeFadeIn .3s ease-out}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.export-button{background:linear-gradient(135deg,#42e695,#3bb2b8);transition:all .3s ease}.export-button:hover{background:linear-gradient(135deg,#3bb2b8,#42e695);transform:translateY(-1px);box-shadow:0 4px 12px #3bb2b866}.wizard-step{position:relative}.wizard-step.active:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:3px;background:#1890ff;border-radius:2px;animation:stepSlide .3s ease-out}@keyframes stepSlide{0%{width:0}to{width:40px}}.tab-panel-content{animation:tabFadeIn .3s ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#1890ff;animation:loadingDot 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,60%,to{transform:scale(1);opacity:1}30%{transform:scale(1.5);opacity:.7}}.success-check{display:inline-block;animation:successScale .6s ease-out}@keyframes successScale{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.glass-effect{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px}.requirements-card-container{background:var(--bg-primary);border-radius:10px;padding:20px;border:1px solid #e5e7eb;animation:slideIn .3s ease-out;width:100%;overflow:visible}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.requirements-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.header-icon{width:20px;height:20px;color:var(--color-info)}.header-title{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.2}.questions-list{display:flex;flex-direction:column;gap:12px;overflow-y:visible;padding-right:0}.question-card{display:flex;gap:12px;background:var(--bg-secondary);border-radius:8px;padding:14px;border:1px solid #e5e7eb;transition:all .2s ease}.question-card:hover{background:var(--bg-primary);border-color:var(--border-color)}.question-number{width:24px;height:24px;background:var(--color-info);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:12px;flex-shrink:0;min-width:24px;min-height:24px}.question-content{flex:1;display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;overflow:visible}.question-title{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.5;margin-bottom:6px;word-wrap:break-word}.options-container,.options-group{width:100%;display:flex;flex-direction:column}.options-space{width:100%;display:flex!important;flex-direction:column!important;gap:6px!important;overflow:visible}.option-item{display:flex!important;align-items:flex-start;padding:8px 10px;background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:6px;margin-bottom:0!important;transition:all .2s ease;width:100%;cursor:pointer}.option-item:hover{border-color:var(--border-color);background:var(--bg-secondary)}.option-item.ant-radio-wrapper-checked{background:#eef2ff;border-color:var(--color-info)}.option-text{color:var(--text-primary);font-size:12px;margin-left:6px;line-height:1.4;word-wrap:break-word}.custom-option-container{display:flex;flex-direction:column;gap:6px;margin-top:4px;width:100%}.custom-option{margin-bottom:0!important;width:100%}.custom-input{margin-left:22px;width:calc(100% - 22px);background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px;font-size:12px;transition:all .2s;line-height:1.4}.custom-input:hover{border-color:var(--border-color)}.custom-input:focus{border-color:var(--color-info);outline:none;box-shadow:0 0 0 2px #4f46e51a}.open-input{background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:6px;padding:8px 10px;font-size:12px;transition:all .2s ease;line-height:1.4;width:100%;min-height:48px;height:48px;resize:none}.open-input:hover{border-color:#cbd5e0;background:var(--bg-primary)}.open-input:focus{border-color:var(--color-info);background:var(--bg-primary);box-shadow:0 0 0 2px #4f46e51a;outline:none}.answer-indicator{display:flex;align-items:center;gap:4px;color:var(--color-success);font-size:12px;margin-top:8px}.check-icon{width:14px;height:14px;color:var(--color-success)}.answer-text{font-weight:400}.requirements-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.progress-info{color:var(--text-secondary);font-size:13px;font-weight:400}.complete-tag{display:flex;align-items:center;gap:4px;padding:4px 12px;font-weight:500}.submit-button{display:flex;align-items:center;gap:4px}@media(max-width:768px){.question-card{flex-direction:column}.question-number{align-self:flex-start}}.item-detail-modal .modal-header{display:flex;align-items:center;justify-content:space-between}.item-detail-modal .copy-id-btn{margin-left:16px}.item-detail-modal .loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.item-detail-modal .detail-container{max-height:600px;overflow-y:auto}.item-detail-modal .detail-section{margin-bottom:20px}.item-detail-modal .detail-section h5{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-primary)}.item-detail-modal .question-text{font-size:15px;line-height:1.6;color:#333;background-color:#f5f7fa;padding:12px 16px;border-radius:8px}.item-detail-modal .scene-text,.item-detail-modal .task-description{font-size:14px;line-height:1.6;color:#555;background-color:#fafbfc;padding:12px 16px;border-radius:8px}.item-detail-modal .options-list{display:flex;flex-direction:column;gap:12px}.item-detail-modal .option-item{display:flex;align-items:center;padding:10px 16px;background-color:var(--bg-primary);border:1px solid #e8e8e8;border-radius:8px;transition:all .2s}.item-detail-modal .option-item:hover{background-color:#f9f9f9;border-color:#d9d9d9}.item-detail-modal .option-label{font-weight:600;color:#666;margin-right:12px;min-width:24px}.item-detail-modal .option-text{flex:1;color:#333}.item-detail-modal .correct-icon{color:#52c41a;margin-left:12px}.item-detail-modal .incorrect-icon{color:var(--color-error);margin-left:12px}.item-detail-modal .hints-list{padding-left:20px;color:#555}.item-detail-modal .hints-list li{margin-bottom:8px;line-height:1.5}.item-detail-modal .metadata-section{padding:16px;background-color:#fafbfc;border-radius:8px;margin-bottom:16px}.item-detail-modal .tags-section{margin-top:12px;display:flex;align-items:flex-start;gap:8px}.item-detail-modal .tags-section .ant-typography{min-width:70px;margin-top:4px}.item-detail-modal .footer-info{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0;text-align:right}.item-detail-modal .footer-info .ant-typography{display:flex;align-items:center;justify-content:flex-end;gap:4px}.item-detail-modal .no-data{display:flex;justify-content:center;align-items:center;min-height:200px}.create-package-ai{width:100%;height:100vh;background:#f8f9fa;overflow:hidden}.main-container{display:flex!important;flex-direction:row!important;height:100%;gap:0;max-width:1920px;margin:0 auto;flex-wrap:nowrap!important}.chat-area{flex:0 0 70%!important;width:70%!important;background:var(--bg-primary);border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.questions-area{flex:0 0 30%!important;width:30%!important;min-width:350px;background:var(--bg-primary);display:flex;flex-direction:column}.chat-container{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-primary);border-bottom:1px solid #e5e7eb}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.header-icon{width:24px;height:24px;color:var(--color-info)}.thinking-status{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#eef2ff;border-radius:20px;font-size:13px;color:var(--color-info)}.messages-container{flex:1;overflow-y:auto;padding:24px 48px;background:#fafbfc}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message{display:flex;gap:16px;margin-bottom:24px;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.avatar-ai,.avatar-user{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-ai{background:var(--gradient-primary);color:var(--text-inverse)}.avatar-user{background:var(--bg-tertiary);color:var(--text-secondary)}.message-content{max-width:70%;background:var(--bg-primary);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.message-user .message-content{background:var(--color-info);color:var(--text-inverse)}.message-text{font-size:14px;line-height:1.6;color:var(--text-primary)}.message-user .message-text{color:var(--text-inverse)}.think-message{display:flex;flex-direction:column;gap:12px}.think-observe,.think-content{font-size:14px;line-height:1.6}.think-observe strong,.think-content strong{color:var(--text-secondary);margin-right:8px}.thinking-details{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.thinking-stage{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.explore-intent-card{background:var(--bg-primary);border-radius:10px;padding:20px;border:1px solid #e5e7eb;width:100%}.intent-section{margin-bottom:20px;padding:16px;border-radius:8px;transition:all .2s ease}.understanding-section{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.clarification-section{background:#3b82f614;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .understanding-section{background:#fbbf241a;border:1px solid rgba(251,191,36,.25)}[data-theme=dark] .clarification-section{background:#60a5fa1a;border:1px solid rgba(96,165,250,.25)}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.section-icon{width:18px;height:18px}.understanding-section .section-icon{color:var(--color-warning)}.clarification-section .section-icon{color:var(--color-primary-hover)}.section-label{font-size:14px;font-weight:600}.understanding-section .section-label{color:#92400e}.clarification-section .section-label{color:#1e40af}[data-theme=dark] .understanding-section .section-label{color:#fbbf24}[data-theme=dark] .clarification-section .section-label{color:#60a5fa}.section-content{font-size:13px;line-height:1.6;color:var(--text-primary);font-weight:500}.understanding-section .section-content{color:#8b5a00}.clarification-section .section-content{color:#1e40af}[data-theme=dark] .understanding-section .section-content{color:#fbbf24}[data-theme=dark] .clarification-section .section-content{color:#60a5fa}.intent-questions{margin-top:20px}.questions-header{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:12px}.questions-grid{display:flex;flex-direction:column;gap:10px}.question-bubble{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-secondary);border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;cursor:pointer}.question-bubble:hover{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 2px 4px #0000000d}.question-number{width:24px;height:24px;background:var(--color-info);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;min-width:24px;min-height:24px}.question-text{flex:1;font-size:13px;color:var(--text-primary);line-height:1.5}.message-ai:has(.explore-intent-card) .message-content{max-width:85%;padding:0;background:transparent;box-shadow:none;width:100%}.message-content .requirements-card-container{width:100%;margin:0;max-height:none;overflow:visible}.message-ai:has(.requirements-card-container) .message-content{max-width:85%;padding:0;background:transparent;box-shadow:none;width:100%;overflow:visible;max-height:none}.chat-input-container{padding:20px 48px;background:var(--bg-primary);border-top:1px solid #e5e7eb;display:flex;gap:12px;align-items:flex-end}.chat-input{flex:1;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;resize:none;font-size:14px;line-height:1.5;transition:all .2s ease;background:var(--bg-primary)}.chat-input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #4f46e51a}.chat-input.has-requirements{background:#f0f4ff;border-color:var(--color-info)}.send-btn{height:40px;padding:0 20px;background:var(--color-info);color:var(--text-inverse);border:none;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--color-info-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.send-btn:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.questions-panel{height:100%;display:flex;flex-direction:column}.search-section,.selected-section{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.result-count,.selected-count{margin-left:8px}.searching-indicator{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--color-warning-light);border-radius:12px;font-size:12px;color:var(--color-warning-hover)}.filters{display:flex;gap:8px;margin-bottom:16px}.filter-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:var(--border-color)}.filter-select:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 2px #4f46e51a}.search-results{flex:1;overflow-y:auto;padding-right:4px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.result-card{padding:12px;margin-bottom:8px;background:var(--bg-secondary);border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.result-card:hover{background:var(--bg-primary);border-color:var(--border-color);box-shadow:0 2px 4px #0000000d;transform:translate(4px)}.result-card.selected{background:#eef2ff;border-color:var(--color-info)}.result-header{display:flex;gap:6px;margin-bottom:8px}.result-title{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.result-content{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.relevance{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.selected-icon{color:var(--color-success)}.section-divider{margin:0;border:none;height:1px;background:var(--border-color)}.selected-list{flex:1;overflow-y:auto;padding-right:4px}.selected-list::-webkit-scrollbar{width:6px}.selected-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.selected-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.selected-card{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:6px;background:var(--bg-secondary);border-radius:6px;transition:all .2s ease}.selected-card:hover{background:var(--bg-tertiary)}.selected-info{display:flex;align-items:center;gap:12px;flex:1}.selected-index{width:24px;height:24px;background:var(--color-info);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.selected-details{flex:1;display:flex;flex-direction:column;gap:4px}.selected-title{font-size:13px;color:var(--text-primary);line-height:1.4}.selected-tags{display:flex;gap:4px}.remove-btn{padding:4px 8px;background:transparent;border:1px solid #e5e7eb;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-btn:hover{border-color:var(--color-error);color:var(--color-error);background:#fef2f2}.export-btn{padding:6px 12px;background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.export-btn:hover{background:var(--bg-secondary);border-color:var(--border-color)}.selected-stats{display:flex;gap:16px;padding:12px;background:var(--bg-secondary);border-radius:6px;margin-top:12px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.ant-tag{font-size:11px;padding:2px 8px;border-radius:4px;border:none}.ant-badge-count{background:var(--color-info);font-size:11px;height:18px;min-width:18px;line-height:18px}.ant-progress-line{margin-bottom:0}.ant-progress-bg{background:var(--color-info)!important}.ant-empty-description{color:var(--text-secondary);font-size:13px}.requirements-card-container .ant-radio-wrapper{font-size:12px;margin-right:0!important;margin-bottom:0!important;display:flex!important;align-items:center;width:100%}.requirements-card-container .ant-radio{top:0;margin-right:6px}.requirements-card-container .ant-radio-inner{width:14px;height:14px;border-color:var(--border-color)}.requirements-card-container .ant-radio-checked .ant-radio-inner{border-color:var(--color-info)}.requirements-card-container .ant-radio-checked .ant-radio-inner:after{background-color:var(--color-info);width:8px;height:8px}.requirements-card-container .ant-space,.requirements-card-container .ant-space-item{width:100%}@media(max-width:1440px){.chat-area{flex:0 0 70%!important;width:70%!important}.questions-area{flex:0 0 30%!important;width:30%!important;min-width:300px}}@media(max-width:1024px){.chat-area{flex:0 0 70%!important;width:70%!important}.questions-area{flex:0 0 30%!important;width:30%!important;min-width:280px}.messages-container{padding:24px 32px}.chat-input-container{padding:20px 32px}}@media(max-width:480px){.main-container{flex-direction:column!important}.chat-area,.questions-area{width:100%!important;height:50%!important;flex:1 1 50%!important}.message-content{max-width:85%}}[data-theme=dark] .create-package-ai{background:var(--bg-gradient)!important}[data-theme=dark] .main-container{background:transparent!important}[data-theme=dark] .chat-area,[data-theme=dark] .questions-area,[data-theme=dark] .chat-container{background:var(--bg-card)!important}[data-theme=dark] .messages-container{background:var(--bg-secondary)!important}[data-theme=dark] .chat-header{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .message-content{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .message-user .message-content{background:var(--gradient-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .result-card{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .result-card.selected{background:var(--color-primary-light)!important;border-color:var(--color-primary)!important}[data-theme=dark] .selected-card{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .chat-input{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .questions-panel{background:var(--bg-card)!important}.question-search-container{max-width:1400px;margin:0 auto;padding:24px;background:#f5f7fa;min-height:100vh}.search-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.search-title{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:24px;text-align:center}.search-controls{display:flex;flex-direction:column;gap:20px}.search-mode{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.mode-label{font-weight:500;color:var(--text-secondary)}.search-input-group{display:flex;gap:12px;max-width:800px;margin:0 auto;width:100%}.search-input-group .ant-input-affix-wrapper{flex:1;border-radius:8px}.search-input-group .ant-btn{min-width:120px;border-radius:8px;font-weight:500}.result-count{text-align:center;font-size:16px;color:#666;margin-top:12px}.results-card{border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:400px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.results-list{padding:0}.result-item{padding:20px!important;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.result-item:hover{background:#fafbfc;box-shadow:0 2px 4px #0000000a}.result-item:last-child{border-bottom:none}.result-number{width:36px;height:36px;background:var(--gradient-primary);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.result-title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.result-title .anticon{color:var(--color-secondary-hover)}.result-description{margin-top:8px}.snippet{color:var(--text-secondary);line-height:1.6;margin-bottom:12px;font-size:14px}.question-meta{margin-bottom:12px}.knowledge-tags{margin-top:8px;padding-top:8px;border-top:1px dashed #e0e0e0}.knowledge-tags>span{font-weight:500;color:#666;margin-right:8px;font-size:13px}.search-explain{margin-top:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:12px}.tfidf-info,.vector-info{color:#666;line-height:1.4}.tfidf-info+.vector-info{margin-top:4px}@media(max-width:768px){.question-search-container{padding:16px}.search-input-group{flex-direction:column}.search-input-group .ant-btn{width:100%}.search-mode{flex-direction:column;align-items:stretch}.result-item{padding:16px!important}.question-meta .ant-space{flex-wrap:wrap}}.ant-tag{border-radius:4px;padding:2px 8px;font-size:12px}.ant-empty{padding:60px 0}.ant-empty-description{font-size:16px;color:#999}.ant-list-item-action{margin-top:12px!important}.ant-list-item-action>li{padding:0 8px!important}.ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.result-item:hover .result-number{transform:scale(1.1);transition:transform .3s ease}.ant-spin-text{margin-top:12px;font-size:16px;color:#666}.markdown-viewer-container{height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.markdown-viewer-header{display:flex;align-items:center;justify-content:space-between;width:100%}.markdown-title-wrapper{display:flex;align-items:center;gap:12px}.title-icon{font-size:20px;color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-title{font-size:18px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.close-btn:hover,.fullscreen-btn:hover{background:#7877c61a!important;border-color:#7877c680!important;transform:scale(1.05);box-shadow:0 4px 12px #7877c633}.markdown-wrapper{flex:1;padding:16px;overflow:auto}.markdown-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(255,255,255,.3)}.markdown-shortcuts{padding:16px 24px;background:#fffc;backdrop-filter:blur(10px);border-top:1px solid rgba(120,119,198,.1);display:flex;gap:16px;align-items:center;flex-wrap:wrap}.shortcut-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#4a5568;font-weight:500}.shortcut-title{font-weight:600;color:#667eea}kbd{background:linear-gradient(135deg,#7877c61a,#7877c60d);border:1px solid rgba(120,119,198,.2);border-radius:6px;padding:3px 8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:11px;color:#667eea;font-weight:500}@media(max-width:768px){.markdown-wrapper{padding:8px}.markdown-shortcuts{padding:8px 12px}.shortcut-item{font-size:11px}}.markdown-wrapper .ant-card-body::-webkit-scrollbar{width:8px}.markdown-wrapper .ant-card-body::-webkit-scrollbar-track{background:#f1f1f1}.markdown-wrapper .ant-card-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.markdown-wrapper .ant-card-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] .markdown-viewer-container{background:#141414}[data-theme=dark] .markdown-card,[data-theme=dark] .markdown-shortcuts{background:#1f1f1f;border-color:#434343}[data-theme=dark] .markdown-shortcuts{color:#a6a6a6}[data-theme=dark] kbd{background:#262626;border-color:#434343;color:#a6a6a6}[data-theme=dark] .markdown-card h1,[data-theme=dark] .markdown-card h2,[data-theme=dark] .markdown-card h3,[data-theme=dark] .markdown-card h4{color:#fff}[data-theme=dark] .markdown-card p,[data-theme=dark] .markdown-card ul,[data-theme=dark] .markdown-card ol{color:#d9d9d9}[data-theme=dark] .markdown-card blockquote{background-color:#262626;border-left-color:#434343;color:#a6a6a6}[data-theme=dark] .markdown-card pre,[data-theme=dark] .markdown-card code{background-color:#262626;color:#d9d9d9}[data-theme=dark] .markdown-card th{background-color:#262626;border-color:#434343;color:#fff}[data-theme=dark] .markdown-card td{border-color:#434343;color:#d9d9d9}.question-sidebar{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.question-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(120,119,198,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.sidebar-header{padding:20px 16px;background:#fffc;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.3);position:relative;z-index:1;box-shadow:0 2px 8px #0000000f}.sidebar-header h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.progress-section{display:flex;flex-direction:column;gap:12px}.progress-item{display:flex;align-items:center;gap:12px}.progress-label{min-width:70px;font-size:12px;color:#4a5568;font-weight:500}.progress-item .ant-progress{flex:1}.progress-item .ant-progress-bg{background:linear-gradient(90deg,#667eea,#764ba2)}.questions-container{flex:1;overflow-y:auto;padding:16px 12px;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(120,119,198,.3) transparent;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:start}.questions-container::-webkit-scrollbar{width:6px}.questions-container::-webkit-scrollbar-track{background:transparent}.questions-container::-webkit-scrollbar-thumb{background:#7877c64d;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.questions-container::-webkit-scrollbar-thumb:hover{background:#7877c680}.question-card-grid{background:#ffffffe6;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 12px #00000014;min-height:80px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#4a5568;overflow:visible}.question-card-grid.answered{border-color:transparent;background:linear-gradient(135deg,#10b9811a,#ffffffe6);color:#059669}.question-card-grid.unanswered{border-color:transparent;background:linear-gradient(135deg,#f59e0b1a,#ffffffe6);color:#d97706}.question-card-grid.active{border-color:transparent;background:linear-gradient(135deg,#10b98126,#fffffff2);color:#059669;transform:scale(1.05);box-shadow:0 6px 25px #10b98140;z-index:10}.grid-content{font-size:20px;font-weight:700;z-index:2}.question-card-grid.active:after{content:"";position:absolute;top:8px;right:8px;width:10px;height:10px;background:#10b981;border-radius:50%;box-shadow:0 0 15px #10b98199;animation:activePulse 2s infinite}@keyframes activePulse{0%{box-shadow:0 0 #10b981b3;transform:scale(1)}70%{box-shadow:0 0 0 8px #10b98100;transform:scale(1.1)}to{box-shadow:0 0 #10b98100;transform:scale(1)}}.hover-content{position:absolute;top:100%;left:50%;transform:translate(-50%);width:320px;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:16px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:100;margin-top:8px}.question-card-grid:hover .hover-content{opacity:1;visibility:visible;top:calc(100% + 8px)}.question-card-grid:hover{transform:translateY(-4px);box-shadow:0 8px 30px #7877c633;z-index:50}.hover-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.hover-number{font-weight:700;color:#667eea;min-width:24px;font-size:16px}.hover-title{flex:1;font-weight:600;color:#1a1a2e;line-height:1.4;font-size:14px}.hover-status{margin-left:auto}.hover-description{margin:12px 0;padding:8px 12px;background:#7877c60d;border-radius:6px;border-left:3px solid rgba(120,119,198,.3)}.hover-description p{margin:0;color:#4a5568;font-size:12px;line-height:1.5}.hover-requirements{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.hover-requirements .requirement{font-size:11px;color:#6b7280;background:linear-gradient(135deg,#7877c61a,#7877c60d);padding:4px 8px;border-radius:6px;border:1px solid rgba(120,119,198,.1);font-weight:500}.hover-requirements .required-tag{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444433;color:#dc2626}.hover-answer-info{margin-top:12px;padding:8px 12px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:6px;border:1px solid rgba(16,185,129,.1)}.hover-answer-info .answer-status{font-size:12px;color:#059669;display:flex;align-items:center;font-weight:500}.hover-answer-info .save-time{font-size:10px;color:#6b7280;margin-top:4px}.hover-no-answer{text-align:center;padding:12px;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:6px;border:1px dashed rgba(245,158,11,.3);color:#92400e;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center}.question-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:-1}.question-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #7877c633;border-color:#7877c64d;background:#fffffff2}.question-card:hover:before{left:100%}.question-card.active{background:linear-gradient(135deg,#7877c626,#fffffff2);border:1px solid rgba(120,119,198,.4);box-shadow:0 6px 25px #7877c640;transform:translateY(-2px)}.question-card.answered{border-left:none}.question-card.answered:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98166}.question-card.unanswered{border-left:none}.question-card.unanswered:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;background:#f59e0b;border-radius:50%;box-shadow:0 0 10px #f59e0b66}.question-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.question-title{display:flex;align-items:flex-start;flex:1;gap:12px}.question-number{font-weight:700;color:#667eea;min-width:24px;font-size:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.question-info{flex:1}.title{font-weight:600;color:#1a1a2e;display:block;margin-bottom:6px;line-height:1.5;font-size:14px;transition:color .3s ease}.question-card:hover .title{color:#667eea}.question-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.question-meta .ant-badge{font-size:11px}.question-meta .ant-badge-status-dot{width:8px;height:8px}.question-status{margin-left:12px;font-size:18px;color:#667eea;transition:transform .3s ease}.question-card:hover .question-status{transform:scale(1.2)}.question-description{margin:12px 0;padding:12px;background:#7877c60d;border-radius:8px;border-left:3px solid rgba(120,119,198,.3)}.question-description p{margin:0;color:#4a5568;font-size:12px;line-height:1.6;font-weight:400}.question-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(120,119,198,.1)}.word-requirements{margin-bottom:8px}.requirement{font-size:11px;color:#6b7280;background:linear-gradient(135deg,#7877c61a,#7877c60d);padding:4px 8px;border-radius:6px;border:1px solid rgba(120,119,198,.1);font-weight:500;display:inline-block}.answer-info{margin-top:12px;padding:8px 12px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:8px;border:1px solid rgba(16,185,129,.1)}.answer-status{font-size:12px;color:#059669;display:flex;align-items:center;font-weight:500}.save-time{font-size:10px;color:#6b7280;margin-top:6px;opacity:.8}.no-answer{text-align:center;padding:16px;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:8px;border:1px dashed rgba(245,158,11,.3);color:#92400e;font-size:12px;font-weight:500}.active-indicator,.active-dot{display:none}@keyframes pulse{0%{box-shadow:0 0 #7877c6b3;transform:scale(1)}70%{box-shadow:0 0 0 15px #7877c600;transform:scale(1.1)}to{box-shadow:0 0 #7877c600;transform:scale(1)}}.sidebar-footer{padding:20px 16px;background:#ffffffe6;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.3);position:relative;z-index:1;box-shadow:0 -2px 8px #0000000f}.summary-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;background:linear-gradient(135deg,#7877c61a,#7877c60d);border-radius:12px;border:1px solid rgba(120,119,198,.1)}.summary-item{text-align:center;flex:1}.summary-label{display:block;font-size:11px;color:#6b7280;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{display:block;font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.submit-section .submit-exam-btn{width:100%;height:48px;border:none;border-radius:12px;font-size:16px;font-weight:600;position:relative;overflow:hidden;transition:all .3s ease}.submit-section .submit-exam-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.submit-section .submit-exam-btn:hover:before{left:100%}.submit-section .submit-exam-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7877c666}@media(max-width:768px){.sidebar-header{padding:16px 12px}.sidebar-header h3{font-size:16px}.questions-container{padding:12px 8px}.question-card{padding:16px 12px;margin-bottom:12px}.sidebar-footer{padding:16px 12px}.summary-info{padding:12px}.summary-value{font-size:16px}}.answer-area{max-width:1400px;margin:0 auto;padding:24px;width:95%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.answer-container{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 24px #0000000a;background:#fffffff2;backdrop-filter:blur(10px)}.answer-header{margin-bottom:24px;padding:20px 24px;background:linear-gradient(90deg,#475569,#64748b);color:#fff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.answer-header h4{margin:0;color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px}.status-bar{flex-shrink:0;background:#ffffff26;padding:8px 16px;border-radius:20px;backdrop-filter:blur(10px)}.status-bar .ant-typography{color:#fff!important;font-weight:500}.progress-section{margin-bottom:24px;padding:16px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0;position:relative;overflow:hidden}.progress-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#06b6d4)}.questions-container{display:flex;flex-direction:column;gap:20px;padding:0 24px 24px}.question-group{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #00000005;transition:all .3s ease}.question-group:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #0000000a}.main-question{padding:16px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;position:relative}.main-question:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#06b6d4);opacity:.3}.question-info{display:flex;align-items:center;gap:16px}.question-number{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d}.question-title{flex:1;font-size:16px;line-height:1.6;color:#1e293b;font-weight:500;word-break:break-word;word-wrap:break-word;letter-spacing:.3px}.question-score{font-size:14px;color:#64748b;font-weight:600;flex-shrink:0;background:#64748b1a;padding:4px 8px;border-radius:6px}.sub-questions{display:flex;flex-direction:column;gap:24px;padding:24px}.question-item{display:flex;flex-direction:column;gap:16px;padding:20px;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.question-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3b82f6,#06b6d4);border-radius:12px 0 0 12px;opacity:.8}.question-item:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #00000008}.question-header{width:100%;padding-left:8px}.question-text{width:100%;font-size:15px;line-height:1.6;color:#374151;font-weight:500;letter-spacing:.2px}.answer-input{width:100%!important;min-height:180px!important;font-size:16px!important;line-height:1.8!important;padding:20px!important;border:2px solid #e2e8f0!important;border-radius:12px!important;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;resize:vertical!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:#fff!important;box-shadow:0 2px 8px #00000005!important}.answer-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a,0 8px 24px #00000014!important;outline:none!important;transform:translateY(-2px)!important}.answer-input:hover{border-color:#cbd5e1!important;box-shadow:0 4px 16px #0000000a!important}.answer-container .ant-btn{border-radius:10px!important;font-weight:500!important;letter-spacing:.3px!important;padding:8px 20px!important;height:auto!important;font-size:14px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:none!important;box-shadow:0 2px 8px #0000001a!important}.answer-container .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4)!important;box-shadow:0 4px 12px #3b82f64d!important}.answer-container .ant-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #3b82f666!important}.answer-container .ant-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000026!important}.answer-container .ant-progress{margin:0}.answer-container .ant-progress-bg{background:linear-gradient(90deg,#3b82f6,#06b6d4)!important;border-radius:10px!important}.answer-container .ant-progress-inner{background:#e2e8f0!important;border-radius:10px!important}.answer-container .ant-alert{border-radius:12px!important;border:none!important;background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;box-shadow:0 4px 16px #22c55e26!important}.answer-container .ant-alert-success{border-left:4px solid #22c55e!important}.answer-container .ant-alert-message{color:#15803d!important;font-weight:600!important;font-size:16px!important}.answer-container .ant-alert-description{color:#166534!important;font-size:14px!important;margin-top:4px!important}.answer-area{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(max-width:1200px){.answer-area{padding:16px}}@media(max-width:768px){.answer-area{padding:12px}.answer-header{flex-direction:column;gap:12px;align-items:stretch}.status-bar{align-self:flex-end}.question-info{flex-direction:column;align-items:flex-start;gap:8px}.sub-questions{padding:16px;gap:16px}.answer-input{font-size:14px!important;min-height:120px!important}}@media(max-width:576px){.answer-area{padding:8px}.main-question{padding:12px 16px}.sub-questions{padding:12px}.question-group{margin:0 8px}.answer-input{min-height:100px!important;font-size:13px!important}}[data-theme=dark] .answer-container{background:#1f2937;border-color:#374151}[data-theme=dark] .answer-header{border-color:#374151}[data-theme=dark] .answer-header h4{color:#e2e8f0}[data-theme=dark] .main-question{background:#111827;border-color:#374151}[data-theme=dark] .question-title{color:#e2e8f0}[data-theme=dark] .progress-section{background:#111827;border-color:#374151}[data-theme=dark] .answer-input{background:#1f2937;border-color:#374151;color:#e2e8f0}[data-theme=dark] .answer-input:focus{border-color:#40a9ff}.digital-literacy-final-page{height:100vh;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.digital-literacy-final-page .ant-layout-header,.digital-literacy-final-page header,.digital-literacy-final-page .navbar,.digital-literacy-final-page .navigation,.digital-literacy-final-page .top-bar,.digital-literacy-final-page .app-header,.digital-literacy-final-page .main-header{display:none!important}.ant-layout-sider.ant-layout-sider-left+.ant-layout .ant-layout-header{display:none!important}.digital-literacy-final-page .ant-layout{min-height:100vh}.digital-literacy-final-page .ant-layout-content{padding-top:0!important}.digital-literacy-final-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.05) 0%,transparent 50%);animation:backgroundFloat 20s ease-in-out infinite;pointer-events:none}@keyframes backgroundFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-20px) scale(1.05)}66%{transform:translate(20px,-10px) scale(.95)}}.exam-welcome{display:flex;justify-content:center;align-items:center;height:100vh;padding:40px 20px;background:transparent;position:relative;z-index:1}.welcome-container{max-width:1000px;background:#fffffff2;backdrop-filter:blur(20px);border-radius:32px;padding:60px 80px;box-shadow:0 32px 64px #0003,0 0 0 1px #ffffff1a inset,0 0 120px #3b82f61a;text-align:center;animation:fadeInUp 1s ease-out;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.welcome-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#3b82f6);border-radius:32px;opacity:.3;z-index:-1;animation:borderGlow 3s linear infinite;background-size:300% 300%}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 60px;gap:24px}.loading-container .ant-spin{color:#3b82f6}.loading-container p{color:#64748b;font-size:16px;margin:0;font-weight:500;letter-spacing:.5px}.welcome-header h1{font-size:48px;font-weight:800;color:#0f172a;margin-bottom:24px;background:linear-gradient(135deg,#1e40af,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.exam-description{font-size:18px;color:#64748b;line-height:1.6;margin-bottom:48px;font-weight:400;max-width:650px;margin-left:auto;margin-right:auto;letter-spacing:.2px}.exam-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.info-card{background:linear-gradient(135deg,#f8fafccc,#f1f5f9e6);backdrop-filter:blur(10px);border-radius:20px;padding:32px;text-align:left;border:1px solid rgba(226,232,240,.6);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);opacity:0;transition:opacity .3s ease;background-size:200% 100%;animation:shimmer 3s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.info-card:hover{border-color:#3b82f64d;transform:translateY(-8px) scale(1.02);box-shadow:0 24px 48px #1e3a8a26,0 0 80px #3b82f61a}.info-card:hover:before{opacity:1}.info-card h3{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:20px;display:flex;align-items:center;letter-spacing:-.01em}.info-card h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;margin-right:12px;box-shadow:0 0 8px #3b82f666}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{font-size:16px;color:#475569;margin-bottom:16px;padding-left:28px;position:relative;line-height:1.5;font-weight:400}.info-card li:before{content:"✓";position:absolute;left:0;top:2px;color:#fff;font-weight:600;font-size:12px;width:18px;height:18px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #22c55e4d}.start-exam-btn{height:64px;padding:0 56px;font-size:18px;font-weight:700;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#1e40af,#1e3a8a);border:none;box-shadow:0 16px 32px #3b82f64d,0 0 0 1px #ffffff1a inset;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.start-exam-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s ease}.start-exam-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 24px 48px #3b82f666,0 0 80px #3b82f633,0 0 0 1px #fff3 inset}.start-exam-btn:hover:before{left:100%}.start-exam-btn:active{transform:translateY(-2px) scale(1.02)}.main-content{background:#fffffff2;backdrop-filter:blur(20px);display:flex;flex-direction:column;min-height:100vh;border-left:1px solid rgba(226,232,240,.3);position:relative;z-index:1}.main-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.exam-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc80;width:100%;max-width:100%;min-height:100vh;box-sizing:border-box;position:relative}.exam-header{background:#fffffffa;backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.3);padding:12px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #1e3a8a0f;z-index:10;position:sticky;top:0;flex-shrink:0;min-height:auto}.exam-title{display:flex;flex-direction:column;gap:2px}.exam-title h2{margin:0;font-size:20px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#1e40af,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;line-height:1.2}.current-question{font-size:14px;color:#3b82f6;font-weight:500;opacity:.8;letter-spacing:.1px}.exam-actions{display:flex;gap:16px;align-items:center}.exam-actions .ant-btn{border-radius:12px;font-weight:500;height:36px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(59,130,246,.2);background:#ffffffe6;backdrop-filter:blur(10px);font-size:13px;letter-spacing:.1px}.exam-actions .ant-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1e3a8a26;border-color:#3b82f6;background:#fff}.submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d)!important;border:none!important;color:#fff!important;box-shadow:0 8px 24px #22c55e4d!important;text-transform:uppercase;letter-spacing:.5px}.submit-btn:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 16px 32px #22c55e66!important;background:linear-gradient(135deg,#16a34a,#15803d,#166534)!important}.question-sidebar{background:#fffffff2!important;backdrop-filter:blur(20px);border-right:1px solid rgba(226,232,240,.3);box-shadow:4px 0 24px #1e3a8a0f;position:relative}.question-sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(59,130,246,.3),transparent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.markdown-viewer-drawer{z-index:1001}.markdown-viewer-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;background:#fffffffa;backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.3)}.markdown-title{font-size:18px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-actions{display:flex;gap:12px}.markdown-viewer-container{height:100%;display:flex;flex-direction:column;background:#f8fafcf2}.markdown-loading,.markdown-error{flex:1;display:flex;justify-content:center;align-items:center;min-height:300px}.markdown-content{flex:1;display:flex;flex-direction:column}.markdown-wrapper{flex:1;padding:24px;overflow:auto}.markdown-card{background:#fffffffa;backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #1e3a8a1a;border:1px solid rgba(226,232,240,.3);padding:32px}.markdown-shortcuts{padding:16px 24px;background:#fffffffa;backdrop-filter:blur(10px);border-top:1px solid rgba(226,232,240,.3);display:flex;gap:16px;align-items:center;flex-wrap:wrap}.shortcut-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500}.shortcut-title{font-weight:600;color:#0f172a}kbd{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.6);border-radius:6px;padding:4px 8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:11px;color:#475569;font-weight:600;box-shadow:0 2px 4px #1e3a8a1a}.markdown-wrapper::-webkit-scrollbar,.exam-content::-webkit-scrollbar,.answer-content-wrapper::-webkit-scrollbar{width:8px}.markdown-wrapper::-webkit-scrollbar-track,.exam-content::-webkit-scrollbar-track,.answer-content-wrapper::-webkit-scrollbar-track{background:#f1f5f980;border-radius:4px}.markdown-wrapper::-webkit-scrollbar-thumb,.exam-content::-webkit-scrollbar-thumb,.answer-content-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px;border:1px solid rgba(226,232,240,.3)}.markdown-wrapper::-webkit-scrollbar-thumb:hover,.exam-content::-webkit-scrollbar-thumb:hover,.answer-content-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.answer-content-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 40px 80px;max-width:100%;box-sizing:border-box;position:relative;min-height:calc(100vh - 120px)}.answer-content-wrapper .answer-area{max-width:100%;overflow:visible;margin-bottom:40px}.answer-content-wrapper .ant-card{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.question-title,.question-content,.question-description{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%;white-space:pre-wrap;line-height:1.5}.answer-textarea{max-width:100%!important;min-width:0!important;resize:vertical!important;overflow-x:hidden!important;word-wrap:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important}.scenario-questions .ant-card{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:24px;border-radius:12px;box-shadow:0 4px 16px #00000014}.scenario-questions{padding-bottom:40px;min-height:400px}.scenario-questions .ant-card:last-child{margin-bottom:60px}.scenario-questions .ant-card-head{background:linear-gradient(135deg,#f8faff,#e0e7ff);border-bottom:2px solid #c7d2fe;min-height:auto}.scenario-questions .ant-card-head-title{padding:16px 0;line-height:1.4}.scenario-questions .ant-card-body{max-width:100%;overflow:hidden;box-sizing:border-box}.scenario-questions .ant-input{max-width:100%!important;min-width:0!important;resize:vertical!important;overflow-x:hidden!important;word-wrap:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important}@media(max-width:1200px){.question-sidebar{width:340px!important}.welcome-container{padding:50px 60px}.welcome-header h1{font-size:42px}}@media(max-width:992px){.question-sidebar{width:300px!important}.welcome-container{padding:40px}.welcome-header h1{font-size:36px}.exam-info{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.main-content{margin-left:0!important;width:100%!important}.exam-content{width:100%!important;padding:0;min-height:100vh}.answer-content-wrapper{padding:16px 20px 60px;min-height:calc(100vh - 100px)}.exam-header{flex-direction:column;gap:8px;padding:8px 20px}.exam-actions{width:100%;justify-content:space-between}.question-title,.question-content,.question-description{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;white-space:pre-wrap;line-height:1.4;font-size:14px}.answer-textarea,.scenario-questions .ant-input{max-width:100%!important;min-width:0!important;font-size:14px!important;line-height:1.4!important}.scenario-questions .ant-card-body{padding:12px!important}.scenario-questions .ant-card{margin-bottom:12px!important}.welcome-container{padding:30px 20px;margin:20px;border-radius:24px}.welcome-header h1{font-size:28px}.exam-description{font-size:16px}.info-card{padding:24px}}@media(max-width:576px){.welcome-container{margin:10px;padding:24px 16px;border-radius:20px}.welcome-header h1{font-size:24px}.info-card{padding:20px}.info-card h3{font-size:18px}.info-card li{font-size:15px}.start-exam-btn{height:56px;padding:0 32px;font-size:16px}}[data-theme=dark] .digital-literacy-final-page{background:linear-gradient(135deg,#020617,#0f172a,#1e293b)}[data-theme=dark] .welcome-container{background:#1e293bf2!important;color:#e2e8f0;box-shadow:0 32px 64px #00000080,0 0 0 1px #ffffff0d inset!important;border:1px solid rgba(71,85,105,.3)!important}[data-theme=dark] .welcome-header h1{background:linear-gradient(135deg,#60a5fa,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .exam-description{color:#cbd5e1}[data-theme=dark] .info-card{background:linear-gradient(135deg,#1e293bcc,#334155e6)!important;border-color:#47556966!important}[data-theme=dark] .info-card h3{color:#f1f5f9}[data-theme=dark] .info-card li{color:#cbd5e1}[data-theme=dark] .main-content{background:#1e293bf2!important;border-left-color:#4755694d!important}[data-theme=dark] .exam-header{background:#1e293bfa!important;border-bottom-color:#4755694d!important}[data-theme=dark] .exam-title h2{background:linear-gradient(135deg,#60a5fa,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .current-question{color:#60a5fa}[data-theme=dark] .exam-actions .ant-btn{background:#334155e6!important;border-color:#47556966!important;color:#e2e8f0!important}[data-theme=dark] .question-sidebar{background:#1e293bf2!important;border-right-color:#4755694d!important}[data-theme=dark] .markdown-viewer-header{background:#1e293bfa!important;border-bottom-color:#4755694d!important}[data-theme=dark] .markdown-viewer-container{background:#0f172af2!important}[data-theme=dark] .markdown-card{background:#1e293bfa!important;border-color:#4755694d!important;color:#e2e8f0}[data-theme=dark] .markdown-shortcuts{background:#1e293bfa!important;border-top-color:#4755694d!important}[data-theme=dark] .markdown-wrapper::-webkit-scrollbar-track,[data-theme=dark] .exam-content::-webkit-scrollbar-track{background:#4755694d}[data-theme=dark] .markdown-wrapper::-webkit-scrollbar-thumb,[data-theme=dark] .exam-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#64748b);border-color:#4755694d}[data-theme=dark] .markdown-wrapper::-webkit-scrollbar-thumb:hover,[data-theme=dark] .exam-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#94a3b8)}.digital-literacy-final-page .ant-modal-root .ant-modal{backdrop-filter:blur(12px);border-radius:24px;overflow:hidden;box-shadow:0 32px 64px #0003,0 0 0 1px #ffffff1a inset,0 0 120px #3b82f61a;border:1px solid rgba(255,255,255,.2);animation:modalFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.digital-literacy-final-page .ant-modal-mask{backdrop-filter:blur(8px);background:#00000080!important;animation:maskFadeIn .3s ease-out}@keyframes maskFadeIn{0%{opacity:0}to{opacity:1}}.digital-literacy-final-page .ant-modal-content{background:linear-gradient(135deg,#fffffffa,#f8fafc);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 1px #ffffff1a inset,0 16px 32px #1e3a8a1a;position:relative;overflow:hidden}.digital-literacy-final-page .ant-modal-header{background:transparent;border-bottom:1px solid rgba(226,232,240,.4);padding:32px 32px 16px;margin:0;position:relative}.digital-literacy-final-page .ant-modal-header:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);opacity:.3;border-radius:1px;animation:titleShimmer 3s infinite}@keyframes titleShimmer{0%,to{opacity:.2;transform:translate(-10px)}50%{opacity:.4;transform:translate(10px)}}.digital-literacy-final-page .ant-modal-title{font-size:22px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#1e40af,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;line-height:1.3}.digital-literacy-final-page .ant-modal-close{top:20px;right:20px;width:40px;height:40px;border-radius:20px;background:#f8fafce6;backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1)}.digital-literacy-final-page .ant-modal-close:hover{background:#eff6ff;border-color:#3b82f64d;transform:scale(1.1) rotate(90deg);box-shadow:0 8px 24px #3b82f626}.digital-literacy-final-page .ant-modal-close-x{display:flex;align-items:center;justify-content:center;font-size:16px;color:#64748b;font-weight:600}.digital-literacy-final-page .ant-modal-body{padding:24px 32px 32px;font-size:16px;line-height:1.6;color:#475569;position:relative}.digital-literacy-final-page .ant-modal-footer{background:#f8fafc99;backdrop-filter:blur(10px);border-top:1px solid rgba(226,232,240,.4);padding:20px 32px 32px;margin:0;display:flex;gap:12px;justify-content:flex-end}.digital-literacy-final-page .ant-modal-footer .ant-btn{height:48px;min-width:120px;border-radius:16px;font-size:15px;font-weight:600;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.digital-literacy-final-page .ant-modal-footer .ant-btn:not(.ant-btn-primary){background:#ffffffe6;border-color:#e2e8f0cc;color:#64748b;backdrop-filter:blur(10px)}.digital-literacy-final-page .ant-modal-footer .ant-btn:not(.ant-btn-primary):hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-2px);box-shadow:0 8px 24px #1e3a8a1f}.digital-literacy-final-page .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border:none;color:#fff;box-shadow:0 8px 24px #3b82f64d;position:relative;overflow:hidden}.digital-literacy-final-page .ant-modal-footer .ant-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.digital-literacy-final-page .ant-modal-footer .ant-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af)}.digital-literacy-final-page .ant-modal-footer .ant-btn-primary:hover:before{left:100%}.digital-literacy-final-page .ant-modal-footer .ant-btn-primary:active{transform:translateY(-1px) scale(1.01)}.digital-literacy-final-page .ant-modal-footer .ant-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c)!important;border:none!important;color:#fff!important;box-shadow:0 8px 24px #ef44444d!important}.digital-literacy-final-page .ant-modal-footer .ant-btn-danger:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 12px 32px #ef444466!important;background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b)!important}.digital-literacy-final-page .ant-modal-body .ant-input{border-radius:12px;border:2px solid rgba(226,232,240,.8);background:#ffffffe6;backdrop-filter:blur(10px);font-size:15px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #1e3a8a0f}.digital-literacy-final-page .ant-modal-body .ant-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 16px #3b82f626;transform:translateY(-1px);background:#fff}.digital-literacy-final-page .ant-modal-body .ant-input::-moz-placeholder{color:#94a3b8;font-weight:500}.digital-literacy-final-page .ant-modal-body .ant-input::placeholder{color:#94a3b8;font-weight:500}.digital-literacy-final-page .ant-modal-body .warning-text{color:#ef4444;font-weight:600;font-size:16px;margin-bottom:20px;padding:16px 20px;background:#ef444414;border-radius:12px;border-left:4px solid #ef4444;backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;animation:warningPulse 2s infinite}@keyframes warningPulse{0%,to{opacity:.9;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.digital-literacy-final-page .ant-modal-body .warning-text:before{content:"⚠️";font-size:18px;animation:warningIcon 1.5s ease-in-out infinite}@keyframes warningIcon{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(10deg)}}.digital-literacy-final-page .ant-modal-confirm .ant-modal-body{padding:32px!important;text-align:center}.digital-literacy-final-page .ant-modal-confirm .ant-modal-confirm-content{margin:24px 0 32px;font-size:16px;color:#475569;line-height:1.6}.digital-literacy-final-page .ant-modal-confirm .ant-modal-confirm-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.digital-literacy-final-page .ant-modal{margin:20px;max-width:calc(100vw - 40px);border-radius:20px}.digital-literacy-final-page .ant-modal-header,.digital-literacy-final-page .ant-modal-body,.digital-literacy-final-page .ant-modal-footer{padding-left:24px;padding-right:24px}.digital-literacy-final-page .ant-modal-header{padding-top:24px}.digital-literacy-final-page .ant-modal-footer{padding-bottom:24px;flex-direction:column-reverse}.digital-literacy-final-page .ant-modal-footer .ant-btn{width:100%;margin:0}}@media(max-width:480px){.digital-literacy-final-page .ant-modal{margin:10px;max-width:calc(100vw - 20px);border-radius:16px}.digital-literacy-final-page .ant-modal-title{font-size:20px}.digital-literacy-final-page .ant-modal-body{padding:20px}.digital-literacy-final-page .ant-modal-header,.digital-literacy-final-page .ant-modal-footer{padding-left:20px;padding-right:20px}}[data-theme=dark] .digital-literacy-final-page .ant-modal-content{background:linear-gradient(135deg,#1e293bfa,#0f172a)!important;border-color:#47556966!important;color:#e2e8f0}[data-theme=dark] .digital-literacy-final-page .ant-modal-header{background:transparent!important;border-bottom-color:#47556966!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-title{background:linear-gradient(135deg,#60a5fa,#3b82f6,#8b5cf6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-body{color:#cbd5e1!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-footer{background:#1e293b99!important;border-top-color:#47556966!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-close{background:#334155e6!important;border-color:#47556999!important;color:#94a3b8!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-close:hover{background:#475569!important;border-color:#3b82f666!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-footer .ant-btn:not(.ant-btn-primary){background:#334155e6!important;border-color:#47556999!important;color:#e2e8f0!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-footer .ant-btn:not(.ant-btn-primary):hover{background:#475569!important;border-color:#64748bcc!important;color:#f1f5f9!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-body .ant-input{background:#1e293be6!important;border-color:#47556999!important;color:#e2e8f0!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-body .ant-input:focus{border-color:#3b82f6!important;background:#1e293b!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-body .warning-text{background:#ef444426!important;color:#f87171!important;border-left-color:#ef4444!important}[data-theme=dark] .digital-literacy-final-page .ant-modal-confirm .ant-modal-confirm-content{color:#cbd5e1!important}@media(max-width:768px){.digital-literacy-final-page .ant-modal{margin:20px;max-width:calc(100vw - 40px);border-radius:20px}.digital-literacy-final-page .ant-modal-header,.digital-literacy-final-page .ant-modal-body,.digital-literacy-final-page .ant-modal-footer{padding-left:24px;padding-right:24px}.digital-literacy-final-page .ant-modal-header{padding-top:24px}.digital-literacy-final-page .ant-modal-footer{padding-bottom:24px;flex-direction:column-reverse}.digital-literacy-final-page .ant-modal-footer .ant-btn{width:100%;margin:0}.digital-literacy-final-page .ant-modal-body>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important}.digital-literacy-final-page .ant-modal-confirm .ant-modal-confirm-content>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important}}@media(max-width:480px){.digital-literacy-final-page .ant-modal{margin:10px;max-width:calc(100vw - 20px);border-radius:16px}.digital-literacy-final-page .ant-modal-title{font-size:20px}.digital-literacy-final-page .ant-modal-body{padding:20px}.digital-literacy-final-page .ant-modal-header,.digital-literacy-final-page .ant-modal-footer{padding-left:20px;padding-right:20px}.digital-literacy-final-page .ant-modal-title{font-size:18px!important}.digital-literacy-final-page .ant-modal-title div span:first-child{font-size:22px!important}.digital-literacy-final-page .ant-modal-body .ant-input{height:48px!important;font-size:14px!important}.digital-literacy-final-page .ant-modal-footer .ant-btn{height:44px!important;font-size:14px!important}}.digital-literacy-final-page .ant-modal.zoom-enter,.digital-literacy-final-page .ant-modal.zoom-appear{animation-duration:.4s!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.digital-literacy-final-page .ant-modal.zoom-leave{animation-duration:.3s!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.digital-literacy-final-page .ant-modal-body .ant-input:focus{box-shadow:0 0 0 3px #3b82f61a,0 0 0 6px #3b82f60d,0 4px 16px #3b82f626!important}.digital-literacy-final-page .ant-modal-footer .ant-btn-primary:not(:disabled):after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.digital-literacy-final-page .ant-modal-footer .ant-btn-primary:not(:disabled):active:after{width:300px;height:300px;opacity:0;transition:0s}.digital-literacy-final-page .ant-modal-footer .ant-btn-danger:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important}.digital-literacy-final-page .ant-modal-body::-webkit-scrollbar{width:6px}.digital-literacy-final-page .ant-modal-body::-webkit-scrollbar-track{background:#f1f5f94d;border-radius:3px}.digital-literacy-final-page .ant-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:3px;border:1px solid rgba(226,232,240,.3)}.digital-literacy-final-page .ant-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}[data-theme=dark] .digital-literacy-final-page .ant-modal-body::-webkit-scrollbar-track{background:#4755694d}[data-theme=dark] .digital-literacy-final-page .ant-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#64748b);border-color:#4755694d}[data-theme=dark] .digital-literacy-final-page .ant-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#64748b,#94a3b8)}.digital-literacy-report-v2-page{background:#f5f5f5;min-height:100vh}.digital-literacy-report-v2-page .ant-layout-content{background:#f5f5f5}.report-header{background:#fff;padding:16px 24px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:20px}.back-button{border-radius:8px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:500}.header-title h2{color:#1f2937;font-size:24px;font-weight:600;line-height:1.2}.subtitle{color:#6b7280;font-size:14px;margin-top:4px}.header-right .ant-btn{border-radius:8px;height:40px;font-weight:500;display:flex;align-items:center;gap:6px}.header-right .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 4px #667eea4d}.header-right .ant-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46a1);transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.report-content{flex:1;overflow:auto}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-container p{margin-top:16px;color:#6b7280;font-size:16px}.error-container h2{color:#ef4444;margin-bottom:12px}.error-container p{color:#6b7280;font-size:16px;line-height:1.5}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:1200px){.report-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px 20px}.header-left,.header-right{justify-content:center}.header-right{flex-wrap:wrap}.header-right .ant-btn{flex:1;min-width:120px}}@media(max-width:768px){.report-header{padding:12px 16px}.header-left{gap:12px}.header-title h2{font-size:20px}.subtitle{font-size:13px}.header-right .ant-btn{height:36px;font-size:13px;padding:0 12px}.header-right .ant-btn .anticon{font-size:14px}}@media(max-width:480px){.header-left{flex-direction:column;text-align:center;gap:8px}.header-right{gap:8px}.header-right .ant-btn{min-width:100px;font-size:12px}}.report-content::-webkit-scrollbar{width:8px;height:8px}.report-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.report-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.report-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.digital-literacy-report-v2-page .ant-card{transition:all .3s ease}.digital-literacy-report-v2-page .ant-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.digital-literacy-report-v2-page .ant-tag{border-radius:12px;font-weight:500;border:none}.digital-literacy-report-v2-page .ant-space-item .ant-btn{transition:all .2s ease}.digital-literacy-report-v2-page .ant-space-item .ant-btn:hover{transform:translateY(-1px)}.digital-literacy-report-v2-page .ant-progress-line{font-size:12px}.digital-literacy-report-v2-page .ant-progress-text{font-weight:600}.digital-literacy-report-v2-page .ant-input,.digital-literacy-report-v2-page .ant-input-affix-wrapper{border-radius:8px;border:1px solid #d9d9d9;transition:all .2s ease}.digital-literacy-report-v2-page .ant-input:focus,.digital-literacy-report-v2-page .ant-input-affix-wrapper:focus,.digital-literacy-report-v2-page .ant-input-affix-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.digital-literacy-report-v2-page .ant-message{z-index:2000}.digital-literacy-report-v2-page .ant-message-notice-content{border-radius:8px;box-shadow:0 4px 12px #00000026}.cognition-test-improved{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.cognition-test-improved .test-header{background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #e8e8e8;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000f}.cognition-test-improved .back-button{display:flex;align-items:center;gap:8px;color:#666;font-weight:500;border:1px solid #d9d9d9;background:#fff;padding:8px 16px;border-radius:6px;transition:all .3s ease}.cognition-test-improved .back-button:hover{color:#1890ff;border-color:#1890ff;background:#f6f8fa}.cognition-test-improved .progress-info{text-align:center;flex:1}.cognition-test-improved .main-content{padding:20px 24px 40px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;max-width:1400px;margin:0 auto;width:100%;overflow-y:auto}.cognition-test-improved .main-content>*{width:100%;max-width:100%}.cognition-test-improved .instruction-card{border-radius:12px;box-shadow:0 8px 24px #0000001a;border:none;overflow:hidden}.cognition-test-improved .instruction-card .ant-card-body{padding:40px}.cognition-test-improved .question-card-improved{width:60%;border-radius:12px;box-shadow:0 8px 24px #0000001a;border:none;overflow:hidden;transition:all .3s ease}.cognition-test-improved .question-card-improved .ant-card-body{padding:40px}.cognition-test-improved .option-card{border-radius:8px;transition:all .3s ease;background:#fff}.cognition-test-improved .option-card:hover{border-color:#40a9ff!important;box-shadow:0 4px 12px #1890ff26;transform:translateY(-2px)}.cognition-test-improved .option-card.selected{background:linear-gradient(135deg,#f6f8fa,#e6f4ff);border-color:#1890ff;box-shadow:0 4px 12px #1890ff40}.cognition-test-improved .option-card .ant-radio-wrapper{display:flex;align-items:flex-start;padding:8px 0;margin:0}.cognition-test-improved .option-card .ant-radio{margin-top:4px}.cognition-test-improved .ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;box-shadow:0 4px 12px #1890ff4d;transition:all .3s ease}.cognition-test-improved .ant-btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 6px 16px #1890ff66;transform:translateY(-2px)}.cognition-test-improved .ant-btn-primary:disabled{background:#f5f5f5;color:#bfbfbf;box-shadow:none;transform:none}.cognition-test-improved .ant-progress-bg{transition:all .8s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.cognition-test-improved .test-header{padding:12px 16px;flex-direction:column;gap:12px}.cognition-test-improved .main-content{padding:6px 16px 24px}.cognition-test-improved .instruction-card .ant-card-body,.cognition-test-improved .question-card-improved .ant-card-body{padding:24px 20px}.cognition-test-improved .question-card-improved{width:90%}.cognition-test-improved .progress-info{text-align:center}.cognition-test-improved .progress-info h3{font-size:18px}.cognition-test-improved .progress-info .ant-space{justify-content:center}}@media(max-width:480px){.cognition-test-improved .main-content{padding:4px 12px 16px}.cognition-test-improved .instruction-card .ant-card-body,.cognition-test-improved .question-card-improved .ant-card-body{padding:20px 16px}.cognition-test-improved .question-card-improved{width:95%}.cognition-test-improved .option-card .ant-radio-wrapper{padding:12px 0}.cognition-test-improved .option-card .ant-radio{margin-top:2px}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cognition-test-improved .question-card-improved{animation:fadeIn .6s ease-out}.cognition-test-improved .option-card{animation:fadeIn .8s ease-out backwards}.cognition-test-improved .option-card:nth-child(1){animation-delay:.1s}.cognition-test-improved .option-card:nth-child(2){animation-delay:.2s}.cognition-test-improved .option-card:nth-child(3){animation-delay:.3s}.cognition-test-improved .option-card:nth-child(4){animation-delay:.4s}.cognition-test-improved .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cognition-test-improved .loading-text{margin-top:16px;color:#666;font-size:16px}.cognition-test-improved .error-container{text-align:center;padding:60px 20px}.cognition-test-improved .error-icon{font-size:48px;color:#ff4d4f;margin-bottom:16px}.cognition-test-improved .error-title{font-size:20px;color:#262626;margin-bottom:8px}.cognition-test-improved .error-message{color:#666;margin-bottom:24px}.cognition-test-improved .result-overview-bar{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 12px #00000014}.cognition-test-improved .result-overview-bar .ant-card-body{padding:24px 32px}.cognition-test-improved .overview-content{display:flex;justify-content:space-between;align-items:center;width:100%}.cognition-test-improved .overview-left{display:flex;align-items:center}.cognition-test-improved .overview-stats{display:flex;align-items:center;gap:16px}.cognition-test-improved .overview-stats .ant-statistic{text-align:center}.cognition-test-improved .overview-stats .ant-statistic-title{font-size:14px;color:#666;margin-bottom:4px}.cognition-test-improved .overview-stats .ant-statistic-content{font-size:24px;font-weight:700}.cognition-test-improved .result-card-height{height:auto;min-height:600px}.cognition-test-improved .result-card-height .ant-card-body{height:auto;padding:24px;overflow:visible}.cognition-test-improved .result-card-improved{border-radius:12px;box-shadow:0 8px 24px #0000001a;border:none;overflow:visible;height:auto}.cognition-test-improved .result-card-improved .ant-card-head{background:linear-gradient(135deg,#f6f8fa,#e6f4ff);border-bottom:1px solid #e8e8e8}.cognition-test-improved .result-card-improved .ant-card-head-title{font-size:18px;font-weight:700;color:#262626}.cognition-test-improved .result-card-improved .ant-card-body{padding:32px}.cognition-test-improved .dimension-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:8px;background:#f6f8fa;border-radius:8px;border:1px solid #e8e8e8;transition:all .3s ease}.cognition-test-improved .dimension-stat-item:hover{background:#e6f4ff;border-color:#91d5ff;transform:translateY(-1px)}.cognition-test-improved .dimension-info{display:flex;align-items:center;gap:12px}.cognition-test-improved .dimension-icon{font-size:20px}.cognition-test-improved .dimension-name{font-size:15px;font-weight:600;color:#262626}.cognition-test-improved .dimension-score-info{display:flex;align-items:center;gap:8px}.cognition-test-improved .dimension-score{font-size:16px;font-weight:700;color:#1890ff}.cognition-test-improved .analysis-content-improved{min-height:200px}.cognition-test-improved .analysis-text-improved{margin-bottom:16px}.cognition-test-improved .analysis-loading{display:flex;align-items:center;justify-content:center;padding:60px 0;color:#666}@media(max-width:768px){.cognition-test-improved .main-content{padding:16px 16px 32px;max-width:100%}.cognition-test-improved .result-overview-bar .ant-card-body{padding:20px 16px}.cognition-test-improved .overview-content{flex-direction:column;gap:20px;text-align:center}.cognition-test-improved .overview-stats{justify-content:center}.cognition-test-improved .result-card-improved .ant-card-body{padding:20px 16px}.cognition-test-improved .dimension-stat-item{padding:10px 12px;margin-bottom:6px}.cognition-test-improved .dimension-name{font-size:14px}.cognition-test-improved .dimension-score{font-size:15px}}@media(max-width:480px){.cognition-test-improved .main-content{padding:12px 12px 24px}.cognition-test-improved .result-overview-bar .ant-card-body{padding:16px 12px}.cognition-test-improved .overview-left,.cognition-test-improved .overview-stats{flex-direction:column;gap:12px}.cognition-test-improved .result-card-improved .ant-card-body{padding:16px 12px}.cognition-test-improved .dimension-stat-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.cognition-test-improved .dimension-score-info{align-self:flex-end}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-800:oklch(47% .157 37.304);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-800:oklch(39.8% .195 277.366);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-1{inset:calc(var(--spacing)*1)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.-left-4{left:calc(var(--spacing)*-4)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-96{height:calc(var(--spacing)*96)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.min-h-\[40px\]{min-height:40px}.min-h-\[140px\]{min-height:140px}.min-h-\[300px\]{min-height:300px}.min-h-\[calc\(100vh-64px\)\]{min-height:calc(100vh - 64px)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-20{max-width:calc(var(--spacing)*20)}.max-w-\[80\%\]{max-width:80%}.max-w-\[200px\]{max-width:200px}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-skew-x-12{--tw-skew-x:skewX( -12deg );transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-400{border-color:var(--color-green-400)}.border-green-500{border-color:var(--color-green-500)}.border-orange-400{border-color:var(--color-orange-400)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-400{border-color:var(--color-purple-400)}.border-red-200{border-color:var(--color-red-200)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-400{--tw-gradient-from:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-500{--tw-gradient-from:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\/10{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.from-white\/10{--tw-gradient-from:color-mix(in oklab,var(--color-white)10%,transparent)}}.from-white\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\/20{--tw-gradient-from:#fff3}@supports (color:color-mix(in lab,red,red)){.from-white\/20{--tw-gradient-from:color-mix(in oklab,var(--color-white)20%,transparent)}}.from-white\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-400{--tw-gradient-from:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-cyan-500{--tw-gradient-via:var(--color-cyan-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-green-500{--tw-gradient-via:var(--color-green-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-500{--tw-gradient-via:var(--color-indigo-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-500{--tw-gradient-via:var(--color-pink-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-50{--tw-gradient-via:var(--color-purple-50);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-yellow-400{--tw-gradient-via:var(--color-yellow-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-500{--tw-gradient-to:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-400{--tw-gradient-to:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white\/20{--tw-gradient-to:#fff3}@supports (color:color-mix(in lab,red,red)){.to-white\/20{--tw-gradient-to:color-mix(in oklab,var(--color-white)20%,transparent)}}.to-white\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-7{padding-block:calc(var(--spacing)*7)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-16{padding-top:calc(var(--spacing)*16)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-pre-line{white-space:pre-line}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-800{color:var(--color-orange-800)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-full:is(:where(.group):hover *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:transform:is(:where(.group):hover *){transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.group-hover\:animate-pulse:is(:where(.group):hover *){animation:var(--animate-pulse)}.group-hover\:border-white\/50:is(:where(.group):hover *){border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.group-hover\:border-white\/50:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.group-hover\:bg-indigo-200:is(:where(.group):hover *){background-color:var(--color-indigo-200)}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-blue-800:is(:where(.group):hover *){color:var(--color-blue-800)}.group-hover\:opacity-20:is(:where(.group):hover *){opacity:.2}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\:border-transparent:focus-within{border-color:#0000}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-blue-500:focus-within{--tw-ring-color:var(--color-blue-500)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-pink-600:hover{background-color:var(--color-pink-600)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-gradient-to-r:hover{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:from-blue-100:hover{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-emerald-600:hover{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-green-600:hover{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-indigo-50:hover{--tw-gradient-from:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-yellow-500:hover{--tw-gradient-from:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:from-yellow-600:hover{--tw-gradient-from:var(--color-yellow-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:via-green-600:hover{--tw-gradient-via:var(--color-green-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hover\:via-indigo-600:hover{--tw-gradient-via:var(--color-indigo-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.hover\:to-emerald-600:hover{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-indigo-100:hover{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-orange-500:hover{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-orange-600:hover{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-purple-600:hover{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-teal-600:hover{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:scale-100:disabled{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:from-gray-400:disabled{--tw-gradient-from:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\:to-gray-500:disabled{--tw-gradient-to:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-md:disabled{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.sm\:inline{display:inline}}@media(min-width:48rem){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}}@media(min-width:80rem){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-color-scheme:dark){.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:bg-blue-900{background-color:var(--color-blue-900)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:bg-red-900{background-color:var(--color-red-900)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-200{color:var(--color-green-200)}.dark\:text-red-200{color:var(--color-red-200)}.dark\:text-white{color:var(--color-white)}@media(hover:hover){.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}}}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#dbeafe;--color-primary-lighter:#eff6ff;--color-secondary:#8b5cf6;--color-secondary-hover:#7c3aed;--color-secondary-light:#e9d5ff;--color-secondary-lighter:#f3e8ff;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fed7aa;--color-warning-lighter:#fffbeb;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#6366f1;--color-info-light:#e0e7ff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f8fafc;--bg-gradient:linear-gradient(135deg,#fff 0%,#f8fafc 100%);--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-quaternary:#cbd5e1;--text-inverse:#fff;--text-muted:#cbd5e1;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--border-light:#f1f5f9;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--border-radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-md:0 10px 15px -3px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a;--shadow-xl:0 25px 50px -12px #00000026;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--gradient-primary:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);--gradient-secondary:linear-gradient(135deg,var(--color-success)0%,#06b6d4 100%);--gradient-accent:linear-gradient(135deg,var(--color-warning)0%,var(--color-error)100%);--gradient-text:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);--gradient-text-hero:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);--gradient-primary-overlay:linear-gradient(135deg,#3b82f60d,#8b5cf60d)}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-primary-light:#1e3a8a;--color-primary-lighter:#1e293b;--color-secondary:#a78bfa;--color-secondary-hover:#8b5cf6;--color-secondary-light:#4c1d95;--color-secondary-lighter:#2e1065;--color-success:#34d399;--color-success-light:#064e3b;--color-warning:#fbbf24;--color-warning-hover:#f59e0b;--color-warning-light:#78350f;--color-warning-lighter:#1e1611;--color-error:#f87171;--color-error-light:#7f1d1d;--color-info:#818cf8;--color-info-light:#312e81;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-hover:#334155;--bg-gradient:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-quaternary:#64748b;--text-inverse:#0f172a;--text-muted:#64748b;--border-color:#334155;--border-color-light:#1e293b;--border-light:#475569;--shadow-sm:0 1px 2px 0 #0003;--shadow:0 4px 6px -1px #0000004d;--shadow-md:0 10px 15px -3px #0006;--shadow-lg:0 20px 25px -5px #00000080;--shadow-xl:0 25px 50px -12px #0009;--gradient-primary:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);--gradient-secondary:linear-gradient(135deg,#34d399 0%,#06b6d4 100%);--gradient-accent:linear-gradient(135deg,#fbbf24 0%,#f87171 100%);--gradient-text:linear-gradient(135deg,var(--bg-tertiary)0%,var(--text-muted)100%);--gradient-text-hero:linear-gradient(135deg,var(--bg-primary)0%,var(--border-color)100%);--gradient-primary-overlay:linear-gradient(135deg,#60a5fa1a,#a78bfa1a)}body{background:var(--bg-gradient);color:var(--text-primary);transition:background var(--transition-base),color var(--transition-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.btn-primary{background:var(--color-primary);color:var(--text-inverse);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:500}.unified-input{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)var(--spacing-md);transition:all var(--transition-fast);width:100%}.unified-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary-lighter);color:var(--color-primary);border-radius:var(--border-radius-sm);border:1px solid var(--color-primary-light);font-size:12px;font-weight:500;display:inline-block}.container{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--primary-gradient:var(--gradient-primary);--success-gradient:linear-gradient(135deg,var(--color-success)0%,var(--color-success)100%);--warning-gradient:linear-gradient(135deg,var(--color-warning)0%,var(--color-warning)100%);--purple-gradient:linear-gradient(135deg,var(--color-secondary)0%,var(--color-secondary-hover)100%);--background-gradient:var(--bg-gradient);--card-shadow:var(--shadow-lg);--card-shadow-hover:var(--shadow-xl)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes blink{0%,50%{border-color:var(--color-primary)}51%,to{border-color:#0000}}.scale-in{animation:.4s cubic-bezier(.4,0,.2,1) scaleIn}.modal-slide-in{animation:.3s ease-out modalSlideIn}.streaming-text{border-right:2px solid var(--color-primary);animation:1s infinite blink}.main-card{background:var(--bg-primary);box-shadow:var(--card-shadow);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-card:hover{box-shadow:var(--card-shadow-hover)}.question-card{border-radius:16px;transition:all .3s;overflow:hidden}.option-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.option-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.option-card:hover:before{left:100%}.option-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.option-card.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-lighter)0%,var(--color-primary-light)100%);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.option-card.disabled{opacity:.6;cursor:not-allowed;transform:none!important}.option-letter{background:var(--primary-gradient);width:32px;height:32px;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.reason-expand{opacity:0;max-height:0;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.reason-expand.show{opacity:1;max-height:800px;margin-top:16px}.reason-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.reason-card:hover{background-color:var(--bg-secondary);border-color:var(--color-success)}.reason-card.selected{border-color:var(--color-success);background:linear-gradient(135deg,#ecfdf5 0%,var(--color-success-light)100%)}.modern-slider{background:var(--border-color);border-radius:4px;height:8px;margin:20px 0;position:relative}.slider-track{border-radius:4px;height:100%;transition:all .3s}.slider-thumb{background:var(--bg-primary);border:3px solid var(--color-primary);cursor:pointer;border-radius:50%;width:24px;height:24px;transition:all .2s;position:absolute;top:-8px;box-shadow:0 2px 8px #00000026}.slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3b82f64d}.slider-thumb:active{transform:scale(1.1)}.confidence-slider .slider-thumb{border-color:var(--color-secondary)}.confidence-slider .slider-thumb:hover{box-shadow:0 4px 12px #8b5cf64d}.smart-button{border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.smart-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.smart-button:hover:before{left:100%}.smart-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.smart-button:active{transform:translateY(0)}.analysis-card{background:var(--bg-primary);box-shadow:var(--card-shadow);border-radius:16px;overflow:hidden}.progress-bar{background:var(--primary-gradient);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.loading-dots{gap:4px;display:inline-flex}.loading-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite loadingDot}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.modal-overlay{backdrop-filter:blur(4px);z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);box-shadow:var(--card-shadow-hover);border-radius:20px;width:100%;max-width:800px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto}.ai-analysis-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6}.ai-analysis-content h1,.ai-analysis-content h2,.ai-analysis-content h3,.ai-analysis-content h4,.ai-analysis-content h5,.ai-analysis-content h6{color:#1a202c;margin:1rem 0 .5rem;font-weight:600}.ai-analysis-content p{color:#4a5568;margin:.5rem 0}.ai-analysis-content strong{color:#2d3748;font-weight:600}.ai-analysis-content ul,.ai-analysis-content ol{margin:.5rem 0;padding-left:1.5rem}.ai-analysis-content li{color:#4a5568;margin:.25rem 0}@media(max-width:768px){.main-card{border-radius:16px;margin:1rem}.modal-content{max-height:95vh;margin:.5rem}.option-card{padding:.75rem}.option-letter{width:28px;height:28px;font-size:12px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.option-card,.reason-card,.slider-thumb{-webkit-user-select:none;-moz-user-select:none;user-select:none}.option-card:focus,.reason-card:focus,.smart-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-contrast:high){.option-card{border-width:3px}.option-card.selected{border-width:4px}.reason-card{border-width:3px}}@media(prefers-reduced-motion:reduce){.option-card,.reason-card,.smart-button,.slider-thumb,.progress-bar{transition:none}.fade-in,.scale-in,.slide-up,.modal-slide-in{animation:none}}:root{--bg-primary:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);--bg-secondary:#0f0f23f2;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--bg-card-active:#ffffff1f;--border-primary:#ffffff1a;--border-secondary:#fff3;--text-primary:var(--bg-primary);--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--accent-primary:var(--gradient-primary);--accent-color:var(--color-primary);--accent-color-rgb:102,126,234;--accent-color-light:#667eea1a;--success-color:var(--color-success);--warning-color:var(--color-warning);--error-color:var(--color-error);--info-color:var(--color-primary);--purple-color:var(--color-secondary);--purple-color-light:#8b5cf61a;--shadow-primary:#0000004d;--shadow-accent:#667eea4d;--shadow-card:0 4px 20px #00000026;--shadow-card-hover:0 8px 32px #0003;--shadow-modal:0 25px 50px -12px #0006;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif}[data-theme=light]{--bg-primary:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)50%,var(--bg-tertiary)100%);--bg-secondary:#fffffff2;--bg-card:#ffffffe6;--bg-card-hover:#fffffff2;--bg-card-active:#f8fafc;--border-primary:#00000014;--border-secondary:#0000001f;--text-primary:var(--text-primary);--text-secondary:#1e293bcc;--text-tertiary:#1e293b99;--accent-primary:var(--gradient-primary);--accent-color:var(--color-primary);--accent-color-rgb:102,126,234;--accent-color-light:#667eea1a;--success-color:var(--color-success);--warning-color:var(--color-warning);--error-color:var(--color-error);--info-color:var(--color-primary);--purple-color:var(--color-secondary);--purple-color-light:#8b5cf61a;--shadow-primary:#00000014;--shadow-accent:#667eea33;--shadow-card:0 4px 20px #00000014;--shadow-card-hover:0 8px 32px #0000001f;--shadow-modal:var(--shadow-xl);--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif}*{box-sizing:border-box;margin:0;padding:0}svg{flex-shrink:0}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}body{background:var(--bg-gradient);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.navbar{background:var(--bg-secondary);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);z-index:100;padding:1rem 0;transition:background .3s,border-color .3s;position:sticky;top:0}.navbar-brand{background:var(--accent-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.navbar-brand:hover{transform:translateY(-1px)}.navbar-logo{width:2rem;height:2rem;color:var(--accent-color);flex-shrink:0}.navbar-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;margin-left:auto;display:flex}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.5rem;font-weight:500;transition:all .3s}.btn-primary:hover{box-shadow:0 8px 25px var(--shadow-accent);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border-secondary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1.5rem;font-weight:500;transition:all .3s}.btn-secondary:hover{background:var(--bg-card);border-color:var(--border-primary)}.theme-toggle{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:before{content:"";background:var(--gradient-primary-overlay);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-toggle:hover:before{opacity:1}.theme-toggle:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.theme-toggle svg{width:1.2rem;height:1.2rem;transition:all var(--transition-base);z-index:1;position:relative}.theme-toggle:hover svg{transform:rotate(180deg)scale(1.1)}@keyframes themeSwitch{0%{transform:rotate(0)scale(1)}50%{transform:rotate(90deg)scale(1.2)}to{transform:rotate(180deg)scale(1)}}.theme-toggle.switching svg{animation:.6s ease-in-out themeSwitch}.user-dropdown{background:var(--bg-secondary);backdrop-filter:blur(20px);border:1px solid var(--border-secondary);width:16rem;max-width:20rem;box-shadow:0 10px 40px var(--shadow-primary);z-index:1000;border-radius:12px;max-height:80vh;margin-top:.5rem;transition:all .3s;position:absolute;top:100%;right:0;overflow:hidden}.user-dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.user-dropdown-item:hover{background:var(--bg-card)}.user-dropdown-item.logout{color:var(--color-error-light)}.user-dropdown-item.logout:hover{color:var(--color-error);background:#ef444433}.user-dropdown-divider{background:var(--border-secondary);height:1px;margin:.5rem 0}.user-dropdown-group-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:6px;margin:.25rem .5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.user-dropdown-item.package-item{flex-direction:column;align-items:stretch;padding:.75rem 1rem;position:relative}.user-dropdown-item.package-item.active{background:var(--color-primary-bg);border-left:3px solid var(--color-primary)}.package-item-content{flex-direction:column;gap:.5rem;display:flex}.package-name{color:var(--text-primary);align-items:center;font-size:.875rem;font-weight:500;display:flex}.package-status{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.status-badge{border-radius:12px;padding:.125rem .5rem;font-size:.6875rem;font-weight:500}.status-badge.not_started{color:var(--text-secondary);background:#9ca3af33}.status-badge.in_progress{color:#3b82f6;background:#3b82f633}.status-badge.completed{color:#22c55e;background:#22c55e33}.user-dropdown-item.notification-item{justify-content:space-between;align-items:center;display:flex;position:relative}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:12px;min-width:20px;padding:2px 8px;font-size:.75rem;font-weight:600;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.user-dropdown-item.notification-item:hover .notification-badge{background:#dc2626}.progress-text{color:var(--text-secondary);font-weight:500}.user-menu-trigger{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .3s;display:flex}.user-menu-trigger:hover{background:var(--bg-card)}.user-avatar{background:var(--accent-primary);width:2rem;height:2rem;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.user-info{flex-direction:column;align-items:flex-start;display:flex}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.2}.user-org{color:var(--text-secondary);font-size:.75rem;line-height:1.2}.dropdown-arrow{width:1rem;height:1rem;color:var(--text-secondary);transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.main-container{background:0 0;max-width:1400px;margin:0 auto;padding:2rem}[data-theme=dark] .main-container{background:0 0!important}[data-theme=dark] .question-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .query-user-card,[data-theme=dark] .think-card-v2,[data-theme=dark] .message-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .query-option,[data-theme=dark] .query-custom-input,[data-theme=dark] .think-content,[data-theme=dark] .status-message{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .query-option-text,[data-theme=dark] .query-custom-text-input{color:var(--text-primary)!important;background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .query-custom-text-input::-moz-placeholder{color:var(--text-tertiary)!important}[data-theme=dark] .query-custom-text-input::placeholder{color:var(--text-tertiary)!important}[data-theme=dark] .think-title,[data-theme=dark] .status-title,[data-theme=dark] .query-title{color:var(--color-primary)!important}[data-theme=dark] .think-content strong,[data-theme=dark] .status-message strong{color:var(--text-primary)!important}[data-theme=dark] .think-content span,[data-theme=dark] .status-text{color:var(--text-secondary)!important}.dashboard-header{background:var(--bg-card);border:1px solid var(--border-primary);backdrop-filter:blur(20px);border-radius:16px;margin-bottom:2rem;padding:2rem;transition:all .3s}.gradient-bg{backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea14,#8b5cf60f,#667eea0a);border:1px solid #667eea26;border-radius:16px;margin-bottom:2rem;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #667eea14}.header-title{color:var(--text-inverse);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.header-subtitle{color:var(--text-inverse);opacity:.8;margin-bottom:0;font-size:1rem}.stat-cards-container{align-items:center;gap:1rem;display:flex}.stat-card{backdrop-filter:blur(10px);text-align:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;min-width:80px;padding:1rem 1.25rem;transition:all .3s}.stat-card:hover{background:#fff3;transform:translateY(-2px)}.stat-number{color:var(--text-inverse);margin-bottom:.25rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:#fffc;font-size:.75rem;font-weight:500;line-height:1}.achievement-badge{border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s;display:inline-flex}.achievement-badge:hover{transform:translateY(-1px)}@media(max-width:768px){.stat-cards-container{flex-direction:column;gap:.75rem}.stat-card{min-width:70px;padding:.75rem 1rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);text-align:center;backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card:hover{background:var(--bg-card-hover);border-color:var(--accent-color);box-shadow:0 8px 32px var(--shadow-accent);transform:translateY(-4px)}.stat-number{background:var(--accent-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.achievement-section{margin-bottom:2rem}.achievement-badge{color:var(--text-inverse);background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:inline-flex}.no-achievements{color:var(--text-tertiary);font-style:italic}.domain-tabs{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.domain-tab{color:var(--text-primary);font-size:.9rem;box-shadow:0 2px 8px #0000001a}.domain-tab:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.domain-tab.active{background:var(--gradient-primary);color:var(--text-inverse);border-color:#0000;box-shadow:0 4px 15px #667eea4d}.domain-info{background:#ffffffe6;border:1px solid #0000001a;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;box-shadow:0 4px 20px #00000014}.domain-info:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.domain-info h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.domain-meta{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.domain-stats{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.domain-stat-badge{background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.domain-stat-badge.tasks{background:var(--color-success);color:var(--text-inverse)}.domain-progress-section{justify-content:space-between;align-items:center;display:flex}.domain-progress-info h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.domain-progress-meta{color:var(--text-secondary);font-size:.85rem}.domain-progress-display{text-align:right}.domain-progress-percentage{color:var(--color-primary-hover);margin-bottom:.25rem;font-size:2rem;font-weight:700;line-height:1}.domain-progress-label{color:var(--text-secondary);font-size:.85rem}.search-filter-section{background:var(--bg-card);border:1px solid var(--border-primary);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:2rem;padding:1.5rem;transition:all .3s}.search-input{background:var(--bg-card-hover);border:1px solid var(--border-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent-color);background:var(--bg-card-hover);box-shadow:0 0 0 3px var(--shadow-accent);outline:none}.tasks-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media(max-width:1200px){.tasks-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:768px){.tasks-grid{grid-template-columns:1fr;gap:1rem}}.task-card{background:var(--bg-card);border:1px solid var(--border-primary);cursor:pointer;backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.task-card:before{content:"";background:var(--accent-primary);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.task-card:hover{background:var(--bg-card-hover);border-color:var(--accent-color);box-shadow:0 12px 40px var(--shadow-primary);transform:translateY(-4px)}.task-card:hover:before{opacity:1}.task-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem;font-weight:600;line-height:1.4}.task-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.task-meta{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.task-difficulty{border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.difficulty-easy{color:var(--color-success);background:#22c55e33;border:1px solid #22c55e4d}.difficulty-medium{color:var(--color-warning);background:#fbbf2433;border:1px solid #fbbf244d}.difficulty-hard{color:var(--color-error);background:#ef444433;border:1px solid #ef44444d}.task-score{color:var(--accent-color);font-weight:600}.task-progress{background:var(--border-primary);border-radius:3px;width:100%;height:6px;overflow:hidden}.task-progress-bar{background:var(--accent-primary);border-radius:3px;height:100%;transition:width .5s}@media(max-width:768px){.main-container{padding:1rem}.dashboard-header{padding:1.5rem}.dashboard-title{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.domain-tabs{gap:.5rem}.domain-tab{padding:.5rem 1rem;font-size:.9rem}}@media(max-width:480px){.navbar{padding:1rem 0}.navbar-actions{gap:.5rem}.btn-primary,.btn-secondary{padding:.4rem 1rem;font-size:.9rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-number{font-size:2rem}}.loading{justify-content:center;align-items:center;height:200px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--accent-color);opacity:.5;border-radius:4px}::-webkit-scrollbar-thumb:hover{opacity:.7}.domain-info{background:var(--bg-card);border:1px solid var(--border-primary);backdrop-filter:blur(20px);border-radius:16px;margin-bottom:2rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.domain-info:before{content:"";background:var(--accent-primary);opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.domain-info:hover{box-shadow:0 8px 32px var(--shadow-primary);border-color:var(--accent-color);transform:translateY(-2px)}.domain-section{margin-bottom:2rem}.scene-filter-bar{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;margin-bottom:1rem;display:flex}.scene-filter-bar button{letter-spacing:.025em;background:var(--bg-primary);color:var(--text-primary);text-align:center;border:1px solid #e5e7eb;border-radius:25px;min-width:80px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.scene-filter-bar button:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.scene-filter-bar button.active{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);border-color:var(--color-primary);color:var(--text-inverse);box-shadow:0 4px 15px #3b82f64d}.search-container{justify-content:center;margin:2rem 0;display:flex;position:relative}.search-wrapper{width:100%;max-width:600px;position:relative}.search-wrapper input{border:2px solid var(--border-primary);background:var(--bg-card);width:100%;color:var(--text-primary);backdrop-filter:blur(20px);box-shadow:0 4px 20px var(--shadow-primary);border-radius:50px;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-wrapper input:focus{border-color:var(--accent-color);background:var(--bg-card-hover);box-shadow:0 8px 32px var(--shadow-accent),0 0 0 4px #667eea1a;outline:none;transform:translateY(-2px)}.search-wrapper input::-moz-placeholder{color:var(--text-tertiary);font-style:italic}.search-wrapper input::placeholder{color:var(--text-tertiary);font-style:italic}.search-icon{color:var(--text-tertiary);pointer-events:none;transition:color .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-wrapper:focus-within .search-icon{color:var(--accent-color)}.task-card{background:var(--bg-primary);border:1px solid var(--bg-tertiary);cursor:pointer;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.task-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.task-card:hover:before{transform:scaleX(1)}.task-card:hover{border-color:var(--border-color);transform:translateY(-4px);box-shadow:0 10px 40px #0000001a,0 4px 20px #0000000d}.task-card-title{color:var(--text-primary);letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.task-type-tag{letter-spacing:.025em;border:1px solid #0000;border-radius:10px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:500;display:inline-flex}.task-type-tag.interactive{background:linear-gradient(135deg,#ecfdf5 0%,var(--color-success-light)100%);color:var(--color-success-hover);border-color:#a7f3d0}.task-type-tag.upload{background:linear-gradient(135deg,var(--color-primary-lighter)0%,var(--color-primary-light)100%);color:var(--color-primary-hover);border-color:var(--color-primary-light)}.task-type-tag.question{background:linear-gradient(135deg,#fff7ed 0%,var(--color-warning-light)100%);color:#9a3412;border-color:#fdba74}.task-type-tag.choice{color:var(--color-warning-hover);border-color:var(--color-warning);background:linear-gradient(135deg,#fef3c7,#fde68a)}.task-dimensions{margin:1rem 0}.task-dimensions-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.task-dimensions-icon{background:var(--text-tertiary);border-radius:50%;width:4px;height:4px}.task-dimensions-title{color:var(--text-secondary);letter-spacing:.025em;font-size:.875rem;font-weight:500}.task-dimensions-tags{flex-wrap:wrap;gap:.5rem;display:flex}.task-dimension-tag{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);letter-spacing:.025em;border-radius:8px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.task-dimension-tag:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.task-description{color:var(--text-secondary);letter-spacing:.025em;margin:1rem 0 1.25rem;font-size:.875rem;line-height:1.6}.task-progress-section{margin:1.25rem 0}.task-progress-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.task-progress-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.task-progress-score{color:var(--text-primary);letter-spacing:.025em;font-size:.875rem;font-weight:600}.task-progress-bar{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.task-progress-fill{border-radius:3px;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-progress-fill.excellent{background:linear-gradient(90deg,var(--color-success)0%,var(--color-success)100%)}.task-progress-fill.good{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-hover)100%)}.task-progress-fill.average{background:linear-gradient(90deg,var(--color-warning)0%,var(--color-warning)100%)}.task-progress-fill.none{background:var(--border-color)}.task-actions{gap:.75rem;margin-top:1.5rem;display:flex}.task-btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:var(--text-inverse);letter-spacing:.025em;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #3b82f64d}.task-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover)0%,var(--color-primary-hover)100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.task-btn-secondary{background:var(--bg-secondary);width:44px;height:44px;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:.875rem;transition:all .3s;display:flex}.task-card .task-title{color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-color)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}.task-card .task-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.task-card .task-meta{margin-bottom:1rem}.task-card .task-meta p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:500}.task-card .task-meta .fas{color:var(--accent-color);margin-right:.5rem}.skill-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.skill-tag{color:var(--accent-color);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;transition:all .3s}.skill-tag:hover{background:linear-gradient(135deg,#667eea33,#764ba233);transform:translateY(-1px)}.progress-container{margin-bottom:1.5rem}.progress-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.progress-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.progress-score{font-size:1rem;font-weight:700}.progress-score.completed{color:var(--color-success)}.progress-score.not-started{color:var(--text-tertiary)}.progress-bar-container{background:var(--border-primary);border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar{border-radius:4px;height:100%;transition:all .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar.excellent{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-bar.good{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-hover)100%)}.progress-bar.average{background:linear-gradient(90deg,var(--color-warning)0%,var(--color-warning)100%)}.progress-bar.not-started{background:var(--border-secondary)}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.task-actions{gap:.75rem;display:flex}.task-btn-primary{background:var(--accent-primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.task-btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.task-btn-primary:hover:before{left:100%}.task-btn-primary:hover{box-shadow:0 8px 25px var(--shadow-accent);transform:translateY(-2px)}.task-btn-secondary{border:2px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;min-width:3rem;padding:.75rem;transition:all .3s;display:flex}.task-btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.empty-state{text-align:center;background:var(--bg-card);border:2px dashed var(--border-primary);border-radius:20px;margin:2rem 0;padding:4rem 2rem;transition:all .3s}.empty-state:hover{border-color:var(--accent-color);background:var(--bg-card-hover)}.empty-state svg{opacity:.5;margin-bottom:1.5rem}.empty-state h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.activity-section{background:var(--bg-card);border:1px solid var(--border-primary);backdrop-filter:blur(20px);border-radius:20px;margin-top:2rem;padding:2rem;transition:all .3s}.activity-section:hover{box-shadow:0 8px 32px var(--shadow-primary);border-color:var(--accent-color);transform:translateY(-2px)}.activity-section h3{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.activity-section h3 .fas{color:var(--accent-color)}.activity-item{background:var(--bg-card-hover);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.activity-item:before{content:"";background:var(--color-success);border-radius:0 2px 2px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.activity-item:hover{background:var(--bg-card);border-color:var(--accent-color);transform:translate(4px)}.activity-item:last-child{margin-bottom:0}.fade-in{animation:.6s ease-out fadeIn}.slide-up{animation:.4s ease-out slideUp}.auth-modal-overlay{backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.auth-modal-container{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:600px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideIn;position:relative;overflow-y:auto}.auth-modal-close{border:1px solid var(--border-secondary);width:2.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.auth-modal-close:hover{background:var(--bg-card);border-color:var(--accent-color);color:var(--accent-color);transform:rotate(90deg)}.auth-modal-close svg{width:1.25rem;height:1.25rem}.auth-modal-header{text-align:center;background:linear-gradient(135deg,var(--bg-secondary)0%,var(--border-color)100%);border-bottom:1px solid var(--border-color);border-radius:24px 24px 0 0;padding:3rem 2rem 2rem;position:relative;overflow:hidden}.auth-modal-header:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.auth-modal-logo{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);width:4rem;height:4rem;color:var(--text-inverse);z-index:2;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex;position:relative;box-shadow:0 8px 32px #3b82f64d}.auth-modal-logo svg{width:2rem;height:2rem}.auth-modal-title{color:var(--text-primary);z-index:2;text-shadow:none;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;position:relative}.auth-modal-subtitle{color:var(--text-secondary);z-index:2;text-shadow:none;margin:0;font-size:1rem;position:relative}.auth-modal-tabs{background:var(--bg-card);border-radius:16px;gap:.5rem;margin:2rem;padding:.5rem;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.auth-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.auth-tab.active{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 4px 12px var(--shadow-accent);transform:translateY(-1px)}.auth-tab i{font-size:.9rem}.auth-message{border-radius:12px;align-items:center;gap:.75rem;margin:0 2rem 1rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s ease-out slideUp;display:flex}.auth-message.error{color:var(--color-error);background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433}.auth-message.success{color:var(--color-success-hover);background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:1px solid #22c55e33}.auth-message i{font-size:1.1rem}.form-input.error-input{border-color:var(--color-error);background-color:#ef44440d}.form-input.error-input:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.field-error-message{color:var(--color-error);margin-top:4px;font-size:12px;animation:.2s ease-out slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-modal-content{padding:0 2rem 2rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.form-label i{color:var(--accent-color);text-align:center;width:1rem;font-size:.85rem}.form-input,.form-select{background:var(--bg-card);border:2px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:.875rem 1rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-select:focus{border-color:var(--accent-color);background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:0 0 0 4px #667eea1a}.form-input:invalid{border-color:var(--color-error)}.form-input:invalid:focus{border-color:var(--color-error);box-shadow:0 0 0 4px #ef44441a}.form-checkbox{cursor:pointer;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5;display:flex}.form-checkbox input[type=checkbox]{display:none}.checkmark{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:6px;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;transition:all .3s;position:relative}.checkmark:after{content:"";border:solid var(--bg-primary);opacity:0;border-width:0 2px 2px 0;width:.375rem;height:.75rem;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.form-checkbox input[type=checkbox]:checked+.checkmark{background:var(--accent-primary);border-color:var(--accent-color)}.form-checkbox input[type=checkbox]:checked+.checkmark:after{opacity:1}.checkbox-text{color:var(--text-secondary)}.checkbox-text .link{color:var(--accent-color);font-weight:500;text-decoration:none;transition:color .2s}.checkbox-text .link:hover{color:var(--text-primary);text-decoration:underline}.auth-submit-btn{background:var(--accent-primary);width:100%;color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px var(--shadow-accent);transform:translateY(-2px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-submit-btn i{font-size:.9rem}.loading-spinner{border:2px solid #ffffff4d;border-top:2px solid var(--bg-primary);border-radius:50%;width:1.25rem;height:1.25rem;animation:1s linear infinite spin}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.9rem}.auth-switch-btn{color:var(--accent-color);cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-weight:500;transition:color .2s}.auth-switch-btn:hover{color:var(--text-primary);text-decoration:underline}@media(max-width:768px){.auth-modal-container{border-radius:20px;max-width:95vw;margin:.5rem}.auth-modal-header{padding:2.5rem 1.5rem 1.5rem}.auth-modal-title{font-size:1.5rem}.auth-modal-tabs{margin:1.5rem}.auth-modal-content{padding:0 1.5rem 1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.auth-modal-close{width:2rem;height:2rem;top:1rem;right:1rem}.auth-modal-close svg{width:1rem;height:1rem}}@media(max-width:480px){.auth-modal-overlay{padding:.5rem}.auth-modal-container{max-height:95vh}.auth-modal-header{padding:2rem 1rem 1rem}.auth-modal-logo{width:3rem;height:3rem;margin-bottom:1rem}.auth-modal-logo svg{width:1.5rem;height:1.5rem}.auth-modal-title{font-size:1.25rem}.auth-modal-subtitle{font-size:.9rem}.auth-modal-tabs{margin:1rem}.auth-tab{padding:.75rem 1rem;font-size:.9rem}.auth-modal-content{padding:0 1rem 1rem}.form-input,.form-select{padding:.75rem .875rem;font-size:.9rem}.auth-submit-btn{padding:.875rem 1.5rem;font-size:.95rem}}@media(prefers-color-scheme:dark){.auth-modal-container{background:var(--bg-secondary);border-color:var(--border-primary)}.form-input,.form-select{background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.form-input:focus,.form-select:focus{background:var(--bg-card-hover)}.checkmark{background:var(--bg-card);border-color:var(--border-primary)}}.logout-confirm-overlay{backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.logout-confirm-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:0 25px 50px -12px var(--shadow-primary);backdrop-filter:blur(20px);border-radius:20px;width:100%;max-width:400px;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideIn;overflow:hidden}.logout-confirm-header{text-align:center;background:linear-gradient(135deg,#ef44441a,#dc26260d);padding:2rem 2rem 1.5rem}.logout-confirm-icon{background:linear-gradient(135deg,var(--color-error)0%,var(--color-error)100%);width:4rem;height:4rem;color:var(--text-inverse);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.5rem;display:flex;box-shadow:0 8px 32px #ef44444d}.logout-confirm-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.logout-confirm-message{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.logout-confirm-actions{gap:1rem;padding:1.5rem 2rem 2rem;display:flex}.logout-confirm-cancel,.logout-confirm-ok{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.logout-confirm-cancel{background:var(--bg-card);border:2px solid var(--border-secondary);color:var(--text-secondary)}.logout-confirm-cancel:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-primary);color:var(--text-primary);transform:translateY(-1px)}.logout-confirm-ok{background:linear-gradient(135deg,var(--color-error)0%,var(--color-error)100%);color:var(--text-inverse);position:relative;overflow:hidden}.logout-confirm-ok:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.logout-confirm-ok:hover:not(:disabled):before{left:100%}.logout-confirm-ok:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #ef444466}.logout-confirm-ok:disabled,.logout-confirm-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none}.logout-confirm-ok .loading-spinner{border:2px solid #ffffff4d;border-top:2px solid var(--bg-primary);border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}@media(max-width:480px){.logout-confirm-modal{max-width:95vw;margin:.5rem}.logout-confirm-header{padding:1.5rem 1.5rem 1rem}.logout-confirm-icon{width:3rem;height:3rem;margin-bottom:1rem;font-size:1.25rem}.logout-confirm-title{font-size:1.25rem}.logout-confirm-actions{flex-direction:column;gap:.75rem;padding:1rem 1.5rem 1.5rem}.logout-confirm-cancel,.logout-confirm-ok{padding:.75rem 1.25rem}}.admin-auth-modal .auth-modal-logo{background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-secondary-hover)100%);box-shadow:0 8px 32px #8b5cf64d}.admin-auth-modal .auth-tab.active{background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-secondary-hover)100%);box-shadow:0 4px 12px #8b5cf64d}.admin-auth-modal .auth-submit-btn.admin-btn{background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-secondary-hover)100%);box-shadow:0 4px 15px #8b5cf64d}.admin-auth-modal .auth-submit-btn.admin-btn:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf666}.admin-auth-modal .form-input:focus,.admin-auth-modal .form-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 4px #8b5cf61a}.admin-auth-modal .form-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,var(--color-secondary)0%,var(--color-secondary-hover)100%);border-color:var(--color-secondary)}.admin-auth-modal .checkbox-text .link,.admin-auth-modal .auth-switch-btn{color:var(--color-secondary)}.admin-notice{color:var(--color-primary-hover);background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border:1px solid #3b82f633;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.admin-notice.warning{color:var(--color-warning-hover);background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border-color:#fbbf2433}.admin-notice i{flex-shrink:0;font-size:1.1rem}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media(max-width:768px){.search-wrapper input{padding:.875rem .875rem .875rem 2.5rem;font-size:.95rem}.search-icon{left:.875rem}.task-card{padding:1.5rem}.task-card .task-title{font-size:1.1rem}.domain-info{padding:1.5rem}.scene-filter-bar{gap:.5rem}.scene-filter-bar button{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:480px){.task-actions{flex-direction:column;gap:.5rem}.task-btn-secondary{min-width:auto;padding:.75rem 1.5rem}.activity-section{padding:1.5rem}.activity-item{padding:1rem}.admin-notice{padding:.875rem 1rem;font-size:.85rem}}.dashboard-stats-grid{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.dashboard-stat-card{backdrop-filter:blur(12px);text-align:center;background:#ffffffa6;border:1px solid #fffc;border-radius:16px;flex-direction:column;flex:1;align-items:center;min-width:140px;min-height:120px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dashboard-stat-card:hover{background:#fffc;transform:translateY(-3px);box-shadow:0 12px 32px #667eea26}.dashboard-stat-card.clickable{cursor:pointer}.dashboard-stat-card.clickable:active{transform:translateY(-1px)}.dashboard-stat-icon{color:#667eeacc;background:#667eea26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:.75rem;font-size:.9rem;transition:all .3s;display:flex;position:relative}.dashboard-stat-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.dashboard-stat-number{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700;line-height:1}.dashboard-stat-label{color:var(--text-secondary);text-align:center;font-size:.75rem;font-weight:500;line-height:1.2}.dashboard-stat-sub{color:var(--text-tertiary);margin-top:.25rem;font-size:.65rem;line-height:1}.dashboard-stat-card-primary{background:linear-gradient(135deg,#f59e0b40,#f59e0b1f);border:1px solid #f59e0b59}.dashboard-stat-icon-primary{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b4d}.dashboard-stat-number-primary{color:#fbbf24;text-shadow:0 2px 4px #f59e0b4d;font-size:2rem}.dashboard-stat-label-primary{color:#fbbf24e6}.dashboard-stat-card-blue{background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid #3b82f640}.dashboard-stat-icon-blue{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.dashboard-stat-number-blue{color:#60a5fa}.dashboard-stat-label-blue{color:#60a5fae6}.dashboard-stat-card-purple{background:linear-gradient(135deg,#7c3aed26,#7c3aed14);border:1px solid #7c3aed40}.dashboard-stat-card-green{background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid #22c55e40}.dashboard-stat-card-incentive{background:linear-gradient(135deg,#7c3aed1a,#7c3aed0a);border:1px dashed #7c3aed66;animation:3s ease-in-out infinite incentiveGlow}.dashboard-stat-icon-purple{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed)}.dashboard-stat-number-purple{color:#a855f7}.dashboard-stat-label-purple{color:#a855f7e6}.dashboard-stat-icon-green{color:#fff;background:linear-gradient(135deg,#4ade80,#22c55e)}.dashboard-stat-number-green{color:#4ade80}.dashboard-stat-label-green{color:#4ade80e6}.dashboard-stat-pulse{background:#7c3aed;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}.dashboard-stat-hint{opacity:.6;margin-left:2px;font-size:.8rem}@keyframes incentiveGlow{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 20px #7c3aed4d}}@media(max-width:768px){.dashboard-stats-grid{gap:.75rem}.dashboard-stat-card{min-width:120px;min-height:100px;padding:1rem}.dashboard-stat-icon{width:28px;height:28px;margin-bottom:.5rem;font-size:.8rem}.dashboard-stat-number{font-size:1.5rem}.dashboard-stat-number-primary{font-size:1.75rem}.dashboard-stat-label{font-size:.7rem}.dashboard-stat-sub{font-size:.6rem}}@media(max-width:480px){.dashboard-stats-grid{flex-direction:column;gap:.75rem}.dashboard-stat-card{min-width:auto;min-height:90px;padding:.75rem}.dashboard-stat-icon{width:24px;height:24px;font-size:.75rem}.dashboard-stat-number{font-size:1.25rem}.dashboard-stat-number-primary{font-size:1.5rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-primary-lighter: #eff6ff;--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--color-secondary-light: #e9d5ff;--color-secondary-lighter: #f3e8ff;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fed7aa;--color-warning-lighter: #fffbeb;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #6366f1;--color-info-light: #e0e7ff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f8fafc;--bg-gradient: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-quaternary: #cbd5e1;--text-inverse: #ffffff;--text-muted: #cbd5e1;--border-color: #e2e8f0;--border-color-light: #f1f5f9;--border-light: #f1f5f9;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-success) 0%, #06b6d4 100%);--gradient-accent: linear-gradient(135deg, var(--color-warning) 0%, var(--color-error) 100%);--gradient-text: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);--gradient-text-hero: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);--gradient-primary-overlay: linear-gradient(135deg, rgba(59, 130, 246, .05), rgba(139, 92, 246, .05))}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: #1e3a8a;--color-primary-lighter: #1e293b;--color-secondary: #a78bfa;--color-secondary-hover: #8b5cf6;--color-secondary-light: #4c1d95;--color-secondary-lighter: #2e1065;--color-success: #34d399;--color-success-light: #064e3b;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-light: #78350f;--color-warning-lighter: #1e1611;--color-error: #f87171;--color-error-light: #7f1d1d;--color-info: #818cf8;--color-info-light: #312e81;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-quaternary: #64748b;--text-inverse: #0f172a;--text-muted: #64748b;--border-color: #334155;--border-color-light: #1e293b;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--gradient-secondary: linear-gradient(135deg, #34d399 0%, #06b6d4 100%);--gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f87171 100%);--gradient-text: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--text-muted) 100%);--gradient-text-hero: linear-gradient(135deg, var(--bg-primary) 0%, var(--border-color) 100%);--gradient-primary-overlay: linear-gradient(135deg, rgba(96, 165, 250, .1), rgba(167, 139, 250, .1))}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-gradient);color:var(--text-primary);transition:background var(--transition-base),color var(--transition-base);line-height:1.6}.unified-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all var(--transition-base)}.unified-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-primary-lighter);border-color:var(--color-primary-hover)}.unified-input{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.unified-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-lighter);color:var(--color-primary);border-radius:var(--border-radius-sm);font-size:12px;font-weight:500;border:1px solid var(--color-primary-light)}.tag-success{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.tag-warning{background:var(--color-warning-light);color:var(--color-warning);border-color:var(--color-warning)}.tag-error{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}.fade-in{animation:fadeIn var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}