@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-50:#ecfeff;--accent-100:#cffafe;--accent-200:#a5f3fc;--accent-300:#67e8f9;--accent-400:#22d3ee;--accent-500:#06b6d4;--accent-600:#0891b2;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#10b981;--success-600:#059669;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-500:#ef4444;--danger-600:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--bg-primary:#f8fafc;--bg-secondary:#ffffff;--bg-tertiary:#f1f5f9;--bg-sidebar:#0f172a;--bg-sidebar-hover:#1e293b;--bg-sidebar-active:rgba(99,102,241,0.15);--card-bg:var(--bg-secondary);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#ffffff;--text-link:var(--primary-600);--success-700:#047857;--danger-700:#b91c1c;--warning-700:#b45309;--text-color:var(--text-primary);--text-muted:var(--text-tertiary);--bg-color:var(--bg-secondary);--bg-hover:var(--gray-100);--hover-color:var(--primary-50);--border-color:#e2e8f0;--border-focus:var(--primary-500);--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-glow:0 0 20px rgba(99,102,241,0.3);--dot-color:var(--gray-200);--header-bg:rgba(255,255,255,0.85);--sidebar-bg:#ffffff;--sidebar-text:var(--text-primary);--sidebar-border:var(--border-color);--sidebar-title:var(--primary-700);--sidebar-muted:var(--text-tertiary);--sidebar-scroll:var(--gray-200);--sidebar-item:var(--text-secondary);--sidebar-item-hover:var(--primary-700);--sidebar-hover-bg:var(--primary-50);--sidebar-active-text:var(--primary-700);--sidebar-active-bg:var(--primary-50);--sidebar-active-shadow:inset 3px 0 0 var(--primary-500);--sidebar-line:var(--gray-200);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Plus Jakarta Sans",var(--font-sans);--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px}[data-theme=dark]{--gray-50:#111827;--gray-100:#1f2937;--gray-200:#374151;--gray-300:#4b5563;--gray-400:#6b7280;--gray-500:#9ca3af;--gray-600:#d1d5db;--gray-700:#e5e7eb;--gray-800:#f3f4f6;--gray-900:#f9fafb;--bg-primary:#0b0f1a;--bg-secondary:#111827;--bg-tertiary:#1a2236;--bg-sidebar:#060a14;--bg-sidebar-hover:#111827;--card-bg:var(--bg-secondary);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#ffffff;--text-link:var(--primary-400);--border-color:#1e293b;--dot-color:#1e293b;--header-bg:rgba(11,15,26,0.85);--text-color:var(--text-primary);--text-muted:var(--text-tertiary);--bg-color:var(--bg-secondary);--bg-hover:rgba(255,255,255,0.06);--hover-color:rgba(99,102,241,0.08);--sidebar-bg:#0b0f1a;--sidebar-text:var(--text-inverse);--sidebar-border:#1e293b;--sidebar-title:#ffffff;--sidebar-muted:#64748b;--sidebar-scroll:rgba(255,255,255,0.1);--sidebar-item:#94a3b8;--sidebar-item-hover:rgba(255,255,255,0.9);--sidebar-hover-bg:rgba(255,255,255,0.06);--sidebar-active-text:#ffffff;--sidebar-active-bg:linear-gradient(135deg,rgba(99,102,241,0.18),rgba(99,102,241,0.08));--sidebar-active-shadow:inset 3px 0 0 var(--primary-500),0 1px 8px rgba(99,102,241,0.08);--sidebar-line:rgba(255,255,255,0.08);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 10px 10px -5px rgba(0,0,0,0.3);--primary-50:rgba(99,102,241,0.08);--primary-100:rgba(99,102,241,0.15);--success-50:rgba(16,185,129,0.08);--success-100:rgba(16,185,129,0.15);--warning-50:rgba(245,158,11,0.08);--warning-100:rgba(245,158,11,0.15);--danger-50:rgba(239,68,68,0.08);--danger-100:rgba(239,68,68,0.15);--accent-50:rgba(6,182,212,0.08);--accent-100:rgba(6,182,212,0.15)}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{transition:background-color .3s ease,color .3s ease}body{font-family:var(--font-sans);background-color:var(--bg-primary);line-height:1.6;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.glass{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.3)}.glass,.glass-dark{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-dark{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGlow{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.05);opacity:1}}@keyframes borderShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-in-scale{animation:fadeInScale .3s ease-out forwards}.animate-slide-right{animation:slideInRight .3s ease-out forwards}.animate-slide-left{animation:slideInLeft .3s ease-out forwards}.animate-slide-down{animation:slideDown .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.bg-dotted{background-image:radial-gradient(circle,var(--gray-200) 1px,transparent 1px);background-size:24px 24px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.page-header h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.025em}.page-header .subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-content{animation:fadeIn .4s ease-out}.grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);line-height:1.5;letter-spacing:.025em}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-600)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-danger{background:var(--danger-100);color:var(--danger-600)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.table-container{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.table-container table{width:100%;border-collapse:collapse}.table-container th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--gray-50);border-bottom:2px solid var(--border-color)}.table-container td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.table-container tr:last-child td{border-bottom:none}.table-container tbody tr:nth-child(2n) td{background:var(--gray-50)}.table-container tbody tr:hover td{background:var(--primary-50)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.form-label .required{color:var(--danger-500);margin-left:2px}.form-input{width:100%;padding:.625rem .875rem;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.form-input:hover{border-color:var(--gray-400)}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.form-input::placeholder{color:var(--text-tertiary)}.form-input.error{border-color:var(--danger-500);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-error{color:var(--danger-500);display:flex;align-items:center;gap:var(--space-1)}.form-error,.form-hint{font-size:var(--text-xs)}.form-hint{color:var(--text-tertiary)}textarea.form-input{min-height:100px;resize:vertical}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.5;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.375rem .875rem;font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:.75rem 1.75rem;font-size:var(--text-base)}.btn-icon{padding:.5rem;border-radius:var(--radius-md)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:white;box-shadow:var(--shadow-sm),0 1px 2px rgba(79,70,229,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:var(--shadow-md),0 2px 8px rgba(79,70,229,.4);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:white}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:white}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm),0 0 0 1px rgba(0,0,0,.02);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg),0 0 0 1px rgba(99,102,241,.05);border-color:var(--primary-100)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--text-lg);font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;opacity:.06;transform:translate(30%,-30%);transition:opacity var(--transition-base)}.stat-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.stat-card.primary:before{background:var(--primary-500)}.stat-card.success:before{background:var(--success-500)}.stat-card.warning:before{background:var(--warning-500)}.stat-card.danger:before{background:var(--danger-500)}.stat-card.accent:before{background:var(--accent-500)}.stat-card.primary:after{background:linear-gradient(180deg,var(--primary-400),var(--primary-600))}.stat-card.success:after{background:linear-gradient(180deg,var(--success-500),#047857)}.stat-card.warning:after{background:linear-gradient(180deg,var(--warning-500),#b45309)}.stat-card.danger:after{background:linear-gradient(180deg,var(--danger-500),#b91c1c)}.stat-card.accent:after{background:linear-gradient(180deg,var(--accent-400),var(--accent-600))}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 4px 20px rgba(0,0,0,.06);border-color:var(--primary-100)}.stat-card:hover:before{opacity:.1}.stat-card .stat-icon{width:52px;height:52px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all var(--transition-base)}.stat-card .stat-icon:after{content:"";position:absolute;inset:-3px;border-radius:inherit;opacity:0;transition:opacity var(--transition-base)}.stat-card:hover .stat-icon:after{opacity:1}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-card.primary .stat-icon{background:var(--primary-100);color:var(--primary-600)}.stat-card.primary .stat-icon:after{box-shadow:0 0 0 2px var(--primary-200)}.stat-card.success .stat-icon{background:var(--success-100);color:var(--success-600)}.stat-card.success .stat-icon:after{box-shadow:0 0 0 2px var(--success-100)}.stat-card.warning .stat-icon{background:var(--warning-100);color:var(--warning-600)}.stat-card.warning .stat-icon:after{box-shadow:0 0 0 2px var(--warning-100)}.stat-card.danger .stat-icon{background:var(--danger-100);color:var(--danger-600)}.stat-card.danger .stat-icon:after{box-shadow:0 0 0 2px var(--danger-100)}.stat-card.accent .stat-icon{background:var(--accent-100);color:var(--accent-600)}.stat-card.accent .stat-icon:after{box-shadow:0 0 0 2px var(--accent-200)}.stat-card .stat-content{flex:1 1;min-width:0}.stat-card .stat-label{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-heading);line-height:1.2;letter-spacing:-.02em;animation:countUp .5s ease-out}.stat-card .stat-change{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:600;margin-top:4px;padding:1px 6px;border-radius:var(--radius-full)}.stat-card .stat-change.up{color:var(--success-600);background:var(--success-50)}.stat-card .stat-change.down{color:var(--danger-600);background:var(--danger-50)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:9999;flex-direction:column}.toast,.toast-container{display:flex;gap:var(--space-3)}.toast{align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);min-width:320px;max-width:480px;animation:slideInRight .3s ease-out}.toast.success{border-left:4px solid var(--success-500)}.toast.error{border-left:4px solid var(--danger-500)}.toast.warning{border-left:4px solid var(--warning-500)}.toast.info{border-left:4px solid var(--primary-500)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-secondary)}.empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state .empty-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state .empty-desc{font-size:var(--text-sm);max-width:400px}.spinner{width:20px;height:20px;border:2.5px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .6s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}@media (max-width:768px){:root{--sidebar-width:0px;--header-height:56px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.page-header{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(3,7,18,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .25s ease-out}.modal-container{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:calc(100vh - 2rem);flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.modal-container,.modal-header{background-color:var(--card-bg);display:flex}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between}.modal-header h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;margin:0;color:var(--text-color)}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.375rem;border-radius:var(--radius-sm);display:inline-flex;transition:all .2s ease;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:var(--danger-50);color:var(--danger-600)}[data-theme=dark] .modal-close-btn:hover{background-color:rgba(239,68,68,.1)}.modal-body{padding:1.5rem;overflow-y:auto;color:var(--text-color);background-color:var(--card-bg)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-tertiary);display:flex;justify-content:flex-end;gap:.75rem}.tabs-list{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-item{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-item:hover{color:var(--text-primary);border-bottom-color:var(--gray-300)}.tab-item.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;gap:var(--space-3)}.toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.toggle-slider{width:44px;height:24px;background-color:var(--gray-300);border-radius:var(--radius-full);position:relative;transition:background-color var(--transition-base)}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:white;border-radius:50%;transition:transform var(--transition-spring);box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-input:checked+.toggle-slider{background-color:var(--success-500)}.toggle-input:checked+.toggle-slider:after{transform:translateX(20px)}.toggle-input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.pagination-controls{display:flex;gap:var(--space-1)}.page-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){background:var(--gray-50);color:var(--text-primary);border-color:var(--gray-400)}.page-btn.active{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.dropdown-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1) 0;z-index:50;animation:slideDown .2s ease-out}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}.dropdown-item.danger{color:var(--danger-600)}.dropdown-item.danger:hover{background:var(--danger-50)}