:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #1e40af;--color-primary-700: #1e3a8a;--color-primary-800: #1e3a8a;--color-primary-900: #1e2a5a;--color-primary-950: #0f172a;--color-secondary-50: #f0fdfa;--color-secondary-100: #ccfbf1;--color-secondary-200: #99f6e4;--color-secondary-300: #5eead4;--color-secondary-400: #2dd4bf;--color-secondary-500: #14b8a6;--color-secondary-600: #0d9488;--color-secondary-700: #0f766e;--color-secondary-800: #115e59;--color-secondary-900: #134e4a;--color-secondary-950: #042f2e;--color-accent-50: #fffbeb;--color-accent-100: #fef3c7;--color-accent-200: #fde68a;--color-accent-300: #fcd34d;--color-accent-400: #fbbf24;--color-accent-500: #f59e0b;--color-accent-600: #d97706;--color-accent-700: #b45309;--color-accent-800: #92400e;--color-accent-900: #78350f;--color-accent-950: #451a03;--color-neutral-50: #fafaf9;--color-neutral-100: #f5f5f4;--color-neutral-200: #e7e5e4;--color-neutral-300: #d6d3d1;--color-neutral-400: #a8a29e;--color-neutral-500: #78716c;--color-neutral-600: #57534e;--color-neutral-700: #44403c;--color-neutral-800: #292524;--color-neutral-900: #1c1917;--color-neutral-950: #0c0a09;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-success-950: #052e16;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-warning-950: #451a03;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-error-950: #450a0a;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-info-950: #172554;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-secondary: "Merriweather", Georgia, serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--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);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--header-height: 4rem;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}@media (prefers-color-scheme: dark){:root{--color-neutral-50: #0c0a09;--color-neutral-100: #1c1917;--color-neutral-200: #292524;--color-neutral-300: #44403c;--color-neutral-400: #57534e;--color-neutral-500: #78716c;--color-neutral-600: #a8a29e;--color-neutral-700: #d6d3d1;--color-neutral-800: #e7e5e4;--color-neutral-900: #f5f5f4;--color-neutral-950: #fafaf9}}body{font-family:var(--font-family-primary);color:var(--color-neutral-800);background-color:var(--color-neutral-50);line-height:1.6}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-secondary-600)}.text-accent{color:var(--color-accent-600)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.text-info{color:var(--color-info-600)}.bg-primary{background-color:var(--color-primary-600)}.bg-secondary{background-color:var(--color-secondary-600)}.bg-accent{background-color:var(--color-accent-600)}.bg-success{background-color:var(--color-success-600)}.bg-warning{background-color:var(--color-warning-600)}.bg-error{background-color:var(--color-error-600)}.bg-info{background-color:var(--color-info-600)}.border-primary{border-color:var(--color-primary-300)}.border-secondary{border-color:var(--color-secondary-300)}.border-accent{border-color:var(--color-accent-300)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-300);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;transition:var(--transition-fast)}.btn-secondary:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-400)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);transition:var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200);background:var(--color-neutral-50);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-body{padding:var(--spacing-lg)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition-fast);background:#fff}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-label{display:block;font-weight:500;color:var(--color-neutral-700);margin-bottom:var(--spacing-xs);font-size:.875rem}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.success{background:var(--color-success-100);color:var(--color-success-800)}.status-badge.warning{background:var(--color-warning-100);color:var(--color-warning-800)}.status-badge.error{background:var(--color-error-100);color:var(--color-error-800)}.status-badge.info{background:var(--color-info-100);color:var(--color-info-800)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-secondary-600))}.gradient-accent{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-600))}.gradient-neutral{background:linear-gradient(135deg,var(--color-neutral-100),var(--color-neutral-200))}.loading-shimmer{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.table-professional{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table-professional th{background:var(--color-neutral-50);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-200)}.table-professional td{padding:var(--spacing-md);border-bottom:1px solid var(--color-neutral-100)}.table-professional tr:hover{background:var(--color-neutral-50)}