.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;left:0;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container{animation:slideIn .2s ease-out;background-color:#1e1e2e;background-color:var(--bg-elevated,#1e1e2e);border:1px solid #3a3a4a;border:1px solid var(--border-color,#3a3a4a);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;min-width:320px}.modal-small{width:320px}.modal-medium{width:480px}.modal-large{width:640px}.modal-header{align-items:center;border-bottom:1px solid #3a3a4a;border-bottom:1px solid var(--border-color,#3a3a4a);display:flex;justify-content:space-between;padding:16px 20px}.modal-title{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:16px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#a0a0a0;color:var(--text-secondary,#a0a0a0);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.modal-close:hover{background-color:#2a2a3a;background-color:var(--bg-hover,#2a2a3a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.modal-body{flex:1 1}.modal-footer{border-top:1px solid #3a3a4a;border-top:1px solid var(--border-color,#3a3a4a)}.confirm-message{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:14px;line-height:1.6;margin:0}.btn{border:none;border-radius:6px;border-radius:var(--radius-md,6px);gap:6px;transition:all .15s ease}.btn-primary{background-color:#6366f1;background-color:var(--accent-primary,#6366f1)}.btn-primary:hover:not(:disabled){background-color:#5558e3;background-color:var(--accent-primary-hover,#5558e3)}.btn-danger{background-color:var(--danger,#ef4444)}.btn-success{background-color:#22c55e;background-color:var(--success,#22c55e);color:#fff}.btn-success:hover:not(:disabled){background-color:#16a34a}.btn-warning{background-color:#f59e0b;background-color:var(--warning,#f59e0b);color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-default{background-color:#2a2a3a;background-color:var(--bg-secondary,#2a2a3a);border:1px solid #3a3a4a;border:1px solid var(--border-color,#3a3a4a);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.btn-default:hover:not(:disabled){background-color:#3a3a4a;background-color:var(--bg-hover,#3a3a4a)}.searchable-select{font-size:14px;position:relative;width:100%}.searchable-select-disabled{opacity:.5;pointer-events:none}.searchable-select-trigger{align-items:center;background-color:#1e1e2e;background-color:var(--bg-elevated,#1e1e2e);border:1px solid #4a4a5a;border:1px solid var(--border-color-strong,#4a4a5a);border-radius:6px;border-radius:var(--radius-md,6px);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:space-between;padding:0 12px;transition:all .15s ease}.searchable-select-open,.searchable-select-trigger:hover{border-color:#6366f1;border-color:var(--accent-primary,#6366f1)}.searchable-select-open{box-shadow:0 0 0 2px #6366f133}.searchable-select-value{color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-placeholder{color:grey;color:var(--text-muted,grey)}.searchable-select-arrow{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);flex-shrink:0;margin-left:8px;transition:transform .2s ease}.searchable-select-arrow-up{transform:rotate(180deg)}.searchable-select-dropdown{animation:dropdownSlideIn .15s ease-out;background-color:#1e1e2e;background-color:var(--bg-elevated,#1e1e2e);border:1px solid #4a4a5a;border:1px solid var(--border-color-strong,#4a4a5a);border-radius:6px;border-radius:var(--radius-md,6px);box-shadow:0 8px 24px #0000004d;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.searchable-select-search{align-items:center;border-bottom:1px solid #3a3a4a;border-bottom:1px solid var(--border-color,#3a3a4a);display:flex;gap:8px;padding:6px 10px}.searchable-select-search svg{color:#a0a0a0;color:var(--text-secondary,#a0a0a0);flex-shrink:0}.searchable-select-search-input{background:none;border:none;color:#e0e0e0;color:var(--text-primary,#e0e0e0);flex:1 1;font-size:14px;outline:none;padding:5px}.searchable-select-search-input::placeholder{color:grey;color:var(--text-muted,grey)}.searchable-select-options{max-height:240px;overflow-y:auto}.searchable-select-option{align-items:center;color:#e0e0e0;color:var(--text-primary,#e0e0e0);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .1s ease}.searchable-select-option:hover{background-color:#2a2a3a;background-color:var(--bg-hover,#2a2a3a)}.searchable-select-option-selected{background-color:#6366f126;color:#6366f1;color:var(--accent-primary,#6366f1)}.searchable-select-option-selected:hover{background-color:#6366f133}.searchable-select-option-disabled{cursor:not-allowed;opacity:.5}.searchable-select-option-disabled:hover{background-color:initial}.searchable-select-empty{color:grey;color:var(--text-muted,grey);font-size:14px;padding:16px 12px;text-align:center}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:#0000}.searchable-select-options::-webkit-scrollbar-thumb{background-color:#3a3a4a;background-color:var(--border-color,#3a3a4a);border-radius:3px}.searchable-select-options::-webkit-scrollbar-thumb:hover{background-color:#4a4a5a;background-color:var(--border-color-strong,#4a4a5a)}.auth-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{background:#1e293b;border:1px solid #334155;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:420px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:#f1f5f9;font-size:24px;font-weight:600;margin-bottom:8px}.auth-header p{color:#94a3b8;font-size:14px}.auth-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#94a3b8;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.form-group input{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder,.form-hint{color:#64748b}.form-hint{font-size:12px;margin-top:4px}.auth-button{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s}.auth-button:hover:not(:disabled){box-shadow:0 4px 20px #3b82f666;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{border-top:1px solid #334155;margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:#94a3b8;font-size:14px}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;margin-left:4px;padding:0;transition:color .2s}.link-button:hover{color:#60a5fa;text-decoration:underline}@media (max-width:480px){.auth-container{padding:24px}.auth-header h1{font-size:20px}}.profile-page{margin:0 auto;max-width:1200px;padding:24px}.profile-card{margin-bottom:24px}.profile-card .card-header{display:flex;flex-direction:column;gap:4px}.card-subtitle{color:#94a3b8;font-size:13px;font-weight:400}.profile-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#94a3b8;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#f1f5f9;font-size:15px}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.role-badge.admin{background:#3b82f626;color:#3b82f6}.role-badge.user{background:#10b98126;color:#10b981}.alert{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.form-actions{margin-top:20px}.config-note{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;margin-top:24px;padding:16px}.config-note h4{color:#3b82f6;font-size:14px;margin-bottom:12px}.config-note ul{color:#94a3b8;font-size:13px;line-height:1.8;margin:0;padding-left:20px}.config-note li{margin-bottom:4px}.config-note a{color:#3b82f6;text-decoration:none}.config-note a:hover{text-decoration:underline}.loading{color:#94a3b8;font-size:16px;min-height:400px}:root,[data-theme=light]{--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}:root,[data-theme=light]{--bg-primary:#f9fafb;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--bg-elevated:#fff;--bg-hover:#f3f4f6;--bg-active:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-secondary:#8b5cf6;--accent-secondary-hover:#7c3aed;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#0ea5e9;--info-light:#e0f2fe;--border-color:#e5e7eb;--border-color-strong:#d1d5db;--border-color-subtle:#f3f4f6;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #0000001f,0 8px 10px -6px #0000001a;--shadow-glow:0 0 0 3px #3b82f626}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--bg-hover:#334155;--bg-active:#475569;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent-primary:#60a5fa;--accent-primary-hover:#3b82f6;--accent-secondary:#818cf8;--accent-secondary-hover:#6366f1;--success:#34d399;--success-light:#10b98133;--warning:#fbbf24;--warning-light:#f59e0b33;--danger:#f87171;--danger-light:#ef444433;--info:#38bdf8;--info-light:#0ea5e933;--border-color:#334155;--border-color-strong:#475569;--border-color-subtle:#1e293b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;--shadow-glow:0 0 0 3px #3b82f633}*{box-sizing:border-box}body{color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;line-height:1.5;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),color var(--transition-base)}.app-container,body{background-color:#f9fafb}.app-container{background-color:var(--bg-primary);min-height:100vh}.main-content{margin:0 auto;max-width:1400px;padding:24px;padding:var(--space-6)}.card{background-color:#fff;background-color:var(--bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000000d;box-shadow:var(--shadow-sm);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.card-body,.card-header{padding:20px;padding:var(--space-5)}.card-footer{background-color:#f3f4f6;background-color:var(--bg-secondary);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);padding:16px 20px;padding:var(--space-4) var(--space-5)}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;gap:var(--space-2);justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#3b82f6;background-color:var(--accent-primary);border:1px solid #0000;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--accent-primary-hover);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#e5e7eb;background-color:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#f3f4f6;background-color:var(--bg-hover);border-color:#d1d5db;border-color:var(--border-color-strong)}.btn-danger{background-color:#ef4444;background-color:var(--danger);border:1px solid #0000;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.btn-ghost{background-color:initial;border:1px solid #0000;color:#4b5563;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--bg-tertiary);border-color:#e5e7eb;border-color:var(--border-color);color:#111827;color:var(--text-primary)}.btn-sm{font-size:13px;padding:4px 12px;padding:var(--space-1) var(--space-3)}.btn-lg{font-size:15px;padding:12px 20px;padding:var(--space-3) var(--space-5)}.form-group{margin-bottom:16px;margin-bottom:var(--space-4)}.form-label{color:#4b5563;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:8px;margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{background-color:#fff;background-color:var(--bg-elevated);border:1px solid #d1d5db;border:1px solid var(--border-color-strong);border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:#111827;color:var(--text-primary);font-size:14px;line-height:1.5;min-height:40px;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{background-color:#fff;border-color:#d1d5db;border-color:var(--border-color-strong)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:#f3f4f6;background-color:var(--bg-secondary);border-color:#e5e7eb;border-color:var(--border-color)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f626;box-shadow:var(--shadow-glow);outline:none}.form-input::placeholder{color:#9ca3af;color:var(--text-muted)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-input-readonly{align-items:center;background-color:#f3f4f6!important;background-color:var(--bg-secondary)!important;cursor:default;display:flex;min-height:40px}.table-container{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;font-size:14px;width:100%}.table th{background-color:#f3f4f6;background-color:var(--bg-secondary);color:#6b7280;color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.table td,.table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:12px 16px;padding:var(--space-3) var(--space-4)}.table td{color:#4b5563;color:var(--text-secondary)}.table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:#f3f4f6;background-color:var(--bg-hover)}.table tbody tr:hover .btn-secondary{background-color:#fff;background-color:var(--bg-elevated);border-color:#d1d5db;border-color:var(--border-color-strong);box-shadow:0 1px 3px 0 #0000000d;box-shadow:var(--shadow-sm)}.table tbody tr:hover .btn-secondary:hover{background-color:#f9fafb;background-color:var(--bg-primary);border-color:#3b82f6;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;box-shadow:var(--shadow-md)}.table tbody tr:hover .btn-danger{background-color:#ef4444;background-color:var(--danger);box-shadow:0 1px 3px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.table tbody tr:hover .btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f;box-shadow:var(--shadow-md)}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px;padding:var(--space-1) var(--space-2)}.badge-success{background-color:#d1fae5;background-color:var(--success-light);color:#10b981;color:var(--success)}.badge-warning{background-color:#fef3c7;background-color:var(--warning-light);color:#f59e0b;color:var(--warning)}.badge-danger{background-color:#fee2e2;background-color:var(--danger-light);color:#ef4444;color:var(--danger)}.badge-info{background-color:#e0f2fe;background-color:var(--info-light);color:#0ea5e9;color:var(--info)}.badge-default{background-color:#e5e7eb;background-color:var(--bg-tertiary);color:#4b5563;color:var(--text-secondary)}.page-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6);padding-bottom:16px;padding-bottom:var(--space-4)}.page-title{color:#111827;color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0}.page-subtitle{color:#6b7280;color:var(--text-tertiary);font-size:14px;margin:4px 0 0;margin:var(--space-1) 0 0}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;background-color:var(--bg-elevated);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:50}.navbar-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px;padding:0 var(--space-6)}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:#111827;color:var(--text-primary);cursor:pointer;font-size:18px;font-weight:700;gap:12px;gap:var(--space-3);text-decoration:none}.navbar-nav{align-items:center;display:flex;gap:4px;gap:var(--space-1)}.nav-link{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-link:hover{background-color:#f3f4f6;background-color:var(--bg-hover);color:#111827;color:var(--text-primary)}.nav-link.active{color:#3b82f6;color:var(--accent-primary)}.nav-link.active,.theme-toggle{background-color:#e5e7eb;background-color:var(--bg-tertiary)}.theme-toggle{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:36px}.theme-toggle:hover{background-color:#f3f4f6;background-color:var(--bg-hover);color:#111827;color:var(--text-primary)}.loading{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;justify-content:center;padding:40px;padding:var(--space-10)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-top-color:#3b82f6;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px;padding:var(--space-10);text-align:center}.empty-state-icon{color:#6b7280;color:var(--text-tertiary);height:48px;margin-bottom:16px;margin-bottom:var(--space-4);width:48px}.pagination{align-items:center;display:flex;justify-content:space-between;margin-top:24px;margin-top:var(--space-6);padding:16px 0;padding:var(--space-4) 0}.pagination-info{color:#4b5563;color:var(--text-secondary);font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.switch{align-items:center;cursor:pointer;display:inline-flex;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;position:absolute;width:0}.switch-slider{background-color:#e5e7eb;background-color:var(--bg-tertiary);inset:0;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.switch-slider,.switch-slider:before{border-radius:9999px;border-radius:var(--radius-full);position:absolute}.switch-slider:before{background-color:#fff;box-shadow:0 1px 3px 0 #0000000d;box-shadow:var(--shadow-sm);content:"";height:20px;left:2px;top:2px;transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast);width:20px}.switch input:checked+.switch-slider{background-color:#3b82f6;background-color:var(--accent-primary)}.switch input:checked+.switch-slider:before{transform:translateX(20px)}.modal-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4);position:fixed;z-index:100}.modal{background-color:#fff;background-color:var(--bg-elevated);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001f,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.modal-body,.modal-header{padding:20px;padding:var(--space-5)}.modal-body{overflow-y:auto}.modal-footer{background-color:#f3f4f6;background-color:var(--bg-secondary);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;gap:12px;gap:var(--space-3);justify-content:flex-end;padding:16px 20px;padding:var(--space-4) var(--space-5)}@media (max-width:768px){.main-content{padding:16px;padding:var(--space-4)}.page-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-4)}.navbar-content{padding:0 16px;padding:0 var(--space-4)}.navbar-nav{display:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin:0}code{font-family:var(--font-mono),source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{margin:0 auto;max-width:1400px;padding:24px}
/*# sourceMappingURL=main.a1104a32.css.map*/