@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.sidebar{width:68px;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:2rem 0;position:fixed;height:100vh;left:0;top:0;z-index:50;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar:hover{width:var(--sidebar-width);box-shadow:4px 0 24px #00000014}.sidebar-header{padding:0 2rem 2.5rem;white-space:nowrap}.logo{display:flex;align-items:center;gap:.25rem}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;opacity:0;transition:opacity .2s ease .05s}.sidebar:hover .logo-text{opacity:1}.text-black{color:var(--secondary)}.text-primary{color:var(--primary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.4rem;color:var(--text-muted);text-decoration:none;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);border-right:3px solid transparent;white-space:nowrap}.nav-item span{opacity:0;transition:opacity .2s ease .05s}.sidebar:hover .nav-item span{opacity:1}.nav-item svg{flex-shrink:0;min-width:20px}.nav-item:hover{background:var(--primary-light);color:var(--primary)}.nav-item.active{background:var(--primary-light);color:var(--primary);border-right-color:var(--primary);font-weight:700}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.create-btn{width:100%;white-space:nowrap;overflow:hidden}.create-btn span{opacity:0;transition:opacity .2s ease .05s}.sidebar:hover .create-btn span{opacity:1}.logout-container{padding-top:.5rem}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#F9FAFB;border:1px solid var(--border);padding:.75rem;border-radius:.5rem;color:#4b5563;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden}.logout-btn span{opacity:0;transition:opacity .2s ease .05s}.sidebar:hover .logout-btn span{opacity:1}.logout-btn:hover{background:#F3F4F6;color:var(--danger);border-color:#fee2e2}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem 0;position:sticky;top:0;background:var(--bg-main);z-index:40}.search-bar{display:flex;align-items:center;gap:.75rem;background:#F3F4F6;padding:.625rem 1.25rem;border-radius:.75rem;width:400px;transition:all .2s;border:1px solid transparent}.search-bar:focus-within{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px #ff8c001a}.search-bar input{background:transparent;border:none;outline:none;width:100%;font-size:.875rem;color:var(--text-main)}.search-bar input::placeholder{color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:1.5rem}.icon-btn{background:var(--white);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:40px;height:40px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.icon-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-light)}.notification-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--white)}.user-profile{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:1rem;cursor:pointer;transition:all .2s}.user-profile:hover{background:var(--white)}.user-info{text-align:right;display:flex;flex-direction:column}.user-name{display:block;font-weight:700;font-size:.9375rem;color:var(--text-main)}.user-role{font-size:.75rem;color:var(--text-muted);font-weight:500}.avatar-wrapper{position:relative}.avatar{width:40px;height:40px;border-radius:12px;object-fit:cover}.status-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success);border-radius:50%;border:2px solid var(--white)}.text-muted{color:var(--text-muted)}.admin-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:68px;padding:0 3rem 3rem}.content-area{width:100%;max-width:1400px;margin:0 auto}.animate-in{animation:fadeIn .4s ease-out forwards}.dashboard-content{padding-top:1rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.page-title{font-size:1.875rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.025em}.page-desc{color:var(--text-muted);font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:1.25rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.icon-box{width:44px;height:44px;border-radius:.875rem;display:flex;align-items:center;justify-content:center}.icon-box.orange{background:var(--primary-light);color:var(--primary)}.trend{font-size:.75rem;font-weight:700;padding:.375rem .625rem;border-radius:.5rem;display:flex;align-items:center;gap:.25rem}.trend.up{background:#DCFCE7;color:var(--success)}.trend.stable{background:#F3F4F6;color:var(--text-muted)}.trend.urgent{background:#FEE2E2;color:var(--danger)}.stat-label{display:block;font-size:.875rem;color:var(--text-muted);font-weight:500;margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-main);letter-spacing:-.025em}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.activity-card{overflow:hidden}.card{background:var(--white);border-radius:1.25rem;box-shadow:var(--shadow-sm);padding:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card-title h3{font-size:1.125rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem}.card-title p{font-size:.875rem;color:var(--text-muted)}.view-all-btn{background:none;border:none;color:var(--primary);font-weight:700;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.view-all-btn:hover{background:var(--primary-light)}.activity-table{width:100%;border-collapse:collapse}.activity-table th{text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem 0;border-bottom:1px solid var(--border)}.activity-table td{padding:1.25rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.activity-table tr:last-child td{border-bottom:none}.student-cell{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-main)}.avatar-sm{width:32px;height:32px;border-radius:50%;background:#DBEAFE;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.badge{padding:.375rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:700}.score-high{background:#DCFCE7;color:var(--success)}.score-medium{background:#FEF3C7;color:var(--warning)}.action-link{background:none;border:none;color:var(--primary);text-decoration:none;font-weight:700;cursor:pointer;font-size:.875rem}.action-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:3rem 0;color:var(--text-muted);font-style:italic}.health-content{display:flex;flex-direction:column;gap:1.25rem}.health-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border)}.health-item:last-child{border-bottom:none}.health-label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.health-val{font-size:.875rem;font-weight:600;color:var(--text-main)}.users-page{padding-top:1rem}.table-controls{margin-bottom:2rem}.search-box{display:flex;align-items:center;gap:.75rem;background:var(--white);padding:.75rem 1.25rem;border-radius:.75rem;border:1px solid var(--border);transition:all .2s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #ff8c001a}.search-box input{background:transparent;border:none;outline:none;width:100%;font-size:.875rem;color:var(--text-main)}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem 0;border-bottom:1px solid var(--border)}.users-table td{padding:1.25rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.badge-active{background:#DCFCE7;color:#166534}.badge-inactive{background:#F3F4F6;color:#4b5563}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;margin-top:1rem}.showing-text{font-size:.875rem;color:var(--text-muted)}.pagination{display:flex;align-items:center;gap:.5rem}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text-muted);transition:all .2s}.page-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.page-btn:hover:not(.active){background:var(--primary-light);color:var(--primary)}.chevron-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:var(--white);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s}.chevron-btn:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:var(--primary-light)}.chevron-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{color:var(--text-muted);padding:0 .25rem}.tests-page{padding-top:1rem}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.test-card{display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.test-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.test-card-header{display:flex;gap:1rem;margin-bottom:1.5rem}.test-icon{width:44px;height:44px;background:var(--primary-light);color:var(--primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.test-meta h3{font-size:1rem;font-weight:700;color:var(--text-main);margin-top:.25rem}.test-category{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.test-card-body{flex:1;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.test-info-row{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.875rem}.test-card-footer{display:flex;gap:.75rem}.btn-sm{padding:.5rem 1rem;font-size:.75rem;flex:1}.btn-action-danger{background:#FEF2F2;color:#ef4444;border:1px solid #FEE2E2;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s;flex:0 0 auto;cursor:pointer}.btn-action-danger:hover{background:#EF4444;color:#fff;border-color:#ef4444}.empty-state-card{grid-column:1 / -1;text-align:center;padding:5rem 2rem}.test-create-flow{max-width:900px}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--text-muted);font-size:.875rem}.breadcrumb-path{cursor:pointer;transition:color .2s}.breadcrumb-path:hover{color:var(--primary)}.breadcrumb-current{color:var(--text-main);font-weight:600}.test-config-card{padding:2.5rem}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:800;color:var(--text-main)}.step-indicator{font-size:.875rem;color:var(--text-muted);font-weight:500}.progress-container{height:6px;background:#E5E7EB;border-radius:3px;overflow:hidden;margin-bottom:2.5rem}.progress-bar{height:100%;background:var(--primary);transition:width .3s ease-out}.info-banner{background:#FFF7ED;padding:1rem 1.25rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;color:#92400e;font-weight:700;font-size:.875rem;margin-bottom:2rem}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.toggle-group{display:flex;align-items:center;gap:.75rem;padding:.25rem 0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#22c55e}input:focus+.toggle-slider{box-shadow:0 0 1px #22c55e}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.875rem;font-weight:700;color:var(--text-main)}.marks-display{padding:.75rem 1rem;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:.5rem;font-size:1.125rem;font-weight:800;color:#166534;display:flex;align-items:center;justify-content:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-main)}.form-input,.form-select{padding:.75rem 1rem;border:1px solid #D1D5DB;border-radius:.5rem;font-family:inherit;font-size:.875rem;outline:none;transition:all .2s;width:100%}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff8c001a}.input-suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.75rem;font-weight:600}.mt-6{margin-top:1.5rem}.icon-badge{width:36px;height:36px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.icon-badge.pink{background:#FFE4E6;color:#e11d48}.text-btn{background:none;border:none;color:var(--primary);font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer}.question-placeholder{border:2px dashed #E5E7EB;border-radius:1.25rem;padding:4rem 2rem;text-align:center}.placeholder-icon{color:#d1d5db;margin-bottom:1.5rem;display:flex;justify-content:center}.question-placeholder h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.question-placeholder p{font-size:.875rem;color:var(--text-muted);max-width:400px;margin:0 auto 2rem}.placeholder-actions{display:flex;justify-content:center;gap:1rem}.flow-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.new-question-form{background:#FAFBFC;border:1px solid #E5E7EB;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.nq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nq-header h4{font-weight:700;font-size:1rem}.icon-close{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:6px;display:flex}.icon-close:hover{color:#ef4444;background:#FEF2F2}.nq-body{display:flex;flex-direction:column;gap:1rem}.form-textarea{resize:vertical;min-height:80px}.nq-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.nq-option-row{display:flex;align-items:center;gap:.5rem}.nq-option-row input[type=radio]{flex-shrink:0;cursor:pointer}.nq-option-row .form-input{flex:1}.nq-meta-row{display:flex;gap:.75rem;align-items:center}.nq-meta-row .form-select{flex:1}.added-questions-list{display:flex;flex-direction:column;gap:0;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.added-q-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #F3F4F6;transition:background .15s}.added-q-item:last-child{border-bottom:none}.added-q-item:hover{background:#FAFBFC}.aq-number{width:28px;height:28px;border-radius:50%;background:#F3F4F6;color:#6b7280;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aq-content{flex:1;min-width:0}.aq-text{font-size:.9rem;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.aq-meta{display:flex;gap:.75rem;font-size:.75rem;color:#9ca3af;font-weight:600}.aq-diff{text-transform:capitalize}.aq-diff.easy{color:#22c55e}.aq-diff.medium{color:#f59e0b}.aq-diff.hard{color:#ef4444}.aq-new-badge{background:#DBEAFE;color:#2563eb;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:800;letter-spacing:.03em}.aq-remove{background:none;border:none;color:#d1d5db;cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .15s}.aq-remove:hover{color:#ef4444;background:#FEF2F2}.qbank-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.qbank-modal{background:#fff;border-radius:16px;width:90%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0003}.qbank-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #E5E7EB}.qbank-header h2{font-size:1.25rem;font-weight:800}.qbank-search{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-bottom:1px solid #F3F4F6;position:relative}.qbank-search-icon{color:#9ca3af;flex-shrink:0}.qbank-search input{flex:1;border:1px solid #E5E7EB;border-radius:8px;padding:.6rem .75rem;font-size:.9rem;outline:none}.qbank-search input:focus{border-color:var(--primary)}.qbank-list{flex:1;overflow-y:auto;padding:.5rem 0;min-height:200px;max-height:400px}.qbank-loading,.qbank-empty{padding:3rem 2rem;text-align:center;color:#9ca3af;font-weight:500}.qbank-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 2rem;cursor:pointer;transition:background .15s}.qbank-item:hover{background:#F9FAFB}.qbank-item.selected{background:#F0FDF4}.qbank-item input[type=checkbox]{margin-top:2px;accent-color:#22C55E;flex-shrink:0}.qbank-item-content{flex:1;min-width:0}.qbank-item-text{font-size:.9rem;font-weight:500;color:#1f2937;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qbank-item-meta{display:flex;gap:.75rem;font-size:.75rem;color:#9ca3af;font-weight:600}.qbank-footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-top:1px solid #E5E7EB}.qbank-count{font-size:.875rem;font-weight:600;color:#6b7280}.questions-page{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header-premium{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding:0 .5rem}.page-title-premium{font-size:1.875rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.025em}.page-desc-premium{color:var(--text-muted);font-size:.9375rem}.header-actions{display:flex;gap:1rem}.btn-add-premium{background:var(--primary);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ff8c0033}.btn-add-premium:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff8c004d}.btn-reset-premium{background:white;color:#dc2626;border:1px solid #FEE2E2;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-reset-premium:hover{background:#FEF2F2;border-color:#fca5a5}.glass-card{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:1.25rem;padding:1.5rem;box-shadow:0 8px 32px #0000000a}.table-controls-premium{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.25rem}.search-bar-premium{position:relative;width:100%}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-bar-premium input{width:100%;padding:1rem 1rem 1rem 3.5rem;border-radius:1rem;border:1px solid var(--border);background:white;font-size:.9375rem;transition:all .2s}.search-bar-premium input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff8c0014;outline:none}.filters-row-premium{display:flex;justify-content:space-between;align-items:center}.filter-select-group{display:flex;gap:.75rem}.select-wrapper{position:relative;display:flex;align-items:center}.select-icon{position:absolute;left:.875rem;color:var(--text-muted);pointer-events:none}.select-wrapper select{padding:.625rem 1rem .625rem 2.5rem;border-radius:.75rem;border:1px solid var(--border);background:white;font-size:.875rem;color:var(--text-main);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:160px}.btn-clear-pill{background:#F3F4F6;border:none;padding:.5rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:600;color:#4b5563;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-clear-pill:hover{background:#E5E7EB;color:var(--text-main)}.table-wrapper-premium{overflow-x:auto;border-radius:1rem;border:1px solid var(--border);background:white}.premium-table{width:100%;border-collapse:collapse}.premium-table th{background:#F9FAFB;padding:1rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.premium-table td{padding:1.25rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem;vertical-align:middle}.premium-table tr:last-child td{border-bottom:none}.id-tag{background:#F0F9FF;color:#0369a1;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.question-content-premium{display:flex;align-items:center;gap:.75rem}.img-indicator{color:var(--primary);background:var(--primary-light);border-radius:4px;padding:4px;width:24px;height:24px}.q-text-premium{font-weight:600;color:var(--text-main);max-width:450px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-tag{font-size:.75rem;font-weight:600;color:#4b5563;background:#F3F4F6;padding:.25rem .625rem;border-radius:9999px;border:1px solid #E5E7EB}.diff-pill{font-size:.6875rem;font-weight:800;padding:.125rem .5rem;border-radius:4px;letter-spacing:.025rem}.diff-pill.easy{background:#DCFCE7;color:#166534}.diff-pill.medium{background:#FEF3C7;color:#92400e}.diff-pill.hard{background:#FEE2E2;color:#991b1b}.btn-group-premium{display:flex;gap:.5rem;justify-content:flex-end}.btn-action-premium{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--border);background:white;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-action-premium.edit:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.btn-action-premium.delete:hover{background:#FEF2F2;color:#dc2626;border-color:#f87171}.loading-state-premium,.empty-state-premium{padding:4rem 1rem;text-align:center;color:var(--text-muted)}.spinner-premium{width:40px;height:40px;border:4px solid #F3F4F6;border-top-color:var(--primary);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.pagination-footer-premium{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;padding:0 .5rem}.pagination-info{font-size:.875rem;color:var(--text-muted)}.pagination-info strong{color:var(--text-main)}.pagination-btns-premium{display:flex;align-items:center;gap:.75rem}.btn-nav-premium{width:40px;height:40px;border-radius:.75rem;border:1px solid var(--border);background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);transition:all .2s}.btn-nav-premium:disabled{opacity:.5;cursor:not-allowed}.btn-nav-premium:not(:disabled):hover{border-color:var(--primary);color:var(--primary)}.page-numbers-premium{display:flex;gap:.375rem}.num-btn-premium{width:40px;height:40px;border-radius:.75rem;border:1px solid transparent;background:transparent;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.num-btn-premium.active{background:var(--primary);color:#fff}.num-btn-premium:not(.active):hover{background:#F3F4F6}.modal-overlay-premium{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-card-premium{background:white;border-radius:1.5rem;width:100%;max-width:450px;padding:2rem;box-shadow:0 20px 50px #0003}.modal-header-danger{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;margin-bottom:1.5rem;color:#dc2626}.modal-header-danger h2{font-size:1.5rem;font-weight:800;color:#1f2937}.modal-body-premium{text-align:center;margin-bottom:2rem}.modal-body-premium p{color:#4b5563;line-height:1.6}.modal-body-premium .sub-text{font-size:.875rem;margin-top:.5rem;opacity:.8}.modal-footer-premium{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-modal-secondary{padding:.75rem;border-radius:.75rem;border:1px solid var(--border);background:#F9FAFB;font-weight:600;cursor:pointer}.btn-modal-danger{padding:.75rem;border-radius:.75rem;border:none;background:#DC2626;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #dc262633}.text-right{text-align:right}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.analytics-page{padding-top:1rem}.analytics-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.summary-card{background:white;padding:1.5rem;border-radius:1.25rem;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000000d}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.summary-label{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.05em}.summary-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:2rem}.summary-trend.up{background:#DCFCE7;color:var(--success)}.summary-trend.down{background:#FEE2E2;color:var(--danger)}.summary-value{font-size:2rem;font-weight:800;color:var(--text-main);margin-bottom:1rem}.analytics-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.trend-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--text-muted)}.dot{width:8px;height:8px;border-radius:50%}.dot.primary{background:var(--primary)}.dot.muted{background:#CBD5E1}.mock-chart-container{height:250px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 1rem}.chart-bar-wrap{width:15%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.bar-track{width:100%;height:200px;background:#F3F4F6;border-radius:4px;position:relative;overflow:hidden}.bar-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,var(--primary) 0%,#FFB14D 100%);border-radius:4px}.bar-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.activity-rows{display:flex;flex-direction:column;gap:1.25rem}.activity-row{display:grid;grid-template-columns:50px 1fr 40px;align-items:center;gap:1rem}.day-name{font-size:.8125rem;font-weight:700;color:var(--text-main)}.row-bar-track{height:8px;background:#F3F4F6;border-radius:4px;overflow:hidden}.row-bar-fill{height:100%;background:var(--primary);border-radius:4px}.row-val{font-size:.75rem;font-weight:700;color:var(--text-muted);text-align:right}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;padding:1rem 0;border-bottom:1px solid var(--border)}.analytics-table td{padding:1.25rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.table-progress{display:flex;align-items:center;gap:.75rem;min-width:150px}.mini-bar-track{flex:1;height:6px;background:#F3F4F6;border-radius:3px;overflow:hidden}.mini-bar-fill{height:100%;background:var(--primary)}.pct-val{font-weight:700;font-size:.8125rem;color:var(--text-main)}.trend-pill{padding:.25rem .6rem;border-radius:2rem;font-size:.75rem;font-weight:700}.trend-pill.up{background:#DCFCE7;color:var(--success)}.trend-pill.down{background:#FEE2E2;color:var(--danger)}.trend-pill.stable{background:#F3F4F6;color:var(--text-muted)}.search-box-minimal{display:flex;align-items:center;gap:.5rem;background:#F9FAFB;border:1px solid var(--border);padding:.5rem 1rem;border-radius:.5rem;width:250px}.search-box-minimal input{background:none;border:none;outline:none;font-size:.875rem;width:100%}.date-picker{display:flex;align-items:center;gap:.5rem;background:white;border:1px solid var(--border);padding:.625rem 1rem;border-radius:.5rem;color:var(--text-muted)}.filter-select-minimal{border:none;outline:none;font-family:inherit;font-weight:600;font-size:.875rem;color:var(--text-main);background:transparent;cursor:pointer}.import-page{animation:fadeIn .3s ease-out}.import-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.import-step{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#9ca3af}.import-step.active{color:#111827}.import-step.completed{color:#22c55e}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:#F3F4F6;color:#9ca3af;transition:all .3s}.import-step.active .step-circle{background:#22C55E;color:#fff}.import-step.completed .step-circle{background:#DCFCE7;color:#22c55e}.step-line{width:60px;height:2px;background:#E5E7EB;margin:0 1rem}.import-card{padding:2rem}.drop-zone{border:2px dashed #D1D5DB;border-radius:16px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s;background:#FAFBFC;margin-bottom:2rem}.drop-zone:hover{border-color:#22c55e;background:#F0FDF4}.drop-zone.has-file{border-color:#22c55e;border-style:solid;background:#F0FDF4}.upload-icon{color:#9ca3af;margin-bottom:1rem}.drop-text{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.25rem}.drop-subtext{font-size:.875rem;color:#9ca3af}.file-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-icon{color:#22c55e}.file-name{font-weight:700;font-size:1.05rem;color:#111827}.file-size{font-size:.85rem;color:#6b7280}.change-file-btn{margin-top:.5rem;background:none;border:none;color:#22c55e;font-weight:600;font-size:.85rem;cursor:pointer;text-decoration:underline}.parse-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#FEF2F2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:.9rem;font-weight:500;margin-bottom:1.5rem}.import-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.setting-group label{display:block;font-size:.8rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.setting-group select{width:100%;padding:.75rem 1rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.95rem;color:#374151;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.setting-group select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.import-actions{display:flex;justify-content:center}.btn-lg{padding:.875rem 2rem;font-size:1rem;gap:.5rem}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.review-header{padding:1.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.review-stats{display:flex;gap:2rem}.review-stat{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:800;color:#111827}.stat-number.green{color:#22c55e}.stat-number.orange{color:#f59e0b}.stat-text{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.review-actions{display:flex;gap:.75rem;align-items:center}.review-test-select{padding:.6rem .75rem;border:1px solid #E5E7EB;border-radius:8px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;outline:none;min-width:200px}.review-test-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.warning-text{width:100%;font-size:.85rem;color:#f59e0b;font-weight:600}.setting-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.setting-label-row label{margin-bottom:0!important}.refresh-mini-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:all .2s}.refresh-mini-btn:hover{background:#F3F4F6;color:#22c55e}.tiny-error{font-size:.75rem;color:#dc2626;font-weight:600;margin-top:.25rem}.review-select-wrapper{display:flex;align-items:center;gap:.5rem}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-review-card{padding:1.5rem 2rem;transition:box-shadow .2s}.question-review-card:hover{box-shadow:0 2px 12px #0000000a}.question-review-card.no-answer{border-left:3px solid #F59E0B}.q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.q-number{font-size:.8rem;font-weight:800;color:#22c55e;background:#F0FDF4;padding:.2rem .6rem;border-radius:4px}.q-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.question-review-card:hover .q-actions{opacity:1}.icon-btn{width:30px;height:30px;border-radius:6px;border:1px solid #E5E7EB;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.icon-btn.edit:hover{color:#3b82f6;border-color:#3b82f6;background:#EFF6FF}.icon-btn.delete:hover{color:#ef4444;border-color:#ef4444;background:#FEF2F2}.icon-btn.save{color:#22c55e;border-color:#22c55e}.icon-btn.save:hover{background:#F0FDF4}.icon-btn.cancel:hover{color:#ef4444;border-color:#ef4444}.q-text{font-size:.95rem;color:#1f2937;line-height:1.6;margin-bottom:1rem;font-weight:500}.q-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.q-option{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:8px;font-size:.875rem;color:#4b5563;background:#F9FAFB;border:1px solid transparent;transition:all .2s}.q-option.correct{background:#F0FDF4;border-color:#bbf7d0;color:#166534;font-weight:600}.opt-marker{font-weight:700;color:#9ca3af;min-width:18px}.q-option.correct .opt-marker{color:#22c55e}.correct-icon{margin-left:auto;color:#22c55e}.no-answer-badge{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.8rem;font-weight:600;color:#f59e0b}.q-explanation-box{margin-top:1rem;padding:1rem;background:#F0F9FF;border:1px solid #BAE6FD;border-radius:12px;position:relative}.explanation-label{font-size:.75rem;font-weight:800;color:#0369a1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.explanation-text{font-size:.875rem;color:#0c4a6e;line-height:1.6;margin:0}.edit-mode{display:flex;flex-direction:column;gap:.75rem}.edit-header{display:flex;justify-content:space-between;align-items:center}.edit-actions{display:flex;gap:.5rem}.edit-textarea{width:100%;padding:.75rem;border:1px solid #D1D5DB;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;outline:none}.edit-textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.edit-option{display:flex;align-items:center;gap:.75rem}.edit-option input[type=radio]{accent-color:#22C55E}.edit-option-input{flex:1;padding:.5rem .75rem;border:1px solid #E5E7EB;border-radius:6px;font-size:.875rem;outline:none}.edit-option-input:focus{border-color:#22c55e}.done-card{padding:4rem 2rem;text-align:center}.done-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.done-icon{margin-bottom:1rem}.done-icon.success{color:#22c55e}.done-icon.error{color:#ef4444}.done-content h2{font-size:1.5rem;font-weight:800}.done-content p{color:#6b7280;font-size:1rem}.done-actions{display:flex;gap:1rem;margin-top:1.5rem}.section-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0 1rem;padding:0 .5rem}.section-divider:before,.section-divider:after{content:"";flex:1;height:2px;background:linear-gradient(to right,transparent,#E5E7EB,transparent)}.section-divider-text{font-size:.85rem;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;background:#F3F4F6;padding:.4rem 1rem;border-radius:20px;border:1px solid #E5E7EB}.edit-form-header{display:flex;gap:1.5rem;align-items:flex-start}.edit-form-group{display:flex;flex-direction:column;gap:.4rem}.edit-form-label{font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase}.edit-q-number-input{width:80px;padding:.6rem;border:1px solid #D1D5DB;border-radius:8px;font-weight:800;color:#22c55e;background:#F0FDF4;text-align:center;outline:none}.edit-q-number-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.edit-options-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.edit-option{display:flex!important;align-items:center;gap:.75rem;justify-content:space-between}.edit-option-main{flex:1;display:flex;align-items:center;gap:.75rem}.icon-btn.delete-mini{width:24px;height:24px;min-width:24px;padding:0;color:#9ca3af;border-color:#e5e7eb}.icon-btn.delete-mini:hover{background:#FEF2F2;border-color:#fecaca;color:#dc2626}.add-option-btn{align-self:flex-start;margin-top:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;background:#F9FAFB;border:1px dashed #D1D5DB;color:#6b7280}.add-option-btn:hover{background:#F3F4F6;border-color:#9ca3af;color:#4b5563}.edit-image-upload{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #F3F4F6}.image-upload-area{margin-top:.5rem}.image-placeholder{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border:2px dashed #E5E7EB;border-radius:12px;color:#9ca3af;cursor:pointer;transition:all .2s;background:#FAFBFC}.image-placeholder:hover{border-color:#22c55e;background:#F0FDF4;color:#22c55e}.image-preview-container{position:relative;width:fit-content;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;background:#fff}.image-preview{display:block;max-width:100%;max-height:200px;object-fit:contain}.remove-image-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(220,38,38,.9);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.remove-image-btn:hover{transform:scale(1.1);background:#DC2626}.q-image-container{margin:.75rem 0 1rem;border-radius:12px;overflow:hidden;border:1px solid #F3F4F6;background:#FAFBFC;width:fit-content;max-width:100%}.q-review-image{display:block;max-width:100%;max-height:300px;object-fit:contain}@media (max-width: 768px){.edit-form-header{flex-direction:column;gap:1rem}.edit-q-number-input{width:100%}}:root{--primary: #FF8C00;--primary-light: #FFF7ED;--primary-hover: #e67e00;--secondary: #0A110D;--bg-main: #FBFBFE;--white: #FFFFFF;--text-main: #1F2937;--text-muted: #6B7280;--border: #F3F4F6;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.875rem}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff8c0033}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--white);border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}