: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: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e3c72;--color-primary-900: #1e40af;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-admin-50: #f5f3ff;--color-admin-100: #ede9fe;--color-admin-200: #ddd6fe;--color-admin-300: #e9d5ff;--color-admin-500: #8b5cf6;--color-admin-600: #7c3aed;--color-admin-700: #6d28d9;--gradient-primary: linear-gradient(135deg, var(--color-primary-800) 0%, #2a5298 100%);--gradient-primary-light: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);--gradient-success: linear-gradient(135deg, var(--color-success-500) 0%, var(--color-success-600) 100%);--gradient-error: linear-gradient(135deg, var(--color-error-500) 0%, var(--color-error-600) 100%);--gradient-warning: linear-gradient(135deg, var(--color-warning-100) 0%, var(--color-warning-200) 100%);--gradient-dark: linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-neutral-800) 100%);--gradient-page: linear-gradient(180deg, var(--color-neutral-50) 0%, var(--color-neutral-100) 100%);--gradient-login-bg: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);--gradient-admin: linear-gradient(135deg, var(--color-admin-50) 0%, var(--color-admin-100) 100%);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Consolas", "Liberation Mono", Menlo, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--letter-spacing-wide: .5px;--letter-spacing-wider: 1px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 12px rgba(30, 60, 114, .3);--shadow-primary-lg: 0 8px 20px rgba(30, 60, 114, .35);--shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--shadow-error: 0 4px 12px rgba(239, 68, 68, .3);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .04);--border-width: 1px;--border-width-2: 2px;--border-color: var(--color-neutral-200);--border-color-light: var(--color-neutral-100);--border-color-transparent: rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 1100;--content-max-width: 1400px;--content-padding: var(--spacing-8);--btn-padding-x: 24px;--btn-padding-y: 12px;--btn-font-size: var(--font-size-base);--btn-font-weight: var(--font-weight-semibold);--btn-radius: var(--radius-lg);--input-padding-x: 16px;--input-padding-y: 14px;--input-font-size: var(--font-size-md);--input-radius: var(--radius-xl);--input-border-width: var(--border-width-2);--input-bg: var(--color-neutral-50);--input-border-color: var(--color-neutral-200);--input-focus-color: var(--color-primary-500);--card-padding: var(--spacing-6);--card-radius: var(--radius-2xl);--card-shadow: var(--shadow-card);--card-border: var(--border-width) solid var(--border-color-transparent);--table-header-bg: linear-gradient(180deg, var(--color-neutral-50) 0%, var(--color-neutral-100) 100%);--table-row-hover: linear-gradient(90deg, var(--color-neutral-50) 0%, var(--color-neutral-100) 100%);--table-cell-padding: var(--spacing-4) var(--spacing-5);--modal-backdrop: rgba(15, 23, 42, .6);--modal-radius: var(--radius-3xl);--modal-shadow: var(--shadow-xl), 0 0 0 1px rgba(255, 255, 255, .1)}.text-primary{color:var(--color-primary-800)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.text-muted{color:var(--color-neutral-500)}.bg-primary{background:var(--gradient-primary)}.bg-success{background:var(--gradient-success)}.bg-error{background:var(--gradient-error)}.font-mono{font-family:var(--font-family-mono)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-700);background:var(--color-neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}