:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f8fafc;--color-surface-hover: #f1f5f9;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-primary: var(--color-text);--color-background: var(--color-surface);--color-primary-dark: var(--color-primary-hover);--color-card-bg: #ffffff;--color-card-bg-rgb: 255, 255, 255;--color-input-bg: #ffffff;--color-input-text: #1e293b;--color-surface-rgb: 248, 250, 252;--color-shadow-rgb: 0, 0, 0;--color-primary-bg: #eff6ff;--color-success-bg: #f0fdf4;--color-warning-bg: #fffbeb;--color-info-bg: #f0fdfa;--color-danger-bg: #fef2f2;--color-teal-bg: #f0fdfa;--color-cyan-bg: #ecfeff;--color-purple-bg: #f5f3ff;--color-pink-bg: #fdf2f8;--color-lime-bg: #f7fee7;--color-amber-bg: #fffbeb;--color-brown-bg: #fef3c7;--color-gray-bg: #f9fafb;--client-header-gradient: linear-gradient(135deg, #2c5282 0%, #2d3748 100%);--client-header-text: #ffffff;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #06b6d4;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-secondary-bg: #f3f4f6;--color-leave: #2196F3;--color-leave-hover: #1976D2;--color-leave-gradient-start: #42A5F5;--color-leave-gradient-end: #1E88E5;--color-teal: #14b8a6;--color-cyan: #0ea5e9;--color-purple: #8b5cf6;--color-pink: #ec4899;--color-lime: #84cc16;--color-amber: #f59e0b;--color-brown: #b45309;--color-gray: #6b7280;--color-gray-light: #9ca3af;--color-resource-taken: #9f1239;--color-resource-taken-rgb: 159, 18, 57;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #3b82f6 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #22c55e 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #f59e0b 100%);--gradient-info: linear-gradient(135deg, #06b6d4 0%, #06b6d4 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-2xs: .625rem;--font-size-xxs: .7rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-data-grid-header: var(--font-size-xs);--font-size-data-grid-cell: .8125rem;--font-size-data-grid-badge: var(--font-size-2xs);--app-min-width: 1100px;--sidebar-width: 180px;--header-height: 60px;--sidebar-header-height: 73px;--sidebar-collapsed-width: 64px;--sidebar-width-responsive: 90px;--sidebar-nav-item-height: 60px;--overscroll-behavior-x: contain;--shadow-subtle: 0 1px 3px 0 rgba(var(--color-shadow-rgb), .1), 0 1px 2px -1px rgba(var(--color-shadow-rgb), .1);--shadow-default: 0 4px 6px -1px rgba(var(--color-shadow-rgb), .1), 0 2px 4px -2px rgba(var(--color-shadow-rgb), .1);--shadow-elevated: 0 10px 25px -5px rgba(var(--color-shadow-rgb), .1), 0 8px 10px -6px rgba(var(--color-shadow-rgb), .1);--shadow-overlay: 0 20px 50px -10px rgba(var(--color-shadow-rgb), .15), 0 10px 20px -5px rgba(var(--color-shadow-rgb), .1);--transition-fast: .15s ease;--transition-base: .3s ease;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--z-base: 1;--z-dropdown-trigger: 4;--z-sticky: 5;--z-sticky-cell: 8;--z-dropdown: 10;--z-sticky-header: 15;--z-popover: 100;--z-navbar: 998;--z-sidebar: 999;--z-header: 1000;--z-sidebar-backdrop: 1001;--z-sidebar-panel: 1002;--z-modal-backdrop: 1000;--z-modal: 1000;--z-loader: 1200;--z-dropdown-in-modal: 2000;--z-notification: 9999;--z-modal-high: 10000;--z-modal-critical: 10001;--z-max: 99999;--client-header-height: 70px;--tab-height: 48px;--dashboard-metric-primary: var(--color-primary);--dashboard-metric-danger: var(--color-danger);--dashboard-metric-success: var(--color-success);--dashboard-metric-info: var(--color-info);--dashboard-activity-bg: var(--color-surface);--dashboard-hover-bg: var(--color-surface-hover);--dashboard-stat-bg: var(--color-surface);--dashboard-refresh-icon: var(--color-text-secondary);--dashboard-last-updated: var(--color-text-muted);--color-bg-light: var(--color-surface);--color-bg-secondary: var(--color-card-bg);--color-bg-hover: var(--color-surface-hover);--color-bg-dark: var(--color-border);--color-background-secondary: var(--color-bg-secondary);--color-background-hover: var(--color-bg-hover);--color-surface-alt: var(--color-card-bg);--bg-light: var(--color-bg-light);--bg-secondary: var(--color-bg-secondary);--bg-hover: var(--color-bg-hover);--border-color: var(--color-border);--border-light: var(--color-border-light);--border-radius: var(--radius-md);--color-border-dark: var(--color-border);--color-primary-light: var(--color-primary-bg);--color-primary-soft: var(--color-primary-bg);--color-primary-rgb: 59, 130, 246;--color-success-hover: var(--color-success);--color-success-light: var(--color-success-bg);--color-success-dark: #16a34a;--color-success-rgb: 34, 197, 94;--color-danger-rgb: 239, 68, 68;--color-info-rgb: 6, 182, 212;--color-warning-light: var(--color-warning-bg);--color-warning-dark: #d97706;--color-warning-rgb: 245, 158, 11;--color-warning-text: #92400e;--color-warning-text-light: #a16207;--color-warning-text-dark: #78350f;--color-warning-border: #fde68a;--color-warning-gradient-start: #fef3c7;--color-warning-gradient-end: #fde68a;--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-light: var(--color-danger-bg);--color-text-tertiary: var(--color-text-muted);--color-error: var(--color-danger);--danger-color: var(--color-danger);--success-color: var(--color-success);--primary: var(--color-primary);--primary-color: var(--color-primary);--primary-dark: var(--color-primary-hover);--primary-light: var(--color-primary-light);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--dashboard-metric-warning: var(--color-warning);--font-weight-medium: 500;--font-weight-semibold: 600;--font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-base: var(--radius-md);--shadow-xs: 0 1px 2px 0 rgba(var(--color-shadow-rgb), .04), 0 1px 1px -1px rgba(var(--color-shadow-rgb), .08);--transition-normal: var(--transition-base);--white: #ffffff;--color-success-text: #166534;--color-success-border: #86efac;--color-danger-text: #991b1b;--color-danger-border: #fecaca;--color-danger-hover: #dc2626;--color-info-text: #1e40af;--color-info-border: #93c5fd;--color-primary-border: #93c5fd;--color-teal-border: #5eead4;--color-amber-border: #fcd34d;--color-warning-hover: #d97706;--color-warning-contrast: #78350f;--color-primary-alpha-10: rgba(59, 130, 246, .1);--color-orange: #f97316;--color-orange-bg: rgba(249, 115, 22, .08);--color-tooltip-bg: var(--color-card-bg);--color-border-hover: #cbd5e1;--color-avatar-ring: var(--color-primary);--color-dropdown-rgb: var(--color-card-bg-rgb);--color-white: #ffffff;--color-on-primary: #ffffff;--color-on-success: #ffffff;--color-on-warning: #1e293b;--color-on-danger: #ffffff;--color-on-info: #ffffff;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--color-focus-ring: var(--color-primary);--color-disabled-text: var(--color-text-muted);--color-disabled-bg: var(--color-surface);--color-table-header-bg: var(--color-surface);--color-table-header-text: var(--color-text-secondary);--color-table-row-hover: var(--color-surface-hover);--color-row-alt: rgba(0, 0, 0, .02);--color-status-badge-bg: rgba(59, 130, 246, .08);--color-skeleton: #e2e8f0;--color-skeleton-highlight: #f1f5f9;--color-modal-bg: var(--color-card-bg);--color-modal-text: var(--color-text);--color-modal-overlay: rgba(15, 23, 42, .5);--color-notification-bg: #ffffff;--color-notification-text: var(--color-text);--color-notification-border: var(--color-border);--color-overlay-light: rgba(255, 255, 255, .1);--color-overlay-medium: rgba(255, 255, 255, .2);--color-tab-bg: transparent;--color-tab-text: var(--color-text-secondary);--color-tab-hover-bg: var(--color-surface);--color-tab-hover-text: var(--color-text);--color-tab-active-bg: var(--color-primary);--color-tab-active-text: var(--color-on-primary);--color-tab-border: var(--color-border);--color-card-hover-border: var(--color-primary);--color-card-pinned-border: var(--color-primary);--color-orb-highlight: rgba(255, 255, 255, .4);--color-orb-highlight-subtle: rgba(255, 255, 255, .3);--color-orb-draft-light: #a8a8a8;--color-orb-draft-mid: #888888;--color-orb-draft-dark: #666666;--color-orb-draft-glow: rgba(136, 136, 136, .4);--color-orb-pending-light: #fcd34d;--color-orb-pending-mid: #f59e0b;--color-orb-pending-dark: #d97706;--color-orb-approved-light: #86efac;--color-orb-approved-mid: #22c55e;--color-orb-approved-dark: #16a34a;--color-orb-invoiced-light: #93c5fd;--color-orb-invoiced-mid: #3b82f6;--color-orb-invoiced-dark: #2563eb;--color-orb-paid-light: #6ee7b7;--color-orb-paid-mid: #10b981;--color-orb-paid-dark: #059669;--color-orb-paid-glow: rgba(16, 185, 129, .5);--color-orb-rejected-light: #fca5a5;--color-orb-rejected-mid: #ef4444;--color-orb-rejected-dark: #dc2626}[data-theme=dark]{color-scheme:dark;--color-primary-rgb: 96, 165, 250;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-text-primary: var(--color-text);--color-background: var(--color-surface);--color-primary-dark: var(--color-primary);--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-border: #334155;--color-border-light: #1e293b;--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #60a5fa 100%);--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #f87171;--color-success-hover: #22c55e;--color-danger-light: rgba(248, 113, 113, .12);--color-danger-hover: #dc2626;--color-warning-hover: #d97706;--color-card-bg: #1e293b;--color-card-bg-rgb: 30, 41, 59;--color-input-bg: #0f172a;--color-input-text: #f1f5f9;--color-surface-rgb: 30, 41, 59;--color-shadow-rgb: 0, 0, 0;--color-primary-bg: rgba(96, 165, 250, .1);--color-success-bg: rgba(34, 197, 94, .1);--color-warning-bg: rgba(245, 158, 11, .1);--color-info-bg: rgba(6, 182, 212, .1);--color-danger-bg: rgba(239, 68, 68, .1);--color-teal-bg: rgba(45, 212, 191, .1);--color-cyan-bg: rgba(56, 189, 248, .1);--color-purple-bg: rgba(167, 139, 250, .1);--color-pink-bg: rgba(244, 114, 182, .1);--color-lime-bg: rgba(163, 230, 53, .1);--color-amber-bg: rgba(251, 191, 36, .1);--color-brown-bg: rgba(217, 119, 6, .1);--color-gray-bg: rgba(156, 163, 175, .1);--color-resource-taken: #fb7185;--color-resource-taken-rgb: 251, 113, 133;--client-header-gradient: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--client-header-text: #f1f5f9;--color-info: #3abff8;--color-secondary: #475569;--color-secondary-hover: #64748b;--color-secondary-bg: rgba(71, 85, 105, .2);--color-leave: #64B5F6;--color-leave-hover: #42A5F5;--color-leave-gradient-start: #90CAF9;--color-leave-gradient-end: #42A5F5;--color-teal: #2dd4bf;--color-cyan: #38bdf8;--color-purple: #a78bfa;--color-pink: #f472b6;--color-lime: #a3e635;--color-amber: #fbbf24;--color-brown: #d97706;--color-gray: #9ca3af;--color-gray-light: #d1d5db;--dashboard-metric-primary: var(--color-primary);--dashboard-metric-danger: #f87171;--dashboard-metric-success: #4ade80;--dashboard-metric-info: var(--color-info);--dashboard-activity-bg: rgba(30, 41, 59, .5);--dashboard-hover-bg: var(--color-surface-hover);--dashboard-stat-bg: rgba(30, 41, 59, .3);--dashboard-refresh-icon: var(--color-text-secondary);--dashboard-last-updated: var(--color-text-muted);--color-on-primary: #f1f5f9;--color-on-success: #f0fdf4;--color-on-warning: #1e293b;--color-on-danger: #fef2f2;--color-on-info: #f0fdfa;--color-link: #60a5fa;--color-success-dark: #16a34a;--color-success-rgb: 34, 197, 94;--color-danger-rgb: 239, 68, 68;--color-info-rgb: 58, 191, 248;--color-warning-dark: #d97706;--color-warning-rgb: 245, 158, 11;--color-warning-text: #fef3c7;--color-warning-text-light: #fcd34d;--color-warning-text-dark: #fcd34d;--color-warning-border: #78350f;--color-warning-gradient-start: #422006;--color-warning-gradient-end: #78350f;--color-warning-contrast: #fef3c7;--color-success-text: #86efac;--color-success-border: #166534;--color-danger-text: #fca5a5;--color-danger-border: #7f1d1d;--color-info-text: #67e8f9;--color-info-border: #164e63;--color-primary-border: #1e3a5f;--color-teal-border: #134e4a;--color-amber-border: #78350f;--color-tooltip-bg: #1e293b;--color-border-hover: #475569;--color-white: #ffffff;--color-primary-alpha-10: rgba(96, 165, 250, .1);--color-orange: #fb923c;--color-orange-bg: rgba(251, 146, 60, .1);--color-notification-bg: #1e293b;--color-notification-text: #f1f5f9;--color-notification-border: #334155;--color-modal-overlay: rgba(0, 0, 0, .7);--color-overlay-light: rgba(241, 245, 249, .05);--color-overlay-medium: rgba(241, 245, 249, .1);--color-tab-hover-bg: var(--color-surface-hover);--color-tab-active-bg: var(--color-primary);--color-tab-active-text: #0f172a;--color-row-alt: rgba(255, 255, 255, .025);--color-status-badge-bg: rgba(96, 165, 250, .15);--color-skeleton: #334155;--color-skeleton-highlight: #475569;--color-orb-highlight: rgba(255, 255, 255, .4);--color-orb-highlight-subtle: rgba(255, 255, 255, .3);--color-orb-draft-light: #a8a8a8;--color-orb-draft-mid: #888888;--color-orb-draft-dark: #666666;--color-orb-draft-glow: rgba(136, 136, 136, .4);--color-orb-pending-light: #fcd34d;--color-orb-pending-mid: #f59e0b;--color-orb-pending-dark: #d97706;--color-orb-approved-light: #86efac;--color-orb-approved-mid: #22c55e;--color-orb-approved-dark: #16a34a;--color-orb-invoiced-light: #93c5fd;--color-orb-invoiced-mid: #3b82f6;--color-orb-invoiced-dark: #2563eb;--color-orb-paid-light: #6ee7b7;--color-orb-paid-mid: #10b981;--color-orb-paid-dark: #059669;--color-orb-paid-glow: rgba(16, 185, 129, .5);--color-orb-rejected-light: #fca5a5;--color-orb-rejected-mid: #ef4444;--color-orb-rejected-dark: #dc2626}[data-theme=sage]{--color-primary-rgb: 127, 181, 142;--color-bg: #ECF3EE;--color-surface: #F7FBF9;--color-surface-hover: #E2ECE6;--color-text: #0F1A14;--color-text-secondary: #2F4A3C;--color-text-muted: #6D8478;--color-text-primary: var(--color-text);--color-background: var(--color-surface);--color-primary-dark: var(--color-primary-hover);--color-primary: #7FB58E;--color-primary-hover: #6AA37C;--color-border: #C9DED3;--color-border-light: #EAF2ED;--gradient-primary: linear-gradient(135deg, #7FB58E 0%, #6AA37C 100%);--color-card-bg: #F7FBF9;--color-card-bg-rgb: 247, 251, 249;--color-input-bg: #FFFFFF;--color-input-text: #0F1A14;--color-surface-rgb: 247, 251, 249;--color-shadow-rgb: 15, 26, 20;--color-primary-bg: #E8F3EC;--color-success-bg: #E8F5E8;--color-warning-bg: #FFF9F0;--color-info-bg: #EAF7F5;--client-header-gradient: linear-gradient(135deg, #6AA37C 0%, #5A8D6B 100%);--client-header-text: #ffffff;--color-secondary: #78716c;--color-secondary-hover: #57534e;--color-secondary-bg: #f5f5f4;--color-leave: #10B981;--color-leave-hover: #059669;--color-leave-gradient-start: #34D399;--color-leave-gradient-end: #059669;--dashboard-metric-primary: var(--color-primary);--dashboard-metric-danger: #dc2626;--dashboard-metric-success: #65a30d;--dashboard-metric-info: var(--color-info);--dashboard-activity-bg: rgba(231, 243, 236, .5);--dashboard-hover-bg: var(--color-surface-hover);--dashboard-stat-bg: rgba(231, 243, 236, .3);--dashboard-refresh-icon: var(--color-text-secondary);--dashboard-last-updated: var(--color-text-muted);--color-on-primary: #ffffff;--color-link: #6AA37C;--color-notification-bg: #F7FBF9;--color-notification-text: #0F1A14;--color-notification-border: #C9DED3;--color-overlay-light: rgba(127, 181, 142, .05);--color-overlay-medium: rgba(127, 181, 142, .1);--color-tab-active-bg: #7FB58E;--color-tab-active-text: #ffffff;--color-row-alt: rgba(0, 0, 0, .025);--color-status-badge-bg: rgba(127, 181, 142, .12);--color-skeleton: #C9DED3;--color-skeleton-highlight: #E2ECE6;--color-success: #4d7c5f;--color-warning: #d4a04a;--color-danger: #c55a5a;--color-info: #5b9eaa;--color-success-rgb: 77, 124, 95;--color-danger-rgb: 197, 90, 90;--color-warning-rgb: 212, 160, 74;--color-info-rgb: 91, 158, 170;--color-primary-alpha-10: rgba(127, 181, 142, .1);--color-danger-bg: rgba(197, 90, 90, .08);--color-danger-light: rgba(197, 90, 90, .08);--color-success-hover: #3d6a4e;--color-success-dark: #3d6a4e;--color-success-light: var(--color-success-bg);--color-success-text: #2d5240;--color-success-border: #a3c9b0;--color-danger-text: #8b3a3a;--color-danger-border: #d4a0a0;--color-danger-hover: #b04040;--color-warning-dark: #b8882e;--color-warning-text: #7a5c1f;--color-warning-text-light: #96721e;--color-warning-text-dark: #5e4717;--color-warning-border: #e6d39a;--color-warning-hover: #b8882e;--color-warning-contrast: #3a2e12;--color-warning-gradient-start: #fef3c7;--color-warning-gradient-end: #e6d39a;--color-info-text: #3d7a85;--color-info-border: #b0d4d9;--color-primary-border: #b0d4b8;--color-teal-border: #a0cfc4;--color-amber-border: #e6d39a;--color-teal: #3d9e8e;--color-cyan: #4ba3b3;--color-purple: #8a7bb5;--color-pink: #c07a9a;--color-lime: #7ab53a;--color-amber: #d4a04a;--color-brown: #96704a;--color-gray: #788578;--color-gray-light: #9ca89c;--color-orange: #c98a4a;--color-orange-bg: rgba(201, 138, 74, .08);--color-on-success: #ffffff;--color-on-danger: #ffffff;--color-on-warning: #1e293b;--color-on-info: #ffffff;--color-tooltip-bg: var(--color-card-bg);--color-border-hover: #a8c4b0;--color-white: #ffffff;--color-modal-overlay: rgba(15, 26, 20, .5);--color-orb-highlight: rgba(255, 255, 255, .4);--color-orb-highlight-subtle: rgba(255, 255, 255, .3);--color-orb-draft-light: #a8a8a8;--color-orb-draft-mid: #888888;--color-orb-draft-dark: #666666;--color-orb-draft-glow: rgba(136, 136, 136, .4);--color-orb-pending-light: #fcd34d;--color-orb-pending-mid: #f59e0b;--color-orb-pending-dark: #d97706;--color-orb-approved-light: #86efac;--color-orb-approved-mid: #22c55e;--color-orb-approved-dark: #16a34a;--color-orb-invoiced-light: #93c5fd;--color-orb-invoiced-mid: #3b82f6;--color-orb-invoiced-dark: #2563eb;--color-orb-paid-light: #6ee7b7;--color-orb-paid-mid: #10b981;--color-orb-paid-dark: #059669;--color-orb-paid-glow: rgba(16, 185, 129, .5);--color-orb-rejected-light: #fca5a5;--color-orb-rejected-mid: #ef4444;--color-orb-rejected-dark: #dc2626}:root{--modal-backdrop: var(--color-modal-overlay)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);min-width:var(--app-min-width);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base);display:flex;min-height:100vh;overflow-x:auto;overscroll-behavior-x:var(--overscroll-behavior-x, contain)}.layout-min-width{min-width:var(--app-min-width)}.scrollbar-horizontal{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}.scrollbar-horizontal::-webkit-scrollbar{height:12px;width:12px}.scrollbar-horizontal::-webkit-scrollbar-track{background:var(--color-surface);border-radius:var(--radius-sm)}.scrollbar-horizontal::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);border:2px solid var(--color-surface)}.scrollbar-horizontal::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.scrollbar-horizontal::-webkit-scrollbar-corner{background:var(--color-surface)}.app__loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);background-color:var(--color-bg);z-index:var(--z-loader)}.app__loading-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.app__loading-text{font-size:var(--font-size-base)}.app__error{text-align:center;padding:var(--spacing-2xl)}.app__error-icon{font-size:3rem;color:var(--color-danger);margin-bottom:var(--spacing-lg)}.app__error-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.app__error-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.app__empty{text-align:center;padding:var(--spacing-2xl)}.app__empty-icon{font-size:3rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.app__empty-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.app__empty-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:var(--color-secondary-bg);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}.btn--danger{background:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger);opacity:.9}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-control:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-group{margin-bottom:var(--spacing-lg)}.form-helper{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--spacing-xs)}.text-muted{color:var(--color-text-muted)}.hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}