:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--light: #f8fafc;--dark: #1e293b;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: 8px;--transition: all .2s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--dark);background-color:#f9fafb;line-height:1.5}.dashboard{padding:1.5rem;max-width:1400px;margin:0 auto}.dashboard h2{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--dark)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-top:1rem}.category-chip-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.category-chip{background:#fff;border:1px solid var(--gray-300);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:var(--transition)}.category-chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;box-shadow:var(--shadow);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:1.75rem;margin-right:1rem;color:var(--primary)}.stat-icon.pink{color:#ec4899}.stat-icon.green{color:var(--success)}.stat-icon.blue{color:var(--primary)}.stat-icon.orange{color:var(--warning)}.stat-card p{font-size:.875rem;color:var(--gray-500);margin-bottom:.25rem}.stat-card h3{font-size:1.5rem;font-weight:600}.clickable-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .5s ease}.clickable-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border:1px solid var(--primary)}.clickable-card:active{transform:translateY(-1px);box-shadow:var(--shadow)}.recent-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.recent-box{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.recent-box h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--dark)}.recent-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.recent-item:last-child{border-bottom:none}.avatar{font-size:1.5rem;margin-right:.75rem;color:var(--gray-400)}.avatar.blue{color:var(--primary)}.recent-item .name{font-weight:500;margin-bottom:.25rem}.recent-item small{color:var(--gray-500);font-size:.75rem}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.assignment-actions{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.add-btn{background:var(--success);color:#fff}.add-btn:hover{background:#059669;transform:translateY(-1px)}.assignment-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:.5rem;background:#fff;transition:var(--transition)}.assignment-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.assignment-content{flex:1;cursor:pointer;min-width:0}.assignment-controls{display:flex;gap:.5rem;margin-left:1rem;flex-shrink:0}.control-btn{padding:.375rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition);background:#fff}.edit-btn{color:var(--primary);border-color:var(--primary)}.edit-btn:hover{background:var(--primary);color:#fff}.delete-btn{color:var(--danger);border-color:var(--danger)}.delete-btn:hover{background:var(--danger);color:#fff}.empty-state{text-align:center;padding:2rem;background:var(--gray-100);border-radius:var(--radius);border:2px dashed var(--gray-300)}.empty-state p{margin-bottom:1rem;color:var(--gray-500)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-body{background:#fff;border-radius:var(--radius);width:100%;max-width:700px;max-height:90vh;overflow:auto;position:relative;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:var(--gray-500);cursor:pointer;z-index:10}.modal-close:hover{color:var(--dark)}.cat-header{padding:1.5rem;border-bottom:1px solid var(--gray-200)}.cat-header h3{font-size:1.25rem;font-weight:600}.cat-loading,.cat-error{padding:3rem;text-align:center}.cat-error p{color:var(--danger)}.cat-options{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.option-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.5rem;text-align:center;cursor:pointer;transition:var(--transition)}.option-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.option-icon{font-size:2rem;color:var(--primary);margin-bottom:.75rem}.option-meta h4{font-weight:600;margin-bottom:.25rem}.option-meta p{color:var(--gray-500);font-size:.875rem}.section-wrap,.detail-view{padding:1.5rem}.section-top{display:flex;align-items:center;margin-bottom:1.25rem}.section-top h4{font-size:1.125rem;font-weight:600;margin-left:.75rem}.back-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;display:flex;align-items:center}.back-btn:hover{color:var(--primary-dark)}.click-list{list-style:none}.click-list li{padding:.875rem;border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:.75rem;cursor:pointer;transition:var(--transition)}.click-list li:hover{border-color:var(--primary);background:var(--gray-100)}.click-list .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.click-list .left{display:flex;align-items:center;gap:.5rem}.click-list .title{font-weight:500}.click-list .right small{color:var(--gray-500)}.muted{color:var(--gray-500);font-style:italic}.kv{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.kv:last-child{border-bottom:none}.kv span{color:var(--gray-500)}.section{margin-top:1.5rem}.section h5{font-size:1rem;font-weight:600;margin-bottom:.75rem}.pre{background:var(--gray-100);padding:1rem;border-radius:var(--radius);overflow:auto;font-size:.875rem;font-family:monospace;white-space:pre-wrap}@media (max-width: 768px){.dashboard{padding:1rem}.stats-grid,.recent-container,.cat-options{grid-template-columns:1fr}.modal-body{max-height:95vh}}.dq-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.dq-opts .tag{margin:0}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;background:#f3f4f6;font-size:12px;line-height:1}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #e0e7ff;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--neutral: #6b7280;--neutral-light: #f3f4f6;--light: #ffffff;--dark: #111827;--dark-light: #374151;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Roboto Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--border: 1px solid #e5e7eb;--border-dark: 1px solid #d1d5db;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 10px 15px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .05), 0 20px 40px rgba(0, 0, 0, .05);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.student-dashboard{max-width:1440px;margin:0 auto;padding:var(--space-xl);display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.dashboard-header{margin-bottom:var(--space-md)}.dashboard-header h1{font-size:2rem;font-weight:700;letter-spacing:-.025em;color:var(--dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.stat-card{background:var(--light);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow);display:flex;gap:var(--space-md);transition:var(--transition-slow);border:var(--border)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.clickable-card{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.clickable-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s ease}.clickable-card:hover:before{left:100%}.clickable-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.clickable-card:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1}.stat-content h3{font-size:1rem;font-weight:500;color:var(--neutral);margin-bottom:var(--space-xs)}.stat-value{font-size:1.75rem;font-weight:700;line-height:1;color:var(--dark);margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--neutral)}.progress-section{background:var(--light);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow);border:var(--border)}.progress-card h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg)}.progress-bar-container{height:8px;background:var(--neutral-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:var(--radius-full);transition:width .6s ease}.progress-details{display:flex;justify-content:space-between;font-size:.875rem;color:var(--neutral)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.info-card{background:var(--light);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow);border:var(--border)}.info-card h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg)}.info-item{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);align-items:center}.info-icon{color:var(--primary);flex-shrink:0}.info-label{font-size:.875rem;color:var(--neutral)}.info-value{font-weight:500;color:var(--dark)}.submissions-container{max-height:400px;overflow-y:auto;padding-right:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.submissions-container::-webkit-scrollbar{width:6px}.submissions-container::-webkit-scrollbar-track{background:transparent}.submissions-container::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:var(--radius-full)}.submission-item{background:var(--light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:var(--border);transition:var(--transition)}.submission-item:not(.submission-item--disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary-light);cursor:pointer}.submission-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.submission-icon{color:var(--primary)}.submission-header h3{font-size:1rem;font-weight:600;flex:1}.status-badge{font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.status-badge--completed{background:var(--success-light);color:#047857}.status-badge--pending{background:var(--warning-light);color:#b45309}.submission-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm);font-size:.875rem}.submission-stat{display:flex;justify-content:space-between}.submission-stat span:first-child{color:var(--neutral)}.no-submissions{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--neutral)}.result-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-popup{background:var(--light);border-radius:var(--radius-md);width:90%;max-width:1000px;max-height:90vh;padding:var(--space-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-popup{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--neutral);cursor:pointer;transition:var(--transition)}.close-popup:hover{color:var(--dark)}.result-header{margin-bottom:var(--space-xl);text-align:center}.result-header h2{font-size:1.5rem;margin-bottom:var(--space-md)}.result-summary{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg)}.summary-item{text-align:center}.summary-item span{display:block;color:var(--neutral);font-size:.875rem;margin-bottom:var(--space-xs)}.summary-item strong{font-size:1.25rem;font-weight:700}.summary-item .correct{color:var(--success)}.summary-item .incorrect{color:var(--error)}.summary-item .progress{color:var(--primary)}.multi-assignment-result{overflow-y:auto;padding-right:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.multi-assignment-result::-webkit-scrollbar{width:6px}.multi-assignment-result::-webkit-scrollbar-track{background:transparent}.multi-assignment-result::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:var(--radius-full)}.sub-assignment{background:var(--neutral-light);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.assignment-title h3{font-size:1.125rem;margin-bottom:var(--space-lg)}.answers-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.answers-section{background:var(--light);border-radius:var(--radius-md);padding:var(--space-md);border:var(--border)}.answers-section h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral);margin-bottom:var(--space-md)}.answers-row{display:grid;gap:var(--space-md)}.answers-row>div{padding-bottom:var(--space-md);border-bottom:1px dashed var(--border)}.answers-row>div:last-child{border-bottom:none;padding-bottom:0}.dynamic-questions-container{display:grid;gap:var(--space-lg)}.dynamic-question{background:var(--light);border-radius:var(--radius-md);padding:var(--space-md);border:var(--border)}.question-text{font-weight:500;margin-bottom:var(--space-md)}.question-answers{display:grid;gap:var(--space-sm);margin-bottom:var(--space-sm)}.submitted-answer,.correct-answer{display:flex;gap:var(--space-sm)}.submitted-answer span,.correct-answer span{color:var(--neutral)}.question-options{font-size:.875rem;color:var(--neutral);display:flex;gap:var(--space-sm)}.module-progress{font-size:.875rem;color:var(--neutral);margin-top:var(--space-md)}.module-progress p{display:flex;gap:var(--space-md)}.dashboard-loading,.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-md)}.loading-spinner{width:48px;height:48px;border:4px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.dashboard-error{display:flex;align-items:center;justify-content:center;min-height:300px}.error-message{color:var(--error);font-weight:500}.filtered-assignments-section{background:var(--light);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow);border:var(--border);margin-top:var(--space-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filtered-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border)}.filtered-header h2{font-size:1.25rem;font-weight:600;color:var(--dark);margin:0}.clear-filter-btn{display:flex;align-items:center;gap:var(--space-xs);background:var(--neutral-light);border:var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--neutral);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.clear-filter-btn:hover{background:var(--error-light);color:var(--error);border-color:var(--error)}.filtered-assignments-container{display:grid;gap:var(--space-md);max-height:500px;overflow-y:auto;padding-right:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.filtered-assignments-container::-webkit-scrollbar{width:6px}.filtered-assignments-container::-webkit-scrollbar-track{background:transparent}.filtered-assignments-container::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:var(--radius-full)}.filtered-assignment-item{background:var(--neutral-light);border-radius:var(--radius-md);padding:var(--space-md);border:var(--border);transition:var(--transition);position:relative}.filtered-assignment-item:not(.filtered-assignment-item--disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary-light)}.filtered-assignment-item--disabled{opacity:.6;cursor:not-allowed}.filtered-assignment-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.filtered-assignment-icon{color:var(--primary);flex-shrink:0}.filtered-assignment-header h3{font-size:1rem;font-weight:600;flex:1;margin:0}.assignment-score{display:flex;gap:var(--space-md);margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--light);border-radius:var(--radius-sm);font-size:.875rem}.assignment-score span{color:var(--neutral);font-weight:500}.assignment-progress{margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--primary-light);border-radius:var(--radius-sm);font-size:.875rem}.assignment-progress span{color:var(--primary);font-weight:500}.assignment-details{display:flex;gap:var(--space-md);font-size:.875rem;color:var(--neutral);margin-top:var(--space-sm)}.no-filtered-assignments{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--neutral)}.no-filtered-assignments svg{margin-bottom:var(--space-md);opacity:.5}@media (max-width: 1024px){.student-dashboard{padding:var(--space-lg)}}@media (max-width: 768px){.stats-grid,.info-grid{grid-template-columns:1fr}.result-summary{flex-direction:column;gap:var(--space-md)}.answers-comparison{grid-template-columns:1fr}}@media (max-width: 480px){.student-dashboard{padding:var(--space-md)}.dashboard-header h1{font-size:1.5rem}.result-popup{width:95%;padding:var(--space-lg)}.submission-details{grid-template-columns:1fr}}.ai-assistant-button{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;padding:15px 20px;cursor:pointer;box-shadow:0 8px 25px #667eea66;transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}.ai-assistant-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea99}.ai-assistant-button:active{transform:translateY(0)}.ai-assistant-label{white-space:nowrap}.ai-assistant-modal{position:fixed;bottom:100px;right:30px;width:450px;height:650px;background:#1f2937;border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:1001;display:flex;flex-direction:column;overflow:hidden;border:1px solid #374151}.ai-assistant-header{background:#1f2937;color:#f9fafb;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #374151}.ai-assistant-controls{display:flex;gap:8px;align-items:center}.ai-assistant-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;color:#f9fafb}.ai-assistant-close{background:#374151;border:none;color:#d1d5db;border-radius:8px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-assistant-close:hover{background:#4b5563;color:#f9fafb}.ai-assistant-fullscreen{background:#374151;border:none;color:#d1d5db;border-radius:8px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-assistant-fullscreen:hover{background:#4b5563;color:#f9fafb}.ai-assistant-messages{flex:1;padding:0;overflow-y:auto;display:flex;flex-direction:column;background:#1f2937}.ai-message{display:flex;flex-direction:column;width:100%;padding:20px}.ai-message.user{background:#374151}.ai-message.assistant{background:#1f2937}.ai-message-content{max-width:800px;margin:0 auto;font-size:16px;line-height:1.6;word-wrap:break-word;color:#fff}.ai-message.user .ai-message-content,.ai-message.assistant .ai-message-content{color:#fff}.ai-message-list{margin:16px 0;padding-left:20px}.ai-message-list-item{margin:8px 0;line-height:1.6;color:#fff}.ai-message-list ul{list-style-type:disc}.ai-message-list ol{list-style-type:decimal}.ai-message-list li{margin:6px 0;padding-left:4px}.ai-message-content strong{font-weight:700;color:#fff}.ai-message-content em{font-style:italic;color:#d1d5db}.ai-message-time{font-size:12px;color:#9ca3af;margin-top:8px;text-align:center;width:100%}.ai-assistant-input-container{padding:20px;border-top:1px solid #374151;background:#1f2937}.ai-assistant-tools{display:flex;gap:8px;margin-bottom:12px}.ai-tool-button{background:#374151;border:1px solid #4b5563;border-radius:6px;padding:8px;cursor:pointer;color:#d1d5db;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ai-tool-button:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}.ai-tool-button.listening{background:#10b981;color:#fff;border-color:#10b981;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ai-input-wrapper{display:flex;gap:8px;align-items:flex-end}.ai-input{flex:1;border:1px solid #4b5563;border-radius:12px;padding:12px 16px;font-size:16px;resize:none;outline:none;transition:all .2s ease;font-family:inherit;line-height:1.5;background:#374151;color:#f9fafb}.ai-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ai-send-button{background:#10b981;color:#fff;border:none;border-radius:8px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ai-send-button:hover:not(:disabled){background:#059669;transform:scale(1.05)}.ai-send-button:disabled{background:#d1d5db;cursor:not-allowed}.ai-uploaded-file{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #10b981;border-radius:8px;padding:8px 12px;margin-top:12px;font-size:12px;color:#065f46}.ai-remove-file{background:none;border:none;color:#065f46;cursor:pointer;padding:2px;border-radius:4px;margin-left:auto}.ai-remove-file:hover{background:#10b9811a}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.ai-assistant-modal{width:calc(100vw - 40px);right:20px;left:20px;height:70vh;bottom:100px}.ai-assistant-button{bottom:20px;right:20px;padding:12px 16px}.ai-assistant-label{display:none}}@media (prefers-color-scheme: dark){.ai-assistant-modal{background:#1f2937;border-color:#374151}.ai-assistant-header{background:#1f2937;border-color:#374151;color:#f9fafb}.ai-message.user{background:#374151}.ai-message.assistant{background:#1f2937}.ai-message.user .ai-message-content,.ai-message.assistant .ai-message-content{color:#f9fafb}.ai-message-content strong{color:#fff}.ai-message-content em{color:#d1d5db}.ai-message-list-item{color:#f9fafb}.ai-assistant-input-container{background:#1f2937;border-color:#374151}.ai-input{background:#374151;color:#f9fafb;border-color:#4b5563}.ai-tool-button{background:#374151;color:#d1d5db;border-color:#4b5563}.ai-tool-button:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}}.ai-assistant-modal.fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;z-index:1002!important;max-width:none!important;max-height:none!important}.ai-assistant-modal.fullscreen .ai-assistant-messages{flex:1;max-height:none}.ai-assistant-modal.fullscreen .ai-assistant-input-container{position:sticky;bottom:0;background:inherit;border-top:1px solid #e5e7eb}.ai-assistant-modal.fullscreen .ai-message{padding:24px 32px}.ai-assistant-modal.fullscreen .ai-message-content{max-width:1000px}.crs-widget{position:fixed;bottom:100px;right:30px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50px;padding:15px 20px;cursor:pointer;box-shadow:0 8px 25px #10b98166;transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;min-width:140px}.crs-widget:hover{transform:translateY(-2px);box-shadow:0 12px 35px #10b98199;background:linear-gradient(135deg,#059669,#047857)}.crs-widget:active{transform:translateY(0)}.crs-icon{display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;width:32px;height:32px}.crs-label{white-space:nowrap;font-size:14px}@media (max-width: 768px){.crs-widget{bottom:90px;right:20px;padding:12px 16px;min-width:120px}.crs-label{font-size:12px}}:root{--primary-color: #3498db;--secondary-color: #2980b9;--text-color: #333;--light-text: #f8f9fa;--sidebar-bg: #2c3e50;--content-bg: #f8f9fa;--border-color: #e0e0e0;--hover-color: #f1f1f1;--shadow: 0 2px 10px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.layout{display:flex;min-height:100vh;background-color:var(--content-bg)}.sidebar-desktop{width:250px;background-color:var(--sidebar-bg);color:var(--light-text);display:flex;flex-direction:column;transition:all .3s ease;position:fixed;height:100vh;z-index:100}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-icon{font-size:1.5rem}.sidebar-nav{display:flex;flex-direction:column;padding:1rem 0;flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--light-text);text-decoration:none;transition:background-color .2s}.sidebar-link:hover{background-color:#ffffff1a}.sidebar-link span{font-size:.95rem}.logout-btn{margin-top:auto;background:none;border:none;cursor:pointer;text-align:left}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex}.sidebar-mobile{width:280px;background-color:var(--sidebar-bg);color:var(--light-text);display:flex;flex-direction:column;height:100%}.close-btn{background:none;border:none;color:var(--light-text);font-size:1.25rem;cursor:pointer;margin-right:.5rem}.main-content{flex:1;margin-left:250px;min-height:100vh;display:flex;flex-direction:column}.top-nav{background-color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);position:sticky;top:0;z-index:10}.nav-left{display:flex;align-items:center;gap:1rem}.menu-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-color);display:none}.nav-title{font-size:1.25rem;font-weight:600;color:var(--text-color)}.nav-right{display:flex;align-items:center;gap:1.5rem}.welcome-text{font-size:.9rem;color:var(--text-color)}.top-logout{background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.top-logout:hover{color:var(--secondary-color)}.content{flex:1;padding:1.5rem;background-color:#fff;margin:1rem;border-radius:8px;box-shadow:var(--shadow)}@media (max-width: 992px){.sidebar-desktop{transform:translate(-100%);position:fixed}.main-content{margin-left:0}.menu-btn{display:block}.sidebar-desktop.open{transform:translate(0)}}@media (max-width: 576px){.content{margin:.5rem;padding:1rem}.top-nav{padding:1rem}.nav-title{font-size:1.1rem}}.students-container{padding:20px;overflow-x:auto}.students-table{width:100%;border-collapse:collapse;margin-top:20px}.students-table th,.students-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.students-table th{background-color:#f8f9fa;font-weight:600}.student-row:hover{background-color:#f5f5f5}.profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.placeholder-profile{width:40px;height:40px;border-radius:50%;background-color:#eee;display:flex;align-items:center;justify-content:center;color:#999}.actions-wrapper{display:flex;gap:10px}.details-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:5px;font-size:16px;color:#555}.details-btn:hover{color:#007bff}.delete-btn:hover{color:#dc3545}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background-color:#fff;border-radius:8px;width:80%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;position:relative}.modal-content{padding:20px;overflow-y:auto;flex:1}.modal-header,.modal-footer{flex-shrink:0}.assignments-sections{margin-bottom:20px}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#777;padding:5px;transition:color .2s}.close-btn:hover{color:#333}.modal-content{padding:20px}.student-info{display:flex;gap:30px;margin-bottom:20px;flex-wrap:wrap}.profile-section{flex:0 0 auto}.modal-profile-img{width:100px;height:100px;border-radius:50%;object-fit:cover}.modal-placeholder-profile{width:100px;height:100px;border-radius:50%;background-color:#eee;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.5rem}.info-section{flex:1;min-width:200px}.info-section p{margin:8px 0}.assignments-sections{display:flex;gap:30px;flex-wrap:wrap}.assignments-section{flex:1;min-width:300px}.assignments-section h4{margin-top:0;padding-bottom:8px;border-bottom:1px solid #eee}.module-group{margin-bottom:15px}.module-group h5{margin:10px 0 5px;color:#555}.module-group ul{list-style-type:none;padding-left:15px;margin:0}.module-group li{padding:5px 0;border-bottom:1px dashed #eee}.progress-details{font-size:.8em;color:#666;margin-left:10px}.no-data{color:#999;font-style:italic}.modal-footer{padding:15px 20px;border-top:1px solid #eee;text-align:right;position:sticky;bottom:0;background:#fff}.modal-footer .delete-btn{background-color:#dc3545;color:#fff;padding:8px 15px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s}.modal-footer .delete-btn:hover{background-color:#c82333}@media (max-width: 768px){.modal{width:95%}.student-info,.assignments-sections{flex-direction:column}.assignments-section{min-width:100%}}.students-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-student-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.add-student-btn:hover{background-color:#45a049}.edit-btn{background-color:#2196f3;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer;margin-left:8px}.edit-btn:hover{background-color:#0b7dda}.form-modal{max-width:600px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.submit-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.submit-btn:hover{background-color:#45a049}.cancel-btn{background-color:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.cancel-btn:hover{background-color:#d32f2f}.current-image-preview{margin-top:10px}.current-image-preview p{margin-bottom:5px}.preview-img{max-width:100px;max-height:100px;border-radius:4px}.profile-img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid #ddd;box-shadow:0 2px 6px #00000026}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-students-message{text-align:center;padding:2rem;color:#666}.expired-date{color:#ff4d4f;font-weight:700}.active-date{color:#52c41a}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.container{max-width:1200px;margin:0 auto;padding:1rem}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header{font-size:1.875rem;font-weight:600;color:#1f2937;margin:0}.search-container{margin-bottom:2rem}.search-input-wrapper{position:relative;max-width:500px}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff;box-shadow:0 1px 3px #0000001a}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.search-results-info{margin-top:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.no-search-results{text-align:center;padding:2rem;background:#f9fafb;border-radius:.5rem;border:2px dashed #e5e7eb;margin-bottom:2rem}.clear-search-btn{margin-top:1rem}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem;overflow:hidden}.card-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.card-meta{padding:.75rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.card-body{padding:1.5rem}.button{padding:.5rem 1rem;border-radius:.375rem;border:none;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:#3b82f6;color:#fff}.button-secondary{background:#6b7280;color:#fff}.button-danger{background:#ef4444;color:#fff}.edit-btn{background:#10b981;color:#fff}.edit-btn:hover{background:#059669}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0003;max-width:90vw;max-height:90vh;overflow-y:auto;z-index:1001;min-width:300px}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;margin:0;color:#1f2937}.modal-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-body{padding:1.5rem}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.th,.td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.tr:hover{background:#f9fafb}.student-list{list-style:none;padding:0;margin:0}.student-list-item{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.student-list-item:hover{background:#f3f4f6}.student-list-item:last-child{border-bottom:none}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.category-btn{width:100%;justify-content:center}.text-success{color:#10b981}.text-danger{color:#ef4444}.text-primary{color:#3b82f6}.loading-text,.error-text,.no-data-text{text-align:center;padding:2rem;color:#6b7280}.error-text{color:#ef4444}.mb-1{margin-bottom:.5rem}.mt-1{margin-top:.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-2{gap:.5rem}.student-summary-container{max-width:none;padding:0}.results-header{margin-bottom:1.5rem;text-align:center}.results-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.results-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.submodule{margin-bottom:1.5rem;border-left:4px solid #3b82f6}.submodule-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.submodule-footer{display:flex;justify-content:space-between;padding:.75rem;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.panel{padding:1rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fafafa}.panel-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#374151;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.dq-card{padding:1rem;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.75rem;background:#fff}.dq-title{font-size:.875rem;font-weight:600;margin:0 0 .5rem;color:#374151}.action-buttons{display:flex;gap:.5rem}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.pdf-link{color:#3b82f6;text-decoration:none;font-weight:500}.pdf-link:hover{text-decoration:underline}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-content{min-width:500px}}@media (max-width: 768px){.header-container,.card-header{flex-direction:column;align-items:stretch}.card-actions{justify-content:center}.results-stats{flex-direction:column;gap:.5rem;align-items:center}.submodule-footer{flex-direction:column;gap:.25rem;text-align:center}}@media (prefers-reduced-motion: reduce){.button{transition:none}}button:focus-visible,a:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.add-assignment-container{max-width:900px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.add-assignment-container h2{color:#2c3e50;margin-bottom:1.5rem;border-bottom:2px solid #ecf0f1;padding-bottom:.5rem}.assignment-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:500;color:#34495e}.form-group input[type=text],.form-group input[type=file],.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{min-height:100px;resize:vertical}.form-group small{color:#7f8c8d;font-size:.8rem}.sub-assignment-card{padding:1.5rem;border:1px solid #e0e0e0;border-radius:6px;background:#f8f9fa;margin-bottom:1.5rem}.sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sub-header h4{margin:0;color:#3498db}.remove-btn{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.remove-btn:hover{background:#c0392b}.question-type-toggle{display:flex;gap:1rem;margin:1rem 0}.question-type-toggle label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-header h5{margin:0;color:#2c3e50;font-size:1rem}.remove-question-btn{background:#e74c3c;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem}.remove-question-btn:hover{background:#c0392b}.loading-text{text-align:center;padding:2rem;color:#7f8c8d;font-size:1.1rem}.error-text{text-align:center;padding:2rem;color:#e74c3c;font-size:1.1rem;background:#fdf2f2;border:1px solid #fecaca;border-radius:4px}.existing-pdf-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.75rem;margin-bottom:.5rem}.existing-pdf-info p{margin:0 0 .5rem;color:#495057;font-size:.9rem}.existing-pdf-link{display:inline-block;background:#007bff;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:background-color .2s}.existing-pdf-link:hover{background:#0056b3;color:#fff;text-decoration:none}.predefined-fields,.dynamic-questions{margin-top:1rem}.question-card{padding:1rem;background:#fff;border-radius:4px;border:1px solid #eee;margin-bottom:1rem}.add-question-btn{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:.5rem}.add-question-btn:hover{background:#2980b9}.form-actions{display:flex;flex-direction:column;gap:1rem}.add-sub-btn{background:#2ecc71;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;align-self:flex-start}.add-sub-btn:hover{background:#27ae60}.submit-actions{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn{background:#95a5a6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.cancel-btn:hover{background:#7f8c8d}.submit-btn{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.submit-btn:hover{background:#2980b9}@media (max-width: 768px){.add-assignment-container{padding:1rem}.question-type-toggle,.submit-actions{flex-direction:column;gap:.5rem}.cancel-btn,.submit-btn{width:100%}}.student-selection-controls{display:flex;gap:10px;margin-bottom:10px}.small-btn{padding:5px 10px;font-size:.8rem}.student-checkbox-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.student-checkbox-item{display:flex;align-items:center;gap:8px}.add-assignment-container{position:relative}.add-assignment-container.is-loading{pointer-events:none}.loading-overlay{position:fixed;inset:0;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;text-align:center}.loading-text{font-size:1.25rem;font-weight:600;margin-top:12px}.loading-sub{font-size:.95rem;opacity:.8;margin-top:4px}.loader{width:56px;height:56px;border-radius:50%;border:6px solid #e5e7eb;border-top-color:#111827;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.submit-btn[disabled],.add-sub-btn[disabled],.remove-btn[disabled],.cancel-btn[disabled],input[disabled],textarea[disabled],select[disabled]{opacity:.6;cursor:not-allowed}:root{--rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, .2);--rpv-core__annotation-popup-wrapper-background-color: #faf089;--rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--rpv-core__annotation-popup-content-border-top-color: #1a202c;--rpv-core__arrow-border-color: rgba(0, 0, 0, .3);--rpv-core__asking-password-color: #000;--rpv-core__asking-password-wrapper-background-color: #fff;--rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, .3);--rpv-core__button-background-color: rgba(0, 0, 0, .3);--rpv-core__button-color: #000;--rpv-core__doc-error-background-color: #fff;--rpv-core__doc-error-text-background-color: #c02424;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #fff;--rpv-core__full-screen-target-background-color: #fff;--rpv-core__inner-page-background-color: #fff;--rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__menu-item-color: #000;--rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__menu-item--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button-color: #000;--rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, .1);--rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, .3);--rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, .1);--rpv-core__modal-body-background-color: #fff;--rpv-core__modal-body-border-color: rgba(0, 0, 0, .3);--rpv-core__modal-overlay-background-color: rgba(0, 0, 0, .5);--rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);--rpv-core__popover-body-background-color: #fff;--rpv-core__popover-body-border-color: rgba(0, 0, 0, .3);--rpv-core__popover-body-color: #000;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__primary-button-color: #fff;--rpv-core__progress-bar-background-color: rgba(0, 0, 0, .1);--rpv-core__progress-bar-progress-background-color: #2566e8;--rpv-core__progress-bar-progress-color: #fff;--rpv-core__separator-border-bottom-color: rgba(0, 0, 0, .3);--rpv-core__spinner-border-color: rgba(0, 0, 0, .4);--rpv-core__spinner-border-transparent-color: transparent;--rpv-core__splitter-background-color: transparent;--rpv-core__splitter--hover-background-color: rgba(0, 0, 0, .2);--rpv-core__text-layer-text--selection-background-color: rgb(0, 0, 255, 1);--rpv-core__text-layer-text--selection-color: transparent;--rpv-core__textbox-background-color: #fff;--rpv-core__textbox-border-color: rgba(0, 0, 0, .2);--rpv-core__textbox-color: #000;--rpv-core__tooltip-body-background-color: #000;--rpv-core__tooltip-body-color: #fff}.rpv-core__viewer--dark{--rpv-core__asking-password-background-color: #363636;--rpv-core__asking-password-color: #fff;--rpv-core__asking-password-wrapper-border-color: #191919;--rpv-core__asking-password-wrapper-background-color: #191919;--rpv-core__button-background-color: #171717;--rpv-core__button-color: #fff;--rpv-core__doc-error-background-color: #191919;--rpv-core__doc-error-text-background-color: #c02323;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #191919;--rpv-core__full-screen-target-background-color: #1a1a1a;--rpv-core__inner-page-background-color: #1a1a1a;--rpv-core__menu-divider-border-bottom-color: #000;--rpv-core__menu-item-color: #fff;--rpv-core__menu-item--hover-background-color: #2566e8;--rpv-core__menu-item--disabled-color: #5e5e5e;--rpv-core__minimal-button-color: #fff;--rpv-core__minimal-button--disabled-color: #5e5e5e;--rpv-core__minimal-button--hover-background-color: #191919;--rpv-core__minimal-button--selected-background-color: #1657bb;--rpv-core__modal-body-background-color: #363636;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__popover-body-background-color: #363636;--rpv-core__popover-body-color: #fff;--rpv-core__progress-bar-background-color: #000;--rpv-core__separator-border-bottom-color: #000;--rpv-core__spinner-border-color: #fff;--rpv-core__splitter-background-color: #1a1a1a;--rpv-core__splitter--hover-background-color: #2566e8;--rpv-core__textbox-background-color: #121212;--rpv-core__textbox-border-color: #121212;--rpv-core__textbox-color: #fff;--rpv-core__tooltip-body-background-color: #414141;--rpv-core__tooltip-body-color: #fff}.rpv-core__annotation{position:absolute}.rpv-core__annotation-layer{z-index:1}.rpv-core__arrow{border-bottom:1px solid var(--rpv-core__arrow-border-color);border-left-color:var(--rpv-core__arrow-border-color);border-right:1px solid var(--rpv-core__arrow-border-color);border-top-color:var(--rpv-core__arrow-border-color);height:10px;position:absolute;width:10px;z-index:0}.rpv-core__arrow--tl{bottom:0;left:0;transform:translate(50%,50%) rotate(45deg)}.rpv-core__arrow--tc{bottom:0;left:50%;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--tr{bottom:0;right:0;transform:translate(-50%,50%) rotate(45deg)}.rpv-core__arrow--rt{left:0;top:0;transform:translate(-50%,50%) rotate(135deg)}.rpv-core__arrow--rc{left:0;top:50%;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--rb{bottom:0;left:0;transform:translate(-50%,-50%) rotate(135deg)}.rpv-core__arrow--bl{left:0;top:0;transform:translate(50%,-50%) rotate(225deg)}.rpv-core__arrow--bc{left:50%;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--br{right:0;top:0;transform:translate(-50%,-50%) rotate(225deg)}.rpv-core__arrow--lt{right:0;top:0;transform:translate(50%,50%) rotate(315deg)}.rpv-core__arrow--lc{right:0;top:50%;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__arrow--lb{bottom:0;right:0;transform:translate(50%,-50%) rotate(315deg)}.rpv-core__asking-password{background-color:var(--rpv-core__asking-password-background-color);border-radius:.25rem;color:var(--rpv-core__asking-password-color);padding:2rem}.rpv-core__asking-password--rtl{direction:rtl}.rpv-core__asking-password-wrapper{align-items:center;background-color:var(--rpv-core__asking-password-wrapper-background-color);border:1px solid var(--rpv-core__asking-password-wrapper-border-color);display:flex;height:100%;justify-content:center;width:100%}.rpv-core__asking-password-message{margin:.5rem 0}.rpv-core__asking-password-body{align-items:center;display:flex;justify-content:center}.rpv-core__asking-password-input{width:15rem}.rpv-core__asking-password-input--ltr{margin-right:.5rem}.rpv-core__asking-password-input--rtl{margin-left:.5rem}.rpv-core__button{background-color:var(--rpv-core__button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__button--rtl{direction:rtl}.rpv-core__canvas-layer{direction:ltr;left:0;position:absolute;overflow:hidden;top:0}.rpv-core__doc-error{align-items:center;background-color:var(--rpv-core__doc-error-background-color);display:flex;justify-content:center;height:100%}.rpv-core__doc-error--rtl{direction:rtl}.rpv-core__doc-error-text{background-color:var(--rpv-core__doc-error-text-background-color);border-radius:.25rem;color:var(--rpv-core__doc-error-text-color);line-height:1.5;max-width:50%;padding:.5rem}.rpv-core__doc-loading{background-color:var(--rpv-core__doc-loading-background-color);align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-core__doc-loading--rtl{direction:rtl}.rpv-core__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;text-align:center}.rpv-core__icon--rtl{transform:scaleX(-1)}.rpv-core__inner-container{min-height:inherit}.rpv-core__inner-pages{overflow:auto}.rpv-core__inner-pages--rtl{direction:rtl}.rpv-core__inner-pages--single{overflow:hidden}.rpv-core__inner-page-container--single{overflow:auto}.rpv-core__inner-page{background-color:var(--rpv-core__inner-page-background-color)}.rpv-core__inner-page--single{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-even{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-odd{display:flex;align-items:center;justify-content:flex-start}.rpv-core__inner-page--dual-cover{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-cover-odd{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-cover-even{display:flex;align-items:center;justify-content:flex-start}.rpv-core__annotation--link a{height:100%;left:0;position:absolute;top:0;width:100%}.rpv-core__annotation--link a:hover{background-color:var(--rpv-core__annotation--link-hover-background-color)}.rpv-core__menu{display:flex;flex-direction:column}.rpv-core__menu--rtl{direction:rtl;text-align:right}.rpv-core__menu-divider{border-bottom:1px solid var(--rpv-core__menu-divider-border-bottom-color);margin:.25rem 0}.rpv-core__menu-item{align-items:center;background-color:#0000;color:var(--rpv-core__menu-item-color);border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem 0;width:100%}.rpv-core__menu-item:focus{background-color:var(--rpv-core__menu-item--hover-background-color);outline:0}.rpv-core__menu-item:hover{background-color:var(--rpv-core__menu-item--hover-background-color)}.rpv-core__menu-item-icon{align-items:center;display:flex}.rpv-core__menu-item-icon--ltr{padding-left:1rem;padding-right:.5rem}.rpv-core__menu-item-icon--rtl{padding-left:.5rem;padding-right:1rem}.rpv-core__menu-item-label{flex-grow:1;flex-shrink:1;white-space:nowrap}.rpv-core__menu-item-label--ltr{padding-right:2rem}.rpv-core__menu-item-label--rtl{padding-left:2rem}.rpv-core__menu-item-check--ltr{padding-right:1rem}.rpv-core__menu-item-check--rtl{padding-left:1rem}.rpv-core__menu-item--disabled{color:var(--rpv-core__menu-item--disabled-color)}.rpv-core__menu-item--disabled:hover{background-color:#0000}.rpv-core__menu-item--ltr{text-align:left}.rpv-core__menu-item--rtl{direction:rtl;text-align:right}.rpv-core__minimal-button{background-color:#0000;border:none;border-radius:.25rem;color:var(--rpv-core__minimal-button-color);cursor:pointer;height:2rem;padding:0 .5rem}.rpv-core__minimal-button:hover{background-color:var(--rpv-core__minimal-button--hover-background-color)}.rpv-core__minimal-button--disabled{color:var(--rpv-core__minimal-button--disabled-color)}.rpv-core__minimal-button--rtl{direction:rtl}.rpv-core__minimal-button--selected{background-color:var(--rpv-core__minimal-button--selected-background-color)}.rpv-core__modal-body{background-color:var(--rpv-core__modal-body-background-color);border:1px solid var(--rpv-core__modal-body-border-color);border-radius:.25rem;margin:1rem;max-width:32rem;overflow:auto}.rpv-core__modal-body--rtl{direction:rtl}.rpv-core__modal-overlay{background-color:var(--rpv-core__modal-overlay-background-color);inset:0;position:fixed;z-index:9999;align-items:center;display:flex;justify-content:center}.rpv-core__page-layer{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative}.rpv-core__page-layer:after{content:"";position:absolute;inset:.25rem;box-shadow:var(--rpv-core__page-layer-box-shadow)}.rpv-core__page-layer--single{margin:0 auto}.rpv-core__page-size-calculator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.rpv-core__popover-body{background-color:var(--rpv-core__popover-body-background-color);border:1px solid var(--rpv-core__popover-body-border-color);border-radius:.25rem;color:var(--rpv-core__popover-body-color);left:0;padding:.5rem 0;position:absolute;top:-9999px;z-index:9999}.rpv-core__popover-body-arrow{background-color:var(--rpv-core__popover-body-background-color)}.rpv-core__popover-body--rtl{direction:rtl}.rpv-core__popover-overlay{inset:0;position:fixed}.rpv-core__annotation-popup-wrapper{background-color:var(--rpv-core__annotation-popup-wrapper-background-color);box-shadow:var(--rpv-core__annotation-popup-wrapper-box-shadow);font-size:.75rem;padding:.25rem;word-break:break-word}.rpv-core__annotation-popup-wrapper--rtl{direction:rtl}.rpv-core__annotation-popup-title{font-weight:600;margin-bottom:.25rem}.rpv-core__annotation-popup-date{font-size:.5rem}.rpv-core__annotation-popup-content{border-top:1px solid var(--rpv-core__annotation-popup-content-border-top-color);padding:.25rem;max-height:16rem;overflow:auto}.rpv-core__primary-button{background-color:var(--rpv-core__primary-button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__primary-button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__primary-button--rtl{direction:rtl}.rpv-core__progress-bar{background-color:var(--rpv-core__progress-bar-background-color);border-radius:9999px;padding:.125rem}.rpv-core__progress-bar--rtl{direction:rtl}.rpv-core__progress-bar-progress{align-items:center;background-color:var(--rpv-core__progress-bar-progress-background-color);border-radius:9999px;color:var(--rpv-core__progress-bar-progress-color);display:flex;font-size:.75rem;justify-content:center;height:.75rem}.rpv-core__separator{border-bottom:1px solid var(--rpv-core__separator-border-bottom-color)}.rpv-core__spinner{border-bottom:2px solid var(--rpv-core__spinner-border-transparent-color);border-left:2px solid var(--rpv-core__spinner-border-transparent-color);border-right:2px solid var(--rpv-core__spinner-border-color);border-top:2px solid var(--rpv-core__spinner-border-color);border-radius:9999px}.rpv-core__spinner--animating{animation-duration:.4s;animation-name:rpv-core__spinner-transform;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rpv-core__spinner-transform{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rpv-core__splitter{background-color:var(--rpv-core__splitter-background-color);cursor:ew-resize;height:100%;width:.25rem}.rpv-core__splitter:hover,.rpv-core__splitter--resizing{cursor:col-resize;background-color:var(--rpv-core__splitter--hover-background-color)}.rpv-core__splitter-body--resizing{cursor:col-resize}.rpv-core__splitter-sibling--resizing{pointer-events:none;-webkit-user-select:none;user-select:none}.rpv-core__textbox{background-color:var(--rpv-core__textbox-background-color);border:1px solid var(--rpv-core__textbox-border-color);box-sizing:border-box;border-radius:.25rem;color:var(--rpv-core__textbox-color);padding:0 .5rem;height:2rem;width:100%}.rpv-core__textbox--rtl{direction:rtl}.rpv-core__text-layer{left:0;position:absolute;top:0;height:100%;width:100%;opacity:.2;line-height:1;z-index:1}.rpv-core__text-layer span::selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer br::selection{color:#0000}.rpv-core__text-layer-text{color:#0000;cursor:text;position:absolute;transform-origin:0% 0%;white-space:pre}.rpv-core__tooltip-body{background-color:var(--rpv-core__tooltip-body-background-color);border-radius:.25rem;color:var(--rpv-core__tooltip-body-color);left:0;max-width:20rem;position:absolute;text-align:center;top:-9999px;z-index:9999}.rpv-core__tooltip-body--rtl{direction:rtl}.rpv-core__tooltip-body-arrow{background-color:var(--rpv-core__tooltip-body-background-color)}.rpv-core__tooltip-body-content{padding:.5rem}.rpv-core__display--block{display:block}.rpv-core__display--hidden{display:none}@media (min-width: 640px){.rpv-core__display--hidden-small{display:none}.rpv-core__display--block-small{display:block}}@media (min-width: 768px){.rpv-core__display--hidden-medium{display:none}.rpv-core__display--block-medium{display:block}}@media (min-width: 1024px){.rpv-core__display--hidden-large{display:none}.rpv-core__display--block-large{display:block}}.rpv-core__viewer{min-height:inherit}:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #e0e7ff;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--neutral: #6b7280;--neutral-light: #f3f4f6;--light: #ffffff;--dark: #111827;--dark-light: #374151;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Roboto Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--border: 1px solid #e5e7eb;--border-dark: 1px solid #d1d5db;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 10px 15px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .05), 0 20px 40px rgba(0, 0, 0, .05);--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);line-height:1.5;color:var(--dark);background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--dark)}.container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.page-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.title{font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:var(--space-sm);letter-spacing:-.025em}.title-sm{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.icon{font-size:1.25em;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.card{background:var(--light);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-slow);border:var(--border);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--success));opacity:0;transition:var(--transition-slow)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card:hover:before{opacity:1}.sub-card{padding:var(--space-lg)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg) 0}.card-title{font-size:1.125rem;font-weight:600;color:var(--dark)}.card-actions{padding:var(--space-lg);margin-top:auto}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em;transition:var(--transition)}.badge-neutral{background-color:var(--neutral-light);color:var(--dark-light)}.badge-success{background-color:var(--success-light);color:#047857}.badge-warning{background-color:var(--warning-light);color:#b45309}.badge-error{background-color:var(--error-light);color:#b91c1c}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);border:var(--border);position:relative;overflow:hidden}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;transform:translate(-100%);transition:transform .4s ease}.btn:hover:after{transform:translate(0)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--neutral)}.btn-ghost:hover{background:var(--neutral-light);color:var(--dark)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.input,.textarea{width:100%;padding:.625rem .875rem;border:var(--border);border-radius:var(--radius-sm);font-size:.875rem;transition:var(--transition);background-color:var(--light);font-family:var(--font-sans)}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.textarea{min-height:100px;resize:vertical;line-height:1.5}.label{display:block;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--dark-light)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.form-item{margin-bottom:var(--space-md)}.form-item--full{grid-column:1 / -1}.q-block{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:var(--border);transition:var(--transition)}.q-block:hover{box-shadow:var(--shadow)}.q-title{font-weight:500;margin-bottom:var(--space-md);color:var(--dark)}.q-options{display:flex;flex-direction:column;gap:var(--space-sm)}.q-option{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:var(--transition);position:relative}.q-option:hover{background:var(--neutral-light)}.q-option input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.q-option span{display:flex;align-items:center;gap:var(--space-sm);padding-left:1.75rem;position:relative}.q-option span:before{content:"";position:absolute;left:0;width:1.25rem;height:1.25rem;border:var(--border);border-radius:50%;background:var(--light);transition:var(--transition)}.q-option input[type=radio]:checked+span:before{border-color:var(--primary);background-color:var(--primary);box-shadow:inset 0 0 0 3px var(--light)}.pdf-shell{width:100%;height:500px;margin-bottom:var(--space-xl);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);border:var(--border);background:#f1f5f9;position:relative}.pdf-shell:before{content:"Loading PDF...";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--neutral);font-size:.875rem}.panel{background:var(--light);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;border:var(--border)}.panel-head{padding:var(--space-md) var(--space-lg);border-bottom:var(--border);background:var(--neutral-light)}.panel-body{padding:var(--space-lg)}.panel-actions{padding:var(--space-md) var(--space-lg);border-top:var(--border);display:flex;justify-content:flex-end;background:var(--neutral-light)}.link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none;margin:var(--space-sm) 0 var(--space-md);transition:var(--transition);position:relative}.link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}.link:hover{color:var(--primary-hover)}.link:hover:after{width:100%}.meta{display:flex;gap:var(--space-sm);font-size:.875rem;padding:0 var(--space-lg);margin:var(--space-md) 0}.meta-key{color:var(--neutral)}.meta-val{font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:var(--border)}.empty-state.error{background:var(--error-light);border-color:#ef444433}.empty-icon{font-size:2.5rem;color:var(--neutral);margin-bottom:var(--space-md);opacity:.8}.empty-state.error .empty-icon{color:var(--error)}.skeleton-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.skeleton-card{height:180px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:400% 100%;border-radius:var(--radius-md);animation:shimmer 1.5s infinite;position:relative;overflow:hidden}.skeleton-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fffc,#fff0);transform:translate(-100%);animation:shine 2s infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 1024px){.container{padding:var(--space-md)}}@media (max-width: 768px){.grid,.form-grid{grid-template-columns:1fr}.pdf-shell{height:400px}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}@media (max-width: 480px){.card-head{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.badge{align-self:flex-start}}.pdf-shell{width:100%;height:70vh;min-height:500px;margin-bottom:var(--space-xl);border-radius:var(--radius-md);overflow:auto;box-shadow:var(--shadow-md);border:var(--border);background:#f1f5f9;position:relative}.pdf-shell iframe{width:100%;height:100%;border:none}.empty-state{text-align:center;padding:40px 20px;background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;box-shadow:0 2px 6px #0000000d}.empty-icon{font-size:40px;color:#9ca3af;margin-bottom:12px}.empty-state h3{font-size:1.2rem;font-weight:600;color:#374151;margin-bottom:6px}.empty-state .muted{color:#6b7280;font-size:.95rem}.pdf-safe-wrap{position:relative;border:1px solid #eee;border-radius:8px;background:#fff;overflow:auto;contain:paint;backface-visibility:hidden;transform:translateZ(0);will-change:transform;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pdf-watermark{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;opacity:.08;font-size:28px;font-weight:700;text-align:center}@media (max-width: 480px){.pdf-safe-wrap{min-height:calc(var(--app-vh, 1vh) * 50)}}html,body{overscroll-behavior-y:contain}.subadmin-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h2,h3{color:#2c3e50;margin-bottom:20px}.message{padding:10px 15px;margin-bottom:20px;border-radius:4px;font-weight:500}.message.success{background-color:#d4edda;color:#155724}.message.error{background-color:#f8d7da;color:#721c24}.form-section{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-primary{background-color:#3498db;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s}.btn-secondary:hover{background-color:#7f8c8d}.list-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.subadmin-table{width:100%;border-collapse:collapse}.subadmin-table th,.subadmin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.subadmin-table th{background-color:#f2f2f2;font-weight:600}.btn-edit{background-color:#f39c12;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:8px;transition:background-color .3s}.btn-edit:hover{background-color:#e67e22}.btn-delete{background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.btn-delete:hover{background-color:#c0392b}