: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: #1e40af;--color-primary-900: #1e3a8a;--color-accent-50: #fff7ed;--color-accent-100: #ffedd5;--color-accent-200: #fed7aa;--color-accent-300: #fdba74;--color-accent-400: #fb923c;--color-accent-500: #f97316;--color-accent-600: #ea580c;--color-accent-700: #c2410c;--color-accent-800: #9a3412;--color-accent-900: #7c2d12;--color-warn-50: #fef2f2;--color-warn-100: #fee2e2;--color-warn-200: #fecaca;--color-warn-300: #fca5a5;--color-warn-400: #f87171;--color-warn-500: #ef4444;--color-warn-600: #dc2626;--color-warn-700: #b91c1c;--color-warn-800: #991b1b;--color-warn-900: #7f1d1d;--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-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-bg: #f9fafb;--color-bg-subtle: #ffffff;--color-bg-inset: #f3f4f6;--color-bg-elevated: #ffffff;--color-fg: #111827;--color-fg-muted: #4b5563;--color-fg-subtle: #6b7280;--color-border: #e5e7eb;--color-border-muted: #f3f4f6;--color-border-strong: #d1d5db;--color-focus-ring: var(--color-primary-500);--color-focus-ring-offset: #ffffff;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--font-family-sans: "Inter", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-family-mono: "Fira Code", "Consolas", "Monaco", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--radius-none: 0;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--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);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000;--shadow-glow: 0 0 20px -5px rgba(59, 130, 246, .3);--shadow-glow-lg: 0 0 30px -5px rgba(59, 130, 246, .4);--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-default: .15s cubic-bezier(.4, 0, .2, 1);--transition-colors: color, background-color, border-color, text-decoration-color, fill, stroke .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--surface-default: #f9fafb;--surface-subtle: #ffffff;--surface-inset: #f3f4f6;--surface-elevated: #ffffff;--surface-overlay: rgba(0, 0, 0, .5);--text-default: #111827;--text-muted: #4b5563;--text-subtle: #6b7280;--text-on-primary: #ffffff;--text-on-accent: #ffffff;--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--border-default: #e5e7eb;--border-muted: #f3f4f6;--border-strong: #d1d5db;--border-focus: var(--color-primary-500);--btn-primary-bg: var(--color-primary-600);--btn-primary-bg-hover: var(--color-primary-700);--btn-primary-text: #ffffff;--btn-primary-focus-ring: var(--color-primary-500);--btn-secondary-bg: var(--color-gray-200);--btn-secondary-bg-hover: var(--color-gray-300);--btn-secondary-text: var(--color-gray-800);--btn-secondary-focus-ring: var(--color-gray-500);--btn-warn-bg: var(--color-warn-600);--btn-warn-bg-hover: var(--color-warn-700);--btn-warn-text: #ffffff;--btn-warn-focus-ring: var(--color-warn-500);--btn-accent-bg: var(--color-accent-600);--btn-accent-bg-hover: var(--color-accent-700);--btn-accent-text: #ffffff;--btn-accent-focus-ring: var(--color-accent-500);--btn-text-color: var(--color-primary-600);--btn-text-color-hover: var(--color-primary-700);--btn-text-bg-hover: var(--color-primary-50);--input-bg: var(--color-bg-subtle);--input-bg-disabled: var(--color-bg-inset);--input-border: var(--color-border);--input-border-hover: var(--color-border-strong);--input-border-focus: var(--color-primary-500);--input-text: var(--color-fg);--input-placeholder: var(--color-fg-subtle);--input-focus-ring: rgba(59, 130, 246, .2);--input-error-border: var(--color-warn-500);--input-error-focus-ring: rgba(239, 68, 68, .2);--card-bg: var(--color-bg-subtle);--card-border: var(--color-gray-100);--card-shadow: var(--shadow-lg);--card-header-bg: transparent;--card-header-border: var(--color-border);--card-footer-bg: var(--color-gray-50);--card-footer-border: var(--color-border);--table-bg: var(--color-bg-subtle);--table-header-bg: var(--color-gray-50);--table-border: var(--color-border);--table-row-hover: var(--color-gray-50);--table-row-stripe: var(--color-gray-50);--table-header-text: var(--color-fg);--table-cell-text: var(--color-fg-muted);--dialog-bg: var(--color-bg-subtle);--dialog-border: var(--color-border);--dialog-shadow: var(--shadow-xl);--dialog-header-border: var(--color-border);--dialog-footer-bg: var(--color-gray-50);--dialog-footer-border: var(--color-border);--dialog-backdrop: rgba(0, 0, 0, .5);--dialog-title-text: var(--color-fg);--dialog-close-color: var(--color-fg-subtle);--dialog-close-hover: var(--color-fg-muted);--navbar-bg: var(--color-primary-600);--navbar-border: transparent;--navbar-text: #ffffff;--navbar-btn-hover: rgba(255, 255, 255, .1);--navbar-input-bg: rgba(255, 255, 255, .1);--navbar-input-border: rgba(255, 255, 255, .2);--navbar-input-border-focus: rgba(255, 255, 255, .4);--navbar-input-text: #ffffff;--navbar-input-placeholder: rgba(255, 255, 255, .7);--sidenav-bg: var(--color-bg-subtle);--sidenav-border: var(--color-border);--sidenav-header-border: var(--color-border);--sidenav-item-text: var(--color-fg-muted);--sidenav-item-hover-bg: var(--color-gray-100);--sidenav-item-hover-text: var(--color-fg);--sidenav-item-active-bg: var(--color-primary-50);--sidenav-item-active-text: var(--color-primary-700);--select-bg: var(--color-bg-subtle);--select-bg-disabled: var(--color-bg-inset);--select-border: var(--color-border);--select-border-focus: var(--color-primary-500);--select-text: var(--color-fg);--select-placeholder: var(--color-fg-subtle);--select-icon: var(--color-fg-subtle);--select-dropdown-bg: var(--color-bg-subtle);--select-dropdown-border: var(--color-border);--select-dropdown-shadow: var(--shadow-lg);--select-option-hover: var(--color-gray-100);--select-option-selected-bg: var(--color-primary-50);--select-option-selected-text: var(--color-primary-700);--select-option-text: var(--color-fg);--select-empty-text: var(--color-fg-subtle);--badge-primary-bg: var(--color-primary-100);--badge-primary-text: var(--color-primary-700);--badge-success-bg: var(--color-success-100);--badge-success-text: var(--color-success-700);--badge-warn-bg: var(--color-warn-100);--badge-warn-text: var(--color-warn-700);--badge-accent-bg: var(--color-accent-100);--badge-accent-text: var(--color-accent-700);--badge-gray-bg: var(--color-gray-100);--badge-gray-text: var(--color-gray-700);--chip-bg: var(--color-gray-100);--chip-text: var(--color-fg);--tabs-border: var(--color-border);--tab-text: var(--color-fg-muted);--tab-text-hover: var(--color-fg);--tab-text-active: var(--color-primary-600);--tab-border-active: var(--color-primary-600);--menu-bg: var(--color-bg-subtle);--menu-border: var(--color-border);--menu-shadow: var(--shadow-lg);--menu-item-text: var(--color-fg);--menu-item-hover: var(--color-gray-100);--menu-divider: var(--color-border);--tooltip-bg: var(--color-gray-900);--tooltip-text: #ffffff;--snackbar-bg: var(--color-gray-800);--snackbar-text: #ffffff;--snackbar-success-bg: var(--color-success-600);--snackbar-error-bg: var(--color-warn-600);--snackbar-info-bg: var(--color-primary-600);--progress-track: var(--color-gray-200);--progress-fill: var(--color-primary-600);--accordion-border: var(--color-border);--accordion-trigger-hover: var(--color-gray-50);--accordion-content-text: var(--color-fg-muted);--scrollbar-track: var(--color-gray-100);--scrollbar-thumb: var(--color-gray-300);--scrollbar-thumb-hover: var(--color-gray-400);--label-text: var(--color-fg-muted);--error-text: var(--color-warn-600);--hint-text: var(--color-fg-subtle);--checkbox-border: var(--color-border-strong);--checkbox-checked-bg: var(--color-primary-600);--checkbox-checked-border: var(--color-primary-600);--login-bg-gradient-start: var(--color-primary-600);--login-bg-gradient-mid: var(--color-primary-700);--login-bg-gradient-end: var(--color-primary-900);--login-card-bg: var(--color-bg-subtle);--login-card-footer-bg: var(--color-gray-50);--login-card-footer-border: var(--color-gray-100);--login-title-text: var(--color-fg);--login-copyright-text: var(--color-primary-200);--login-error-bg: var(--color-warn-50);--login-error-border: var(--color-warn-200);--login-error-text: var(--color-warn-700);--login-error-icon: var(--color-warn-600);--login-warning-bg: #fffbeb;--login-warning-border: #fde68a;--login-warning-text: #b45309;--login-warning-icon: #d97706;--login-disclaimer-bg: var(--color-gray-50);--icon-btn-color: var(--color-fg-muted);--icon-btn-hover-bg: var(--color-gray-100);--icon-btn-hover-color: var(--color-fg);--toolbar-bg: var(--color-bg-subtle);--toolbar-border: var(--color-border);--footer-bg: var(--color-bg-subtle);--footer-border: var(--color-border);--datepicker-bg: var(--color-bg-subtle);--datepicker-border: var(--color-border);--database-indicator-bg: rgba(255, 255, 255, .1);--database-indicator-text: rgba(255, 255, 255, .9);--impersonation-btn-hover-bg: rgba(245, 158, 11, .2);--impersonation-btn-hover-text: #fbbf24;--impersonation-bar-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--impersonation-bar-text: #1f2937;--impersonation-bar-btn-bg: rgba(0, 0, 0, .15);--impersonation-bar-btn-border: rgba(0, 0, 0, .2);--impersonation-bar-btn-hover-bg: rgba(0, 0, 0, .25);--impersonation-bar-btn-hover-border: rgba(0, 0, 0, .3);--impersonation-panel-bg: var(--color-bg);--impersonation-panel-border: transparent;--impersonation-header-border: var(--color-border);--impersonation-icon-bg: rgba(245, 158, 11, .1);--impersonation-close-hover: var(--color-gray-100);--impersonation-info-bg: rgba(245, 158, 11, .1);--impersonation-info-border: rgba(245, 158, 11, .3);--impersonation-info-text: #92400e;--impersonation-search-bg: var(--color-bg);--impersonation-search-border: var(--color-border);--impersonation-search-focus-border: var(--color-primary-500);--impersonation-search-focus-ring: rgba(59, 130, 246, .1);--impersonation-error-bg: var(--color-warn-50);--impersonation-error-border: var(--color-warn-200);--impersonation-error-text: var(--color-warn-700);--impersonation-retry-bg: var(--color-warn-100);--impersonation-retry-hover: var(--color-warn-200);--impersonation-user-bg: var(--color-gray-50);--impersonation-user-hover: var(--color-gray-100);--impersonation-user-avatar-bg: var(--color-gray-200);--impersonation-db-badge-bg: var(--color-gray-200);--impersonation-db-badge-text: var(--color-fg-muted);--impersonation-user-btn-bg: rgba(245, 158, 11, .1);--impersonation-user-btn-text: #92400e;--impersonation-user-btn-border: rgba(245, 158, 11, .3);--impersonation-user-btn-hover-bg: rgba(245, 158, 11, .2);--impersonation-user-btn-hover-border: rgba(245, 158, 11, .5);--impersonation-footer-bg: var(--color-gray-50);--impersonation-footer-border: var(--color-border);--worker-exec-icon: var(--color-primary-600);--worker-exec-tabs-border: var(--color-border);--worker-exec-tab-text: var(--color-fg-muted);--worker-exec-tab-hover: var(--color-fg);--worker-exec-tab-active: var(--color-primary-600);--worker-exec-tab-border-active: var(--color-primary-500);--worker-exec-nav-btn: var(--color-fg-muted);--worker-exec-nav-btn-hover: var(--color-gray-100);--worker-exec-today-bg: var(--color-primary-100);--worker-exec-today-text: var(--color-primary-700);--worker-exec-today-hover: var(--color-primary-200);--worker-exec-summary-bg: var(--color-gray-50);--worker-exec-summary-label: var(--color-fg-subtle);--worker-exec-summary-value: var(--color-fg);--worker-exec-loading-text: var(--color-fg-subtle);--worker-exec-error-bg: var(--color-warn-50);--worker-exec-error-border: var(--color-warn-200);--worker-exec-error-icon: var(--color-warn-600);--worker-exec-error-text: var(--color-warn-700);--worker-exec-empty-text: var(--color-fg-subtle);--worker-exec-row-bg: var(--color-gray-50);--worker-exec-worker-name: var(--color-fg);--worker-exec-worker-ops: var(--color-fg-subtle);--worker-exec-worker-qty: var(--color-primary-600);--worker-exec-progress-track: var(--color-gray-200);--worker-exec-progress-fill: var(--color-primary-500);--worker-exec-machine-badge-bg: var(--color-gray-200);--worker-exec-machine-badge-text: var(--color-fg-muted);--worker-exec-table-header: var(--color-fg-subtle);--worker-exec-table-border: var(--color-border-muted);--worker-exec-day-date: var(--color-fg-subtle);--worker-exec-badge-bg: var(--color-primary-100);--worker-exec-badge-text: var(--color-primary-700);--worker-exec-day-empty: var(--color-gray-300);--machine-usage-icon: var(--color-accent-600);--machine-usage-title: var(--color-fg);--machine-usage-subtitle: var(--color-fg-subtle);--machine-usage-tabs-border: var(--color-border);--machine-usage-tab-text: var(--color-fg-muted);--machine-usage-tab-hover: var(--color-fg);--machine-usage-tab-active: var(--color-accent-600);--machine-usage-tab-border-active: var(--color-accent-500);--machine-usage-nav-btn: var(--color-fg-muted);--machine-usage-nav-btn-hover: var(--color-gray-100);--machine-usage-summary-bg: var(--color-gray-50);--machine-usage-summary-label: var(--color-fg-subtle);--machine-usage-summary-value: var(--color-fg);--machine-usage-spinner-track: var(--color-accent-200);--machine-usage-spinner-fill: var(--color-accent-500);--machine-usage-loading-text: var(--color-fg-subtle);--machine-usage-error-bg: var(--color-warn-50);--machine-usage-error-border: var(--color-warn-200);--machine-usage-error-icon: var(--color-warn-600);--machine-usage-error-text: var(--color-warn-700);--machine-usage-empty-text: var(--color-fg-subtle);--machine-usage-row-bg: var(--color-gray-50);--machine-usage-machine-name: var(--color-fg);--machine-usage-machine-ops: var(--color-fg-subtle);--machine-usage-machine-qty: var(--color-accent-600);--machine-usage-progress-track: var(--color-gray-200);--machine-usage-progress-fill: var(--color-accent-500);--machine-usage-table-header: var(--color-fg-subtle);--machine-usage-table-border: var(--color-border-muted);--machine-usage-day-date: var(--color-fg-subtle);--machine-usage-badge-bg: var(--color-accent-100);--machine-usage-badge-text: var(--color-accent-700);--machine-usage-day-empty: var(--color-gray-300);--machine-usage-today-bg: var(--color-accent-100);--machine-usage-today-text: var(--color-accent-700);--machine-usage-today-hover: var(--color-accent-200)}[data-theme=light]{--surface-default: #f9fafb;--surface-subtle: #ffffff;--surface-inset: #f3f4f6;--surface-elevated: #ffffff;--surface-overlay: rgba(0, 0, 0, .5);--text-default: #111827;--text-muted: #4b5563;--text-subtle: #6b7280;--text-on-primary: #ffffff;--text-on-accent: #ffffff;--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--border-default: #e5e7eb;--border-muted: #f3f4f6;--border-strong: #d1d5db;--border-focus: var(--color-primary-500);--color-bg: #f9fafb;--color-bg-subtle: #ffffff;--color-bg-inset: #f3f4f6;--color-bg-elevated: #ffffff;--color-fg: #111827;--color-fg-muted: #4b5563;--color-fg-subtle: #6b7280;--color-border: #e5e7eb;--color-border-muted: #f3f4f6;--color-border-strong: #d1d5db;--color-focus-ring: var(--color-primary-500);--color-focus-ring-offset: #ffffff;--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);--shadow-glow: 0 0 20px -5px rgba(59, 130, 246, .3);--shadow-glow-lg: 0 0 30px -5px rgba(59, 130, 246, .4);--btn-primary-bg: var(--color-primary-600);--btn-primary-bg-hover: var(--color-primary-700);--btn-primary-text: #ffffff;--btn-primary-focus-ring: var(--color-primary-500);--btn-secondary-bg: var(--color-gray-200);--btn-secondary-bg-hover: var(--color-gray-300);--btn-secondary-text: var(--color-gray-800);--btn-secondary-focus-ring: var(--color-gray-500);--btn-warn-bg: var(--color-warn-600);--btn-warn-bg-hover: var(--color-warn-700);--btn-warn-text: #ffffff;--btn-warn-focus-ring: var(--color-warn-500);--btn-accent-bg: var(--color-accent-600);--btn-accent-bg-hover: var(--color-accent-700);--btn-accent-text: #ffffff;--btn-accent-focus-ring: var(--color-accent-500);--btn-text-color: var(--color-primary-600);--btn-text-color-hover: var(--color-primary-700);--btn-text-bg-hover: var(--color-primary-50);--input-bg: var(--color-bg-subtle);--input-bg-disabled: var(--color-bg-inset);--input-border: var(--color-border);--input-border-hover: var(--color-border-strong);--input-border-focus: var(--color-primary-500);--input-text: var(--color-fg);--input-placeholder: var(--color-fg-subtle);--input-focus-ring: rgba(59, 130, 246, .2);--input-error-border: var(--color-warn-500);--input-error-focus-ring: rgba(239, 68, 68, .2);--card-bg: var(--color-bg-subtle);--card-border: var(--color-gray-100);--card-shadow: var(--shadow-lg);--card-header-bg: transparent;--card-header-border: var(--color-border);--card-footer-bg: var(--color-gray-50);--card-footer-border: var(--color-border);--table-bg: var(--color-bg-subtle);--table-header-bg: var(--color-gray-50);--table-border: var(--color-border);--table-row-hover: var(--color-gray-50);--table-row-stripe: var(--color-gray-50);--table-header-text: var(--color-fg);--table-cell-text: var(--color-fg-muted);--dialog-bg: var(--color-bg-subtle);--dialog-border: var(--color-border);--dialog-shadow: var(--shadow-xl);--dialog-header-border: var(--color-border);--dialog-footer-bg: var(--color-gray-50);--dialog-footer-border: var(--color-border);--dialog-backdrop: rgba(0, 0, 0, .5);--dialog-title-text: var(--color-fg);--dialog-close-color: var(--color-fg-subtle);--dialog-close-hover: var(--color-fg-muted);--navbar-bg: var(--color-primary-600);--navbar-border: transparent;--navbar-text: #ffffff;--navbar-btn-hover: rgba(255, 255, 255, .1);--navbar-input-bg: rgba(255, 255, 255, .1);--navbar-input-border: rgba(255, 255, 255, .2);--navbar-input-border-focus: rgba(255, 255, 255, .4);--navbar-input-text: #ffffff;--navbar-input-placeholder: rgba(255, 255, 255, .7);--sidenav-bg: var(--color-bg-subtle);--sidenav-border: var(--color-border);--sidenav-header-border: var(--color-border);--sidenav-item-text: var(--color-fg-muted);--sidenav-item-hover-bg: var(--color-gray-100);--sidenav-item-hover-text: var(--color-fg);--sidenav-item-active-bg: var(--color-primary-50);--sidenav-item-active-text: var(--color-primary-700);--select-bg: var(--color-bg-subtle);--select-bg-disabled: var(--color-bg-inset);--select-border: var(--color-border);--select-border-focus: var(--color-primary-500);--select-text: var(--color-fg);--select-placeholder: var(--color-fg-subtle);--select-icon: var(--color-fg-subtle);--select-dropdown-bg: var(--color-bg-subtle);--select-dropdown-border: var(--color-border);--select-dropdown-shadow: var(--shadow-lg);--select-option-hover: var(--color-gray-100);--select-option-selected-bg: var(--color-primary-50);--select-option-selected-text: var(--color-primary-700);--select-option-text: var(--color-fg);--select-empty-text: var(--color-fg-subtle);--badge-primary-bg: var(--color-primary-100);--badge-primary-text: var(--color-primary-700);--badge-success-bg: var(--color-success-100);--badge-success-text: var(--color-success-700);--badge-warn-bg: var(--color-warn-100);--badge-warn-text: var(--color-warn-700);--badge-accent-bg: var(--color-accent-100);--badge-accent-text: var(--color-accent-700);--badge-gray-bg: var(--color-gray-100);--badge-gray-text: var(--color-gray-700);--chip-bg: var(--color-gray-100);--chip-text: var(--color-fg);--tabs-border: var(--color-border);--tab-text: var(--color-fg-muted);--tab-text-hover: var(--color-fg);--tab-text-active: var(--color-primary-600);--tab-border-active: var(--color-primary-600);--tab-text-active-primary: var(--color-primary-600);--tab-text-active-accent: var(--color-accent-600);--tab-border-active-primary: var(--color-primary-500);--tab-border-active-accent: var(--color-accent-500);--menu-bg: var(--color-bg-subtle);--menu-border: var(--color-border);--menu-shadow: var(--shadow-lg);--menu-item-text: var(--color-fg);--menu-item-hover: var(--color-gray-100);--menu-divider: var(--color-border);--tooltip-bg: var(--color-gray-900);--tooltip-text: #ffffff;--snackbar-bg: var(--color-gray-800);--snackbar-text: #ffffff;--snackbar-success-bg: var(--color-success-600);--snackbar-error-bg: var(--color-warn-600);--snackbar-info-bg: var(--color-primary-600);--progress-track: var(--color-gray-200);--progress-fill: var(--color-primary-600);--progress-fill-primary: var(--color-primary-500);--progress-fill-accent: var(--color-accent-500);--spinner-track-primary: var(--color-primary-200);--spinner-fill-primary: var(--color-primary-500);--spinner-track-accent: var(--color-accent-200);--spinner-fill-accent: var(--color-accent-500);--today-btn-bg-primary: var(--color-primary-100);--today-btn-text-primary: var(--color-primary-700);--today-btn-hover-primary: var(--color-primary-200);--today-btn-bg-accent: var(--color-accent-100);--today-btn-text-accent: var(--color-accent-700);--today-btn-hover-accent: var(--color-accent-200);--highlight-primary: var(--color-primary-600);--highlight-accent: var(--color-accent-600);--panel-summary-bg: var(--color-gray-50);--panel-row-bg: var(--color-gray-50);--panel-nav-btn: var(--color-fg-muted);--panel-nav-btn-hover: var(--color-gray-100);--panel-empty-text: var(--color-fg-subtle);--panel-loading-text: var(--color-fg-subtle);--panel-table-header: var(--color-fg-subtle);--panel-table-border: var(--color-border-muted);--panel-day-date: var(--color-fg-subtle);--panel-day-empty: var(--color-gray-300);--state-error-bg: var(--color-warn-50);--state-error-border: var(--color-warn-200);--state-error-icon: var(--color-warn-600);--state-error-text: var(--color-warn-700);--accordion-border: var(--color-border);--accordion-trigger-hover: var(--color-gray-50);--accordion-content-text: var(--color-fg-muted);--scrollbar-track: var(--color-gray-100);--scrollbar-thumb: var(--color-gray-300);--scrollbar-thumb-hover: var(--color-gray-400);--label-text: var(--color-fg-muted);--error-text: var(--color-warn-600);--hint-text: var(--color-fg-subtle);--checkbox-border: var(--color-border-strong);--checkbox-checked-bg: var(--color-primary-600);--checkbox-checked-border: var(--color-primary-600);--login-bg-gradient-start: var(--color-primary-600);--login-bg-gradient-mid: var(--color-primary-700);--login-bg-gradient-end: var(--color-primary-900);--login-card-bg: var(--color-bg-subtle);--login-card-footer-bg: var(--color-gray-50);--login-card-footer-border: var(--color-gray-100);--login-title-text: var(--color-fg);--login-copyright-text: var(--color-primary-200);--login-error-bg: var(--color-warn-50);--login-error-border: var(--color-warn-200);--login-error-text: var(--color-warn-700);--login-error-icon: var(--color-warn-600);--login-warning-bg: #fffbeb;--login-warning-border: #fde68a;--login-warning-text: #b45309;--login-warning-icon: #d97706;--login-disclaimer-bg: var(--color-gray-50);--icon-btn-color: var(--color-fg-muted);--icon-btn-hover-bg: var(--color-gray-100);--icon-btn-hover-color: var(--color-fg);--toolbar-bg: var(--color-bg-subtle);--toolbar-border: var(--color-border);--footer-bg: var(--color-bg-subtle);--footer-border: var(--color-border);--datepicker-bg: var(--color-bg-subtle);--datepicker-border: var(--color-border);--database-indicator-bg: rgba(255, 255, 255, .1);--database-indicator-text: rgba(255, 255, 255, .9);--combo-bg: #ffffff;--combo-bg-hover: #f9fafb;--combo-bg-disabled: var(--color-gray-100);--combo-border: var(--color-gray-300);--combo-border-hover: var(--color-gray-400);--combo-border-focus: var(--color-primary-500);--combo-text: var(--color-fg);--combo-text-disabled: var(--color-fg-subtle);--combo-focus-ring: rgba(59, 130, 246, .2);--impersonation-btn-hover-bg: rgba(245, 158, 11, .2);--impersonation-btn-hover-text: #fbbf24;--impersonation-bar-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--impersonation-bar-text: #1f2937;--impersonation-bar-btn-bg: rgba(0, 0, 0, .15);--impersonation-bar-btn-border: rgba(0, 0, 0, .2);--impersonation-bar-btn-hover-bg: rgba(0, 0, 0, .25);--impersonation-bar-btn-hover-border: rgba(0, 0, 0, .3);--impersonation-panel-bg: var(--color-bg);--impersonation-panel-border: transparent;--impersonation-header-border: var(--color-border);--impersonation-icon-bg: rgba(245, 158, 11, .1);--impersonation-close-hover: var(--color-gray-100);--impersonation-info-bg: rgba(245, 158, 11, .1);--impersonation-info-border: rgba(245, 158, 11, .3);--impersonation-info-text: #92400e;--impersonation-search-bg: var(--color-bg);--impersonation-search-border: var(--color-border);--impersonation-search-focus-border: var(--color-primary-500);--impersonation-search-focus-ring: rgba(59, 130, 246, .1);--impersonation-error-bg: var(--color-warn-50);--impersonation-error-border: var(--color-warn-200);--impersonation-error-text: var(--color-warn-700);--impersonation-retry-bg: var(--color-warn-100);--impersonation-retry-hover: var(--color-warn-200);--impersonation-user-bg: var(--color-gray-50);--impersonation-user-hover: var(--color-gray-100);--impersonation-user-avatar-bg: var(--color-gray-200);--impersonation-db-badge-bg: var(--color-gray-200);--impersonation-db-badge-text: var(--color-fg-muted);--impersonation-user-btn-bg: rgba(245, 158, 11, .1);--impersonation-user-btn-text: #92400e;--impersonation-user-btn-border: rgba(245, 158, 11, .3);--impersonation-user-btn-hover-bg: rgba(245, 158, 11, .2);--impersonation-user-btn-hover-border: rgba(245, 158, 11, .5);--impersonation-footer-bg: var(--color-gray-50);--impersonation-footer-border: var(--color-border)}[data-theme=light] ::selection{background-color:#2563eb33;color:inherit}[data-theme=light] ::-moz-selection{background-color:#2563eb33;color:inherit}[data-theme=dark]{--surface-default: #0d1117;--surface-subtle: #161b22;--surface-inset: #21262d;--surface-elevated: #30363d;--surface-overlay: rgba(0, 0, 0, .7);--text-default: #e6edf3;--text-muted: #8b949e;--text-subtle: #6e7681;--text-on-primary: #ffffff;--text-on-accent: #ffffff;--text-link: var(--color-primary-400);--text-link-hover: var(--color-primary-300);--border-default: #30363d;--border-muted: #21262d;--border-strong: #484f58;--border-focus: var(--color-primary-400);--color-bg: #0d1117;--color-bg-subtle: #161b22;--color-bg-inset: #21262d;--color-bg-elevated: #30363d;--color-fg: #e6edf3;--color-fg-muted: #8b949e;--color-fg-subtle: #6e7681;--color-border: #30363d;--color-border-muted: #21262d;--color-border-strong: #484f58;--color-focus-ring: var(--color-primary-400);--color-focus-ring-offset: #0d1117;--color-primary-50: rgba(59, 130, 246, .1);--color-primary-100: rgba(59, 130, 246, .2);--color-primary-200: rgba(59, 130, 246, .3);--color-primary-500: #60a5fa;--color-primary-600: #3b82f6;--color-primary-700: #60a5fa;--color-success-50: rgba(34, 197, 94, .1);--color-success-100: rgba(34, 197, 94, .2);--color-success-500: #4ade80;--color-success-700: #86efac;--color-warn-50: rgba(239, 68, 68, .1);--color-warn-100: rgba(239, 68, 68, .2);--color-warn-200: rgba(239, 68, 68, .3);--color-warn-500: #f87171;--color-warn-600: #f87171;--color-warn-700: #fca5a5;--color-accent-100: rgba(249, 115, 22, .2);--color-accent-700: #fb923c;--color-gray-50: rgba(255, 255, 255, .05);--color-gray-100: rgba(255, 255, 255, .1);--color-gray-500: #6e7681;--color-gray-600: #8b949e;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--shadow-glow: 0 0 20px -5px rgba(59, 130, 246, .4);--shadow-glow-lg: 0 0 30px -5px rgba(59, 130, 246, .5);--btn-primary-bg: var(--color-primary-600);--btn-primary-bg-hover: var(--color-primary-500);--btn-primary-text: #ffffff;--btn-primary-focus-ring: var(--color-primary-400);--btn-secondary-bg: var(--color-slate-700);--btn-secondary-bg-hover: var(--color-slate-600);--btn-secondary-text: var(--color-slate-200);--btn-secondary-focus-ring: var(--color-gray-500);--btn-warn-bg: var(--color-warn-600);--btn-warn-bg-hover: var(--color-warn-500);--btn-warn-text: #ffffff;--btn-warn-focus-ring: var(--color-warn-500);--btn-accent-bg: var(--color-accent-600);--btn-accent-bg-hover: var(--color-accent-500);--btn-accent-text: #ffffff;--btn-accent-focus-ring: var(--color-accent-500);--btn-text-color: var(--color-primary-400);--btn-text-color-hover: var(--color-primary-300);--btn-text-bg-hover: var(--color-slate-800);--input-bg: var(--color-slate-800);--input-bg-disabled: var(--color-slate-700);--input-border: var(--color-slate-600);--input-border-hover: var(--color-slate-500);--input-border-focus: var(--color-primary-400);--input-text: var(--color-slate-100);--input-placeholder: var(--color-slate-500);--input-focus-ring: rgba(59, 130, 246, .3);--input-error-border: var(--color-warn-500);--input-error-focus-ring: rgba(239, 68, 68, .3);--card-bg: #161b22;--card-border: #30363d;--card-shadow: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--card-header-bg: #21262d;--card-header-border: #30363d;--card-footer-bg: #21262d;--card-footer-border: #30363d;--table-bg: var(--color-slate-900);--table-header-bg: var(--color-slate-800);--table-border: var(--color-slate-700);--table-row-hover: var(--color-slate-800);--table-row-stripe: rgba(30, 41, 59, .5);--table-header-text: var(--color-slate-200);--table-cell-text: var(--color-slate-300);--dialog-bg: var(--color-slate-800);--dialog-border: var(--color-slate-700);--dialog-shadow: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--dialog-header-border: var(--color-slate-700);--dialog-footer-bg: #21262d;--dialog-footer-border: #30363d;--dialog-backdrop: rgba(0, 0, 0, .7);--dialog-title-text: #ffffff;--dialog-close-color: var(--color-slate-400);--dialog-close-hover: var(--color-slate-300);--navbar-bg: #161b22;--navbar-border: #30363d;--navbar-text: #ffffff;--navbar-btn-hover: rgba(255, 255, 255, .1);--navbar-input-bg: var(--color-slate-700);--navbar-input-border: var(--color-slate-600);--navbar-input-border-focus: var(--color-primary-400);--navbar-input-text: var(--color-slate-100);--navbar-input-placeholder: var(--color-slate-400);--sidenav-bg: #161b22;--sidenav-border: #30363d;--sidenav-header-border: #30363d;--sidenav-item-text: var(--color-slate-300);--sidenav-item-hover-bg: #21262d;--sidenav-item-hover-text: var(--color-fg);--sidenav-item-active-bg: rgba(59, 130, 246, .15);--sidenav-item-active-text: var(--color-primary-400);--select-bg: var(--color-slate-800);--select-bg-disabled: var(--color-slate-700);--select-border: var(--color-slate-600);--select-border-focus: var(--color-primary-400);--select-text: var(--color-slate-100);--select-placeholder: var(--color-slate-500);--select-icon: var(--color-slate-500);--select-dropdown-bg: #161b22;--select-dropdown-border: #30363d;--select-dropdown-shadow: 0 10px 15px -3px rgb(0 0 0 / .5);--select-option-hover: #21262d;--select-option-selected-bg: rgba(59, 130, 246, .15);--select-option-selected-text: var(--color-primary-300);--select-option-text: #c9d1d9;--select-empty-text: #8b949e;--badge-primary-bg: rgba(59, 130, 246, .2);--badge-primary-text: var(--color-primary-300);--badge-success-bg: rgba(34, 197, 94, .2);--badge-success-text: var(--color-success-400);--badge-warn-bg: rgba(239, 68, 68, .2);--badge-warn-text: var(--color-warn-400);--badge-accent-bg: rgba(249, 115, 22, .2);--badge-accent-text: var(--color-accent-400);--badge-gray-bg: var(--color-slate-700);--badge-gray-text: var(--color-slate-300);--chip-bg: var(--color-slate-700);--chip-text: var(--color-slate-200);--tabs-border: var(--color-slate-700);--tab-text: var(--color-fg-muted);--tab-text-hover: var(--color-fg);--tab-text-active: var(--color-primary-400);--tab-border-active: var(--color-primary-400);--tab-text-active-primary: var(--color-primary-400);--tab-text-active-accent: var(--color-accent-400);--tab-border-active-primary: var(--color-primary-500);--tab-border-active-accent: var(--color-accent-500);--menu-bg: #161b22;--menu-border: #30363d;--menu-shadow: var(--shadow-lg);--menu-item-text: var(--color-fg);--menu-item-hover: #21262d;--menu-divider: #30363d;--tooltip-bg: var(--color-slate-700);--tooltip-text: #ffffff;--snackbar-bg: var(--color-slate-700);--snackbar-text: #ffffff;--snackbar-success-bg: var(--color-success-600);--snackbar-error-bg: var(--color-warn-600);--snackbar-info-bg: var(--color-primary-600);--progress-track: var(--color-slate-700);--progress-fill: var(--color-primary-500);--progress-fill-primary: var(--color-primary-500);--progress-fill-accent: var(--color-accent-500);--spinner-track-primary: rgba(59, 130, 246, .3);--spinner-fill-primary: var(--color-primary-500);--spinner-track-accent: rgba(249, 115, 22, .3);--spinner-fill-accent: var(--color-accent-500);--today-btn-bg-primary: rgba(59, 130, 246, .2);--today-btn-text-primary: var(--color-primary-400);--today-btn-hover-primary: rgba(59, 130, 246, .3);--today-btn-bg-accent: rgba(249, 115, 22, .2);--today-btn-text-accent: var(--color-accent-400);--today-btn-hover-accent: rgba(249, 115, 22, .3);--highlight-primary: var(--color-primary-400);--highlight-accent: var(--color-accent-400);--panel-summary-bg: #21262d;--panel-row-bg: #21262d;--panel-nav-btn: #8b949e;--panel-nav-btn-hover: #21262d;--panel-empty-text: #8b949e;--panel-loading-text: #8b949e;--panel-table-header: #8b949e;--panel-table-border: rgba(48, 54, 61, .5);--panel-day-date: #6e7681;--panel-day-empty: #30363d;--state-error-bg: rgba(239, 68, 68, .1);--state-error-border: rgba(239, 68, 68, .3);--state-error-icon: var(--color-warn-400);--state-error-text: var(--color-warn-300);--accordion-border: var(--color-slate-700);--accordion-trigger-hover: var(--color-slate-800);--accordion-content-text: var(--color-fg-muted);--scrollbar-track: #161b22;--scrollbar-thumb: #30363d;--scrollbar-thumb-hover: #484f58;--label-text: var(--color-slate-300);--error-text: var(--color-warn-400);--hint-text: var(--color-slate-400);--checkbox-border: var(--color-border-strong);--checkbox-checked-bg: var(--color-primary-600);--checkbox-checked-border: var(--color-primary-600);--login-bg-gradient-start: #0d1117;--login-bg-gradient-mid: #161b22;--login-bg-gradient-end: #0d1117;--login-card-bg: #21262d;--login-card-footer-bg: #161b22;--login-card-footer-border: #30363d;--login-title-text: #ffffff;--login-copyright-text: var(--color-gray-500);--login-error-bg: rgba(239, 68, 68, .1);--login-error-border: var(--color-warn-800);--login-error-text: var(--color-warn-400);--login-error-icon: var(--color-warn-400);--login-warning-bg: rgba(245, 158, 11, .1);--login-warning-border: #92400e;--login-warning-text: #fbbf24;--login-warning-icon: #fbbf24;--login-disclaimer-bg: rgba(255, 255, 255, .05);--icon-btn-color: var(--color-fg-muted);--icon-btn-hover-bg: var(--color-slate-700);--icon-btn-hover-color: var(--color-fg);--toolbar-bg: #161b22;--toolbar-border: #30363d;--footer-bg: #161b22;--footer-border: #30363d;--datepicker-bg: #161b22;--datepicker-border: #30363d;--database-indicator-bg: var(--color-slate-700);--database-indicator-text: var(--color-slate-300);--combo-bg: #21262d;--combo-bg-hover: #30363d;--combo-bg-disabled: #161b22;--combo-border: #30363d;--combo-border-hover: #484f58;--combo-border-focus: var(--color-primary-400);--combo-text: #e6edf3;--combo-text-disabled: #6e7681;--combo-focus-ring: rgba(59, 130, 246, .3);--impersonation-btn-hover-bg: rgba(245, 158, 11, .25);--impersonation-btn-hover-text: #fbbf24;--impersonation-bar-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--impersonation-bar-text: #1f2937;--impersonation-bar-btn-bg: rgba(0, 0, 0, .15);--impersonation-bar-btn-border: rgba(0, 0, 0, .2);--impersonation-bar-btn-hover-bg: rgba(0, 0, 0, .25);--impersonation-bar-btn-hover-border: rgba(0, 0, 0, .3);--impersonation-panel-bg: #1c1c1e;--impersonation-panel-border: #30363d;--impersonation-header-border: #30363d;--impersonation-icon-bg: rgba(245, 158, 11, .2);--impersonation-close-hover: #21262d;--impersonation-info-bg: rgba(245, 158, 11, .15);--impersonation-info-border: rgba(245, 158, 11, .3);--impersonation-info-text: #fbbf24;--impersonation-search-bg: #21262d;--impersonation-search-border: #30363d;--impersonation-search-focus-border: var(--color-primary-400);--impersonation-search-focus-ring: rgba(59, 130, 246, .2);--impersonation-error-bg: rgba(239, 68, 68, .1);--impersonation-error-border: rgba(239, 68, 68, .3);--impersonation-error-text: #fca5a5;--impersonation-retry-bg: var(--color-warn-100);--impersonation-retry-hover: var(--color-warn-200);--impersonation-user-bg: #21262d;--impersonation-user-hover: #30363d;--impersonation-user-avatar-bg: #30363d;--impersonation-db-badge-bg: #30363d;--impersonation-db-badge-text: #8b949e;--impersonation-user-btn-bg: rgba(245, 158, 11, .2);--impersonation-user-btn-text: #fbbf24;--impersonation-user-btn-border: rgba(245, 158, 11, .4);--impersonation-user-btn-hover-bg: rgba(245, 158, 11, .3);--impersonation-user-btn-hover-border: rgba(245, 158, 11, .5);--impersonation-footer-bg: #161b22;--impersonation-footer-border: #30363d}[data-theme=dark] ::selection{background-color:#3b82f666;color:#fff}[data-theme=dark] ::-moz-selection{background-color:#3b82f666;color:#fff}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=dark]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:var(--line-height-normal);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html:focus-within{scroll-behavior:smooth}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input:not(.ag-input-field-input),textarea:not(.ag-text-area-input){border:none;outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}fieldset{border:none}legend{padding:0}[hidden]{display:none!important}hr{border:0;border-top:1px solid var(--color-border)}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-fg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-fg)}h1,.h1{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight)}h2,.h2{font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight)}h3,.h3{font-size:var(--font-size-2xl)}h4,.h4{font-size:var(--font-size-xl)}h5,.h5{font-size:var(--font-size-lg)}h6,.h6{font-size:var(--font-size-base)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.overline{text-decoration:overline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.text-fg{color:var(--color-fg)}.text-fg-muted{color:var(--color-fg-muted)}.text-fg-subtle{color:var(--color-fg-subtle)}.text-primary{color:var(--color-primary-600)}.text-primary-light{color:var(--color-primary-400)}.text-primary-dark{color:var(--color-primary-700)}.text-accent{color:var(--color-accent-600)}.text-warn{color:var(--color-warn-600)}.text-success{color:var(--color-success-600)}.text-white{color:#fff}.text-black{color:#000}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-break-spaces{white-space:break-spaces}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.contents{display:contents}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.content-normal{align-content:normal}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.content-baseline{align-content:baseline}.content-stretch{align-content:stretch}.gap-0{gap:0}.gap-0-5{gap:var(--spacing-0-5)}.gap-1{gap:var(--spacing-1)}.gap-1-5{gap:var(--spacing-1-5)}.gap-2{gap:var(--spacing-2)}.gap-2-5{gap:var(--spacing-2-5)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-10{gap:var(--spacing-10)}.gap-12{gap:var(--spacing-12)}.p-0{padding:0}.p-0-5{padding:var(--spacing-0-5)}.p-1{padding:var(--spacing-1)}.p-1-5{padding:var(--spacing-1-5)}.p-2{padding:var(--spacing-2)}.p-2-5{padding:var(--spacing-2-5)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.p-10{padding:var(--spacing-10)}.p-12{padding:var(--spacing-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-1-5{padding-top:var(--spacing-1-5);padding-bottom:var(--spacing-1-5)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-2-5{padding-top:var(--spacing-2-5);padding-bottom:var(--spacing-2-5)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-5{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-10{padding-right:var(--spacing-10)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-10{padding-left:var(--spacing-10)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-3{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-3{margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-1-5{margin-bottom:var(--spacing-1-5)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-auto{margin-left:auto}.-mt-1{margin-top:calc(var(--spacing-1) * -1)}.-mt-2{margin-top:calc(var(--spacing-2) * -1)}.-mb-1{margin-bottom:calc(var(--spacing-1) * -1)}.-mb-2{margin-bottom:calc(var(--spacing-2) * -1)}.w-0{width:0}.w-1{width:var(--spacing-1)}.w-2{width:var(--spacing-2)}.w-4{width:var(--spacing-4)}.w-6{width:var(--spacing-6)}.w-8{width:var(--spacing-8)}.w-10{width:var(--spacing-10)}.w-12{width:var(--spacing-12)}.w-16{width:var(--spacing-16)}.w-20{width:var(--spacing-20)}.w-24{width:var(--spacing-24)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.h-0{height:0}.h-1{height:var(--spacing-1)}.h-2{height:var(--spacing-2)}.h-4{height:var(--spacing-4)}.h-6{height:var(--spacing-6)}.h-8{height:var(--spacing-8)}.h-10{height:var(--spacing-10)}.h-12{height:var(--spacing-12)}.h-14{height:var(--spacing-14)}.h-16{height:var(--spacing-16)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-60{max-height:15rem}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-auto{inset:auto}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.top-1{top:var(--spacing-1)}.top-2{top:var(--spacing-2)}.top-4{top:var(--spacing-4)}.top-auto{top:auto}.right-0{right:0}.right-1{right:var(--spacing-1)}.right-2{right:var(--spacing-2)}.right-4{right:var(--spacing-4)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing-1)}.bottom-2{bottom:var(--spacing-2)}.bottom-4{bottom:var(--spacing-4)}.left-0{left:0}.left-1{left:var(--spacing-1)}.left-2{left:var(--spacing-2)}.left-4{left:var(--spacing-4)}.z-0{z-index:var(--z-0)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.z-auto{z-index:var(--z-auto)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-l{border-left-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.border-transparent{border-color:transparent}.border-current{border-color:currentColor}.border-default{border-color:var(--color-border)}.border-muted{border-color:var(--color-border-muted)}.border-strong{border-color:var(--color-border-strong)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-primary-500{border-color:var(--color-primary-500)}.border-warn-500{border-color:var(--color-warn-500)}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-default{background-color:var(--color-bg)}.bg-subtle{background-color:var(--color-bg-subtle)}.bg-inset{background-color:var(--color-bg-inset)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-accent-600{background-color:var(--color-accent-600)}.bg-accent-700{background-color:var(--color-accent-700)}.bg-warn-50{background-color:var(--color-warn-50)}.bg-warn-100{background-color:var(--color-warn-100)}.bg-warn-500{background-color:var(--color-warn-500)}.bg-warn-600{background-color:var(--color-warn-600)}.bg-warn-700{background-color:var(--color-warn-700)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-opacity-50{--bg-opacity: .5}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-none{cursor:none}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.transition-none{transition:var(--transition-none)}.transition-all{transition:var(--transition-all)}.transition{transition:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter .15s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color,background-color,border-color,text-decoration-color,fill,stroke .15s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .15s cubic-bezier(.4,0,.2,1)}.transition-shadow{transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .15s cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:var(--duration-75)}.duration-100{transition-duration:var(--duration-100)}.duration-150{transition-duration:var(--duration-150)}.duration-200{transition-duration:var(--duration-200)}.duration-300{transition-duration:var(--duration-300)}.duration-500{transition-duration:var(--duration-500)}.ease-linear{transition-timing-function:var(--ease-linear)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.transform{transform:translate(var(--translate-x, 0)) translateY(var(--translate-y, 0)) rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1))}.transform-none{transform:none}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.ring-0{box-shadow:0 0 0 0 var(--color-focus-ring)}.ring-1{box-shadow:0 0 0 1px var(--color-focus-ring)}.ring-2{box-shadow:0 0 0 2px var(--color-focus-ring)}.ring-4{box-shadow:0 0 0 4px var(--color-focus-ring)}.ring-offset-0{--ring-offset-width: 0px}.ring-offset-1{--ring-offset-width: 1px}.ring-offset-2{--ring-offset-width: 2px}.ring-offset-4{--ring-offset-width: 4px}.divide-y>*+*{border-top-width:1px;border-top-style:solid;border-top-color:var(--color-border)}.divide-x>*+*{border-left-width:1px;border-left-style:solid;border-left-color:var(--color-border)}.space-x-1>*+*{margin-left:var(--spacing-1)}.space-x-2>*+*{margin-left:var(--spacing-2)}.space-x-3>*+*{margin-left:var(--spacing-3)}.space-x-4>*+*{margin-left:var(--spacing-4)}.space-y-1>*+*{margin-top:var(--spacing-1)}.space-y-2>*+*{margin-top:var(--spacing-2)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-4>*+*{margin-top:var(--spacing-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}@media(min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-none{animation:none}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fade-in .15s ease-out}.animate-fade-out{animation:fade-out .1s ease-in}.animate-slide-in-up{animation:slide-in-up .15s ease-out}.animate-slide-in-down{animation:slide-in-down .15s ease-out}.animate-slide-in-left{animation:slide-in-left .15s ease-out}.animate-slide-in-right{animation:slide-in-right .15s ease-out}.animate-scale-in{animation:scale-in .15s ease-out}.animate-scale-out{animation:scale-out .1s ease-in}.animate-shake{animation:shake .5s ease-in-out}.animate-shimmer{background:linear-gradient(90deg,var(--color-bg-inset) 0%,var(--color-bg-elevated) 50%,var(--color-bg-inset) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.duration-75{animation-duration:75ms}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.fill-none{animation-fill-mode:none}.fill-forwards{animation-fill-mode:forwards}.fill-backwards{animation-fill-mode:backwards}.fill-both{animation-fill-mode:both}.direction-normal{animation-direction:normal}.direction-reverse{animation-direction:reverse}.direction-alternate{animation-direction:alternate}.direction-alternate-reverse{animation-direction:alternate-reverse}.running{animation-play-state:running}.paused{animation-play-state:paused}.input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--input-border);border-radius:var(--radius-md);background-color:var(--input-bg);color:var(--input-text);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:border-color .2s,box-shadow .2s,background-color .2s;outline:none}.input::placeholder{color:var(--input-placeholder)}.input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 2px var(--input-focus-ring)}.input:disabled{background-color:var(--input-bg-disabled);cursor:not-allowed;opacity:.7}.input.input-error{border-color:var(--input-error-border)}.input.input-error:focus{box-shadow:0 0 0 2px var(--input-error-focus-ring)}.input-wrapper{position:relative}.input-wrapper .input-prefix,.input-wrapper .input-suffix{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;color:var(--input-placeholder)}.input-wrapper .input-prefix{left:var(--spacing-3)}.input-wrapper .input-suffix{right:var(--spacing-3)}.input-wrapper .input.has-prefix{padding-left:var(--spacing-10)}.input-wrapper .input.has-suffix{padding-right:var(--spacing-10)}.label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--label-text);margin-bottom:var(--spacing-1-5)}.form-field{margin-bottom:var(--spacing-4)}.error-text{font-size:var(--font-size-sm);color:var(--error-text);margin-top:var(--spacing-1)}.hint-text{font-size:var(--font-size-sm);color:var(--hint-text);margin-top:var(--spacing-1)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox{width:1rem;height:1rem;border:1px solid var(--checkbox-border);border-radius:var(--radius-sm);transition:all .15s;flex-shrink:0}.checkbox.checked{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border)}.checkbox-label{font-size:var(--font-size-sm);color:var(--text-default)}.card{height:100%;background-color:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);overflow:hidden;transition:all .2s;border:1px solid var(--card-border)}.card-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--card-header-border);background-color:var(--card-header-bg);display:flex;align-items:center;gap:var(--spacing-3)}.card-header-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-bottom-color:transparent}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-subtle)}.card-content{padding:var(--spacing-4);height:100%}.card-content-no-padding{padding:0}.card-actions{padding:var(--spacing-3) var(--spacing-4);background-color:var(--card-footer-bg);border-top:1px solid var(--card-footer-border);display:flex;gap:var(--spacing-2)}.card-footer{border-top:1px solid var(--card-footer-border)}.table-wrapper{overflow-x:auto;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);border:1px solid var(--table-border)}.table{width:100%;min-width:100%;border-collapse:collapse}.table thead{background-color:var(--table-header-bg)}.table th{padding:var(--spacing-3) var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--table-header-text);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.table tbody{background-color:var(--table-bg)}.table tbody tr{border-top:1px solid var(--table-border);transition:background-color .15s}.table tbody tr:hover{background-color:var(--table-row-hover)}.table tbody tr.striped:nth-child(odd){background-color:var(--table-row-stripe)}.table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--table-cell-text);white-space:nowrap}.dialog-backdrop{position:fixed;inset:0;background-color:var(--dialog-backdrop);z-index:var(--z-50);transition:opacity .15s}.dialog-container{position:fixed;inset:0;z-index:var(--z-50);overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.dialog{position:relative;background-color:var(--dialog-bg);border-radius:var(--radius-lg);box-shadow:var(--dialog-shadow);width:100%;transform:scale(1);transition:transform .15s,opacity .15s}.dialog-sm{max-width:24rem}.dialog-md{max-width:28rem}.dialog-lg{max-width:32rem}.dialog-xl{max-width:36rem}.dialog-full{max-width:56rem}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--dialog-header-border)}.dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--dialog-title-text)}.dialog-close{color:var(--dialog-close-color);padding:var(--spacing-1);border-radius:var(--radius-md);transition:color .15s,background-color .15s;cursor:pointer}.dialog-close:hover{color:var(--dialog-close-hover)}.dialog-content{padding:var(--spacing-4) var(--spacing-6)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--dialog-footer-border);background-color:var(--dialog-footer-bg)}.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--select-border);border-radius:var(--radius-md);background-color:var(--select-bg);color:var(--select-text);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}.select-trigger:focus{outline:none;border-color:var(--select-border-focus);box-shadow:0 0 0 2px var(--input-focus-ring)}.select-trigger:disabled{background-color:var(--select-bg-disabled);cursor:not-allowed;opacity:.7}.select-trigger.has-error{border-color:var(--input-error-border)}.select-trigger.has-error:focus{box-shadow:0 0 0 2px var(--input-error-focus-ring)}.select-placeholder{color:var(--select-placeholder)}.select-icon{color:var(--select-icon)}.select-dropdown{position:absolute;z-index:var(--z-50);width:100%;margin-top:var(--spacing-1);background-color:var(--select-dropdown-bg);border:1px solid var(--select-dropdown-border);border-radius:var(--radius-md);box-shadow:var(--select-dropdown-shadow);max-height:15rem;overflow-y:auto}.select-option{padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:background-color .15s,color .15s;color:var(--select-option-text)}.select-option:hover{background-color:var(--select-option-hover)}.select-option.selected{background-color:var(--select-option-selected-bg);color:var(--select-option-selected-text)}.select-option.disabled{opacity:.5;cursor:not-allowed}.select-empty{padding:var(--spacing-2) var(--spacing-3);text-align:center;color:var(--select-empty-text)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-0-5) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.badge-primary{background-color:var(--badge-primary-bg);color:var(--badge-primary-text)}.badge-success{background-color:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warn{background-color:var(--badge-warn-bg);color:var(--badge-warn-text)}.badge-accent{background-color:var(--badge-accent-bg);color:var(--badge-accent-text)}.badge-gray{background-color:var(--badge-gray-bg);color:var(--badge-gray-text)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);border-radius:var(--radius-full);background-color:var(--chip-bg);color:var(--chip-text)}.tabs{display:flex;border-bottom:1px solid var(--tabs-border)}.tab{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--tab-text);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s}.tab:hover{color:var(--tab-text-hover)}.tab.active{color:var(--tab-text-active);border-bottom-color:var(--tab-border-active)}.tab-content{padding:var(--spacing-4)}.accordion-item{border-bottom:1px solid var(--accordion-border)}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-4);font-weight:var(--font-weight-medium);color:var(--text-default);text-align:left;cursor:pointer;transition:background-color .15s}.accordion-trigger:hover{background-color:var(--accordion-trigger-hover)}.accordion-content{padding:0 var(--spacing-4) var(--spacing-4);color:var(--accordion-content-text)}.menu{min-width:10rem;background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--radius-md);box-shadow:var(--menu-shadow);padding:var(--spacing-1);z-index:var(--z-50)}.menu-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--menu-item-text);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s;text-align:left}.menu-item:hover{background-color:var(--menu-item-hover)}.menu-item.danger{color:var(--error-text)}.menu-divider{height:1px;margin:var(--spacing-1) 0;background-color:var(--menu-divider)}.sidenav-backdrop{position:fixed;inset:0;background-color:var(--surface-overlay);z-index:var(--z-40)}.sidenav{position:fixed;top:0;left:0;bottom:0;width:16rem;background-color:var(--sidenav-bg);border-right:1px solid var(--sidenav-border);z-index:var(--z-50);overflow-y:auto;transform:translate(0);transition:transform .3s}.sidenav.closed{transform:translate(-100%)}.sidenav-header{padding:var(--spacing-4);border-bottom:1px solid var(--sidenav-header-border)}.sidenav-content{padding:var(--spacing-2)}.sidenav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--sidenav-item-text);text-decoration:none;transition:background-color .15s,color .15s;cursor:pointer}.sidenav-item:hover{background-color:var(--sidenav-item-hover-bg);color:var(--sidenav-item-hover-text)}.sidenav-item.active{background-color:var(--sidenav-item-active-bg);color:var(--sidenav-item-active-text)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,var(--login-bg-gradient-start),var(--login-bg-gradient-mid),var(--login-bg-gradient-end));padding:var(--spacing-4);transition:background .3s}.login-container{width:100%;max-width:28rem}.login-card{background-color:var(--login-card-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;transition:background-color .3s}.login-card-body{padding:var(--spacing-8)}.login-brand{text-align:center;margin-bottom:var(--spacing-6)}.login-logo{height:4rem;margin:0 auto var(--spacing-2)}.login-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--login-title-text)}.login-header{text-align:center;margin-bottom:var(--spacing-6)}.login-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--login-title-text)}.login-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-1)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.login-error{padding:var(--spacing-3);border-radius:var(--radius-lg);background-color:var(--login-error-bg);border:1px solid var(--login-error-border)}.login-error.login-error-warning{background-color:var(--login-warning-bg);border-color:var(--login-warning-border)}.login-error-content{display:flex;align-items:flex-start;gap:var(--spacing-2)}.login-error-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem;color:var(--login-error-icon)}.login-error-warning .login-error-icon{color:var(--login-warning-icon)}.login-error-message{font-size:var(--font-size-sm);color:var(--login-error-text)}.login-error-warning .login-error-message{color:var(--login-warning-text)}.login-error-hint{font-size:var(--font-size-xs);color:var(--login-warning-icon);margin-top:var(--spacing-1)}.login-error-id{font-size:var(--font-size-xs);color:var(--text-subtle);margin-top:var(--spacing-2);text-decoration:underline;cursor:pointer;background:none;border:none}.login-error-id:hover{color:var(--text-muted)}.login-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-link)}.login-link:hover{color:var(--text-link-hover)}.login-submit{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-4);font-weight:var(--font-weight-semibold)}.login-spinner{width:1.25rem;height:1.25rem;border:2px solid #ffffff;border-top-color:transparent;border-radius:var(--radius-full);animation:spin 1s linear infinite}.login-card-footer{padding:var(--spacing-4) var(--spacing-8);background-color:var(--login-card-footer-bg);border-top:1px solid var(--login-card-footer-border);transition:background-color .3s,border-color .3s}.login-card-footer p{text-align:center;font-size:var(--font-size-sm);color:var(--text-muted)}.login-copyright{text-align:center;margin-top:var(--spacing-6);font-size:var(--font-size-sm);color:var(--login-copyright-text)}.login-card-body-scroll{max-height:80vh;overflow-y:auto}.login-disclaimer{background-color:var(--login-disclaimer-bg);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:background-color .3s}.login-disclaimer-label{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer}.login-disclaimer-checkbox{margin-top:.125rem;width:1rem;height:1rem;flex-shrink:0;accent-color:var(--color-primary-600);border:1px solid var(--checkbox-border);border-radius:var(--radius-sm);background-color:var(--input-bg)}.login-disclaimer-text{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.5}.machine-usage-icon{color:var(--color-accent-600)}.machine-usage-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-default)}.machine-usage-subtitle{font-size:var(--font-size-sm);color:var(--text-subtle)}.machine-usage-tabs-header{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--tabs-border)}@media(min-width:640px){.machine-usage-tabs-header{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-4)}}.machine-usage-tab{display:inline-flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--tab-text);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s;background:transparent;border-top:none;border-left:none;border-right:none}@media(min-width:640px){.machine-usage-tab{padding:var(--spacing-2) var(--spacing-4)}}.machine-usage-tab:hover{color:var(--tab-text-hover)}.machine-usage-tab.active{color:var(--tab-text-active-accent);border-bottom-color:var(--tab-border-active-accent)}.machine-usage-nav-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1-5);border-radius:var(--radius-md);background:transparent;border:none;color:var(--panel-nav-btn);cursor:pointer;transition:background-color .15s}.machine-usage-nav-btn:hover{background-color:var(--panel-nav-btn-hover)}.machine-usage-date-range{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-default);text-align:center}@media(min-width:640px){.machine-usage-date-range{min-width:180px}}.machine-usage-today-btn{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);background-color:var(--today-btn-bg-accent);color:var(--today-btn-text-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s}.machine-usage-today-btn:hover{background-color:var(--today-btn-hover-accent)}.machine-usage-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background-color:var(--panel-summary-bg);font-size:var(--font-size-sm)}@media(min-width:640px){.machine-usage-summary{gap:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4)}}.machine-usage-summary-item{display:flex;align-items:center;gap:var(--spacing-2)}.machine-usage-summary-label{color:var(--text-subtle)}.machine-usage-summary-value{font-weight:var(--font-weight-semibold);color:var(--text-default)}.machine-usage-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--spinner-track-accent);border-top-color:var(--spinner-fill-accent);border-radius:var(--radius-full);animation:spin 1s linear infinite}.machine-usage-loading-text{color:var(--panel-loading-text)}.machine-usage-error{padding:var(--spacing-4);background-color:var(--state-error-bg);border:1px solid var(--state-error-border);border-radius:var(--radius-lg)}.machine-usage-error-icon{color:var(--state-error-icon)}.machine-usage-error-text{font-size:var(--font-size-sm);color:var(--state-error-text)}.machine-usage-empty{padding:var(--spacing-6) 0;text-align:center;color:var(--panel-empty-text)}.machine-usage-machine-row{padding:var(--spacing-2);background-color:var(--panel-row-bg);border-radius:var(--radius-lg)}.machine-usage-machine-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-default)}.machine-usage-machine-ops{font-size:var(--font-size-xs);color:var(--text-subtle)}.machine-usage-machine-qty{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--highlight-accent)}.machine-usage-progress-track{width:100%;height:.375rem;background-color:var(--progress-track);border-radius:var(--radius-full)}.machine-usage-progress-bar{height:100%;background-color:var(--progress-fill-accent);border-radius:var(--radius-full);transition:width .3s ease-out}.machine-usage-table{width:100%;font-size:var(--font-size-xs)}.machine-usage-table th{padding:var(--spacing-2) var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--panel-table-header);min-width:60px}.machine-usage-table th:first-child{min-width:150px;padding-right:var(--spacing-3)}.machine-usage-table th:last-child{min-width:70px;padding-left:var(--spacing-3)}.machine-usage-table-day-date{font-size:10px;color:var(--panel-day-date);opacity:.7}.machine-usage-table tbody tr{border-top:1px solid var(--panel-table-border)}.machine-usage-table td{padding:var(--spacing-2)}.machine-usage-table td:first-child{padding-right:var(--spacing-3)}.machine-usage-table td:last-child{padding-left:var(--spacing-3)}.machine-usage-day-badge{display:inline-block;padding:var(--spacing-0-5) var(--spacing-1-5);background-color:var(--badge-accent-bg);color:var(--badge-accent-text);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.machine-usage-day-empty{color:var(--panel-day-empty)}.snackbar{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--snackbar-bg);color:var(--snackbar-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:24rem}.snackbar-success{background-color:var(--snackbar-success-bg)}.snackbar-error{background-color:var(--snackbar-error-bg)}.snackbar-info{background-color:var(--snackbar-info-bg)}.tooltip{position:absolute;padding:var(--spacing-1) var(--spacing-2);background-color:var(--tooltip-bg);color:var(--tooltip-text);font-size:var(--font-size-xs);border-radius:var(--radius-md);white-space:nowrap;z-index:var(--z-50);pointer-events:none}.progress-bar{width:100%;height:.5rem;background-color:var(--progress-track);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--progress-fill);border-radius:var(--radius-full);transition:width .3s ease-out}.footer{padding:var(--spacing-4);border-top:1px solid var(--footer-border);background-color:var(--footer-bg)}.datepicker,.timepicker{position:relative}.datepicker-dropdown,.timepicker-dropdown{position:absolute;z-index:var(--z-50);margin-top:var(--spacing-1);background-color:var(--datepicker-bg);border:1px solid var(--datepicker-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-3)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--icon-btn-color);cursor:pointer;transition:color .15s,background-color .15s}.icon-btn:hover{background-color:var(--icon-btn-hover-bg);color:var(--icon-btn-hover-color)}.toolbar{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--toolbar-bg);border-bottom:1px solid var(--toolbar-border)}html,body{height:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-family-sans);background-color:var(--surface-default);color:var(--text-default);transition:background-color .3s,color .3s}app-root{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}main{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}a{color:var(--text-link);transition:color .15s}a:hover{color:var(--text-link-hover)}.combo-dropdown-portal .combo-option{padding:8px 12px;font-size:13px;color:var(--ag-data-color, #181d1f);cursor:pointer;transition:background-color .1s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-dropdown-portal .combo-option:hover,.combo-dropdown-portal .combo-option.highlighted{background:var(--ag-row-hover-color, #f5f5f5)}.combo-dropdown-portal .combo-option.selected{background:var(--ag-selected-row-background-color, #e3f2fd);font-weight:500}.combo-dropdown-portal .combo-option.selected.highlighted{background:var(--ag-range-selection-background-color, #bbdefb)}.combo-dropdown-portal .combo-empty{padding:12px;font-size:13px;color:var(--ag-secondary-foreground-color, #6b7280);text-align:center;font-style:italic}