:root,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:#ffffffb3;--theme-text-muted:#ffffff80;--theme-border:#ffffff1a;--theme-border-strong:#ffffff26;--theme-accent:#667eea;--theme-accent-light:#667eea33;--theme-accent-hover:#667eea4d;--theme-card-bg:#ffffff0d;--theme-card-bg-solid:#1e1e3a;--theme-card-shadow:none;--theme-input-bg:#0000004d;--theme-input-bg-solid:#1e1e2e;--theme-scrollbar-track:#ffffff0d;--theme-scrollbar-thumb:#fff3;--theme-scrollbar-hover:#ffffff4d;--theme-btn-primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-btn-primary-shadow:0 4px 15px #667eea66;--theme-btn-primary-shadow-hover:0 6px 20px #667eea80;--theme-btn-secondary-bg:#ffffff14;--theme-btn-secondary-border:#ffffff26;--theme-btn-secondary-text:white;--theme-btn-danger-bg:#ef444426;--theme-btn-danger-border:#ef444466;--theme-btn-danger-text:#fca5a5;--theme-btn-danger-hover-bg:#ef444440;--theme-btn-warning-bg:#f9731626;--theme-btn-warning-border:#f9731666;--theme-btn-warning-text:#fdba74;--theme-btn-warning-hover-bg:#f9731640;--theme-header-text:white;--theme-header-border:#ffffff26;--theme-header-btn-bg:#fff3;--theme-header-btn-border:#ffffff4d;--theme-modal-bg:linear-gradient(135deg, #1e1e3a 0%, #16213e 100%);--theme-modal-header-border:#ffffff1a;--theme-modal-actions-bg:#ffffff08;--theme-spinner-border:#667eea33;--theme-spinner-top:#667eea;--theme-grid-cell-text:white;--theme-grid-header-text:white;--theme-grid-header-icon:#fffc;--theme-grid-btn-bg:#ffffff14;--theme-grid-btn-border:#ffffff1a;--theme-footer-bg:#ffffff0a;--theme-footer-border:#ffffff14;--theme-footer-text:#fff9;--theme-footer-btn-bg:#ffffff0d;--theme-footer-btn-border:#ffffff1a;--theme-dropdown-bg:#1e1e3a;--theme-dropdown-shadow:0 8px 24px #0006;--theme-logout-btn-bg:#ff475726;--theme-logout-btn-border:#ff47574d;--theme-logout-btn-text:#ff6b6b;--theme-logout-btn-hover-bg:#ff475740;--theme-logo-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-badge-bg:#667eea33;--theme-badge-text:#fff;--theme-user-icon:#667eea;--theme-sidebar-link:#ffffffb3;--theme-sidebar-link-hover-bg:#ffffff0d;--theme-sidebar-link-hover-text:#fff;--theme-sidebar-active-bg:#667eea33;--theme-sidebar-active-text:#667eea;--theme-sidebar-active-border:#667eea;--theme-config-btn:#667eea;--theme-config-btn-hover:#667eea1f;--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:#0000001f;--theme-border-strong:#0003;--theme-accent:#228b22;--theme-accent-light:#228b2226;--theme-accent-hover:#228b2240;--theme-card-bg:#f5f7f5;--theme-card-bg-solid:#fff;--theme-card-shadow:0 2px 8px #0000001a;--theme-input-bg:#f8faf8;--theme-input-bg-solid:#fff;--theme-scrollbar-track:#0000000d;--theme-scrollbar-thumb:#228b224d;--theme-scrollbar-hover:#228b2280;--theme-btn-primary-gradient:linear-gradient(135deg, #228b22 0%, #1e7b1e 100%);--theme-btn-primary-shadow:0 4px 15px #228b224d;--theme-btn-primary-shadow-hover:0 6px 20px #228b2266;--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:#0000001a;--theme-header-btn-bg:#fff3;--theme-header-btn-border:#ffffff4d;--theme-modal-bg:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);--theme-modal-header-border:#0000001a;--theme-modal-actions-bg:#00000008;--theme-spinner-border:#228b2233;--theme-spinner-top:#228b22;--theme-grid-cell-text:#2c3e50;--theme-grid-header-text:white;--theme-grid-header-icon:#fffc;--theme-grid-btn-bg:#0000000d;--theme-grid-btn-border:#0000001a;--theme-footer-bg:#fff;--theme-footer-border:#e0e0e0;--theme-footer-text:#555;--theme-footer-btn-bg:#f5f5f5;--theme-footer-btn-border:#e0e0e0;--theme-dropdown-bg:#fff;--theme-dropdown-shadow:0 8px 24px #00000026;--theme-logout-btn-bg:#fff3;--theme-logout-btn-border:#ffffff4d;--theme-logout-btn-text:white;--theme-logout-btn-hover-bg:#ffffff4d;--theme-logo-bg:#fff3;--theme-badge-bg:#fff3;--theme-badge-text:#fff;--theme-user-icon:#fff;--theme-sidebar-link:#ffffffb3;--theme-sidebar-link-hover-bg:#ffffff26;--theme-sidebar-link-hover-text:#fff;--theme-sidebar-active-bg:#fff3;--theme-sidebar-active-text:#fff;--theme-sidebar-active-border:#fff;--theme-config-btn:#ff6200;--theme-config-btn-hover:#ff620014;--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, #06c 0%, #0080ff 100%);--theme-bg-header:linear-gradient(135deg, #06c 0%, #0080ff 100%);--theme-text-primary:#2c3e50;--theme-text-secondary:#4a5568;--theme-text-muted:#718096;--theme-border:#0000001f;--theme-border-strong:#0003;--theme-accent:#0080ff;--theme-accent-light:#0080ff26;--theme-accent-hover:#0080ff40;--theme-card-bg:#f3f5f8;--theme-card-bg-solid:#fff;--theme-card-shadow:0 2px 8px #0000001a;--theme-input-bg:#f7f9fb;--theme-input-bg-solid:#fff;--theme-scrollbar-track:#0000000d;--theme-scrollbar-thumb:#0080ff4d;--theme-scrollbar-hover:#0080ff80;--theme-btn-primary-gradient:linear-gradient(135deg, #0080ff 0%, #06c 100%);--theme-btn-primary-shadow:0 4px 15px #0080ff4d;--theme-btn-primary-shadow-hover:0 6px 20px #0080ff66;--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:#0000001a;--theme-header-btn-bg:#fff3;--theme-header-btn-border:#ffffff4d;--theme-modal-bg:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);--theme-modal-header-border:#0000001a;--theme-modal-actions-bg:#00000008;--theme-spinner-border:#0080ff33;--theme-spinner-top:#0080ff;--theme-grid-cell-text:#2c3e50;--theme-grid-header-text:white;--theme-grid-header-icon:#fffc;--theme-grid-btn-bg:#0000000d;--theme-grid-btn-border:#0000001a;--theme-footer-bg:#fff;--theme-footer-border:#e0e0e0;--theme-footer-text:#555;--theme-footer-btn-bg:#f5f5f5;--theme-footer-btn-border:#e0e0e0;--theme-dropdown-bg:#fff;--theme-dropdown-shadow:0 8px 24px #00000026;--theme-logout-btn-bg:#fff3;--theme-logout-btn-border:#ffffff4d;--theme-logout-btn-text:white;--theme-logout-btn-hover-bg:#ffffff4d;--theme-logo-bg:#fff3;--theme-badge-bg:#fff3;--theme-badge-text:#fff;--theme-user-icon:#fff;--theme-sidebar-link:#ffffffb3;--theme-sidebar-link-hover-bg:#ffffff26;--theme-sidebar-link-hover-text:#fff;--theme-sidebar-active-bg:#fff3;--theme-sidebar-active-text:#fff;--theme-sidebar-active-border:#fff;--theme-config-btn:#ff6200;--theme-config-btn-hover:#ff620014;--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:#0000001f;--theme-border-strong:#0003;--theme-accent:#f68d38;--theme-accent-light:#f68d3826;--theme-accent-hover:#f68d3840;--theme-card-bg:#faf8f5;--theme-card-bg-solid:#fff;--theme-card-shadow:0 2px 8px #0000001a;--theme-input-bg:#fdfcfa;--theme-input-bg-solid:#fff;--theme-scrollbar-track:#0000000d;--theme-scrollbar-thumb:#f68d384d;--theme-scrollbar-hover:#f68d3880;--theme-btn-primary-gradient:linear-gradient(135deg, #f68d38 0%, #e37f2e 100%);--theme-btn-primary-shadow:0 4px 15px #f68d384d;--theme-btn-primary-shadow-hover:0 6px 20px #f68d3866;--theme-btn-secondary-bg:#2c3e50;--theme-btn-secondary-border:#2c3e50;--theme-btn-secondary-text:#fff;--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:#0000001a;--theme-header-btn-bg:#fff3;--theme-header-btn-border:#ffffff4d;--theme-modal-bg:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);--theme-modal-header-border:#0000001a;--theme-modal-actions-bg:#00000008;--theme-spinner-border:#f68d3833;--theme-spinner-top:#f68d38;--theme-grid-cell-text:#2c3e50;--theme-grid-header-text:white;--theme-grid-header-icon:#fffc;--theme-grid-btn-bg:#0000000d;--theme-grid-btn-border:#0000001a;--theme-footer-bg:#fff;--theme-footer-border:#e0e0e0;--theme-footer-text:#555;--theme-footer-btn-bg:#f5f5f5;--theme-footer-btn-border:#e0e0e0;--theme-dropdown-bg:#fff;--theme-dropdown-shadow:0 8px 24px #00000026;--theme-logout-btn-bg:#fff3;--theme-logout-btn-border:#ffffff4d;--theme-logout-btn-text:white;--theme-logout-btn-hover-bg:#ffffff4d;--theme-logo-bg:#fff3;--theme-badge-bg:#fff3;--theme-badge-text:#fff;--theme-user-icon:#fff;--theme-sidebar-link:#ffffffb3;--theme-sidebar-link-hover-bg:#ffffff26;--theme-sidebar-link-hover-text:#fff;--theme-sidebar-active-bg:#fff3;--theme-sidebar-active-text:#fff;--theme-sidebar-active-border:#fff;--theme-config-btn:#f68d38;--theme-config-btn-hover:#f68d381f;--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:#0000001f;--theme-border-strong:#0003;--theme-accent:#62ba5c;--theme-accent-light:#62ba5c26;--theme-accent-hover:#62ba5c40;--theme-card-bg:#f5f8f5;--theme-card-bg-solid:#fff;--theme-card-shadow:0 2px 8px #0000001a;--theme-input-bg:#f8faf8;--theme-input-bg-solid:#fff;--theme-scrollbar-track:#0000000d;--theme-scrollbar-thumb:#62ba5c4d;--theme-scrollbar-hover:#62ba5c80;--theme-btn-primary-gradient:linear-gradient(135deg, #62ba5c 0%, #54ab4e 100%);--theme-btn-primary-shadow:0 4px 15px #62ba5c4d;--theme-btn-primary-shadow-hover:0 6px 20px #62ba5c66;--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:#0000001a;--theme-header-btn-bg:#fff3;--theme-header-btn-border:#ffffff4d;--theme-modal-bg:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);--theme-modal-header-border:#0000001a;--theme-modal-actions-bg:#00000008;--theme-spinner-border:#62ba5c33;--theme-spinner-top:#62ba5c;--theme-grid-cell-text:#2c3e50;--theme-grid-header-text:white;--theme-grid-header-icon:#fffc;--theme-grid-btn-bg:#0000000d;--theme-grid-btn-border:#0000001a;--theme-footer-bg:#fff;--theme-footer-border:#e0e0e0;--theme-footer-text:#555;--theme-footer-btn-bg:#f5f5f5;--theme-footer-btn-border:#e0e0e0;--theme-dropdown-bg:#fff;--theme-dropdown-shadow:0 8px 24px #00000026;--theme-logout-btn-bg:#fff3;--theme-logout-btn-border:#ffffff4d;--theme-logout-btn-text:white;--theme-logout-btn-hover-bg:#ffffff4d;--theme-logo-bg:#fff3;--theme-badge-bg:#fff3;--theme-badge-text:#fff;--theme-user-icon:#fff;--theme-sidebar-link:#ffffffb3;--theme-sidebar-link-hover-bg:#ffffff26;--theme-sidebar-link-hover-text:#fff;--theme-sidebar-active-bg:#fff3;--theme-sidebar-active-text:#fff;--theme-sidebar-active-border:#fff;--theme-config-btn:#ff6200;--theme-config-btn-hover:#ff620014;--theme-login-title:#3d8a38}body.theme-olive{--theme-bg-body:#e7ebe8;--theme-bg-main:linear-gradient(135deg, #eff2f0 0%, #e5e9e6 100%);--theme-bg-sidebar:linear-gradient(180deg, #2d4a3e 0%, #3d5c4d 100%);--theme-bg-header:linear-gradient(135deg, #2d4a3e 0%, #3d5c4d 100%);--theme-text-primary:#2c3e50;--theme-text-secondary:#4a5568;--theme-text-muted:#718096;--theme-border:#0000001f;--theme-border-strong:#0003;--theme-accent:#7dbe7d;--theme-accent-light:#7dbe7d2e;--theme-accent-hover:#7dbe7d47;--theme-card-bg:#f4f7f5;--theme-card-bg-solid:#fff;--theme-card-shadow:0 2px 8px #0000001a;--theme-input-bg:#f8faf9;--theme-input-bg-solid:#fff;--theme-scrollbar-track:#0000000d;--theme-scrollbar-thumb:#2d4a3e4d;--theme-scrollbar-hover:#2d4a3e80;--theme-btn-primary-gradient:linear-gradient(135deg, #3d5c4d 0%, #2d4a3e 100%);--theme-btn-primary-shadow:0 4px 15px #2d4a3e4d;--theme-btn-primary-shadow-hover:0 6px 20px #2d4a3e66;--theme-btn-secondary-bg:#c24e00;--theme-btn-secondary-border:#c24e00;--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:#0000001a;--theme-header-btn-bg:#fff3;--theme-header-btn-border:#ffffff4d;--theme-modal-bg:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);--theme-modal-header-border:#0000001a;--theme-modal-actions-bg:#00000008;--theme-spinner-border:#2d4a3e33;--theme-spinner-top:#2d4a3e;--theme-grid-cell-text:#2c3e50;--theme-grid-header-text:white;--theme-grid-header-icon:#fffc;--theme-grid-btn-bg:#0000000d;--theme-grid-btn-border:#0000001a;--theme-footer-bg:#fff;--theme-footer-border:#e0e0e0;--theme-footer-text:#555;--theme-footer-btn-bg:#f5f5f5;--theme-footer-btn-border:#e0e0e0;--theme-dropdown-bg:#fff;--theme-dropdown-shadow:0 8px 24px #00000026;--theme-logout-btn-bg:#fff3;--theme-logout-btn-border:#ffffff4d;--theme-logout-btn-text:white;--theme-logout-btn-hover-bg:#ffffff4d;--theme-logo-bg:linear-gradient(135deg, #8bc98b 0%, #6ab06a 100%);--theme-badge-bg:#8bc98b38;--theme-badge-text:#d4f0d4;--theme-user-icon:#8bc98b;--theme-sidebar-link:#ffffffb3;--theme-sidebar-link-hover-bg:#8bc98b1f;--theme-sidebar-link-hover-text:#fff;--theme-sidebar-active-bg:#8bc98b33;--theme-sidebar-active-text:#8bc98b;--theme-sidebar-active-border:#8bc98b;--theme-config-btn:#ff6200;--theme-config-btn-hover:#ff620014;--theme-login-title:#2d4a3e}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:#0000001f;--theme-border-strong:#0003;--theme-accent:#64738c;--theme-accent-light:#64738c26;--theme-accent-hover:#64738c40;--theme-card-bg:#f3f5f8;--theme-card-bg-solid:#fff;--theme-card-shadow:0 2px 8px #0000001a;--theme-input-bg:#f7f9fb;--theme-input-bg-solid:#fff;--theme-scrollbar-track:#0000000d;--theme-scrollbar-thumb:#64738c4d;--theme-scrollbar-hover:#64738c80;--theme-btn-primary-gradient:linear-gradient(135deg, #64738c 0%, #4e5b72 100%);--theme-btn-primary-shadow:0 4px 15px #64738c4d;--theme-btn-primary-shadow-hover:0 6px 20px #64738c66;--theme-btn-secondary-bg:#0000000d;--theme-btn-secondary-border:#00000026;--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:#0000001a;--theme-header-btn-bg:#fff3;--theme-header-btn-border:#ffffff4d;--theme-modal-bg:linear-gradient(135deg, #fff 0%, #f5f5f5 100%);--theme-modal-header-border:#0000001a;--theme-modal-actions-bg:#00000008;--theme-spinner-border:#64738c33;--theme-spinner-top:#64738c;--theme-grid-cell-text:#3c465a;--theme-grid-header-text:white;--theme-grid-header-icon:#fffc;--theme-grid-btn-bg:#0000000d;--theme-grid-btn-border:#0000001a;--theme-footer-bg:#fff;--theme-footer-border:#e0e0e0;--theme-footer-text:#555;--theme-footer-btn-bg:#f5f5f5;--theme-footer-btn-border:#e0e0e0;--theme-dropdown-bg:#fff;--theme-dropdown-shadow:0 8px 24px #00000026;--theme-logout-btn-bg:#fff3;--theme-logout-btn-border:#ffffff4d;--theme-logout-btn-text:white;--theme-logout-btn-hover-bg:#ffffff4d;--theme-logo-bg:#fff3;--theme-badge-bg:#fff3;--theme-badge-text:#fff;--theme-user-icon:#fff;--theme-sidebar-link:#ffffffb3;--theme-sidebar-link-hover-bg:#ffffff26;--theme-sidebar-link-hover-text:#fff;--theme-sidebar-active-bg:#fff3;--theme-sidebar-active-text:#fff;--theme-sidebar-active-border:#fff;--theme-config-btn:#64738c;--theme-config-btn-hover:#64738c1f;--theme-login-title:#3c465a}*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}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{cursor:pointer;font-family:inherit}a{color:var(--theme-accent);text-decoration:none}a:hover{text-decoration:underline}.authenticated-layout{height:100vh;display:flex;overflow:hidden}.header-area{flex-shrink:0;position:relative}@media (width>=769px){.header-area.auto-hide{height:5px;overflow:visible}.header-area.auto-hide:after{content:"";background:var(--theme-accent);opacity:.3;height:1px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.header-area.auto-hide:hover:after{opacity:0}.header-area.auto-hide .global-header{z-index:200;box-shadow:none;transition:transform .3s,box-shadow .3s;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.header-area.auto-hide.temp-visible .global-header{transform:translateY(0);box-shadow:0 4px 16px #00000040}}@media (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{background:var(--theme-btn-primary-gradient);box-shadow:var(--theme-btn-primary-shadow);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:var(--theme-btn-primary-shadow-hover);transform:translateY(-1px)}.btn-primary:disabled{color:var(--theme-text-muted);box-shadow:none;cursor:not-allowed;background:#8080804d}.btn-danger{background:var(--theme-btn-danger-bg);color:var(--theme-btn-danger-text);border:1px solid var(--theme-btn-danger-border);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.btn-danger:hover:not(:disabled){background:var(--theme-btn-danger-hover-bg)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-outline-orange{border:1px solid var(--theme-btn-warning-border);background:var(--theme-btn-warning-bg);color:var(--theme-btn-warning-text);cursor:pointer;border-radius:8px;align-items:center;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.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{border:1px solid var(--theme-spinner-top,#667eea);color:var(--theme-spinner-top,#667eea);cursor:pointer;background:0 0;border-radius:8px;align-items:center;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline-green:hover:not(:disabled){background:#ffffff14}.btn-outline-red{border:1px solid var(--theme-btn-danger-border);background:var(--theme-btn-danger-bg);color:var(--theme-btn-danger-text);cursor:pointer;border-radius:8px;align-items:center;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline-red:hover:not(:disabled){background:var(--theme-btn-danger-hover-bg)}.stat-card{background:var(--theme-card-bg);text-align:center;border:1px solid var(--theme-border);cursor:pointer;border-radius:12px;padding:15px;transition:all .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--theme-border-strong);transform:translateY(-3px)}.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{opacity:.2;width:36px;height:36px;transition:opacity .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.stat-card:hover .stat-icon{opacity:.35}.stat-card .stat-icon svg{fill:currentColor;width:100%;height:100%}.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{color:var(--theme-text-primary);margin-bottom:2px;font-size:1.5rem;font-weight:700;line-height:1;display:block}.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{color:var(--theme-text-muted);margin-top:4px;font-size:.8rem;display:block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.form-modal,.modal-content{background:var(--theme-modal-bg);border:1px solid var(--theme-border);width:100%;max-width:450px;max-height:90vh;box-shadow:var(--theme-dropdown-shadow);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid var(--theme-modal-header-border,var(--theme-border));flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 48px 16px 24px;display:flex}.modal-header h3{color:var(--theme-text-primary);margin:0;font-size:20px;font-weight:600}.modal-close{border:1px solid var(--theme-border);background:var(--theme-modal-actions-bg,var(--theme-bg-secondary));width:32px;height:32px;color:var(--theme-text-secondary);cursor:pointer;z-index:2;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:18px;transition:background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--theme-border);color:var(--theme-text-primary);border-color:var(--theme-text-secondary)}.modal-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow:hidden auto}.modal-footer{border-top:1px solid var(--theme-modal-header-border,var(--theme-border));background:var(--theme-modal-actions-bg,var(--theme-bg-secondary));flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-footer button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.modal-footer button svg{flex-shrink:0;width:16px;height:16px}.btn-cancel{background:var(--theme-btn-secondary-bg);color:var(--theme-btn-secondary-text);border:1px solid var(--theme-btn-secondary-border);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:var(--theme-accent-light);border-color:var(--theme-accent)}.modal-error{color:#dc2626;background:#fef2f2;border-radius:6px;padding:8px 12px;font-size:13px}.modal-result{border-radius:6px;padding:8px 12px;font-size:13px}.modal-result.success{color:#16a34a;background:#f0fdf4}.modal-large{max-width:700px}.modal-wide{max-width:800px}.form-group{flex-direction:column;gap:6px;display:flex}.jb-form-modal-body{flex-direction:column;gap:16px;display:flex}@media (width<=768px){.modal-overlay{padding:10px}.modal-content,.form-modal{border-radius:12px;max-width:100%;max-height:95vh}.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{color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{background:var(--theme-card-bg);border:1px solid var(--theme-border);color:var(--theme-text-primary);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-accent-light);outline:none}.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{width:100%;color:var(--theme-grid-header-text);align-items:center;gap:6px;display:flex}.custom-header-label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--theme-grid-header-text);flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.custom-header-sort-icon{color:var(--theme-grid-header-icon)}.custom-header-filter-icon{cursor:pointer;color:var(--theme-grid-header-icon);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;transition:background .15s,color .15s;display:flex}.custom-header-filter-icon:hover{color:var(--theme-grid-header-text);background:#fff3}.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}.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{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:12px;align-items:center;max-height:20px;padding:2px 8px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.status.active{color:#4ade80;background:#22c55e33}.status.inactive{color:#f87171;background:#ef444433}.status.pending{color:#facc15;background:#eab30833}.main-footer{padding:4px 15px max(env(safe-area-inset-bottom,2px), 2px);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.main-footer-copyright,.main-footer-version{color:#2c3e50;opacity:.6;cursor:pointer;align-items:center;gap:4px;font-size:11px;display:inline-flex}.main-footer-copyright:hover,.main-footer-version:hover{opacity:.9}.main-footer-version-badge{color:#fff;opacity:1;background:#ef4444;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:9px;font-weight:700}.jb-shell-header-mobile-compact .jb-shell-mobile-spacer{display:none}.jb-shell-header-mobile-compact .jb-shell-mobile-subtitle{text-align:center}@media (width<=768px){.jb-page-header--classic .jb-page-header-subtitle{display:none}}
