:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--color-bg: #f9fafb;--color-bg-elevated: #ffffff;--color-bg-hover: #f3f4f6;--color-bg-active: #e5e7eb;--color-text: #1f2937;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--success-500: #22c55e;--success-600: #16a34a;--warning-500: #f59e0b;--warning-600: #d97706;--error-500: #ef4444;--error-600: #dc2626;--sidebar-width: 260px;--header-height: 64px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-bg-hover: #334155;--color-bg-active: #475569;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-strong: #475569;--primary-50: rgba(59, 130, 246, .1);--primary-100: rgba(59, 130, 246, .15);--primary-200: rgba(59, 130, 246, .2);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4)}}[data-theme=light]{--color-bg: #f9fafb;--color-bg-elevated: #ffffff;--color-bg-hover: #f3f4f6;--color-bg-active: #e5e7eb;--color-text: #1f2937;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}[data-theme=dark]{--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-bg-hover: #334155;--color-bg-active: #475569;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-strong: #475569;--primary-50: rgba(59, 130, 246, .1);--primary-100: rgba(59, 130, 246, .15);--primary-200: rgba(59, 130, 246, .2);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.875rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--color-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--color-text-secondary)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:1rem;height:1rem}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-700)}.btn-primary:active:not(:disabled){background-color:var(--primary-800)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text)}.btn-danger{background-color:var(--error-500);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--error-600)}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-icon{padding:.5rem}.btn-icon.btn-sm{padding:.375rem}.input{width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input:disabled{background-color:var(--color-bg-hover);cursor:not-allowed}.label{display:block;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-hover)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition) ease-out}.animate-slide-up{animation:slideUp var(--transition) ease-out}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease-out}.modal-content{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;width:90%;max-height:90vh;overflow:auto;animation:slideUp var(--transition) ease-out}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:.25rem;min-width:180px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;animation:slideUp var(--transition-fast) ease-out}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;font-size:.875rem;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.dropdown-item.danger{color:var(--error-500)}.dropdown-item svg{width:1rem;height:1rem;color:var(--color-text-muted)}.dropdown-item.danger svg{color:var(--error-500)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-primary{background-color:var(--primary-100);color:var(--primary-700)}.badge-success{background-color:#dcfce7;color:var(--success-600)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.375rem .625rem;font-size:.75rem;color:#fff;background-color:var(--color-text);border-radius:var(--radius);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;margin-bottom:.25rem}.tooltip:hover:after{opacity:1;visibility:visible}.progress{height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-500);transition:width var(--transition)}