:root{--theme-bg-body: #0f0f1a;--theme-bg-main: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--theme-bg-sidebar: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);--theme-bg-header: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--theme-text-primary: white;--theme-text-secondary: rgba(255, 255, 255, .7);--theme-text-muted: rgba(255, 255, 255, .5);--theme-border: rgba(255, 255, 255, .1);--theme-border-strong: rgba(255, 255, 255, .15);--theme-accent: #667eea;--theme-accent-light: rgba(102, 126, 234, .2);--theme-accent-hover: rgba(102, 126, 234, .3);--theme-card-bg: rgba(255, 255, 255, .05);--theme-card-bg-solid: #1e1e3a;--theme-card-shadow: none;--theme-input-bg: rgba(0, 0, 0, .3);--theme-input-bg-solid: #1e1e2e;--theme-scrollbar-track: rgba(255, 255, 255, .05);--theme-scrollbar-thumb: rgba(255, 255, 255, .2);--theme-scrollbar-hover: rgba(255, 255, 255, .3);--theme-btn-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-btn-primary-shadow: 0 4px 15px rgba(102, 126, 234, .4);--theme-btn-primary-shadow-hover: 0 6px 20px rgba(102, 126, 234, .5);--theme-btn-secondary-bg: rgba(255, 255, 255, .08);--theme-btn-secondary-border: rgba(255, 255, 255, .15);--theme-btn-secondary-text: white;--theme-btn-danger-bg: rgba(239, 68, 68, .15);--theme-btn-danger-border: rgba(239, 68, 68, .4);--theme-btn-danger-text: #fca5a5;--theme-btn-danger-hover-bg: rgba(239, 68, 68, .25);--theme-btn-warning-bg: rgba(249, 115, 22, .15);--theme-btn-warning-border: rgba(249, 115, 22, .4);--theme-btn-warning-text: #fdba74;--theme-btn-warning-hover-bg: rgba(249, 115, 22, .25);--theme-header-text: white;--theme-header-border: rgba(255, 255, 255, .15);--theme-header-btn-bg: rgba(255, 255, 255, .2);--theme-header-btn-border: rgba(255, 255, 255, .3);--theme-modal-bg: linear-gradient(135deg, #1e1e3a 0%, #16213e 100%);--theme-modal-header-border: rgba(255, 255, 255, .1);--theme-modal-actions-bg: rgba(255, 255, 255, .03);--theme-spinner-border: rgba(102, 126, 234, .2);--theme-spinner-top: #667eea;--theme-grid-cell-text: white;--theme-grid-header-text: white;--theme-grid-header-icon: rgba(255, 255, 255, .8);--theme-grid-btn-bg: rgba(255, 255, 255, .08);--theme-grid-btn-border: rgba(255, 255, 255, .1);--theme-footer-bg: rgba(255, 255, 255, .04);--theme-footer-border: rgba(255, 255, 255, .08);--theme-footer-text: rgba(255, 255, 255, .6);--theme-footer-btn-bg: rgba(255, 255, 255, .05);--theme-footer-btn-border: rgba(255, 255, 255, .1);--theme-dropdown-bg: #1e1e3a;--theme-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .4);--theme-logout-btn-bg: rgba(255, 71, 87, .15);--theme-logout-btn-border: rgba(255, 71, 87, .3);--theme-logout-btn-text: #ff6b6b;--theme-logout-btn-hover-bg: rgba(255, 71, 87, .25);--theme-logo-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-badge-bg: #667eea33;--theme-badge-text: #ffffff;--theme-user-icon: #667eea;--theme-sidebar-link: #ffffffb3;--theme-sidebar-link-hover-bg: #ffffff0d;--theme-sidebar-link-hover-text: #ffffff;--theme-sidebar-active-bg: #667eea33;--theme-sidebar-active-text: #667eea;--theme-sidebar-active-border: #667eea;--theme-config-btn: #667eea;--theme-config-btn-hover: rgba(102, 126, 234, .12);--theme-login-title: #b0b8c8}body.theme-dark{--theme-bg-body: #0f0f1a;--theme-bg-main: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--theme-bg-sidebar: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);--theme-bg-header: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--theme-text-primary: white;--theme-text-secondary: rgba(255, 255, 255, .7);--theme-text-muted: rgba(255, 255, 255, .5);--theme-border: rgba(255, 255, 255, .1);--theme-border-strong: rgba(255, 255, 255, .15);--theme-accent: #667eea;--theme-accent-light: rgba(102, 126, 234, .2);--theme-accent-hover: rgba(102, 126, 234, .3);--theme-card-bg: rgba(255, 255, 255, .05);--theme-card-bg-solid: #1e1e3a;--theme-card-shadow: none;--theme-input-bg: rgba(0, 0, 0, .3);--theme-input-bg-solid: #1e1e2e;--theme-scrollbar-track: rgba(255, 255, 255, .05);--theme-scrollbar-thumb: rgba(255, 255, 255, .2);--theme-scrollbar-hover: rgba(255, 255, 255, .3);--theme-btn-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-btn-primary-shadow: 0 4px 15px rgba(102, 126, 234, .4);--theme-btn-primary-shadow-hover: 0 6px 20px rgba(102, 126, 234, .5);--theme-btn-secondary-bg: rgba(255, 255, 255, .08);--theme-btn-secondary-border: rgba(255, 255, 255, .15);--theme-btn-secondary-text: white;--theme-btn-danger-bg: rgba(239, 68, 68, .15);--theme-btn-danger-border: rgba(239, 68, 68, .4);--theme-btn-danger-text: #fca5a5;--theme-btn-danger-hover-bg: rgba(239, 68, 68, .25);--theme-btn-warning-bg: rgba(249, 115, 22, .15);--theme-btn-warning-border: rgba(249, 115, 22, .4);--theme-btn-warning-text: #fdba74;--theme-btn-warning-hover-bg: rgba(249, 115, 22, .25);--theme-header-text: white;--theme-header-border: rgba(255, 255, 255, .15);--theme-header-btn-bg: rgba(255, 255, 255, .2);--theme-header-btn-border: rgba(255, 255, 255, .3);--theme-modal-bg: linear-gradient(135deg, #1e1e3a 0%, #16213e 100%);--theme-modal-header-border: rgba(255, 255, 255, .1);--theme-modal-actions-bg: rgba(255, 255, 255, .03);--theme-spinner-border: rgba(102, 126, 234, .2);--theme-spinner-top: #667eea;--theme-grid-cell-text: white;--theme-grid-header-text: white;--theme-grid-header-icon: rgba(255, 255, 255, .8);--theme-grid-btn-bg: rgba(255, 255, 255, .08);--theme-grid-btn-border: rgba(255, 255, 255, .1);--theme-footer-bg: rgba(255, 255, 255, .04);--theme-footer-border: rgba(255, 255, 255, .08);--theme-footer-text: rgba(255, 255, 255, .6);--theme-footer-btn-bg: rgba(255, 255, 255, .05);--theme-footer-btn-border: rgba(255, 255, 255, .1);--theme-dropdown-bg: #1e1e3a;--theme-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .4);--theme-logout-btn-bg: rgba(255, 71, 87, .15);--theme-logout-btn-border: rgba(255, 71, 87, .3);--theme-logout-btn-text: #ff6b6b;--theme-logout-btn-hover-bg: rgba(255, 71, 87, .25);--theme-logo-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-badge-bg: #667eea33;--theme-badge-text: #ffffff;--theme-user-icon: #667eea;--theme-sidebar-link: #ffffffb3;--theme-sidebar-link-hover-bg: #ffffff0d;--theme-sidebar-link-hover-text: #ffffff;--theme-sidebar-active-bg: #667eea33;--theme-sidebar-active-text: #667eea;--theme-sidebar-active-border: #667eea;--theme-config-btn: #667eea;--theme-config-btn-hover: rgba(102, 126, 234, .12);--theme-login-title: #b0b8c8}body.theme-jobers{--theme-bg-body: #e8ebe8;--theme-bg-main: linear-gradient(135deg, #f0f2f0 0%, #e5e8e5 100%);--theme-bg-sidebar: linear-gradient(180deg, #1e7b1e 0%, #228B22 100%);--theme-bg-header: linear-gradient(135deg, #1e7b1e 0%, #228B22 100%);--theme-text-primary: #2c3e50;--theme-text-secondary: #4a5568;--theme-text-muted: #718096;--theme-border: rgba(0, 0, 0, .12);--theme-border-strong: rgba(0, 0, 0, .2);--theme-accent: #228B22;--theme-accent-light: rgba(34, 139, 34, .15);--theme-accent-hover: rgba(34, 139, 34, .25);--theme-card-bg: #f5f7f5;--theme-card-bg-solid: #ffffff;--theme-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--theme-input-bg: #f8faf8;--theme-input-bg-solid: #ffffff;--theme-scrollbar-track: rgba(0, 0, 0, .05);--theme-scrollbar-thumb: rgba(34, 139, 34, .3);--theme-scrollbar-hover: rgba(34, 139, 34, .5);--theme-btn-primary-gradient: linear-gradient(135deg, #228B22 0%, #1e7b1e 100%);--theme-btn-primary-shadow: 0 4px 15px rgba(34, 139, 34, .3);--theme-btn-primary-shadow-hover: 0 6px 20px rgba(34, 139, 34, .4);--theme-btn-secondary-bg: #FF6200;--theme-btn-secondary-border: #FF6200;--theme-btn-secondary-text: white;--theme-btn-danger-bg: #f3f4f6;--theme-btn-danger-border: #dc2626;--theme-btn-danger-text: #dc2626;--theme-btn-danger-hover-bg: #fee2e2;--theme-btn-warning-bg: #f3f4f6;--theme-btn-warning-border: #d97706;--theme-btn-warning-text: #d97706;--theme-btn-warning-hover-bg: #fef3c7;--theme-header-text: white;--theme-header-border: rgba(0, 0, 0, .1);--theme-header-btn-bg: rgba(255, 255, 255, .2);--theme-header-btn-border: rgba(255, 255, 255, .3);--theme-modal-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--theme-modal-header-border: rgba(0, 0, 0, .1);--theme-modal-actions-bg: rgba(0, 0, 0, .03);--theme-spinner-border: rgba(34, 139, 34, .2);--theme-spinner-top: #228B22;--theme-grid-cell-text: #2c3e50;--theme-grid-header-text: white;--theme-grid-header-icon: rgba(255, 255, 255, .8);--theme-grid-btn-bg: rgba(0, 0, 0, .05);--theme-grid-btn-border: rgba(0, 0, 0, .1);--theme-footer-bg: #ffffff;--theme-footer-border: #e0e0e0;--theme-footer-text: #555555;--theme-footer-btn-bg: #f5f5f5;--theme-footer-btn-border: #e0e0e0;--theme-dropdown-bg: #ffffff;--theme-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .15);--theme-logout-btn-bg: rgba(255, 255, 255, .2);--theme-logout-btn-border: rgba(255, 255, 255, .3);--theme-logout-btn-text: white;--theme-logout-btn-hover-bg: rgba(255, 255, 255, .3);--theme-logo-bg: #ffffff33;--theme-badge-bg: #ffffff33;--theme-badge-text: #ffffff;--theme-user-icon: #ffffff;--theme-sidebar-link: #ffffffb3;--theme-sidebar-link-hover-bg: #ffffff26;--theme-sidebar-link-hover-text: #ffffff;--theme-sidebar-active-bg: #ffffff33;--theme-sidebar-active-text: #ffffff;--theme-sidebar-active-border: #ffffff;--theme-config-btn: #FF6200;--theme-config-btn-hover: rgba(255, 98, 0, .08);--theme-login-title: #1a6b1a}body.theme-rsr{--theme-bg-body: #e6e9ed;--theme-bg-main: linear-gradient(135deg, #eef1f5 0%, #e3e7ec 100%);--theme-bg-sidebar: linear-gradient(180deg, #0066cc 0%, #0080FF 100%);--theme-bg-header: linear-gradient(135deg, #0066cc 0%, #0080FF 100%);--theme-text-primary: #2c3e50;--theme-text-secondary: #4a5568;--theme-text-muted: #718096;--theme-border: rgba(0, 0, 0, .12);--theme-border-strong: rgba(0, 0, 0, .2);--theme-accent: #0080FF;--theme-accent-light: rgba(0, 128, 255, .15);--theme-accent-hover: rgba(0, 128, 255, .25);--theme-card-bg: #f3f5f8;--theme-card-bg-solid: #ffffff;--theme-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--theme-input-bg: #f7f9fb;--theme-input-bg-solid: #ffffff;--theme-scrollbar-track: rgba(0, 0, 0, .05);--theme-scrollbar-thumb: rgba(0, 128, 255, .3);--theme-scrollbar-hover: rgba(0, 128, 255, .5);--theme-btn-primary-gradient: linear-gradient(135deg, #0080FF 0%, #0066cc 100%);--theme-btn-primary-shadow: 0 4px 15px rgba(0, 128, 255, .3);--theme-btn-primary-shadow-hover: 0 6px 20px rgba(0, 128, 255, .4);--theme-btn-secondary-bg: rgba(0, 0, 0, .05);--theme-btn-secondary-border: rgba(0, 0, 0, .15);--theme-btn-secondary-text: #2c3e50;--theme-btn-danger-bg: #f3f4f6;--theme-btn-danger-border: #dc2626;--theme-btn-danger-text: #dc2626;--theme-btn-danger-hover-bg: #fee2e2;--theme-btn-warning-bg: #f3f4f6;--theme-btn-warning-border: #d97706;--theme-btn-warning-text: #d97706;--theme-btn-warning-hover-bg: #fef3c7;--theme-header-text: white;--theme-header-border: rgba(0, 0, 0, .1);--theme-header-btn-bg: rgba(255, 255, 255, .2);--theme-header-btn-border: rgba(255, 255, 255, .3);--theme-modal-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--theme-modal-header-border: rgba(0, 0, 0, .1);--theme-modal-actions-bg: rgba(0, 0, 0, .03);--theme-spinner-border: rgba(0, 128, 255, .2);--theme-spinner-top: #0080FF;--theme-grid-cell-text: #2c3e50;--theme-grid-header-text: white;--theme-grid-header-icon: rgba(255, 255, 255, .8);--theme-grid-btn-bg: rgba(0, 0, 0, .05);--theme-grid-btn-border: rgba(0, 0, 0, .1);--theme-footer-bg: #ffffff;--theme-footer-border: #e0e0e0;--theme-footer-text: #555555;--theme-footer-btn-bg: #f5f5f5;--theme-footer-btn-border: #e0e0e0;--theme-dropdown-bg: #ffffff;--theme-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .15);--theme-logout-btn-bg: rgba(255, 255, 255, .2);--theme-logout-btn-border: rgba(255, 255, 255, .3);--theme-logout-btn-text: white;--theme-logout-btn-hover-bg: rgba(255, 255, 255, .3);--theme-logo-bg: #ffffff33;--theme-badge-bg: #ffffff33;--theme-badge-text: #ffffff;--theme-user-icon: #ffffff;--theme-sidebar-link: #ffffffb3;--theme-sidebar-link-hover-bg: #ffffff26;--theme-sidebar-link-hover-text: #ffffff;--theme-sidebar-active-bg: #ffffff33;--theme-sidebar-active-text: #ffffff;--theme-sidebar-active-border: #ffffff;--theme-config-btn: #FF6200;--theme-config-btn-hover: rgba(255, 98, 0, .08);--theme-login-title: #005bb5}body.theme-orange{--theme-bg-body: #f5ebe5;--theme-bg-main: linear-gradient(135deg, #faf6f2 0%, #f5ebe5 100%);--theme-bg-sidebar: linear-gradient(180deg, #E37F2E 0%, #F68D38 100%);--theme-bg-header: linear-gradient(135deg, #E37F2E 0%, #F68D38 100%);--theme-text-primary: #2c3e50;--theme-text-secondary: #4a5568;--theme-text-muted: #718096;--theme-border: rgba(0, 0, 0, .12);--theme-border-strong: rgba(0, 0, 0, .2);--theme-accent: #F68D38;--theme-accent-light: rgba(246, 141, 56, .15);--theme-accent-hover: rgba(246, 141, 56, .25);--theme-card-bg: #faf8f5;--theme-card-bg-solid: #ffffff;--theme-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--theme-input-bg: #fdfcfa;--theme-input-bg-solid: #ffffff;--theme-scrollbar-track: rgba(0, 0, 0, .05);--theme-scrollbar-thumb: rgba(246, 141, 56, .3);--theme-scrollbar-hover: rgba(246, 141, 56, .5);--theme-btn-primary-gradient: linear-gradient(135deg, #F68D38 0%, #E37F2E 100%);--theme-btn-primary-shadow: 0 4px 15px rgba(246, 141, 56, .3);--theme-btn-primary-shadow-hover: 0 6px 20px rgba(246, 141, 56, .4);--theme-btn-secondary-bg: rgba(0, 0, 0, .05);--theme-btn-secondary-border: rgba(0, 0, 0, .15);--theme-btn-secondary-text: #2c3e50;--theme-btn-danger-bg: #f3f4f6;--theme-btn-danger-border: #dc2626;--theme-btn-danger-text: #dc2626;--theme-btn-danger-hover-bg: #fee2e2;--theme-btn-warning-bg: #f3f4f6;--theme-btn-warning-border: #d97706;--theme-btn-warning-text: #d97706;--theme-btn-warning-hover-bg: #fef3c7;--theme-header-text: white;--theme-header-border: rgba(0, 0, 0, .1);--theme-header-btn-bg: rgba(255, 255, 255, .2);--theme-header-btn-border: rgba(255, 255, 255, .3);--theme-modal-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--theme-modal-header-border: rgba(0, 0, 0, .1);--theme-modal-actions-bg: rgba(0, 0, 0, .03);--theme-spinner-border: rgba(246, 141, 56, .2);--theme-spinner-top: #F68D38;--theme-grid-cell-text: #2c3e50;--theme-grid-header-text: white;--theme-grid-header-icon: rgba(255, 255, 255, .8);--theme-grid-btn-bg: rgba(0, 0, 0, .05);--theme-grid-btn-border: rgba(0, 0, 0, .1);--theme-footer-bg: #ffffff;--theme-footer-border: #e0e0e0;--theme-footer-text: #555555;--theme-footer-btn-bg: #f5f5f5;--theme-footer-btn-border: #e0e0e0;--theme-dropdown-bg: #ffffff;--theme-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .15);--theme-logout-btn-bg: rgba(255, 255, 255, .2);--theme-logout-btn-border: rgba(255, 255, 255, .3);--theme-logout-btn-text: white;--theme-logout-btn-hover-bg: rgba(255, 255, 255, .3);--theme-logo-bg: #ffffff33;--theme-badge-bg: #ffffff33;--theme-badge-text: #ffffff;--theme-user-icon: #ffffff;--theme-sidebar-link: #ffffffb3;--theme-sidebar-link-hover-bg: #ffffff26;--theme-sidebar-link-hover-text: #ffffff;--theme-sidebar-active-bg: #ffffff33;--theme-sidebar-active-text: #ffffff;--theme-sidebar-active-border: #ffffff;--theme-config-btn: #F68D38;--theme-config-btn-hover: rgba(246, 141, 56, .12);--theme-login-title: #c06a1a}body.theme-lime{--theme-bg-body: #e8ede8;--theme-bg-main: linear-gradient(135deg, #f2f7f2 0%, #e8ede8 100%);--theme-bg-sidebar: linear-gradient(180deg, #54AB4E 0%, #62BA5C 100%);--theme-bg-header: linear-gradient(135deg, #54AB4E 0%, #62BA5C 100%);--theme-text-primary: #2c3e50;--theme-text-secondary: #4a5568;--theme-text-muted: #718096;--theme-border: rgba(0, 0, 0, .12);--theme-border-strong: rgba(0, 0, 0, .2);--theme-accent: #62BA5C;--theme-accent-light: rgba(98, 186, 92, .15);--theme-accent-hover: rgba(98, 186, 92, .25);--theme-card-bg: #f5f8f5;--theme-card-bg-solid: #ffffff;--theme-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--theme-input-bg: #f8faf8;--theme-input-bg-solid: #ffffff;--theme-scrollbar-track: rgba(0, 0, 0, .05);--theme-scrollbar-thumb: rgba(98, 186, 92, .3);--theme-scrollbar-hover: rgba(98, 186, 92, .5);--theme-btn-primary-gradient: linear-gradient(135deg, #62BA5C 0%, #54AB4E 100%);--theme-btn-primary-shadow: 0 4px 15px rgba(98, 186, 92, .3);--theme-btn-primary-shadow-hover: 0 6px 20px rgba(98, 186, 92, .4);--theme-btn-secondary-bg: #FF6200;--theme-btn-secondary-border: #FF6200;--theme-btn-secondary-text: white;--theme-btn-danger-bg: #f3f4f6;--theme-btn-danger-border: #dc2626;--theme-btn-danger-text: #dc2626;--theme-btn-danger-hover-bg: #fee2e2;--theme-btn-warning-bg: #f3f4f6;--theme-btn-warning-border: #d97706;--theme-btn-warning-text: #d97706;--theme-btn-warning-hover-bg: #fef3c7;--theme-header-text: white;--theme-header-border: rgba(0, 0, 0, .1);--theme-header-btn-bg: rgba(255, 255, 255, .2);--theme-header-btn-border: rgba(255, 255, 255, .3);--theme-modal-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--theme-modal-header-border: rgba(0, 0, 0, .1);--theme-modal-actions-bg: rgba(0, 0, 0, .03);--theme-spinner-border: rgba(98, 186, 92, .2);--theme-spinner-top: #62BA5C;--theme-grid-cell-text: #2c3e50;--theme-grid-header-text: white;--theme-grid-header-icon: rgba(255, 255, 255, .8);--theme-grid-btn-bg: rgba(0, 0, 0, .05);--theme-grid-btn-border: rgba(0, 0, 0, .1);--theme-footer-bg: #ffffff;--theme-footer-border: #e0e0e0;--theme-footer-text: #555555;--theme-footer-btn-bg: #f5f5f5;--theme-footer-btn-border: #e0e0e0;--theme-dropdown-bg: #ffffff;--theme-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .15);--theme-logout-btn-bg: rgba(255, 255, 255, .2);--theme-logout-btn-border: rgba(255, 255, 255, .3);--theme-logout-btn-text: white;--theme-logout-btn-hover-bg: rgba(255, 255, 255, .3);--theme-logo-bg: #ffffff33;--theme-badge-bg: #ffffff33;--theme-badge-text: #ffffff;--theme-user-icon: #ffffff;--theme-sidebar-link: #ffffffb3;--theme-sidebar-link-hover-bg: #ffffff26;--theme-sidebar-link-hover-text: #ffffff;--theme-sidebar-active-bg: #ffffff33;--theme-sidebar-active-text: #ffffff;--theme-sidebar-active-border: #ffffff;--theme-config-btn: #FF6200;--theme-config-btn-hover: rgba(255, 98, 0, .08);--theme-login-title: #3d8a38}body.theme-silver{--theme-bg-body: #e7ebf2;--theme-bg-main: linear-gradient(135deg, #f0f2f5 0%, #e7ebf2 100%);--theme-bg-sidebar: linear-gradient(180deg, #4E5B72 0%, #64738C 100%);--theme-bg-header: linear-gradient(135deg, #4E5B72 0%, #64738C 100%);--theme-text-primary: #3C465A;--theme-text-secondary: #55637F;--theme-text-muted: #8996A8;--theme-border: rgba(0, 0, 0, .12);--theme-border-strong: rgba(0, 0, 0, .2);--theme-accent: #64738C;--theme-accent-light: rgba(100, 115, 140, .15);--theme-accent-hover: rgba(100, 115, 140, .25);--theme-card-bg: #f3f5f8;--theme-card-bg-solid: #ffffff;--theme-card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--theme-input-bg: #f7f9fb;--theme-input-bg-solid: #ffffff;--theme-scrollbar-track: rgba(0, 0, 0, .05);--theme-scrollbar-thumb: rgba(100, 115, 140, .3);--theme-scrollbar-hover: rgba(100, 115, 140, .5);--theme-btn-primary-gradient: linear-gradient(135deg, #64738C 0%, #4E5B72 100%);--theme-btn-primary-shadow: 0 4px 15px rgba(100, 115, 140, .3);--theme-btn-primary-shadow-hover: 0 6px 20px rgba(100, 115, 140, .4);--theme-btn-secondary-bg: rgba(0, 0, 0, .05);--theme-btn-secondary-border: rgba(0, 0, 0, .15);--theme-btn-secondary-text: #3C465A;--theme-btn-danger-bg: #f3f4f6;--theme-btn-danger-border: #dc2626;--theme-btn-danger-text: #dc2626;--theme-btn-danger-hover-bg: #fee2e2;--theme-btn-warning-bg: #f3f4f6;--theme-btn-warning-border: #d97706;--theme-btn-warning-text: #d97706;--theme-btn-warning-hover-bg: #fef3c7;--theme-header-text: white;--theme-header-border: rgba(0, 0, 0, .1);--theme-header-btn-bg: rgba(255, 255, 255, .2);--theme-header-btn-border: rgba(255, 255, 255, .3);--theme-modal-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--theme-modal-header-border: rgba(0, 0, 0, .1);--theme-modal-actions-bg: rgba(0, 0, 0, .03);--theme-spinner-border: rgba(100, 115, 140, .2);--theme-spinner-top: #64738C;--theme-grid-cell-text: #3C465A;--theme-grid-header-text: white;--theme-grid-header-icon: rgba(255, 255, 255, .8);--theme-grid-btn-bg: rgba(0, 0, 0, .05);--theme-grid-btn-border: rgba(0, 0, 0, .1);--theme-footer-bg: #ffffff;--theme-footer-border: #e0e0e0;--theme-footer-text: #555555;--theme-footer-btn-bg: #f5f5f5;--theme-footer-btn-border: #e0e0e0;--theme-dropdown-bg: #ffffff;--theme-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .15);--theme-logout-btn-bg: rgba(255, 255, 255, .2);--theme-logout-btn-border: rgba(255, 255, 255, .3);--theme-logout-btn-text: white;--theme-logout-btn-hover-bg: rgba(255, 255, 255, .3);--theme-logo-bg: #ffffff33;--theme-badge-bg: #ffffff33;--theme-badge-text: #ffffff;--theme-user-icon: #ffffff;--theme-sidebar-link: #ffffffb3;--theme-sidebar-link-hover-bg: #ffffff26;--theme-sidebar-link-hover-text: #ffffff;--theme-sidebar-active-bg: #ffffff33;--theme-sidebar-active-text: #ffffff;--theme-sidebar-active-border: #ffffff;--theme-config-btn: #64738C;--theme-config-btn-hover: rgba(100, 115, 140, .12);--theme-login-title: #3C465A}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--theme-bg-body);color:var(--theme-text-primary);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-hover)}@keyframes spin{to{transform:rotate(360deg)}}::selection{background:var(--theme-accent-light);color:var(--theme-text-primary)}:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit}button{font-family:inherit;cursor:pointer}a{color:var(--theme-accent);text-decoration:none}a:hover{text-decoration:underline}.authenticated-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;margin-left:220px;background:var(--theme-bg-main);height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:60px}.header-area{flex-shrink:0;position:relative}@media(min-width:769px){.header-area.auto-hide{height:5px;overflow:visible}.header-area.auto-hide:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--theme-accent);opacity:.3;transition:opacity .2s ease}.header-area.auto-hide:hover:after{opacity:0}.header-area.auto-hide .global-header{position:absolute;top:0;left:0;right:0;z-index:200;transform:translateY(-100%);transition:transform .3s ease,box-shadow .3s ease;box-shadow:none}.header-area.auto-hide.temp-visible .global-header{transform:translateY(0);box-shadow:0 4px 16px #00000040}}@media(max-width:768px){.main-content,.main-content.sidebar-collapsed{margin-left:0;padding-top:0}}@supports (padding-top: env(safe-area-inset-top)){@media(max-width:768px){.main-content{padding-top:env(safe-area-inset-top)}}}@media(max-width:768px){input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=datetime-local],select,textarea{font-size:16px!important}}.stat-card,.stat-box,.chart-card,.table-card{background:var(--theme-card-bg);border-color:var(--theme-border);box-shadow:var(--theme-card-shadow)}.stat-value{color:var(--theme-text-primary)}.stat-label{color:var(--theme-text-secondary)}.table-header{background:var(--theme-modal-actions-bg);border-color:var(--theme-border)}.table-header h2{color:var(--theme-text-primary)}.table-header h2 svg{color:var(--theme-accent)}thead th{color:var(--theme-text-secondary);border-color:var(--theme-border)}tbody td{color:var(--theme-text-primary);border-color:var(--theme-border)}tbody tr:hover{background:var(--theme-accent-light)}.filter-bar{background:var(--theme-card-bg);border-color:var(--theme-border)}.filter-bar select,.filter-bar input{background:var(--theme-card-bg);border-color:var(--theme-border);color:var(--theme-text-primary)}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-accent-light)}.btn-primary{padding:10px 18px;border:1px solid transparent;border-radius:8px;background:var(--theme-btn-primary-gradient);box-shadow:var(--theme-btn-primary-shadow);color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:var(--theme-btn-primary-shadow-hover);transform:translateY(-1px)}.btn-primary:disabled{background:#8080804d;color:var(--theme-text-muted);box-shadow:none;cursor:not-allowed}.btn-danger{padding:10px 18px;border-radius:8px;background:var(--theme-btn-danger-bg);color:var(--theme-btn-danger-text);border:1px solid var(--theme-btn-danger-border);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:var(--theme-btn-danger-hover-bg)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-outline-orange{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--theme-btn-warning-border);border-radius:8px;background:var(--theme-btn-warning-bg);color:var(--theme-btn-warning-text);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-outline-orange:hover:not(:disabled){background:var(--theme-btn-warning-hover-bg)}.btn-outline-orange:disabled{opacity:.45;cursor:not-allowed}.btn-outline-green{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--theme-spinner-top, #667eea);border-radius:8px;background:transparent;color:var(--theme-spinner-top, #667eea);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-outline-green:hover:not(:disabled){background:#ffffff14}.btn-outline-red{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--theme-btn-danger-border);border-radius:8px;background:var(--theme-btn-danger-bg);color:var(--theme-btn-danger-text);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-outline-red:hover:not(:disabled){background:var(--theme-btn-danger-hover-bg)}.stat-card{position:relative;background:var(--theme-card-bg);border-radius:12px;padding:15px;text-align:center;border:1px solid var(--theme-border);cursor:pointer;transition:all .2s ease;overflow:hidden}.stat-card:hover{transform:translateY(-3px);border-color:var(--theme-border-strong)}.stat-card.active{border-width:2px}.stat-card.blue.active{border-color:#60a5fa;box-shadow:0 4px 15px #60a5fa40}.stat-card.green.active{border-color:#4ade80;box-shadow:0 4px 15px #4ade8040}.stat-card.yellow.active{border-color:#f1c40f;box-shadow:0 4px 15px #f1c40f40}.stat-card.orange.active{border-color:#fb923c;box-shadow:0 4px 15px #fb923c40}.stat-card.purple.active{border-color:#c084fc;box-shadow:0 4px 15px #c084fc40}.stat-card.red.active{border-color:#f87171;box-shadow:0 4px 15px #f8717140}.stat-card .stat-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;opacity:.2;transition:opacity .3s}.stat-card:hover .stat-icon{opacity:.35}.stat-card .stat-icon svg{width:100%;height:100%;fill:currentColor}.stat-card.blue .stat-icon{color:#3b82f6}.stat-card.green .stat-icon{color:#22c55e}.stat-card.yellow .stat-icon{color:#f1c40f}.stat-card.orange .stat-icon{color:#f39c12}.stat-card.purple .stat-icon{color:#a855f7}.stat-card.red .stat-icon{color:#ff6b6b}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);line-height:1;margin-bottom:2px}.stat-card.blue .stat-value{color:#60a5fa}.stat-card.green .stat-value{color:#4ade80}.stat-card.yellow .stat-value{color:#f1c40f}.stat-card.orange .stat-value{color:#fb923c}.stat-card.purple .stat-value{color:#c084fc}.stat-card.red .stat-value{color:#f87171}.stat-label{display:block;color:var(--theme-text-muted);font-size:.8rem;margin-top:4px}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.form-modal,.modal-content{position:relative;background:var(--theme-modal-bg);border:1px solid var(--theme-border);border-radius:16px;width:100%;max-width:450px;max-height:90vh;box-shadow:var(--theme-dropdown-shadow);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 48px 16px 24px;border-bottom:1px solid var(--theme-modal-header-border, var(--theme-border));flex-shrink:0}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--theme-text-primary)}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;border:1px solid var(--theme-border);background:var(--theme-modal-actions-bg, var(--theme-bg-secondary));color:var(--theme-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,border-color .2s;z-index:2;padding:0;font-size:18px}.modal-close:hover{background:var(--theme-border);color:var(--theme-text-primary);border-color:var(--theme-text-secondary)}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px;min-height:0;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;flex-shrink:0;border-top:1px solid var(--theme-modal-header-border, var(--theme-border));background:var(--theme-modal-actions-bg, var(--theme-bg-secondary))}.modal-footer button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;min-width:120px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-footer button svg{width:16px;height:16px;flex-shrink:0}.btn-cancel{padding:10px 18px;border-radius:8px;background:var(--theme-btn-secondary-bg);color:var(--theme-btn-secondary-text);border:1px solid var(--theme-btn-secondary-border);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background:var(--theme-accent-light);border-color:var(--theme-accent)}.modal-error{padding:8px 12px;border-radius:6px;background:#fef2f2;color:#dc2626;font-size:13px}.modal-result{padding:8px 12px;border-radius:6px;font-size:13px}.modal-result.success{background:#f0fdf4;color:#16a34a}.modal-large{max-width:700px}.modal-wide{max-width:800px}.form-group{display:flex;flex-direction:column;gap:6px}.jb-form-modal-body{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content,.form-modal{max-width:100%;max-height:95vh;border-radius:12px}.modal-header{padding:16px 40px 12px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}}.form-modal h2{color:var(--theme-text-primary);border-color:var(--theme-modal-header-border)}.form-group label{font-size:12px;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.3px}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{padding:10px 14px;background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-text-primary);font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-accent-light)}.form-modal-actions{background:var(--theme-modal-actions-bg);border-color:var(--theme-border)}.spinner,.spinner-large{border-color:var(--theme-spinner-border);border-top-color:var(--theme-spinner-top)}.ag-header-cell{font-weight:600}.ag-header-cell-label{color:var(--theme-grid-header-text)}.ag-header-icon,.ag-header-cell-menu-button,.ag-sort-indicator-icon{color:var(--theme-grid-header-icon)!important}.custom-header{display:flex;align-items:center;gap:6px;width:100%;color:var(--theme-grid-header-text)}.custom-header-label{display:flex;align-items:center;gap:4px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--theme-grid-header-text)}.custom-header-sort-icon{color:var(--theme-grid-header-icon)}.custom-header-filter-icon{display:flex;align-items:center;justify-content:center;padding:3px;border-radius:4px;cursor:pointer;color:var(--theme-grid-header-icon);flex-shrink:0;transition:background .15s,color .15s}.custom-header-filter-icon:hover{background:#fff3;color:var(--theme-grid-header-text)}.custom-header-filter-icon.active,.custom-header-filter-icon.open{color:var(--theme-grid-header-text);background:#ffffff40}.ag-cell,.ag-cell-value{color:var(--theme-grid-cell-text)!important}.data-grid-footer{background:var(--theme-footer-bg);border-color:var(--theme-footer-border);color:var(--theme-footer-text)}.pagination button{background:var(--theme-footer-btn-bg);border-color:var(--theme-footer-btn-border);color:var(--theme-footer-text)}.pagination button:hover:not(:disabled){background:var(--theme-accent-light);color:var(--theme-accent);border-color:var(--theme-accent)}.global-header{border-bottom-color:var(--theme-header-border)}.header-title h1{color:var(--theme-header-text);-webkit-text-fill-color:var(--theme-header-text)}.header-title .badge{background:var(--theme-badge-bg);color:var(--theme-badge-text);-webkit-text-fill-color:var(--theme-badge-text)}.logout-btn,.mobile-logout-btn{background:var(--theme-logout-btn-bg);border-color:var(--theme-logout-btn-border);color:var(--theme-logout-btn-text)}.logout-btn:hover,.mobile-logout-btn:hover{background:var(--theme-logout-btn-hover-bg)}.mobile-logout-btn svg{fill:var(--theme-logout-btn-text)!important}.page-loader-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--theme-bg-main);color:var(--theme-text-primary)}.page-loader-content{text-align:center}.page-loader-spinner{width:50px;height:50px;border:4px solid var(--theme-spinner-border);border-top-color:var(--theme-spinner-top);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.filters select,.filters input{background:var(--theme-card-bg);border-color:var(--theme-border);color:var(--theme-text-primary)}.filters select option{background:var(--theme-dropdown-bg);color:var(--theme-text-primary)}.dashboard-loading,.dashboard-error{background:var(--theme-bg-main);color:var(--theme-text-primary)}.status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;max-height:20px;line-height:1.4}.status.active{background:#22c55e33;color:#4ade80}.status.inactive{background:#ef444433;color:#f87171}.status.pending{background:#eab30833;color:#facc15}.jb-card-view{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--jb-card-view-bg, #f5f6f5);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--jb-card-text, #2c3e50)}.jb-card-search-bar{position:relative;padding:10px 12px;background:var(--jb-card-bar-bg, var(--jb-card-bg, #fff));border-bottom:1px solid rgba(0,0,0,.08)}.jb-card-search-input{width:100%;padding:10px 32px 10px 36px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:14px;outline:none;background:var(--jb-card-view-bg, #f5f6f5);color:var(--jb-card-text, #2c3e50);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.jb-card-search-input::placeholder{color:var(--jb-card-text-muted, #aaa)}.jb-card-search-input:focus{border-color:var(--jb-card-accent, #228B22);box-shadow:0 0 0 2px var(--jb-card-focus-ring, rgba(34,139,34,.2));background:var(--jb-card-bg, #fff)}.jb-card-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--jb-card-text-muted, #aaa);pointer-events:none;display:flex;align-items:center}.jb-card-search-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);border:none;background:none;font-size:18px;color:var(--jb-card-text-muted, #999);cursor:pointer;padding:0 4px;line-height:1}.jb-card-search-clear:hover{color:var(--jb-card-text, #333)}.jb-card-filter-panel{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--jb-card-bar-bg, var(--jb-card-bg, #fff));border-bottom:1px solid rgba(0,0,0,.08);overflow:visible;z-index:10}.jb-card-filter-chips{display:flex;gap:6px;flex:1;flex-wrap:wrap}.jb-card-filter-clear{display:flex;align-items:center;gap:4px;border:none;background:var(--jb-card-accent, #228B22);color:#fff;border-radius:12px;padding:4px 8px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.jb-card-filter-badge{background:#ffffff4d;border-radius:8px;padding:0 5px;font-size:11px;font-weight:600}.jb-card-config-btn-gear{border:1px solid color-mix(in srgb,var(--jb-card-accent, #228B22) 30%,transparent);border-radius:50%;background:var(--jb-card-bg, #fff);color:var(--jb-card-accent, #228B22);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;padding:0}.jb-card-config-btn-gear:hover{background:var(--jb-card-chip-active-bg, rgba(34,139,34,.1));border-color:var(--jb-card-accent, #228B22)}.jb-filter-chip{position:relative;flex-shrink:0}.jb-filter-chip-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--jb-card-accent, #228B22) 30%,transparent);border-radius:16px;background:var(--jb-card-bg, #fff);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s;color:var(--jb-card-text, #2c3e50)}.jb-filter-chip-btn:hover{border-color:var(--jb-card-accent, #228B22);background:var(--jb-card-hover-bg, rgba(34, 139, 34, .05))}.jb-filter-chip.active .jb-filter-chip-btn{border-color:var(--jb-card-accent, #228B22);background:var(--jb-card-chip-active-bg, rgba(34, 139, 34, .1));color:var(--jb-card-chip-active-text, #1a6b1a)}.jb-filter-chip.empty .jb-filter-chip-btn{opacity:.5;cursor:default}.jb-filter-chip.empty .jb-filter-chip-btn:hover{border-color:color-mix(in srgb,var(--jb-card-accent, #228B22) 30%,transparent);background:var(--jb-card-bg, #fff)}.jb-filter-chip-label{color:var(--jb-card-accent, #228B22);font-weight:600;font-size:11px}.jb-filter-chip.active .jb-filter-chip-label{color:var(--jb-card-chip-active-text, #1a6b1a)}.jb-filter-chip-value{font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis}.jb-filter-chip-clear{font-size:14px;color:var(--jb-card-text-muted, #999);margin-left:2px}.jb-filter-chip-clear:hover{color:#ef4444}.jb-filter-chip-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;min-width:200px;max-width:300px;background:var(--theme-dropdown-bg, #fff);border-radius:8px;padding:12px;font-size:13px;box-shadow:0 6px 20px #0003}.jb-filter-chip-search{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--theme-border, rgba(0,0,0,.12));background:var(--theme-input-bg, #f5f5f5);color:var(--theme-text-primary, #2c3e50);font-size:13px;box-sizing:border-box;outline:none;margin-bottom:8px}.jb-filter-chip-search:focus{border-color:var(--theme-accent, #228B22);box-shadow:0 0 0 2px var(--theme-accent-light, rgba(34,139,34,.15))}.jb-filter-chip-search::placeholder{color:var(--theme-text-muted, #aaa)}.jb-filter-chip-options{max-height:250px;overflow-y:auto}.jb-filter-chip-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 4px;border:none;border-radius:4px;background:none;font-size:13px;cursor:pointer;text-align:left;color:var(--theme-text-primary, #2c3e50);transition:background .15s}.jb-filter-chip-option:hover{background:var(--theme-accent-light, rgba(34,139,34,.15))}.jb-filter-chip-option.selected{background:var(--theme-accent-light, rgba(34,139,34,.15));font-weight:600}.jb-filter-chip-option .jb-filter-chip-option-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-filter-chip-option:hover .jb-filter-chip-option-value{color:var(--theme-accent, #228B22)}.jb-filter-chip-count{color:var(--theme-text-muted, #aaa);font-size:11px;flex-shrink:0;margin-left:4px}.jb-filter-chip-empty{padding:16px;text-align:center;color:var(--theme-text-muted, #aaa);font-style:italic}.jb-filter-chip-options::-webkit-scrollbar{width:6px}.jb-filter-chip-options::-webkit-scrollbar-track{background:var(--theme-scrollbar-track, #f0f0f0);border-radius:3px}.jb-filter-chip-options::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb, #ccc);border-radius:3px}.jb-filter-chip-options::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-hover, #aaa)}.jb-card-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.jb-card-item{display:flex;align-items:center;background:var(--jb-card-bg, #fff);border-radius:10px;box-shadow:0 1px 4px #0000000f;padding:12px 10px 12px 14px;cursor:pointer;transition:all .15s ease;border-left:3px solid color-mix(in srgb,var(--jb-card-accent, #228B22) 30%,transparent);gap:8px}.jb-card-item:hover{background:var(--jb-card-hover-bg, rgba(0,0,0,.02));box-shadow:0 2px 8px #0000001a}.jb-card-item:active{transform:scale(.98)}.jb-card-item.selected{border-left-color:var(--jb-card-accent, #228B22);background:var(--jb-card-selected-bg, rgba(34, 139, 34, .1));box-shadow:0 2px 8px #00000014}.jb-card-content{flex:1;min-width:0}.jb-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.jb-card-header-left{flex:1;min-width:0}.jb-card-title{font-size:14px;font-weight:600;color:var(--jb-card-text, #222);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-card-subtitle{font-size:12px;color:var(--jb-card-text-muted, #777);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-card-code{font-size:11px;color:var(--jb-card-accent, #228B22);background:var(--jb-card-chip-active-bg, rgba(34, 139, 34, .1));padding:2px 7px;border-radius:4px;font-weight:600;white-space:nowrap;flex-shrink:0}.jb-card-body{display:flex;flex-wrap:wrap;gap:4px 14px}.jb-card-field{display:flex;align-items:center;gap:4px;font-size:12px}.jb-card-field-label{color:var(--jb-card-text-muted, #999);white-space:nowrap}.jb-card-field-value{color:var(--jb-card-accent, #228B22);font-weight:500}.jb-card-chevron{flex-shrink:0;color:color-mix(in srgb,var(--jb-card-accent, #228B22) 50%,transparent);display:flex;align-items:center;transition:color .15s}.jb-card-item:hover .jb-card-chevron,.jb-card-item.selected .jb-card-chevron{color:var(--jb-card-accent, #228B22)}.jb-card-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--jb-card-text-muted, #aaa);font-size:14px;text-align:center}.jb-card-sentinel{display:flex;justify-content:center;padding:12px;min-height:20px}.jb-card-loading{color:var(--jb-card-accent, #228B22);font-size:13px}.jb-card-config-overlay{position:fixed;inset:0;background:#0006;z-index:2000;display:flex;align-items:flex-end;justify-content:center}.jb-card-config-sheet{background:var(--theme-dropdown-bg, #fff);border-radius:16px 16px 0 0;width:100%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;animation:jb-slide-up .25s ease-out}@keyframes jb-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.jb-card-config-handle{width:36px;height:4px;background:var(--theme-border, #ddd);border-radius:2px;margin:10px auto 6px}.jb-card-config-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 12px;border-bottom:1px solid var(--theme-border, rgba(0,0,0,.1))}.jb-card-config-header h3{margin:0;font-size:16px;font-weight:600;color:var(--theme-text-primary, #2c3e50)}.jb-card-config-reset{border:none;background:none;color:var(--theme-text-muted, #888);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:6px;transition:all .15s}.jb-card-config-reset:hover{color:var(--theme-accent, #228B22);background:var(--theme-accent-light, rgba(34,139,34,.1))}.jb-card-config-list{flex:1;overflow-y:auto;padding:4px 16px}.jb-card-config-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--theme-accent, #228B22);padding:12px 0 6px;margin-top:4px;margin-bottom:8px;border-bottom:2px solid var(--theme-accent-light, rgba(34,139,34,.2))}.jb-card-config-item{display:flex;align-items:center;gap:10px;padding:10px 8px;color:var(--theme-text-primary, #2c3e50);border-radius:8px;margin-bottom:3px;transition:all .15s}.jb-card-config-item.active{background:var(--jb-card-bg, #fff);border-left:3px solid var(--theme-accent, #228B22);padding-left:8px;box-shadow:0 1px 4px #0000001a;margin-bottom:6px}.jb-card-config-item.available{cursor:pointer;opacity:.6;transition:all .15s;border-left:3px solid transparent;padding-left:8px}.jb-card-config-item.available:hover,.jb-card-config-item.available:active{opacity:1;background:var(--theme-accent-light, rgba(34,139,34,.08));border-left-color:var(--theme-accent, #228B22)}.jb-card-config-arrows{display:flex;flex-direction:column;gap:0;flex-shrink:0;min-width:14px;align-items:center;justify-content:center}.jb-card-config-arrow{border:none;background:none;padding:0;cursor:pointer;color:color-mix(in srgb,var(--theme-accent, #228B22) 50%,transparent);display:flex;align-items:center;transition:color .15s}.jb-card-config-arrow:hover:not(:disabled){color:var(--theme-accent, #228B22)}.jb-card-config-arrow:active:not(:disabled){transform:scale(.85)}.jb-card-config-arrow:disabled{opacity:.15;cursor:default}.jb-card-config-remove{margin-left:auto;border:none;background:none;font-size:20px;color:color-mix(in srgb,var(--theme-accent, #228B22) 50%,transparent);cursor:pointer;padding:0 2px;flex-shrink:0;transition:color .15s;line-height:1}.jb-card-config-remove:hover{color:var(--theme-accent, #228B22)}.jb-card-config-add-icon{color:var(--theme-accent, #228B22);flex-shrink:0}.jb-card-config-item.available:hover .jb-card-config-add-icon{transform:scale(1.2)}.jb-card-config-label{font-size:14px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-card-config-item.active .jb-card-config-label{font-weight:600}.jb-card-config-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--theme-border, rgba(0,0,0,.1))}.jb-card-config-btn{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.jb-card-config-btn:active{opacity:.8}.jb-card-config-btn.primary{background:var(--theme-accent, #228B22);color:#fff}.jb-card-config-btn.secondary{background:var(--theme-btn-secondary-bg, #FF6200);color:var(--theme-btn-secondary-text, white);border:1px solid var(--theme-btn-secondary-border, #FF6200)}.jb-card-footer{padding:8px 12px;background:var(--jb-card-bar-bg, var(--jb-card-bg, #fff));border-top:1px solid rgba(0,0,0,.08);text-align:center;font-size:12px;color:var(--jb-card-accent, #228B22);font-weight:600;flex-shrink:0;margin-top:auto}.ag-center-cols-container{min-width:100%}.data-grid-wrapper{display:flex;flex-direction:column;height:100%;width:100%;opacity:0;transition:opacity .15s ease-out}.data-grid-wrapper.ready{opacity:1}.data-grid-wrapper.loading{opacity:0}@media screen and (max-width:768px){.data-grid-wrapper{height:auto;flex:1;min-height:0}}.data-grid-container{flex:1;min-height:0}.data-grid-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin-top:12px;background:var(--theme-footer-bg, #f8f9fa);border:1px solid var(--theme-footer-border, rgba(0, 0, 0, .12));border-radius:8px;font-size:13px;color:var(--theme-footer-text, #4a5568);flex-shrink:0}.footer-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.footer-center{display:flex;align-items:center;justify-content:center;flex:1}.footer-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1}.btn-reset-columns{background:var(--theme-footer-btn-bg, #f3f4f6);border:1px solid var(--theme-footer-btn-border, rgba(0, 0, 0, .12));color:var(--theme-footer-text, #4a5568);padding:4px 6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-reset-columns:hover{background:var(--theme-accent-light, rgba(34, 139, 34, .15));color:var(--theme-accent, #228B22);border-color:var(--theme-accent, #228B22)}.btn-reset-columns svg{width:16px;height:16px}.row-count{color:var(--theme-footer-text, #4a5568);font-size:.8rem}.btn-active-filters{display:flex;align-items:center;gap:5px;background:var(--theme-accent-light, rgba(34, 139, 34, .15));border:1px solid var(--theme-accent, #228B22);color:var(--theme-accent, #228B22);padding:3px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.btn-active-filters:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.btn-active-filters svg{flex-shrink:0}.btn-active-filters span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.btn-external-filters{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease}.btn-external-filters.green{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.btn-external-filters.red{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.btn-external-filters.blue{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.btn-external-filters.orange{background:#f9731626;border:1px solid rgba(249,115,22,.3);color:#fdba74}.btn-external-filters.purple{background:#a855f726;border:1px solid rgba(168,85,247,.3);color:#d8b4fe}.btn-external-filters.yellow{background:#eab30826;border:1px solid rgba(234,179,8,.3);color:#fde047}.btn-external-filters:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.btn-external-filters svg{flex-shrink:0}.btn-external-filters span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.pagination{display:flex;align-items:center;gap:4px}.pagination button{background:var(--theme-footer-btn-bg, #f3f4f6);border:1px solid var(--theme-footer-btn-border, rgba(0, 0, 0, .12));color:var(--theme-text-secondary, #4a5568);padding:4px 6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination button:hover:not(:disabled){background:var(--theme-accent-light, rgba(34, 139, 34, .15));color:var(--theme-accent, #228B22);border-color:var(--theme-accent, #228B22)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button svg{width:16px;height:16px}.page-info{color:var(--theme-text-secondary, #4a5568);font-size:.8rem;padding:0 8px;min-width:60px;text-align:center}@media(max-width:768px){.data-grid-footer{display:none}}.column-context-menu{position:fixed;background:var(--theme-dropdown-bg, white);border:1px solid var(--theme-border, rgba(0, 0, 0, .12));border-radius:8px;box-shadow:var(--theme-dropdown-shadow, 0 4px 20px rgba(0, 0, 0, .15));z-index:10000;min-width:180px;max-width:280px;max-height:400px;overflow:hidden;display:flex;flex-direction:column;animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:12px;font-weight:600;color:var(--theme-accent, #228B22);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--theme-border, rgba(0, 0, 0, .12));flex-shrink:0}.context-menu-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--theme-text-secondary, #4a5568);transition:all .15s ease}.context-menu-close:hover{background:#ef444433;color:#fca5a5}.context-menu-columns{overflow-y:auto;padding:6px 0;flex:1}.column-checkbox-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .15s ease;color:var(--theme-text-primary, #2c3e50);font-size:13px}.column-checkbox-item:hover{background:var(--theme-accent-light, rgba(34, 139, 34, .15))}.column-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--theme-accent, #228B22);cursor:pointer;flex-shrink:0}.column-checkbox-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.context-menu-footer{padding:6px 10px;border-top:1px solid var(--theme-border, rgba(0, 0, 0, .12));flex-shrink:0}.btn-reset-config{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 10px;border:1px solid var(--theme-border, rgba(0, 0, 0, .12));border-radius:4px;background:var(--theme-footer-btn-bg, #f3f4f6);color:var(--theme-text-secondary, #4a5568);font-size:12px;cursor:pointer;transition:all .2s ease}.btn-reset-config:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.align-selector{display:flex;align-items:center;gap:2px;margin-left:auto;padding:2px 3px;background:var(--theme-footer-btn-bg, rgba(255,255,255,.06));border:1px solid var(--theme-border, rgba(255,255,255,.1));border-radius:10px;flex-shrink:0}.align-pos{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;border-radius:50%;cursor:pointer;transition:all .15s ease}.align-pos:hover{background:var(--theme-accent-light, rgba(99, 102, 241, .15))}.align-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--theme-text-secondary, rgba(255,255,255,.3));transition:all .15s ease}.align-pos.active .align-dot{width:8px;height:8px;background:var(--theme-accent, #6366f1);box-shadow:0 0 4px var(--theme-accent, #6366f1)}.align-pos:hover .align-dot{background:var(--theme-accent, #6366f1)}.ag-header-cell.header-align-center .custom-header-label{justify-content:center;text-align:center}.ag-header-cell.header-align-right .custom-header-label{justify-content:flex-end;text-align:right}.grid-context-menu{position:fixed;background:var(--theme-dropdown-bg, white);border:1px solid var(--theme-border, rgba(0, 0, 0, .12));border-radius:8px;box-shadow:var(--theme-dropdown-shadow, 0 4px 20px rgba(0, 0, 0, .15));z-index:10000;min-width:210px;overflow:hidden;padding:4px 0;animation:contextMenuFadeIn .15s ease-out}.grid-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:transparent;color:var(--theme-text-primary, #2c3e50);font-size:13px;cursor:pointer;transition:background .15s ease;text-align:left;white-space:nowrap}.grid-context-menu-item:hover{background:var(--theme-accent-light, rgba(34, 139, 34, .15))}.grid-context-menu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--theme-text-secondary, #4a5568)}.grid-context-menu-separator{height:1px;margin:4px 10px;background:var(--theme-border, rgba(0, 0, 0, .12))}.set-filter{min-width:200px;max-width:300px;background:var(--theme-dropdown-bg);border-radius:8px;padding:12px;font-size:13px}.set-filter-search{margin-bottom:10px}.set-filter-search input{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--theme-border);background:var(--theme-input-bg);color:var(--theme-text-primary);font-size:13px;box-sizing:border-box}.set-filter-search input:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 2px var(--theme-accent-light)}.set-filter-search input::placeholder{color:var(--theme-text-muted)}.set-filter-select-all{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--theme-border);margin-bottom:8px;cursor:pointer;color:var(--theme-text-secondary);font-style:italic}.set-filter-select-all:hover{color:var(--theme-text-primary)}.set-filter-list{max-height:250px;overflow-y:auto}.set-filter-item{display:flex;align-items:center;gap:8px;padding:4px;border-radius:4px;cursor:pointer;color:var(--theme-text-primary);width:100%;min-width:0;transition:background .15s}.set-filter-item:hover{background:var(--theme-accent-light)}.set-filter-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--theme-accent);cursor:pointer;flex-shrink:0}.set-filter-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.set-filter-value:hover{color:var(--theme-accent);text-decoration:underline}.set-filter-count{color:var(--theme-text-muted);font-size:11px;flex-shrink:0;margin-left:4px}.set-filter-empty{padding:16px;text-align:center;color:var(--theme-text-muted);font-style:italic}.date-range-filter{min-width:300px;max-width:340px;padding:12px;font-size:13px;font-family:Segoe UI,Tahoma,sans-serif;box-sizing:border-box;background:var(--theme-dropdown-bg, white)}.drf-header{margin-bottom:10px}.drf-label{font-weight:500;color:var(--theme-text-secondary, #555);margin-bottom:8px}.drf-display{padding:8px 10px;border:1px solid var(--theme-border, #ccc);border-radius:4px;font-size:13px;background:var(--theme-input-bg, #f8f9fa);color:var(--theme-text-muted, #666);min-height:20px;text-align:center}.drf-display-active{color:var(--theme-text-primary, #333);font-weight:500}.drf-display-selecting{color:var(--theme-accent, #8bc98b)}.drf-calendar{margin-bottom:8px}.drf-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 0}.drf-nav-btn{border:none;background:none;cursor:pointer;padding:4px 8px;font-size:16px;color:var(--theme-text-secondary, #666);border-radius:4px;transition:background .15s}.drf-nav-btn:hover{background:var(--theme-accent-light, rgba(34, 139, 34, .15));color:var(--theme-accent, #228B22)}.drf-month-year{font-weight:500;color:var(--theme-text-primary, #333)}.drf-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.drf-day-header{padding:4px;font-size:11px;color:var(--theme-text-secondary, #666);font-weight:500}.drf-day-empty{padding:6px}.drf-day{padding:6px;cursor:pointer;border-radius:4px;font-size:12px;transition:background .15s}.drf-day:hover{background:var(--theme-accent-light, #e9ecef)}.drf-day-selected{background:var(--theme-accent, #8bc98b);color:#fff;font-weight:500}.drf-day-selected:hover{background:var(--theme-accent, #8bc98b)}.drf-day-in-range{background:#007bff26;color:var(--theme-text-primary, #004085)}.drf-day-in-range:hover{background:#007bff40}.drf-day-today{border:1px solid var(--theme-accent, #8bc98b)}.drf-quick-section{margin-top:12px;padding-top:8px;border-top:1px solid var(--theme-border, #ddd)}.drf-quick-label{font-size:12px;color:var(--theme-text-secondary, #666);margin-bottom:6px}.drf-quick-buttons{display:flex;flex-wrap:wrap;gap:4px}.drf-quick-btn{padding:4px 8px;font-size:11px;border:1px solid var(--theme-border, #ddd);background:var(--theme-input-bg, #f8f9fa);border-radius:4px;cursor:pointer;color:var(--theme-text-primary, #333);transition:background .15s}.drf-quick-btn:hover{background:var(--theme-accent-light, #e9ecef);border-color:var(--theme-accent, #228B22);color:var(--theme-accent, #228B22)}.drf-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;margin-top:8px;border-top:1px solid var(--theme-border, #ddd)}.drf-btn-reset{padding:6px 14px;font-size:12px;border-radius:4px;cursor:pointer;background:var(--theme-input-bg, #fff);border:1px solid var(--theme-border, #ccc);color:var(--theme-text-secondary, #666);transition:all .15s}.drf-btn-reset:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.drf-btn-apply{padding:6px 14px;font-size:12px;border-radius:4px;cursor:pointer;background:var(--theme-accent, #8bc98b);border:1px solid var(--theme-accent, #8bc98b);color:#fff;transition:all .15s}.drf-btn-apply:hover{filter:brightness(.9)}.set-filter-list::-webkit-scrollbar{width:6px}.set-filter-list::-webkit-scrollbar-track{background:var(--theme-scrollbar-track);border-radius:3px}.set-filter-list::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb);border-radius:3px}.set-filter-list::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-hover)}
