@charset "UTF-8";.theme-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-normal)}.theme-loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.theme-loader-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--primary-blue);border-radius:50%;animation:theme-loader-spin 1s linear infinite}.theme-loader-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@keyframes theme-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-loader.fade-out{opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.theme-loader-spinner{animation:none;border-top-color:var(--primary-blue)}.theme-loader{transition:none}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:var(--z-fixed);background:#1e293b;border-right:1px solid #334155;box-shadow:4px 0 20px #00000026;border-top:none;transition:all var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.sidebar--collapsed{width:58px}.sidebar--mobile{width:60px;box-shadow:var(--shadow-md)}.sidebar--mobile-open{width:280px;box-shadow:var(--shadow-xl);z-index:var(--z-modal)}.sidebar__tenant{padding:10px 16px;border-bottom:1px solid #334155;background:linear-gradient(180deg,#243247,#1e293b);flex-shrink:0}.sidebar__tenant-brand{min-height:40px;gap:12px;max-width:none}.sidebar__tenant-brand .topbar-brand__logo{width:32px;height:32px;max-width:32px;border-radius:8px;background:#fffffffa;padding:4px;box-shadow:inset 0 0 0 1px #94a3b833}.sidebar__tenant-brand .topbar-brand__name{font-size:14px;letter-spacing:.02em;color:#f8fafc;text-transform:uppercase}.sidebar__tenant-brand .topbar-brand__logo-skeleton{width:32px;height:32px;border-radius:8px;background:#94a3b82e}.sidebar__header{padding:9px 20px;border-bottom:1px solid #334155;background-color:#1e293b;display:flex;align-items:center;gap:12px;flex-shrink:0}.sidebar__toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#94a3b8;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar__toggle:hover{background-color:#334155;color:#e2e8f0;transform:scale(1.05)}.sidebar__toggle:active{background-color:#475569;transform:scale(.98)}.sidebar__brand{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.sidebar__brand-logo{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.sidebar__title{font-size:20px;font-weight:600;color:#f8fafc;margin:0;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__nav{flex:1;padding:16px 0;overflow-y:auto;overflow-x:hidden}.sidebar__footer{padding:12px 20px 16px;border-top:1px solid #334155;flex-shrink:0;text-align:center}.sidebar__powered-by{display:block;font-size:12px;color:#94a3b8}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#64748b}.sidebar__menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar__item{margin:0 12px}.sidebar__link{background:none;border:none;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#94a3b8;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:44px}.sidebar__link:hover{background-color:#334155;color:#e2e8f0;transform:translate(2px)}.sidebar__item--active .sidebar__link{background:transparent;color:#f8fafc;position:relative}.sidebar__item--active .sidebar__link:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:16px;background:#3b82f6;border-radius:2px}.sidebar__item--active .sidebar__link:hover{background-color:#334155;transform:translate(0)}.sidebar__icon{display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;transition:all .2s ease;flex-shrink:0;color:inherit}.sidebar__label{font-size:14px;font-weight:500;color:inherit;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__arrow{display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;color:#64748b;transition:all .2s ease;flex-shrink:0}.sidebar__item--active .sidebar__arrow{color:#94a3b8}.sidebar__submenu{list-style:none;margin:8px 0 0 32px;padding:0 0 0 16px;border-left:1px solid #334155;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar__subitem{margin:4px 0}.sidebar__sublink{background:none;border:none;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;color:#64748b;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:36px}.sidebar__sublink:hover{background-color:#334155;color:#e2e8f0;transform:translate(2px)}.sidebar__subitem--active .sidebar__sublink{background:transparent;color:#f8fafc;font-weight:600;position:relative}.sidebar__subitem--active .sidebar__sublink:before{content:"•";position:absolute;left:-8px;color:#3b82f6;font-size:12px}.sidebar__subitem--active .sidebar__sublink:hover{background-color:#334155;transform:translate(2px)}.sidebar__subicon{display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px;flex-shrink:0;transition:all .2s ease;color:inherit}.sidebar__sublabel{font-size:13px;font-weight:inherit;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar__header{padding:9px 8px;justify-content:center}.sidebar--collapsed .sidebar__tenant{padding:10px 8px}.sidebar--collapsed .sidebar__tenant-brand{justify-content:center}.sidebar--collapsed .sidebar__brand{display:none}.sidebar--collapsed .sidebar__item{margin:0 6px}.sidebar--collapsed .sidebar__link{justify-content:center;padding:12px 8px;gap:0}.sidebar--collapsed .sidebar__label,.sidebar--collapsed .sidebar__arrow,.sidebar--collapsed .sidebar__submenu{display:none}.sidebar__search-container{padding:16px 20px;border-bottom:1px solid #334155;background-color:#1e293b}.sidebar__search-wrapper{position:relative;display:flex;align-items:center;background-color:#334155;border-radius:8px;padding:8px 12px;transition:all .2s ease}.sidebar__search-wrapper:focus-within{background-color:#475569;box-shadow:0 0 0 2px #3b82f64d}.sidebar__search-icon{color:#64748b;margin-right:8px;flex-shrink:0}.sidebar__search-input{flex:1;border:none;background:none;color:#e2e8f0;font-size:14px;padding:4px 0;width:100%;outline:none}.sidebar__search-input::-moz-placeholder{color:#64748b}.sidebar__search-input::placeholder{color:#64748b}.sidebar__search-clear{background:none;border:none;color:#64748b;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.sidebar__search-clear:hover{background-color:#475569;color:#94a3b8}@media (max-width: 1024px) and (min-width: 769px){.sidebar,.sidebar--mobile-open{width:240px}}@media (max-width: 768px){.sidebar{width:60px;background:#1e293b;box-shadow:var(--shadow-md)}.sidebar--mobile-open{width:280px;background:#1e293b;box-shadow:var(--shadow-xl)}.sidebar__header{padding:16px 12px}.sidebar__tenant{padding:12px}.sidebar__toggle{min-width:44px;min-height:44px}.sidebar__link{min-height:48px;padding:12px}.sidebar__sublink{min-height:40px;padding:8px 12px}.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__tenant-brand .topbar-brand__name,.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__brand,.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__label,.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__arrow,.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__submenu{display:none}.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__tenant{padding:12px 10px}.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__tenant-brand{justify-content:center}.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__header{justify-content:center;padding:16px 8px}.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__link{justify-content:center;gap:0;padding:12px 8px}}.sidebar--collapsed .sidebar__search-container{padding:16px 8px}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar__link,.sidebar__sublink,.sidebar__toggle,.sidebar__submenu{transition:none;animation:none}}@media (prefers-contrast: high){.sidebar{border-right:2px solid #64748b}.sidebar__link,.sidebar__sublink{border:1px solid transparent}.sidebar__item--active .sidebar__link,.sidebar__subitem--active .sidebar__sublink{border-color:#3b82f6}}.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__menu{display:none}.sidebar--mobile:not(.sidebar--mobile-open) .sidebar__search-container{display:none}.sidebar--mobile:not(.sidebar--mobile-open){display:none}.sidebar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--space-2);display:flex;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;border-radius:var(--radius-xl);color:var(--text-tertiary);background-color:transparent;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggle:hover{background-color:var(--gray-100);color:var(--text-secondary);transform:scale(1.05)}.theme-toggle:active{background-color:var(--gray-200);transform:scale(.98)}.theme-toggle:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.theme-toggle--compact{min-width:36px;min-height:36px;border-radius:var(--radius-lg)}.theme-toggle--compact .theme-toggle-icon{width:16px;height:16px}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.theme-toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:color var(--transition-fast)}.theme-toggle-dropdown{position:relative}.theme-toggle-trigger{background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);min-height:40px;border-radius:var(--radius-xl);color:var(--text-tertiary);background-color:transparent;border:1px solid var(--border-primary);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggle-trigger:hover{background-color:var(--gray-100);color:var(--text-secondary);border-color:var(--border-secondary)}.theme-toggle-trigger:active{background-color:var(--gray-200);transform:scale(.98)}.theme-toggle-trigger:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.theme-toggle-icon{animation:themeIconRotate .3s ease-in-out}@keyframes themeIconRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(360deg) scale(1)}}@media (max-width: 768px){.theme-toggle{padding:var(--space-2);min-width:40px;min-height:40px}.theme-toggle--compact{padding:var(--space-1);min-width:32px;min-height:32px}.theme-toggle-label{display:none}.theme-toggle-trigger{padding:var(--space-2);min-height:36px}}@media (max-width: 480px){.theme-toggle{padding:var(--space-1);min-width:36px;min-height:36px}.theme-toggle--compact{padding:6px;min-width:28px;min-height:28px}.theme-toggle-icon{width:16px;height:16px}.theme-toggle--compact .theme-toggle-icon{width:14px;height:14px}}@media (prefers-reduced-motion: reduce){.theme-toggle,.theme-toggle-trigger,.theme-toggle-icon{transition:none}.theme-toggle-icon{animation:none}.theme-toggle:hover,.theme-toggle:active,.theme-toggle-trigger:hover,.theme-toggle-trigger:active{transform:none}}@media (prefers-contrast: high){.theme-toggle,.theme-toggle-trigger{border:2px solid currentColor}.theme-toggle:hover,.theme-toggle-trigger:hover{background-color:currentColor;color:var(--bg-secondary)}}.topbar{position:fixed;top:0;left:280px;right:0;width:calc(100% - 280px);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background-color:var(--bg-secondary);box-shadow:var(--shadow-md);z-index:var(--z-fixed);transition:left var(--transition-normal),width var(--transition-normal);border-bottom:1px solid var(--gray-200);border-left:none}.sidebar--collapsed~.topbar{left:58px;width:calc(100% - 58px)}.topbar-left{flex:1 1 auto;min-width:0;overflow:hidden}.topbar-left--combined{display:flex;align-items:center;gap:12px;flex:1}.topbar-center{flex:1;display:flex;justify-content:center;min-width:0;margin:0 auto}.topbar-right{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-4);margin-left:16px}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0;flex:0 0 auto;white-space:nowrap;overflow:visible;text-overflow:clip}.topbar-title-row{display:flex;align-items:center;gap:14px;min-width:0;width:100%}.topbar-related{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;max-width:min(56vw,720px);overflow-x:auto;scrollbar-width:none;white-space:nowrap;border-left:1px solid var(--gray-200);padding-left:12px}.topbar-related::-webkit-scrollbar{display:none}.topbar-related__item{border:none;border-radius:0;background:transparent;color:var(--gray-600);cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:600;line-height:1;min-height:34px;padding:0 10px;position:relative;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.topbar-related__item:hover,.topbar-related__item:focus{color:var(--primary-blue);background:var(--gray-50);box-shadow:none;outline:none}.topbar-related__item.active{background:transparent;color:var(--primary-blue)}.topbar-related__item.active:after{content:"";position:absolute;right:10px;bottom:2px;left:10px;height:2px;border-radius:999px;background:var(--primary-blue)}[data-theme=dark] .topbar-related__item,[data-theme=black] .topbar-related__item{background:transparent;color:#e2e8f0}[data-theme=dark] .topbar-related,[data-theme=black] .topbar-related{border-left-color:#334155}[data-theme=dark] .topbar-related__item:hover,[data-theme=dark] .topbar-related__item:focus,[data-theme=black] .topbar-related__item:hover,[data-theme=black] .topbar-related__item:focus{background:#1f2937;color:var(--primary-blue-light)}[data-theme=dark] .topbar-related__item.active,[data-theme=black] .topbar-related__item.active{background:transparent;color:var(--primary-blue-light)}.topbar-brand{display:flex;align-items:center;gap:12px;min-width:0;max-width:320px;flex-shrink:0}.topbar-brand__logo{height:32px;max-width:160px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.topbar-brand__name{font-size:14px;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-brand__skeleton{width:120px;height:32px;border-radius:8px;background:var(--gray-200);animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}.topbar-separator{font-size:18px;line-height:1;color:var(--gray-400);flex-shrink:0}.search-container{position:relative;width:100%;max-width:400px}.search-input{width:100%;height:40px;padding:0 var(--space-4) 0 44px;border:1px solid var(--gray-300);border-radius:var(--radius-full);background-color:var(--gray-50);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--primary-blue);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #0077b61a}.search-input::-moz-placeholder{color:var(--gray-400)}.search-input::placeholder{color:var(--gray-400)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-500);pointer-events:none}.notifications{position:relative;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.notifications:hover{background-color:var(--gray-100)}.notification-icon{color:var(--gray-500);transition:color var(--transition-fast)}.notifications:hover .notification-icon{color:var(--gray-700)}.notification-badge{position:absolute;top:2px;right:2px;background-color:var(--error);color:#fff;font-size:11px;font-weight:var(--font-weight-semibold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.user-info{display:flex;align-items:center;gap:var(--space-3);position:relative}.user-profile-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;transition:background-color .2s;cursor:pointer}.user-profile-button:hover{background-color:#0000000d}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:10000;min-width:220px;margin-top:8px;overflow:visible;max-height:none}[data-theme=dark] .user-dropdown{background:#374151;border-color:#4b5563;color:#fff}.dropdown-header{padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.dropdown-header>div{font-size:var(--font-size-xs)}.dropdown-header>div:last-child{font-size:10px}[data-theme=dark] .dropdown-header{background:#4b5563;border-bottom-color:#6b7280}.dropdown-menu{padding:8px 0;overflow:visible;position:relative}.dropdown-item{width:100%;padding:10px 16px;border:none;background:transparent;color:#374151;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;text-align:left;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6}[data-theme=dark] .dropdown-item{color:#fff}[data-theme=dark] .dropdown-item:hover{background-color:#4b5563}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:8px 0}[data-theme=dark] .dropdown-divider{background-color:#6b7280}.dropdown-submenu{padding:0}.dropdown-submenu-label{padding:10px 16px 8px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}[data-theme=dark] .dropdown-submenu-label{color:#9ca3af;background-color:#4b5563;border-bottom-color:#6b7280}.dropdown-item-sm{padding:8px 24px;font-size:13px}.dropdown-item.active{background-color:#dbeafe;color:#1e40af;font-weight:500}[data-theme=dark] .dropdown-item.active{background-color:#1e3a8a;color:#93c5fd}.dropdown-language-container{position:relative}.dropdown-language-trigger{justify-content:space-between;cursor:pointer}.dropdown-language-trigger:hover{background-color:#f3f4f6}[data-theme=dark] .dropdown-language-trigger:hover{background-color:#4b5563}.language-chevron{transition:transform .2s;margin-left:auto}.language-chevron.rotated{transform:rotate(180deg)}.dropdown-language-submenu{position:absolute;left:calc(100% + 8px);top:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 25px #00000026;z-index:10002;min-width:160px;overflow:visible;padding:8px 0;transition:opacity .2s,visibility .2s}.dropdown-language-submenu.hidden{opacity:0;visibility:hidden;pointer-events:none}.dropdown-language-submenu.visible{opacity:1;visibility:visible;pointer-events:auto}.dropdown-language-submenu .dropdown-item-sm{display:block;width:100%;padding:8px 16px;border:none;background:transparent;color:#374151;cursor:pointer;text-align:left;font-size:14px;transition:background-color .2s}.dropdown-language-submenu .dropdown-item-sm:hover{background-color:#f3f4f6}[data-theme=dark] .dropdown-language-submenu{background:#374151;border-color:#4b5563}[data-theme=dark] .dropdown-language-submenu .dropdown-item-sm{color:#fff}[data-theme=dark] .dropdown-language-submenu .dropdown-item-sm:hover{background-color:#4b5563}[data-theme=dark] .dropdown-language-submenu .dropdown-item-sm.active{background-color:#1e3a8a;color:#93c5fd}.language-quick-wrapper{position:relative;display:flex;align-items:center}.language-quick-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:var(--bg-secondary);box-shadow:var(--shadow-lg);padding:6px 0;z-index:10000}.language-quick-item{width:100%;padding:8px 16px;background:transparent;border:none;text-align:left;font-size:13px;color:var(--text-primary);cursor:pointer;transition:background .15s,color .15s}.language-quick-item:hover{background:var(--gray-100)}.language-quick-item.active{background:var(--primary-blue-lightest, #dbeafe);color:var(--primary-blue-dark, #1e3a8a);font-weight:600}[data-theme=dark] .language-quick-menu{background:#1f2937;border-color:#334155;box-shadow:0 8px 24px #0009}[data-theme=dark] .language-quick-item{color:#f1f5f9}[data-theme=dark] .language-quick-item:hover{background:#273549}[data-theme=dark] .language-quick-item.active{background:#0ea5e933;color:var(--primary-blue-light)}.language-quick-button{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-left:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--gray-200);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background .2s,color .2s,border .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.language-quick-button:hover,.language-quick-button:focus{background:var(--gray-50);border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:var(--shadow-md)}[data-theme=dark] .language-quick-button{border-color:#475569;background:#1f2937;color:#f1f5f9;box-shadow:none}[data-theme=dark] .language-quick-button:hover,[data-theme=dark] .language-quick-button:focus{border-color:var(--primary-blue-light);color:var(--primary-blue-light);background:#111827;box-shadow:0 0 0 1px #0ea5e933}.language-quick-code{font-weight:600;letter-spacing:.6px;font-size:12px}.language-quick-chevron{transition:transform .2s}.user-name{font-weight:var(--font-weight-medium);color:var(--gray-700);font-size:12px!important}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));display:flex;align-items:center;justify-content:center;border:2px solid var(--gray-200);transition:transform var(--transition-fast)}.avatar-icon{color:#fff}.login-link,.topbar-logout-button{display:inline-block;padding:var(--space-2) var(--space-4);margin-left:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-blue);background:var(--bg-secondary);border:1px solid var(--primary-blue);border-radius:var(--radius-xl);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.login-link:hover,.login-link:focus,.topbar-logout-button:hover,.topbar-logout-button:focus{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue-dark);box-shadow:var(--shadow-md)}[data-theme=dark] .login-link,[data-theme=dark] .topbar-logout-button{color:var(--primary-blue-light);background:var(--bg-secondary);border:1px solid var(--primary-blue-light)}[data-theme=dark] .login-link:hover,[data-theme=dark] .login-link:focus,[data-theme=dark] .topbar-logout-button:hover,[data-theme=dark] .topbar-logout-button:focus{background:var(--primary-blue-light);color:var(--bg-secondary);border-color:var(--primary-blue)}.topbar-logout-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border:none}.topbar-logout-button:hover,.topbar-logout-button:focus{background:linear-gradient(135deg,var(--primary-blue-dark),#0b5ed7);color:#fff;box-shadow:0 0 0 3px #0ea5e933}[data-theme=dark] .topbar-logout-button{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155}[data-theme=dark] .topbar-logout-button:hover,[data-theme=dark] .topbar-logout-button:focus{background:linear-gradient(135deg,#1e293b,#334155);color:var(--primary-blue-light);border-color:var(--primary-blue-light)}@media (max-width: 1024px) and (min-width: 769px){.topbar{left:240px;width:calc(100% - 240px)}.sidebar--collapsed~.topbar{left:58px;width:calc(100% - 58px)}}@media (max-width: 768px){.topbar{left:60px!important;width:calc(100% - 60px)!important;height:60px;padding:0 12px;justify-content:space-between;margin-left:0;border-left:none}.sidebar--mobile-open~.topbar{left:280px!important;width:calc(100% - 280px)!important}.topbar-left{display:flex;min-width:0;max-width:58%}.topbar-left--combined{gap:8px}.topbar-center{flex:1;margin:0 12px;max-width:calc(100% - 120px);min-width:0}.search-container{max-width:none}.search-input{height:36px;font-size:14px;padding:0 12px 0 36px}.search-icon{left:10px}.topbar-right{gap:8px;flex-shrink:0;margin-left:auto}.user-name{display:none}.notifications{padding:6px}.user-info{padding:4px;margin-left:8px}.avatar{width:32px;height:32px}.login-link,.topbar-logout-button{padding:4px 8px;font-size:12px;margin-left:8px}.page-title{font-size:16px}.topbar-title-row{gap:8px}.topbar-related{max-width:38vw}.topbar-related__item{font-size:12px;min-height:30px;padding:0 8px}.topbar-related__item.active:after{right:8px;left:8px}.topbar-separator{display:none}.language-quick-button{padding:4px 8px;margin-left:0}.language-quick-code,.language-quick-chevron{display:none}.user-profile-button{padding:6px 8px}.layout:not(:has(.sidebar--mobile-open)) .topbar{left:0!important;width:100%!important}}@media (max-width: 480px){.topbar{left:55px!important;width:calc(100% - 55px)!important;padding:0 10px;height:60px;margin-left:0;border-left:none}.sidebar--mobile-open~.topbar{left:260px!important;width:calc(100% - 260px)!important}.topbar-center{margin:0 8px}.search-input{height:34px;font-size:13px}.topbar-right{gap:6px}.avatar{width:30px;height:30px}.login-link,.topbar-logout-button{padding:4px 6px;font-size:11px;margin-left:4px}.language-quick-button{padding:4px 6px}}@media (max-width: 360px){.topbar{left:50px!important;width:calc(100% - 50px)!important;height:55px;padding:0 6px;justify-content:space-between;margin-left:0;border-left:none}.sidebar--mobile-open~.topbar{left:240px!important;width:calc(100% - 240px)!important}.topbar-left{max-width:40%}.topbar-related{display:none}.topbar-brand__name{font-size:13px}.topbar-center{flex:1;margin:0 6px;max-width:calc(100% - 80px)}.search-container{max-width:none}.search-input{height:28px;font-size:11px;padding:0 8px 0 26px;border-radius:var(--radius-lg)}.search-input::-moz-placeholder{font-size:11px}.search-input::placeholder{font-size:11px}.search-icon{left:6px;font-size:14px}.topbar-right{gap:6px;flex-shrink:0;margin-left:auto}.user-name{display:none}.notifications{padding:4px}.notification-icon{font-size:18px}.notification-badge{top:1px;right:1px;font-size:10px;min-width:16px;height:16px;padding:1px 4px}.user-info{padding:4px;margin-left:4px}.avatar{width:28px;height:28px;border-width:1px}.avatar-icon{font-size:14px}.search-input:focus{box-shadow:0 0 0 2px #0077b633}.notifications,.user-info{min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.search-input::-moz-placeholder{content:"Search..."}.search-input::placeholder{content:"Search..."}@media (max-width: 280px){.topbar-center{display:none}.topbar-right{margin-left:0}}}@media (max-width: 320px){.topbar{left:45px!important;width:calc(100% - 45px)!important;height:50px;padding:0 4px;justify-content:space-between;margin-left:0;border-left:none}.sidebar--mobile-open~.topbar{left:220px!important;width:calc(100% - 220px)!important}.topbar-left{display:none}.topbar-center{flex:1;margin:0 4px;max-width:calc(100% - 60px)}.search-input{height:28px;font-size:11px;padding:0 6px 0 24px;border-radius:var(--radius-md)}.search-icon{left:4px;font-size:12px}.topbar-right{gap:4px;flex-shrink:0;margin-left:auto}.user-info{padding:2px;margin-left:2px}.avatar{width:26px;height:26px;border-width:1px}.avatar-icon{font-size:12px}.notifications,.user-info{min-width:28px;min-height:28px}.login-link,.topbar-logout-button{padding:2px 4px;font-size:10px;margin-left:2px}}.topbar-modal-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--gray-500);cursor:pointer;transition:background .15s,border .15s,color .15s;box-shadow:var(--shadow-sm);margin-left:12px}.topbar-modal-close:hover,.topbar-modal-close:focus{background:var(--gray-100);border-color:var(--primary-blue);color:var(--primary-blue)}.topbar-modal-close:active{background:var(--gray-200);color:var(--primary-blue-dark)}.topbar-modal-close[disabled]{opacity:.6;cursor:not-allowed}.topbar-web-logo-container{margin-left:var(--space-3);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:border .2s,box-shadow .2s,background .2s}.topbar-web-logo-container:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}[data-theme=dark] .topbar-web-logo-container,[data-theme=black] .topbar-web-logo-container{background:#fff;border-color:#e5e7eb;box-shadow:none}[data-theme=dark] .topbar-web-logo-container:hover,[data-theme=black] .topbar-web-logo-container:hover{border-color:var(--primary-blue-light);box-shadow:0 0 0 1px #0ea5e933}.topbar-web-logo{height:32px;display:block}.change-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:fadeInOverlay .3s ease-out forwards}.change-password-modal-overlay.closing{animation:fadeOutOverlay .2s ease-in forwards}.change-password-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;margin:20px;transform:scale(.9) translateY(-20px);opacity:0;animation:popInModal .3s cubic-bezier(.34,1.56,.64,1) forwards}.change-password-modal.closing{animation:popOutModal .2s cubic-bezier(.4,0,1,1) forwards}[data-theme=dark] .change-password-modal{background:#374151;color:#fff}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}[data-theme=dark] .modal-header{border-bottom-color:#4b5563}.modal-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#111827}[data-theme=dark] .modal-title{color:#fff}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#374151}[data-theme=dark] .modal-close-btn:hover{background:#4b5563;color:#fff}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:20px 24px 24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}[data-theme=dark] .form-group label{color:#d1d5db}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;height:44px;padding:0 44px 0 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;font-size:14px;transition:border-color .2s}.password-input-wrapper input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .password-input-wrapper input{background:#4b5563;border-color:#6b7280;color:#fff}[data-theme=dark] .password-input-wrapper input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.password-input-wrapper input::-moz-placeholder{color:#9ca3af}.password-input-wrapper input::placeholder{color:#9ca3af}.password-input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:color .2s}.password-toggle-btn:hover{color:#374151}[data-theme=dark] .password-toggle-btn{color:#9ca3af}[data-theme=dark] .password-toggle-btn:hover{color:#d1d5db}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;font-size:14px;margin-bottom:20px}[data-theme=dark] .error-message{background:#450a0a;border-color:#dc2626;color:#fca5a5}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-secondary{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}[data-theme=dark] .btn-secondary{background:#4b5563;border-color:#6b7280;color:#fff}[data-theme=dark] .btn-secondary:hover{background:#374151;border-color:#9ca3af}.btn-primary{padding:10px 20px;border:none;background:#3b82f6;color:#fff;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.change-password-modal{margin:10px;max-width:calc(100vw - 20px)}.modal-header{padding:20px 20px 16px}.modal-form{padding:16px 20px 20px}.modal-title{font-size:16px}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center;display:flex}}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes fadeOutOverlay{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes popInModal{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes popOutModal{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.95) translateY(-10px);opacity:0}}.layout{display:flex}.content{flex:1;margin-left:280px;margin-top:58px;padding:var(--space-2);transition:margin-left var(--transition-normal);min-height:calc(100vh - 70px);width:calc(100% - 280px);max-width:calc(100% - 280px);box-sizing:border-box;overflow:auto}.content::-webkit-scrollbar{display:none}.content{scrollbar-width:none}.layout:has(.sidebar--collapsed) .content{margin-left:58px;width:calc(100% - 58px);max-width:calc(100% - 58px)}@media (max-width: 1024px) and (min-width: 769px){.content{margin-left:240px;width:calc(100% - 240px);max-width:calc(100% - 240px)}.layout:has(.sidebar--collapsed) .content{margin-left:58px;width:calc(100% - 58px);max-width:calc(100% - 58px)}}@media (max-width: 768px){.content{margin-left:60px;margin-top:60px;padding:var(--space-4);min-height:calc(100vh - 60px);width:calc(100% - 60px);max-width:calc(100% - 60px)}.layout:has(.sidebar--mobile-open) .content{margin-left:60px;width:calc(100% - 60px);max-width:calc(100% - 60px)}.layout:not(:has(.sidebar--mobile-open)) .content{margin-left:0;width:100%;max-width:100%}}@media (max-width: 480px){.content{margin-left:55px;padding:var(--space-3);width:calc(100% - 55px);max-width:calc(100% - 55px)}.layout:has(.sidebar--mobile-open) .content{margin-left:55px;width:calc(100% - 55px);max-width:calc(100% - 55px)}}@media (max-width: 360px){.content{margin-left:50px;margin-top:55px;padding:var(--space-2);min-height:calc(100vh - 55px);width:calc(100% - 50px);max-width:calc(100% - 50px)}.layout:has(.sidebar--mobile-open) .content{margin-left:50px;width:calc(100% - 50px);max-width:calc(100% - 50px)}.content>*{max-width:100%}}@media (max-width: 320px){.content{margin-left:45px;margin-top:50px;padding:var(--space-1);min-height:calc(100vh - 50px);width:calc(100% - 45px);max-width:calc(100% - 45px)}.layout:has(.sidebar--mobile-open) .content{margin-left:45px;width:calc(100% - 45px);max-width:calc(100% - 45px)}.content>*{max-width:100%}}.content>.attendance-overrides-page{width:100%;max-width:none;margin:0}.pagination-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-top:1rem}.pagination-btn{padding:6px 12px;font-size:14px;border:1px solid var(--border-secondary);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:4px;cursor:pointer;transition:all .2s ease-in-out}.pagination-btn:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue);font-weight:700}.pagination-ellipsis{padding:0 8px;font-size:16px;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:1rem}.page-size-label{color:var(--text-secondary);font-size:14px;white-space:nowrap}.page-size-dropdown{padding:4px 8px;font-size:14px;border:1px solid var(--border-secondary);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .2s ease-in-out}.page-size-dropdown:hover{border-color:var(--border-primary)}.page-size-dropdown:focus{outline:none;border-color:var(--primary-blue)}.employee-grid-section{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-5);border:1px solid var(--border-primary)}.header-placeholder{visibility:hidden;width:0}.toolbar-info{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap;display:flex;align-items:center}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--space-10);gap:var(--space-3);color:var(--text-secondary)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.error-container-grid{display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);margin:var(--space-5) 0}.error-content-grid{text-align:center;padding:var(--space-5)}.error-content-grid h4{color:var(--error-dark);margin:0 0 var(--space-2) 0;font-size:var(--font-size-base)}.error-content-grid p{color:var(--error-dark);margin:0 0 var(--space-4) 0;font-size:var(--font-size-sm)}.retry-button{padding:var(--space-2) var(--space-4);background:var(--error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast)}.retry-button:hover{background:var(--error-dark)}.employee-table-container{overflow-x:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md)}.employee-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--bg-secondary)}.employee-table th{background:var(--bg-tertiary);padding:var(--space-3);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.employee-table td{padding:var(--space-3);border-bottom:1px solid var(--border-tertiary);color:var(--text-primary)}.employee-row{cursor:pointer;transition:background-color var(--transition-fast)}.employee-row:hover{background:var(--bg-tertiary)}.employee-row.selected{background:var(--blue-light)}.code-badge{background:var(--gray-200);color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.name-cell{display:flex;align-items:center;gap:var(--space-2)}.email-cell{color:var(--text-tertiary);font-size:var(--font-size-xs)}.roles-cell{display:flex;flex-wrap:wrap;gap:var(--space-1)}.role-tag{background:var(--blue-light);color:var(--blue-dark);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium)}.no-roles-text{color:var(--text-muted);font-size:var(--font-size-xs)}.no-data{text-align:center;color:var(--text-muted);padding:var(--space-10)}.actions-cell{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap;white-space:nowrap}.assign-role-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.assign-role-btn:hover{background:var(--primary-blue-dark)}.assign-role-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.assign-role-btn.secondary:hover{background:var(--bg-primary)}.assign-role-btn:active{background:var(--primary-blue-dark);transform:translateY(1px)}.user-info-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);border:1px solid var(--border-primary)}.user-details{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.user-avatar{width:48px;height:48px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.user-email{color:var(--text-tertiary);font-size:var(--font-size-sm)}.user-designation{color:var(--text-secondary);font-size:var(--font-size-sm)}.current-roles{display:flex;align-items:center;gap:var(--space-3)}.roles-label{font-weight:var(--font-weight-medium);color:var(--text-primary)}.roles-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.role-badge{background:var(--success);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.no-roles{color:var(--text-muted);font-style:italic}.roles-section{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-5);border:1px solid var(--border-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.roles-count{color:var(--text-tertiary);font-size:var(--font-size-sm)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.role-item{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast);background:var(--bg-secondary)}.role-item:hover{border-color:var(--primary-blue)}.role-checkbox{display:flex;align-items:center;padding:var(--space-4);cursor:pointer;gap:var(--space-3)}.role-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);background:var(--bg-secondary)}.role-checkbox input:checked+.checkbox-custom{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.role-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.role-description{font-size:var(--font-size-xs);color:var(--text-tertiary)}.actions-section{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-5);border-top:1px solid var(--border-primary)}.changes-notice{display:flex;align-items:center;gap:var(--space-2);color:var(--success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.action-buttons{display:flex;gap:var(--space-3)}.btn{display:flex;align-items:center;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.blue{background:var(--primary-blue);color:#fff}.btn.blue:hover:not(:disabled){background:var(--primary-blue-dark)}.btn.gray{background:var(--gray-500);color:#fff}.btn.gray:hover:not(:disabled){background:var(--gray-600)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-5);padding-top:80px}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:modalSlideIn .2s ease-out;border:1px solid var(--border-primary)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:20px;cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--gray-200);color:var(--text-secondary)}.modal-body{padding:var(--space-6);max-height:500px;overflow-y:auto}.dialog-user-info{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.dialog-user-avatar{width:40px;height:40px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.dialog-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.dialog-user-designation{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:2px}.dialog-user-email{font-size:var(--font-size-xs);color:var(--text-tertiary)}.dialog-roles-section{margin-bottom:var(--space-5)}.dialog-branches-section{margin-bottom:var(--space-5);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-primary)}.dialog-user-role-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-primary)}.dialog-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.dialog-section-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0 0 var(--space-4) 0}.dialog-roles-grid{display:flex;flex-direction:column;gap:var(--space-3)}.branch-search-container{margin-bottom:var(--space-4)}.branch-search-input-wrapper{position:relative;display:flex;align-items:center}.branch-search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);z-index:1}.branch-search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 36px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast);background:var(--bg-secondary);color:var(--text-primary)}.branch-search-input:focus{border-color:var(--primary-blue)}.branch-search-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.branches-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3);color:var(--text-tertiary)}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--border-primary);border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.dialog-branches-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);max-height:200px;overflow-y:auto;padding-right:var(--space-1)}.no-branches-found{grid-column:1 / -1;text-align:center;color:var(--text-tertiary);padding:var(--space-6);font-size:var(--font-size-sm)}.branch-option{border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--bg-secondary)}.branch-option:hover{border-color:var(--primary-blue);box-shadow:0 2px 4px #3b82f61a}.branch-option-label{display:flex;align-items:center;padding:var(--space-3);cursor:pointer;gap:var(--space-3)}.branch-option-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-blue);cursor:pointer}.branch-option-content{flex:1}.branch-option-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.branch-option-address{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal);line-height:1.3}.role-option{border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--bg-secondary)}.role-option:hover{border-color:var(--primary-blue);box-shadow:0 2px 4px #3b82f61a}.role-option-label{display:flex;align-items:center;padding:var(--space-4);cursor:pointer;gap:var(--space-3)}.role-option-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-blue);cursor:pointer}.role-option-content{flex:1}.role-option-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.role-option-desc{font-size:var(--font-size-xs);color:var(--text-tertiary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-primary);background:var(--bg-tertiary)}.btn-cancel,.btn-save{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel{background:var(--gray-300);color:var(--text-secondary)}.btn-cancel:hover:not(:disabled){background:var(--gray-400)}.btn-save{background:var(--primary-blue);color:#fff}.btn-save:hover:not(:disabled){background:var(--primary-blue-dark)}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);background:var(--bg-tertiary);flex-wrap:wrap;gap:var(--space-4)}.footer-left,.footer-right{display:flex;align-items:center;gap:var(--space-4)}.table-info{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}@media (max-width: 768px){.table-footer{flex-direction:column;align-items:stretch;gap:var(--space-3)}.footer-left,.footer-right{justify-content:center}.toolbar-info{text-align:center}}:root{--db-canvas: #f7f6f3;--db-surface: #ffffff;--db-surface2: #f0eeea;--db-border: rgba(0,0,0,.08);--db-border-strong: rgba(0,0,0,.14);--db-text-head: #0f0f0e;--db-text-body: #3d3c39;--db-text-muted: #8a8880;--db-shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--db-shadow: 0 4px 12px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.05);--db-shadow-lg: 0 12px 32px rgba(0,0,0,.09), 0 4px 8px rgba(0,0,0,.05);--db-radius: 12px;--db-radius-sm: 8px;--db-radius-xs: 6px;--db-font: inherit;--db-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;--db-emerald: #059669;--db-emerald-bg: #ecfdf5;--db-emerald-ring: #a7f3d0;--db-rose: #e11d48;--db-rose-bg: #fff1f2;--db-rose-ring: #fecdd3;--db-amber: #d97706;--db-amber-bg: #fffbeb;--db-amber-ring: #fde68a;--db-sky: #0284c7;--db-sky-bg: #f0f9ff;--db-sky-ring: #bae6fd;--db-violet: #7c3aed;--db-violet-bg: #f5f3ff;--db-violet-ring: #ddd6fe;--db-orange: #ea580c;--db-orange-bg: #fff7ed;--db-orange-ring: #fed7aa;--db-teal: #0d9488;--db-teal-bg: #f0fdfa;--db-teal-ring: #99f6e4;--db-slate: #475569;--db-slate-bg: #f8fafc;--db-slate-ring: #cbd5e1}[data-theme=dark],[data-theme=black]{--db-canvas: #111318;--db-surface: #1a1d24;--db-surface2: #22262f;--db-border: rgba(255,255,255,.07);--db-border-strong: rgba(255,255,255,.13);--db-text-head: #f1f0ee;--db-text-body: #b8b5af;--db-text-muted: #6b6a66;--db-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--db-shadow: 0 4px 12px rgba(0,0,0,.35);--db-shadow-lg: 0 12px 32px rgba(0,0,0,.45);--db-emerald-bg: rgba(5,150,105,.12);--db-emerald-ring: rgba(167,243,208,.2);--db-rose-bg: rgba(225,29,72,.12);--db-rose-ring: rgba(254,205,211,.2);--db-amber-bg: rgba(217,119,6,.12);--db-amber-ring: rgba(253,230,138,.2);--db-sky-bg: rgba(2,132,199,.12);--db-sky-ring: rgba(186,230,253,.2);--db-violet-bg: rgba(124,58,237,.12);--db-violet-ring: rgba(221,214,254,.2);--db-orange-bg: rgba(234,88,12,.12);--db-orange-ring: rgba(254,215,170,.2);--db-teal-bg: rgba(13,148,136,.12);--db-teal-ring: rgba(153,246,228,.2);--db-slate-bg: rgba(71,85,105,.15);--db-slate-ring: rgba(203,213,225,.15)}[data-theme=black]{--db-canvas: #0a0b0e;--db-surface: #111318;--db-surface2: #16191f}.db-root{font-family:var(--db-font);background:var(--db-canvas);color:var(--db-text-body);padding:20px 24px 48px;display:flex;flex-direction:column;gap:20px;min-height:100%}.db-center{display:flex;align-items:center;justify-content:center;min-height:60vh}.db-loader__spin{animation:db-spin .9s linear infinite}@keyframes db-spin{to{transform:rotate(360deg)}}.db-error{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--db-text-muted);font-size:14px}.db-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--db-radius-xs);background:var(--db-amber);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s}.db-btn:hover{opacity:.88}.db-strip{display:flex;align-items:center;justify-content:space-between;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:10px 16px;font-size:12.5px;color:var(--db-text-muted);box-shadow:var(--db-shadow-sm)}.db-strip__left{display:flex;align-items:center;gap:8px}.db-strip__icon{color:var(--db-amber);flex-shrink:0}.db-strip__scope strong{color:var(--db-text-body)}.db-strip__role-badge{padding:2px 8px;border-radius:99px;background:var(--db-amber-bg);color:var(--db-amber);font-size:11px;font-weight:600;border:1px solid var(--db-amber-ring)}.db-strip__right{display:flex;align-items:center;gap:10px}.db-strip__warn{display:inline-flex;align-items:center;gap:4px;color:var(--db-rose);font-size:11.5px}.db-strip__refresh{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--db-radius-xs);background:transparent;border:1px solid var(--db-border-strong);color:var(--db-text-body);font-size:12px;font-family:var(--db-font);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.db-strip__refresh:hover{background:var(--db-surface2);border-color:var(--db-amber);color:var(--db-amber)}.db-strip__refresh:disabled{opacity:.5;cursor:not-allowed}.db-section-head{display:flex;align-items:baseline;gap:10px;padding-bottom:4px;border-bottom:1.5px solid var(--db-border)}.db-section-head__title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--db-text-muted);margin:0}.db-section-head__sub{font-size:11px;color:var(--db-text-muted)}.db-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1280px){.db-kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 960px){.db-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.db-kpi-grid{grid-template-columns:1fr 1fr}}.db-kpi{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius);padding:18px 20px 16px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;box-shadow:var(--db-shadow-sm);transition:box-shadow .18s,transform .18s}.db-kpi:hover{box-shadow:var(--db-shadow);transform:translateY(-1px)}.db-kpi:before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:3px;border-radius:0 3px 3px 0}.db-kpi--emerald:before{background:var(--db-emerald)}.db-kpi--rose:before{background:var(--db-rose)}.db-kpi--amber:before{background:var(--db-amber)}.db-kpi--sky:before{background:var(--db-sky)}.db-kpi--violet:before{background:var(--db-violet)}.db-kpi--orange:before{background:var(--db-orange)}.db-kpi--teal:before{background:var(--db-teal)}.db-kpi--slate:before{background:var(--db-slate)}.db-kpi__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.db-kpi__icon-wrap{width:30px;height:30px;border-radius:var(--db-radius-xs);display:flex;align-items:center;justify-content:center}.db-kpi--emerald .db-kpi__icon-wrap{background:var(--db-emerald-bg);color:var(--db-emerald)}.db-kpi--rose .db-kpi__icon-wrap{background:var(--db-rose-bg);color:var(--db-rose)}.db-kpi--amber .db-kpi__icon-wrap{background:var(--db-amber-bg);color:var(--db-amber)}.db-kpi--sky .db-kpi__icon-wrap{background:var(--db-sky-bg);color:var(--db-sky)}.db-kpi--violet .db-kpi__icon-wrap{background:var(--db-violet-bg);color:var(--db-violet)}.db-kpi--orange .db-kpi__icon-wrap{background:var(--db-orange-bg);color:var(--db-orange)}.db-kpi--teal .db-kpi__icon-wrap{background:var(--db-teal-bg);color:var(--db-teal)}.db-kpi--slate .db-kpi__icon-wrap{background:var(--db-slate-bg);color:var(--db-slate)}.db-kpi__trend{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.db-kpi__trend--up{background:var(--db-emerald-bg);color:var(--db-emerald)}.db-kpi__trend--down{background:var(--db-rose-bg);color:var(--db-rose)}.db-kpi__trend--flat{background:var(--db-slate-bg);color:var(--db-slate)}.db-kpi__value{font-family:var(--db-mono);font-size:28px;font-weight:500;color:var(--db-text-head);line-height:1;letter-spacing:-.02em}.db-kpi__label{font-size:12px;color:var(--db-text-muted);font-weight:500;margin-top:2px}.db-kpi__rule{margin-top:12px;height:1px;background:var(--db-border)}.db-grid{display:grid;gap:14px}.db-grid--3-col-main{grid-template-columns:1fr 1fr 1fr}.db-grid--2col{grid-template-columns:1fr 1fr}.db-grid--3col{grid-template-columns:1fr 1fr 1fr}.db-grid--4col{grid-template-columns:repeat(4,1fr)}.db-card--span2{grid-column:span 2}@media (max-width: 1200px){.db-grid--4col{grid-template-columns:repeat(2,1fr)}.db-grid--3col,.db-grid--3-col-main{grid-template-columns:1fr 1fr}.db-card--span2{grid-column:span 2}}@media (max-width: 768px){.db-grid--3-col-main,.db-grid--2col,.db-grid--3col,.db-grid--4col{grid-template-columns:1fr}.db-card--span2{grid-column:span 1}}.db-card{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius);box-shadow:var(--db-shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .18s}.db-card:hover{box-shadow:var(--db-shadow)}.db-card__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0;gap:8px}.db-card__header-left{display:flex;flex-direction:column;gap:2px}.db-card__title{font-size:13px;font-weight:700;color:var(--db-text-head);margin:0;letter-spacing:-.01em}.db-card__sub{font-size:11px;color:var(--db-text-muted)}.db-card__action{flex-shrink:0}.db-card__body{padding:14px 18px 18px;flex:1}.db-chart-area{position:relative;width:100%}.db-chart-area--xs{height:90px}.db-chart-area--sm{height:190px}.db-chart-area--md{height:250px}.db-chart-area--lg{height:320px}.db-select{font-family:var(--db-font);font-size:12px;padding:5px 10px;border-radius:var(--db-radius-xs);border:1px solid var(--db-border-strong);background:var(--db-canvas);color:var(--db-text-body);cursor:pointer;outline:none;transition:border-color .15s}.db-select:focus{border-color:var(--db-amber)}.db-legend{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.db-legend__item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--db-text-muted)}.db-legend__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.db-peak{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--db-text-muted);margin-top:10px}.db-peak__dot{width:7px;height:7px;border-radius:50%;background:#f97316;box-shadow:0 0 0 3px #f9731633;flex-shrink:0}.db-summary-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);border-radius:var(--db-radius);padding:18px 20px 14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--db-shadow);overflow:hidden;position:relative}.db-summary-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.15) 0%,transparent 60%);pointer-events:none}.db-summary-card__title{font-size:13px;font-weight:700;color:#ffffffe6;margin:0}.db-summary-card__stats{display:flex;align-items:flex-end;justify-content:space-between}.db-summary-card__big{display:flex;flex-direction:column;gap:2px}.db-summary-card__num{font-family:var(--db-mono);font-size:38px;font-weight:500;color:#fff;line-height:1;letter-spacing:-.03em}.db-summary-card__lbl{font-size:11px;color:#ffffff73;font-weight:500}.db-summary-card__side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.db-summary-card__num2{font-family:var(--db-mono);font-size:22px;font-weight:500;color:#fffc;line-height:1}.db-summary-card__lbl2{font-size:10.5px;color:#fff6}.db-dept-list{display:flex;flex-direction:column;gap:10px}.db-dept-row{display:flex;align-items:center;gap:10px}.db-dept-row__icon{color:var(--db-text-muted);flex-shrink:0}.db-dept-row__name{font-size:13px;color:var(--db-text-body);min-width:100px;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.db-dept-row__bar-wrap{flex:1;height:5px;background:var(--db-surface2);border-radius:99px;overflow:hidden}.db-dept-row__bar{height:100%;background:linear-gradient(90deg,var(--db-amber) 0%,var(--db-orange) 100%);border-radius:99px;min-width:3px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.db-dept-row__count{font-family:var(--db-mono);font-size:12px;color:var(--db-text-muted);min-width:24px;text-align:right;flex-shrink:0}.db-alerts{display:flex;flex-direction:column;gap:8px}.db-alert{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--db-radius-sm);border-left:3px solid transparent}.db-alert--danger{background:var(--db-rose-bg);border-left-color:var(--db-rose)}.db-alert--warning{background:var(--db-amber-bg);border-left-color:var(--db-amber)}.db-alert--info{background:var(--db-sky-bg);border-left-color:var(--db-sky)}.db-alert__icon{flex-shrink:0;margin-top:1px}.db-alert--danger .db-alert__icon{color:var(--db-rose)}.db-alert--warning .db-alert__icon{color:var(--db-amber)}.db-alert--info .db-alert__icon{color:var(--db-sky)}.db-alert__msg{font-size:12.5px;font-weight:600;color:var(--db-text-head);margin:0 0 2px}.db-alert__detail{font-size:11.5px;color:var(--db-text-muted);margin:0}.db-performer-stack{display:flex;flex-direction:column;gap:14px}.db-performer{background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:var(--db-radius);padding:22px 22px 20px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 24px #d977064d}.db-performer:after{content:"";position:absolute;right:-20px;top:-20px;width:100px;height:100px;border-radius:50%;background:#ffffff14}.db-performer__badge{width:36px;height:36px;border-radius:var(--db-radius-sm);background:#fff3;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.db-performer__heading{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6;margin:0 0 6px}.db-performer__name{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:-.02em}.db-performer__stat{font-size:13px;color:#ffffffd9;margin:0;font-weight:600}.db-performer__remark{font-size:11.5px;color:#fff9;margin:4px 0 0}.db-devices{display:flex;flex-direction:column;gap:8px}.db-devices__row{display:flex;align-items:center;gap:8px;font-size:13px}.db-devices__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.db-devices__name{flex:1;color:var(--db-text-body)}.db-devices__cnt{font-family:var(--db-mono);font-size:12px;color:var(--db-text-muted)}.db-devices__summary{margin-top:8px;padding-top:8px;border-top:1px solid var(--db-border);font-size:12px;color:var(--db-text-muted)}.db-devices__summary strong{color:var(--db-text-body)}.db-holidays{display:flex;flex-direction:column;gap:8px}.db-holiday{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--db-radius-sm);border:1px solid transparent}.db-holiday--rose{background:var(--db-rose-bg);border-color:var(--db-rose-ring)}.db-holiday--sky{background:var(--db-sky-bg);border-color:var(--db-sky-ring)}.db-holiday--emerald{background:var(--db-emerald-bg);border-color:var(--db-emerald-ring)}.db-holiday__info{display:flex;flex-direction:column;gap:2px}.db-holiday__name{font-size:13px;font-weight:600;color:var(--db-text-head)}.db-holiday__date{font-size:11px;color:var(--db-text-muted)}.db-holiday__countdown{font-family:var(--db-mono);font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:99px;background:var(--db-surface2);color:var(--db-text-muted);white-space:nowrap}.db-approvals{display:flex;flex-direction:column;gap:8px}.db-approval{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--db-radius-sm);border-left:3px solid transparent}.db-approval--amber{background:var(--db-amber-bg);border-left-color:var(--db-amber)}.db-approval--sky{background:var(--db-sky-bg);border-left-color:var(--db-sky)}.db-approval--violet{background:var(--db-violet-bg);border-left-color:var(--db-violet)}.db-approval--orange{background:var(--db-orange-bg);border-left-color:var(--db-orange)}.db-approval__label{font-size:13px;color:var(--db-text-body);font-weight:500}.db-approval__count{font-family:var(--db-mono);font-size:15px;font-weight:600;color:var(--db-text-head)}.db-nodata{font-size:13px;color:var(--db-text-muted);text-align:center;padding:20px 0;margin:0}.db-footer{text-align:center;font-size:11px;color:var(--db-text-muted);padding-top:8px;border-top:1px solid var(--db-border)}.db-welcome-page{padding:0}.db-welcome{min-height:80vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:48px}@media (max-width: 768px){.db-welcome{grid-template-columns:1fr;padding:32px 24px;gap:32px}}.db-welcome__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--db-amber);margin-bottom:16px}.db-welcome__logo{height:36px;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;display:block}.db-welcome__title{font-size:36px;font-weight:700;color:var(--db-text-head);letter-spacing:-.03em;line-height:1.15;margin:0 0 16px}.db-welcome__body{font-size:15px;color:var(--db-text-muted);line-height:1.7;max-width:440px;margin:0}.db-welcome__stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.db-welcome__stat{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--db-radius);border:1px solid var(--db-border);background:var(--db-surface);box-shadow:var(--db-shadow-sm)}.db-welcome__stat--emerald{border-left:3px solid var(--db-emerald)}.db-welcome__stat--sky{border-left:3px solid var(--db-sky)}.db-welcome__stat--amber{border-left:3px solid var(--db-amber)}.db-welcome__stat--violet{border-left:3px solid var(--db-violet)}.db-welcome__stat-label{font-size:12px;color:var(--db-text-muted)}.db-welcome__stat-val{font-family:var(--db-mono);font-size:26px;color:var(--db-text-head);line-height:1}.theme-selector-grid{padding:var(--space-6)}.theme-selector-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.theme-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.theme-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;min-height:80px}.theme-option:hover{border-color:var(--primary-blue);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-option--active{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.theme-option--active:hover{background:var(--primary-blue-dark)}.theme-option-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--gray-100);flex-shrink:0}.theme-option--active .theme-option-icon{background:#fff3}.theme-option-content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.theme-option-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--text-primary)}.theme-option-description{font-size:var(--font-size-sm);color:var(--text-tertiary)}.theme-option--active .theme-option-description{color:#fffc}.theme-option-check{position:absolute;top:var(--space-2);right:var(--space-2);color:var(--success)}.theme-option--active .theme-option-check{color:#fff}.system-icon{display:flex;align-items:center;gap:2px;position:relative}.system-icon svg:first-child{opacity:.7}.system-icon svg:last-child{opacity:.5;margin-left:-4px}.theme-selector-compact{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.theme-compact-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-tertiary)}.theme-compact-option:hover{background:var(--gray-100);color:var(--text-secondary)}.theme-compact-option--active{background:var(--primary-blue);color:#fff}.theme-compact-option--active:hover{background:var(--primary-blue-dark)}.theme-selector-dropdown{position:relative;display:inline-block}.theme-current{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-current:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.theme-current-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.theme-current-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.theme-options{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden}.theme-options .theme-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:0;width:100%;min-height:auto;cursor:pointer;transition:background-color var(--transition-fast)}.theme-options .theme-option:hover{background:var(--gray-100);transform:none;box-shadow:none}.theme-options .theme-option--active{background:var(--primary-blue);color:#fff}.theme-options .theme-option--active:hover{background:var(--primary-blue-dark)}@media (max-width: 768px){.theme-options-grid{grid-template-columns:1fr}.theme-option{min-height:60px;padding:var(--space-3)}.theme-option-icon{width:24px;height:24px}}.theme-selector-grid.switching,.theme-selector-dropdown.switching{pointer-events:none;opacity:.7}.theme-option.switching,.theme-compact-option.switching{position:relative;overflow:hidden}.theme-option.switching:after,.theme-compact-option.switching:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:theme-switch-shimmer .8s ease-in-out}@keyframes theme-switch-shimmer{0%{left:-100%}to{left:100%}}@media (prefers-reduced-motion: reduce){.theme-option,.theme-compact-option,.theme-current{transition:none}.theme-option:hover{transform:none}.theme-option.switching:after,.theme-compact-option.switching:after{animation:none}}@media (prefers-contrast: high){.theme-option,.theme-compact-option,.theme-current{border-width:2px}.theme-option--active,.theme-compact-option--active{border-color:currentColor}}.searchable-dropdown-container{width:100%;max-width:300px;min-width:200px}.status-monitor-dropdown{width:100%;min-width:340px;max-width:460px}.status-monitor-dropdown .searchable-dropdown__control{min-width:340px!important;max-width:460px!important}.employee-period-locks-modal-dropdown.searchable-dropdown-container{width:100%;min-width:0;max-width:none}.employee-period-locks-modal-dropdown .searchable-dropdown__control{width:100%!important;min-width:0!important;max-width:none!important}.employee-period-locks-modal-textarea{width:100%;min-width:0;max-width:none;box-sizing:border-box}.attendance-override-match-dropdown.searchable-dropdown-container{width:100%;min-width:0;max-width:none}.attendance-override-match-dropdown .searchable-dropdown__control{width:100%!important;min-width:0!important;max-width:none!important}.searchable-dropdown__control{width:100%!important;min-width:200px!important;max-width:300px!important}.searchable-dropdown__control--is-disabled{background-color:var(--bg-tertiary, #f5f5f5)!important;opacity:.7;cursor:not-allowed;width:100%!important}.searchable-dropdown__option--is-focused{background-color:var(--bg-tertiary, #e6f0ff)!important}.searchable-dropdown__option--is-selected{background-color:var(--primary-blue, #2684ff)!important;color:#fff!important}.searchable-dropdown__clear-indicator{color:var(--text-muted, #888)}.dropdown-plus-row{display:flex;align-items:center;gap:4px!important;width:100%;max-width:340px}.dropdown-plus-row .searchable-dropdown-container{flex:1;max-width:300px;margin-right:0!important}.dropdown-plus-row .plus-icon-btn{margin-left:0!important;border-radius:8px;border:1px solid var(--border-secondary, #d1d5db)!important;background:var(--bg-secondary, #fff)!important;box-sizing:border-box}.plus-icon-btn{width:48px;height:48px;font-size:1.5em;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-secondary, #d1d5db);border-radius:8px;background:var(--bg-secondary, #f9fafb);color:var(--text-tertiary, #6b7280);cursor:pointer;transition:all .2s}.plus-icon-btn:hover{background:var(--bg-tertiary, #f3f4f6);border-color:var(--border-primary, #9ca3af);color:var(--text-secondary, #374151)}.plus-icon-btn svg{width:2em;height:2em}.form-item{display:flex;flex-direction:column;gap:6px;width:100%;max-width:340px}.form-item label{font-weight:500;color:var(--text-secondary, #374151);font-size:14px;margin-bottom:2px}.form-item-row{display:flex;flex-direction:column;gap:6px;width:100%;max-width:340px}.form-item-checkbox{max-width:none;width:auto}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;max-width:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:start}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr);max-width:720px}}@media (min-width: 1200px){.form-grid{grid-template-columns:repeat(3,1fr);max-width:1080px}}.input-error .searchable-dropdown__control{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important;width:100%!important;max-width:300px!important}.error-text{color:#ef4444;font-size:12px;margin-top:2px}.loading-text{color:#6b7280;font-size:12px;font-style:italic;margin-top:2px}.dropdown-plus-row .searchable-dropdown__control{border-radius:8px 0 0 8px!important}.dropdown-plus-row .plus-icon-btn{border-radius:0 8px 8px 0!important;border:1px solid var(--border-secondary, #d1d5db)!important;background:var(--bg-secondary, #fff)!important;box-sizing:border-box}.auto-filled-indicator{position:absolute;top:-20px;right:0;z-index:10}.auto-filled-text{font-size:.75rem;color:#6b7280;background:#f9fafb;padding:2px 6px;border-radius:4px;font-style:italic}.dropdown-plus-row{position:relative}.auto-filled-field .searchable-dropdown__control{background-color:#f9fafb!important;border-color:#d1d5db!important;opacity:.8}.cascading-disabled .searchable-dropdown__control{cursor:not-allowed!important;background-color:#f3f4f6!important}.cascading-disabled .searchable-dropdown__single-value{color:#6b7280!important}.cascading-disabled+.plus-icon-btn{opacity:.5;cursor:not-allowed}.cascading-disabled+.plus-icon-btn:disabled{background-color:var(--bg-tertiary, #F3F4F6);border-color:var(--border-secondary, #D1D5DB)}.scroll-wrapper{max-height:70vh;max-width:100%;overflow:auto}.data-table{width:100%;min-width:800px;border-collapse:collapse}.data-table th,.data-table td{padding:8px 12px;border:1px solid #827f7f}.data-table thead th{position:sticky;top:0;z-index:1}@media (max-width: 768px){.table-card .action-buttons{flex-wrap:nowrap!important;flex-direction:row;gap:6px;min-width:90px}}.employee-filter-tool{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border-primary, #dfe3e8);border-radius:12px;background:var(--bg-secondary, #ffffff);box-shadow:none}.employee-filter-tool__header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.employee-filter-tool__title{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary, #0f172a)}.employee-filter-tool__title p{margin:0;font-size:12px;color:var(--text-secondary, #475569)}.employee-filter-tool__actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.employee-filter-tool__title-inline{font-weight:800;font-size:16px;color:var(--text-primary, #0f172a)}.employee-filter-tool__actions-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.employee-filter-tool__content{display:flex;flex-direction:column;gap:10px}.employee-filter-tool__content--with-results{flex-direction:row;align-items:stretch}.employee-filter-tool__filters{flex:1 1 auto;display:flex;flex-direction:column;gap:16px;min-width:0}.employee-filter-tool__instant-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-primary, #0f172a)}.employee-filter-tool__instant-toggle input{width:16px;height:16px;accent-color:var(--primary-blue, #2563eb)}.employee-filter-tool__label{display:inline-flex;align-items:center;gap:6px}.employee-filter-tool__label-count{background:var(--primary-blue, #2563eb);color:#fff;border-radius:999px;font-size:11px;padding:1px 6px;line-height:1.2}.employee-filter-tool__results{width:min(340px,100%);border:1px solid var(--border-secondary, #e2e8f0);background:var(--bg-tertiary, #f8fafc);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px;align-self:stretch;max-height:520px}.employee-filter-tool__results-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;font-size:13px;color:var(--text-primary, #0f172a)}.employee-filter-tool__results-count{font-weight:700}.employee-filter-tool__select-all{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary, #475569)}.employee-filter-tool__select-all input{width:16px;height:16px;accent-color:var(--primary-blue, #2563eb)}.employee-filter-tool__results-body{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:hidden}.employee-filter-tool__results-state{font-size:12px;color:var(--text-secondary, #475569);padding:6px 4px}.employee-filter-tool__results-state.error{color:var(--error, #dc2626)}.employee-filter-tool__results-table-wrapper{flex:1 1 auto;height:auto;min-height:0;overflow-y:scroll;overflow-x:hidden;border-radius:8px;border:1px solid var(--border-secondary, #e2e8f0);background:var(--bg-secondary, #ffffff);scrollbar-color:var(--border-primary, #cbd5f5) var(--bg-tertiary, #f8fafc);scrollbar-width:thin}.employee-filter-tool__results-table-wrapper::-webkit-scrollbar{width:8px}.employee-filter-tool__results-table-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary, #f8fafc)}.employee-filter-tool__results-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-primary, #cbd5f5);border-radius:999px}.employee-filter-tool__results-table{width:100%;border-collapse:collapse;font-size:12px}.employee-filter-tool__results-table thead th{text-align:left;padding:8px;background:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-secondary, #e2e8f0);position:sticky;top:0;z-index:1;white-space:nowrap}.employee-filter-tool__results-table td{padding:6px 8px;border-bottom:1px solid var(--border-secondary, #e2e8f0)}.employee-filter-tool__results-table tbody tr.is-selected{background:#2563eb14}.employee-filter-tool__results-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:auto}@media (max-width: 1024px){.employee-filter-tool__content--with-results{flex-direction:column}.employee-filter-tool__results{width:100%}}@media (max-width: 768px){.employee-filter-tool{padding:10px}.employee-filter-tool__actions{flex-direction:column;align-items:stretch}.employee-filter-tool__actions-buttons{justify-content:flex-start}.employee-filter-tool__results-actions{flex-direction:column;align-items:stretch}.employee-filter-tool__results-table-wrapper{max-height:320px;overflow-x:auto}.employee-filter-tool__results-table{min-width:420px}.employee-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.employee-filter-grid{grid-template-columns:1fr}.employee-filter-tool__actions-buttons .btn,.employee-filter-tool__results-actions .btn{width:100%}.employee-filter-tool__results-actions{position:sticky;bottom:0;background:var(--bg-secondary, #ffffff);padding:8px 0}}.employee-filter-section{border:1px solid var(--border-secondary, #e2e8f0);background:var(--bg-tertiary, #f8fafc);border-radius:10px;padding:10px}.employee-filter-section__header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-secondary, #475569);font-size:13px}.employee-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:18px;column-gap:18px;row-gap:16px;margin-top:8px}.filter-field{display:flex;flex-direction:column;gap:6px}.filter-field label{font-weight:700;font-size:13px;color:var(--text-primary, #0f172a)}.filter-field input,.filter-field select{width:100%;border-radius:8px;border:1px solid var(--border-primary, #dfe3e8);background:var(--bg-secondary, #ffffff);padding:8px 10px;color:var(--text-primary, #0f172a)}.filter-field--checkbox{justify-content:center}.filter-field--checkbox .checkbox-label{display:inline-flex;gap:8px;align-items:center;margin-top:18px;font-weight:600;color:var(--text-primary, #0f172a)}.employee-filter-error{color:var(--error, #dc2626);background:#fef2f2;border:1px solid #fecaca;padding:8px;border-radius:8px;font-size:13px}.form-grid-horizontal{display:flex;flex-direction:column;gap:.75rem;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-primary, #e5e7eb);border-radius:12px;padding:1rem}.form-item-horizontal{display:grid;grid-template-columns:1fr 220px;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-secondary, #e5e7eb);min-height:54px}.form-item-horizontal:last-child{border-bottom:none}.form-item-horizontal label,.form-item-horizontal span{margin:0;font-weight:500;color:var(--text-secondary, #374151);line-height:1.4}.form-item-horizontal input,.form-item-horizontal select,.form-item-horizontal textarea{width:100%;margin:0;padding:8px 12px;border:1px solid var(--border-primary, #d1d5db);border-radius:8px;font-size:14px;background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.form-item-horizontal select option{background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #111827)}.form-item-horizontal input::-moz-placeholder,.form-item-horizontal select::-moz-placeholder,.form-item-horizontal textarea::-moz-placeholder{color:var(--text-muted, #9ca3af)}.form-item-horizontal input::placeholder,.form-item-horizontal select::placeholder,.form-item-horizontal textarea::placeholder{color:var(--text-muted, #9ca3af)}.form-item-horizontal input:focus,.form-item-horizontal select:focus,.form-item-horizontal textarea:focus{outline:none;border-color:var(--primary-blue, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.form-item-horizontal.form-item-checkbox{grid-template-columns:1fr auto;align-items:center;gap:1rem}.form-item-horizontal .checkbox-label{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0}.form-item-horizontal .radio-group{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;color:var(--text-primary, #111827)}.form-item-horizontal .radio-option{display:flex;align-items:center;gap:.25rem}.form-item-horizontal .radio-option input[type=radio]{margin:0}@media (max-width: 768px){.form-grid-horizontal{padding:.75rem}.form-item-horizontal{grid-template-columns:1fr;gap:.5rem}}.tab-header{display:flex;gap:.75rem;border-bottom:1px solid var(--border-secondary, #e5e7eb);margin-bottom:1rem}.tab-btn{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-muted, #6b7280);font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease;border-bottom:3px solid transparent}.tab-btn.active{color:var(--text-primary, #111827);border-color:var(--primary-blue, #3b82f6)}.tab-btn:hover{color:var(--text-primary, #111827)}@media (max-width: 768px){.tab-header{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.tab-btn{white-space:nowrap;flex:0 0 auto}}.accordion-section{border:1px solid var(--border-primary, #e5e7eb);border-radius:10px;background:var(--bg-secondary, #f8fafc);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .06));overflow:hidden}.accordion-trigger{width:100%;background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary, #111827);padding:.9rem 1.25rem;text-align:left;font-weight:600;border:none;cursor:pointer;transition:background .2s ease,color .2s ease}.accordion-trigger:hover{background:var(--border-secondary, #d1d5db)}.accordion-trigger-content{display:flex;align-items:center}.accordion-trigger-icon{height:20px;width:20px;margin-left:.75rem;transition:transform .3s ease}.accordion-trigger-icon.open{transform:rotate(180deg)}.accordion-content{background:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);border-top:1px solid var(--border-primary, #e5e7eb);padding:1.25rem 1.5rem}.tabbed-field-renderer select,.tabbed-field-renderer input,.tabbed-field-renderer textarea,.accordion-field-renderer select,.accordion-field-renderer input,.accordion-field-renderer textarea{background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #111827);border:1px solid var(--border-primary, #d1d5db)}.tabbed-field-renderer label,.accordion-field-renderer label{color:var(--text-secondary, #374151)}.tabbed-field-renderer select option,.accordion-field-renderer select option{background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #111827)}.tabbed-field-renderer .form-item-checkbox .checkbox-label{padding:.5rem .75rem;border:1px solid var(--border-primary, #d1d5db);border-radius:8px;background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #111827);width:auto;margin-left:0;display:inline-flex;align-items:center;gap:.5rem}.tabbed-field-renderer .form-item-horizontal.form-item-checkbox{display:grid;grid-template-columns:1fr auto;width:100%;max-width:none;justify-content:initial;text-align:left}.tabbed-field-renderer .form-item-horizontal.form-item-checkbox>span{text-align:left;justify-self:start}.form-item-horizontal .radio-group{display:flex;flex-wrap:wrap;gap:1rem}.radio-option{display:flex;align-items:center;gap:.25rem}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-picker{width:100%;max-width:100%;border:1px solid var(--border-primary, #d1d5db);border-radius:16px;overflow:hidden;background:var(--bg-secondary, #fff);margin:0 auto;box-shadow:var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, .08))}.map-search{display:flex;gap:10px;padding:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-blue, #217bf4) 4%,var(--bg-secondary, #fff)),var(--bg-secondary, #fff));border-bottom:1px solid var(--border-primary, #e5e7eb)}.map-search__input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--border-primary, #d1d5db);border-radius:12px;background:var(--bg-primary, #f8fafc);color:var(--text-primary, #0f172a)}.map-search__input:focus{outline:none;border-color:var(--primary-blue, #217bf4);box-shadow:0 0 0 4px #217bf41f}.map-search-results{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-primary, #e5e7eb)}.map-search-results__item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;text-align:left;border:1px solid color-mix(in srgb,var(--primary-blue, #217bf4) 16%,var(--border-primary, #d1d5db));border-radius:12px;background:var(--bg-secondary, #fff);cursor:pointer}.map-search-results__item:hover{background:color-mix(in srgb,var(--primary-blue, #217bf4) 6%,var(--bg-secondary, #fff))}.map-search-results__item strong{color:var(--text-primary, #0f172a)}.map-search-results__item span{color:var(--text-secondary, #475569);font-size:.875rem}.map-search-error{padding:10px 14px;color:var(--error-dark, #b91c1c);background:color-mix(in srgb,var(--error, #ef4444) 8%,var(--bg-secondary, #fff));border-bottom:1px solid color-mix(in srgb,var(--error, #ef4444) 18%,var(--border-primary, #d1d5db))}.map-controls{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--bg-primary, #f9fafb);border-bottom:1px solid var(--border-primary, #e5e7eb);flex-wrap:wrap}.map-controls .btn{padding:.375rem .75rem;font-size:.875rem;border:1px solid var(--border-primary, #d1d5db);border-radius:10px;background:var(--bg-secondary, white);color:var(--text-secondary, #374151);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.map-controls .btn:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-blue, #217bf4) 6%,var(--bg-secondary, white));border-color:color-mix(in srgb,var(--primary-blue, #217bf4) 20%,var(--border-primary, #d1d5db))}.map-controls .btn:disabled{opacity:.5;cursor:not-allowed}.coordinates-display{background-color:color-mix(in srgb,var(--primary-blue, #217bf4) 10%,var(--bg-secondary, #fff));padding:.25rem .5rem;border-radius:8px;font-family:Courier New,monospace;font-size:.75rem;color:var(--primary-blue-dark, #1d4ed8);border:1px solid color-mix(in srgb,var(--primary-blue, #217bf4) 18%,transparent)}.map-container{position:relative;width:100%;min-height:400px;height:400px}.map-container .leaflet-container{border-radius:0}.map-instructions{padding:.5rem .75rem;background-color:var(--bg-primary, #f8fafc);border-top:1px solid var(--border-primary, #e5e7eb)}.map-instructions small{color:var(--text-tertiary, #6b7280);font-size:.75rem;line-height:1.4}.map-popup{font-size:.875rem;line-height:1.4}.map-popup strong{color:var(--text-primary, #1f2937);margin-bottom:.25rem;display:block}.leaflet-popup-content-wrapper{border-radius:6px}.leaflet-popup-content{margin:.75rem;font-family:inherit}@media (max-width: 640px){.map-search{flex-direction:column}.map-controls{flex-direction:column;align-items:stretch}.map-controls .btn{justify-content:center}.coordinates-display{text-align:center;order:-1;margin-bottom:.5rem}.map-container{min-height:250px}}.approval-inbox-page{display:flex;flex-direction:column;gap:16px;padding:18px;color:var(--text-primary)}.approval-inbox-header,.approval-inbox-toolbar,.approval-bulk-bar,.approval-card,.approval-action-modal,.approval-details-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-sm)}.approval-inbox-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.approval-eyebrow{margin:0 0 4px;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.approval-inbox-header h1,.approval-modal-header h2{margin:0;color:var(--text-primary)}.approval-header-actions{display:flex;align-items:center;gap:10px}.approval-count-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#f59e0b24;color:#b45309;font-weight:700;font-size:13px}.approval-inbox-toolbar{display:grid;grid-template-columns:minmax(150px,180px) minmax(150px,180px) minmax(240px,1fr) auto;align-items:end;gap:12px;padding:14px}.approval-inbox-toolbar label,.approval-field{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.approval-inbox-toolbar select,.approval-search input,.approval-field input,.approval-field textarea{width:100%;min-height:38px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);padding:8px 10px}.approval-search>div{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);padding:0 10px}.approval-search input{min-height:34px;border:0;background:transparent;padding:0}.approval-search input:focus,.approval-field textarea:focus,.approval-field input:focus,.approval-inbox-toolbar select:focus{outline:2px solid rgba(59,130,246,.24);outline-offset:1px}.approval-bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 14px}.approval-bulk-bar span{margin-right:auto;font-weight:700}.approval-list{display:flex;flex-direction:column;gap:10px}.approval-card{display:grid;grid-template-columns:24px 42px minmax(0,1fr);gap:12px;padding:14px}.approval-card-check{display:flex;align-items:flex-start;justify-content:center;padding-top:5px}.approval-type-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:#fff;background:#64748b}.approval-type-icon--leave{background:#2563eb}.approval-type-icon--tour{background:#0891b2}.approval-type-icon--expense{background:#16a34a}.approval-type-icon--outdoor{background:#7c3aed}.approval-type-icon--attendance{background:#ea580c}.approval-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.approval-card h2{margin:0;font-size:16px;line-height:1.35;color:var(--text-primary)}.approval-card p{margin:3px 0 0;color:var(--text-secondary)}.approval-card-description{margin-top:8px}.approval-card-meta,.approval-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.approval-card-meta span{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:12px}.approval-overdue{color:#dc2626!important;font-weight:700}.approval-status{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.approval-status--pending{background:#f59e0b29;color:#b45309}.approval-status--approved{background:#16a34a29;color:#15803d}.approval-status--rejected{background:#dc262624;color:#b91c1c}.approval-status--withdrawn{background:#64748b29;color:#475569}.approval-empty-state,.approval-empty-small,.approval-loading-inline{padding:24px;border:1px dashed var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-muted);text-align:center}.approval-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a8c}.approval-action-modal{width:min(520px,100%)}.approval-details-modal{width:min(980px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column}.approval-modal-header,.approval-modal-footer{display:flex;align-items:center;gap:10px;padding:14px 16px}.approval-modal-header{justify-content:space-between;border-bottom:1px solid var(--border-primary)}.approval-modal-footer{justify-content:flex-end;border-top:1px solid var(--border-primary)}.approval-modal-body{padding:16px;overflow:auto}.approval-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary)}.approval-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:18px}.approval-details-grid h3{margin:0 0 10px;font-size:15px}.approval-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.approval-detail-list div{padding:10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary)}.approval-detail-list dt{color:var(--text-muted);font-size:12px}.approval-detail-list dd{margin:4px 0 0;color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}.approval-description{margin:12px 0 0;color:var(--text-secondary)}.approval-history{display:flex;flex-direction:column;gap:10px}.approval-history-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px}.approval-history-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:#2563eb}.approval-history-item p,.approval-history-item small{margin:2px 0 0;color:var(--text-muted)}.approval-history-comment{color:var(--text-secondary)!important}.approval-field-error{margin:0;color:#b91c1c;font-size:12px}@media (max-width: 760px){.approval-inbox-page{padding:12px}.approval-inbox-header,.approval-card-title-row,.approval-bulk-bar{align-items:stretch;flex-direction:column}.approval-inbox-toolbar{grid-template-columns:1fr}.approval-card{grid-template-columns:24px minmax(0,1fr)}.approval-type-icon{display:none}.approval-details-grid,.approval-detail-list{grid-template-columns:1fr}}.location-tracking-page{position:relative;height:calc(100vh - 74px);min-height:640px;margin:calc(var(--space-2, 8px) * -1);overflow:hidden;color:#1f2937;background:#dbeafe}.lt-map-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#e2e8f0}.lt-map{width:100%;height:100%}.lt-control-bar,.lt-map-loader{position:absolute;z-index:450}.lt-control-bar{top:16px;right:16px;bottom:16px;display:flex;flex-direction:column;width:min(410px,calc(100vw - 40px));min-width:0;border:1px solid rgba(203,213,225,.9);border-radius:8px;background:#fffffff2;box-shadow:0 22px 60px #0f172a38;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lt-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e5e7eb}.lt-panel-title h2{margin:0;font-size:18px;font-weight:700;color:#111827}.lt-panel-title p{margin:3px 0 0;color:#64748b;font-size:13px}.lt-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#fff}.lt-mode-button{min-height:34px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;font-weight:800;cursor:pointer}.lt-mode-button:hover,.lt-mode-button--active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.lt-filter-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-bottom:1px solid #e5e7eb;background:#f8fafce0}.lt-filter-stack .lt-icon-button,.lt-filter-stack .lt-field:last-child{grid-column:1 / -1}.lt-icon-button,.lt-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;font-weight:700;cursor:pointer}.lt-icon-button{padding:0 14px}.lt-secondary-button{width:100%;padding:0 12px}.lt-icon-button:hover,.lt-secondary-button:hover{border-color:#2563eb;color:#1d4ed8}.lt-secondary-button:disabled{opacity:.65;cursor:not-allowed}.lt-field{display:flex;flex-direction:column;gap:6px;min-width:0}.lt-field span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#475569}.lt-field input,.lt-field select{width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font-size:14px;padding:0 11px;outline:none}.lt-field input:focus,.lt-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.lt-error{margin:10px 12px 0;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;font-size:13px;font-weight:700}.lt-summary-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;border-bottom:1px solid #e5e7eb}.lt-stat{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.lt-stat svg{flex:0 0 auto;color:#2563eb}.lt-stat span{min-width:0}.lt-stat strong,.lt-stat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lt-stat strong{color:#111827;font-size:14px}.lt-stat small{margin-top:2px;color:#64748b;font-size:12px}.lt-employee-list{display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;padding:12px;overflow:auto}.lt-employee-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.lt-tracking-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.lt-tracking-row--enabled{border-color:#bbf7d0;background:#f0fdf4}.lt-employee-row:hover{border-color:#93c5fd;background:#f8fbff}.lt-employee-row--active{border-color:#2563eb;background:#eff6ff}.lt-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#0f766e;color:#fff;font-weight:800;overflow:hidden}.lt-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lt-employee-copy{min-width:0}.lt-employee-copy strong,.lt-employee-copy small,.lt-employee-time{display:block}.lt-employee-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:14px}.lt-employee-copy small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:12px}.lt-employee-time{color:#475569;font-size:12px;font-weight:700}.lt-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:104px;min-height:36px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:800;cursor:pointer}.lt-toggle-button--enabled{border-color:#86efac;background:#dcfce7;color:#166534}.lt-toggle-button:hover{border-color:#2563eb;color:#1d4ed8}.lt-toggle-button:disabled{opacity:.65;cursor:not-allowed}.lt-empty{padding:22px 14px;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;text-align:center}.lt-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-top:1px solid #e5e7eb;background:#f8fafcf2}.lt-panel-actions .lt-secondary-button:only-child{grid-column:1 / -1}.lt-map-loader{top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#fff;color:#1d4ed8;font-size:13px;font-weight:700;box-shadow:0 10px 25px #0f172a1f}.lt-map-icon{border-radius:50%}.lt-map-icon img,.lt-map-icon span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:3px solid #ffffff;border-radius:50%;background:#0f766e;color:#fff;font-size:16px;font-weight:800;box-shadow:0 8px 20px #0f172a47}.lt-map-icon img{-o-object-fit:cover;object-fit:cover}.lt-pin{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:3px solid #ffffff;border-radius:50%;color:#fff;font-size:10px;font-weight:800;box-shadow:0 8px 20px #0f172a3d}.lt-pin--in{background:#16a34a}.lt-pin--out{background:#dc2626}.lt-pin--track{width:12px;height:12px;border-width:2px;background:#2563eb}.leaflet-popup-content{line-height:1.45}@media (max-width: 860px){.location-tracking-page{height:calc(100vh - 60px);min-height:720px}.lt-control-bar{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:min(78vh,680px)}.lt-summary-grid{grid-template-columns:1fr 1fr 1fr}.lt-stat{padding:10px}}@media (max-width: 560px){.location-tracking-page{min-height:780px}.lt-control-bar{max-height:82vh}.lt-filter-stack,.lt-summary-grid{grid-template-columns:1fr}.lt-employee-row,.lt-tracking-row{grid-template-columns:38px minmax(0,1fr)}.lt-avatar{width:38px;height:38px}.lt-employee-time,.lt-toggle-button{grid-column:2}.lt-toggle-button{width:100%}}.leave-page{display:flex;flex-direction:column;gap:16px}.leave-list-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.leave-list-header h1{color:var(--text-primary, #111827);font-size:22px;font-weight:800;margin:0}.leave-toolbar,.leave-card,.leave-form-panel,.leave-detail-panel{background:var(--bg-secondary, #fff);border:1px solid var(--border-primary, #d1d5db);border-radius:8px}.leave-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(170px,240px)) auto;gap:12px;align-items:end;padding:14px}.leave-request-filters{align-items:end;background:var(--bg-secondary, #fff);border:1px solid var(--border-primary, #d1d5db);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:14px}.leave-request-filters.with-employee{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.leave-field{display:flex;flex-direction:column;gap:6px;min-width:0}.leave-field label{color:var(--text-secondary, #475569);font-size:12px;font-weight:700}.leave-page .dropdown-plus-row,.leave-page .dropdown-menu,.leave-page .searchable-dropdown-container{max-width:none;min-width:0;width:100%}.leave-page .dropdown-plus-row{align-items:stretch}.leave-page .dropdown-plus-row .dropdown-menu{flex:1;padding:0}.leave-page .dropdown-plus-row .searchable-dropdown__control,.leave-page .searchable-dropdown__control{border-radius:6px!important;max-width:none!important;min-height:38px!important;min-width:0!important}.leave-input,.leave-select,.leave-textarea{min-height:38px;border:1px solid var(--border-primary, #d1d5db);border-radius:6px;background:var(--bg-secondary, #fff);color:var(--text-primary, #111827);padding:8px 10px}.leave-search-wrap{align-items:center;display:flex;position:relative}.leave-search-wrap svg{color:var(--text-muted, #64748b);left:10px;position:absolute}.leave-search-wrap .leave-input{padding-left:32px;width:100%}.leave-refresh-btn{justify-self:start;min-height:38px;white-space:nowrap}.leave-textarea{min-height:86px;resize:vertical}.leave-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.leave-metric{background:var(--bg-secondary, #fff);border:1px solid var(--border-primary, #d1d5db);border-radius:8px;padding:14px}.leave-metric span{color:var(--text-secondary, #64748b);display:block;font-size:12px;font-weight:700}.leave-metric strong{color:var(--text-primary, #111827);display:block;font-size:24px;margin-top:6px}.leave-table{width:100%;border-collapse:collapse}.leave-table-scroll{overflow-x:auto}.leave-table th,.leave-table td{border-bottom:1px solid var(--border-secondary, #e5e7eb);padding:11px 12px;text-align:left;vertical-align:top}.leave-table th{color:var(--text-secondary, #475569);font-size:12px;font-weight:800;background:var(--bg-tertiary, #f8fafc)}.leave-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:4px 9px}.leave-badge.active{background:#10b9811f;color:#047857}.leave-badge.inactive{background:#ef44441f;color:#b91c1c}.leave-badge.pending{background:#f59e0b24;color:#92400e}.leave-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:6px;padding:4px 9px;white-space:nowrap}.leave-status-pill span{border-radius:999px;display:inline-block;height:7px;width:7px}.leave-status-pill.gray{background:#64748b24;color:#475569}.leave-status-pill.gray span{background:#64748b}.leave-status-pill.blue{background:#2563eb1f;color:#1d4ed8}.leave-status-pill.blue span{background:#2563eb}.leave-status-pill.green{background:#10b9811f;color:#047857}.leave-status-pill.green span{background:#10b981}.leave-status-pill.red{background:#ef44441f;color:#b91c1c}.leave-status-pill.red span{background:#ef4444}.leave-status-pill.orange{background:#f9731624;color:#c2410c}.leave-status-pill.orange span{background:#f97316}.leave-actions{display:flex;gap:8px;justify-content:flex-end}.leave-row-actions{display:flex;gap:8px}.leave-empty-cell{color:var(--text-secondary, #64748b);padding:22px 12px;text-align:center}.leave-table-footer{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:12px}.leave-table-footer>span{color:var(--text-secondary, #64748b);font-size:13px;font-weight:700;margin-right:auto}.leave-form-grid{display:grid;grid-template-columns:minmax(290px,1fr) minmax(320px,420px);gap:16px}.leave-form-panel,.leave-detail-panel{padding:16px}.leave-panel-title{color:var(--text-primary, #111827);font-size:16px;font-weight:800;margin:0 0 14px}.leave-balance-list{display:grid;gap:10px}.leave-balance-row{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--border-secondary, #e5e7eb);border-radius:8px;padding:10px}.leave-calendar-row{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px}.leave-timeline{display:grid;gap:12px}.leave-timeline-item{border-left:3px solid var(--primary-blue, #2563eb);padding-left:12px}.leave-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;min-width:0}.leave-detail-item{border:1px solid var(--border-secondary, #e5e7eb);border-radius:8px;min-width:0;overflow-wrap:anywhere;padding:10px}.leave-detail-item span{color:var(--text-secondary, #64748b);display:block;font-size:12px;font-weight:700}.leave-detail-item strong{color:var(--text-primary, #111827);display:block;margin-top:4px;overflow-wrap:anywhere}.leave-apply-layout,.leave-detail-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(300px,420px);min-width:0}.leave-apply-panel,.leave-detail-side,.leave-detail-section,.leave-success-card{background:var(--bg-secondary, #fff);border:1px solid var(--border-primary, #d1d5db);border-radius:8px;min-width:0;padding:16px}.leave-detail-panel,.leave-detail-section{min-width:0;overflow:hidden}.leave-apply-panel{display:grid;gap:14px}.leave-check-row{align-items:center;display:flex;gap:8px}.leave-days-box{background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border-secondary, #e5e7eb);border-radius:8px;padding:12px}.leave-days-box strong{color:var(--text-primary, #111827);display:block;font-size:24px;line-height:1.1}.leave-balance-card{background:var(--bg-secondary, #fff);border:1px solid var(--border-secondary, #e5e7eb);border-radius:8px;display:grid;gap:4px;padding:10px 12px}.leave-balance-card.active{border-color:var(--primary-blue, #2563eb);box-shadow:0 0 0 2px #2563eb1f}.leave-balance-card strong{color:var(--text-primary, #111827)}.leave-balance-card span{color:var(--text-secondary, #64748b);font-size:13px}.leave-warning-banner{align-items:flex-start;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:8px;color:#92400e;display:flex;gap:8px;padding:10px 12px}.leave-warning-banner.red{background:#ef44441a;border-color:#ef444447;color:#b91c1c}.leave-success-card{display:grid;gap:12px}.leave-success-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(140px,1fr))}.leave-detail-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.leave-detail-header h1{color:var(--text-primary, #111827);font-size:20px;font-weight:800;margin:0}.leave-detail-side{display:grid;gap:16px}.leave-detail-section h2{color:var(--text-primary, #111827);font-size:15px;font-weight:800;margin:0 0 12px}.leave-detail-section p{margin:0;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.leave-attachment-preview{border:1px solid var(--border-secondary, #e5e7eb);border-radius:8px;display:block;margin-top:8px;max-width:100%;overflow:hidden}.leave-attachment-preview img{display:block;height:auto;max-height:360px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.leave-attachment-link{align-items:center;color:var(--primary-blue, #2563eb);display:inline-flex;gap:8px;margin-top:8px;overflow-wrap:anywhere;text-decoration:none}.leave-day-list{display:grid;gap:8px}.leave-day-row{align-items:center;border-bottom:1px solid var(--border-secondary, #e5e7eb);display:flex;justify-content:space-between;padding:7px 0}.leave-day-row:last-child{border-bottom:0}.leave-modal-backdrop{align-items:center;background:#0f172a59;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.leave-approval-modal{background:var(--bg-secondary, #fff);border-radius:8px;box-shadow:0 20px 45px #0f172a3d;display:grid;gap:14px;max-width:460px;padding:18px;width:100%}.leave-approval-modal h2{font-size:18px;margin:0}@media (max-width: 980px){.leave-toolbar,.leave-request-filters,.leave-request-filters.with-employee,.leave-form-grid,.leave-apply-layout,.leave-calendar-row,.leave-detail-grid,.leave-detail-layout,.leave-summary-grid{grid-template-columns:1fr}.leave-list-header,.leave-table-footer{align-items:stretch;flex-direction:column}.leave-table-footer>span{margin-right:0}}.attendance-policy-assignments{display:flex;flex-direction:column;gap:24px}.attendance-policy-card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-primary, #dbe2ea);border-radius:18px;padding:24px;box-shadow:0 10px 30px #0f172a0d}.attendance-policy-card h2,.attendance-policy-card h3{margin:0}.attendance-policy-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.attendance-policy-card-header p{margin:6px 0 0;color:var(--text-secondary, #64748b)}.edp-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.edp-mode-toggle{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border-primary, #dbe2ea)}.edp-mode-toggle button{border:0;background:transparent;color:var(--text-secondary, #475569);padding:10px 16px;border-radius:999px;font-weight:600}.edp-mode-toggle button.is-active{background:var(--primary-blue, #2563eb);color:#fff}.edp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.edp-field{display:flex;flex-direction:column;gap:8px}.edp-field.edp-field-span-2{grid-column:span 2}.edp-field label{font-weight:600;color:var(--text-primary, #0f172a)}.edp-required{color:#dc2626}.edp-field input,.edp-field textarea,.edp-datepicker-input{width:100%;border:1px solid var(--border-primary, #cbd5e1);border-radius:12px;background:var(--bg-secondary, #ffffff);color:var(--text-primary, #0f172a);padding:11px 12px;font:inherit}.edp-field textarea{resize:vertical;min-height:96px}.edp-field input:disabled,.edp-field textarea:disabled,.edp-datepicker-input:disabled{opacity:.7;cursor:not-allowed;background:var(--bg-tertiary, #f8fafc)}.edp-helper-text{color:var(--text-secondary, #64748b);font-size:12px}.edp-field-error{color:#dc2626;font-size:12px}.edp-date-wrapper{position:relative}.edp-date-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #64748b);font-size:12px}.edp-inline-banner{border-radius:14px;padding:12px 14px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;margin-bottom:18px}.edp-inline-banner.edp-inline-banner-warning{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.edp-filter-bar{max-width:420px}.edp-employee-summary{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.edp-employee-summary__item{border:1px solid var(--border-primary, #dbe2ea);border-radius:14px;padding:12px 14px;background:var(--bg-primary, #f8fafc)}.edp-employee-summary__label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, #64748b);margin-bottom:6px}.edp-employee-summary__value{display:block;color:var(--text-primary, #0f172a);font-weight:600;word-break:break-word}.edp-form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center;justify-content:flex-end}.edp-progress-text{font-size:13px;color:var(--text-secondary, #64748b);margin-right:auto}.edp-table-placeholder{padding:36px 20px;border:1px dashed var(--border-primary, #cbd5e1);border-radius:16px;background:var(--bg-tertiary, #f8fafc);text-align:center;color:var(--text-secondary, #64748b)}.edp-table-shell{border:1px solid var(--border-primary, #dbe2ea);border-radius:16px;overflow:hidden}.edp-table{width:100%;border-collapse:collapse}.edp-table th,.edp-table td{padding:14px 16px;border-bottom:1px solid var(--border-primary, #e2e8f0);text-align:left;vertical-align:top}.edp-table th{background:var(--bg-tertiary, #f8fafc);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.edp-table tr:last-child td{border-bottom:0}.edp-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.edp-status-badge.is-active{background:#dcfce7;color:#166534}.edp-status-badge.is-inactive{background:#e5e7eb;color:#4b5563}.edp-row-actions{display:inline-flex;gap:8px}.edp-icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border-primary, #d1d5db);background:var(--bg-secondary, #fff);color:var(--text-primary, #0f172a)}.edp-icon-btn:disabled{opacity:.6;cursor:not-allowed}.edp-skeleton-row td>span{display:block;width:100%;height:14px;border-radius:999px;background:linear-gradient(90deg,#e2e8f0 25%,#f8fafc,#e2e8f0 75%);background-size:200% 100%;animation:edp-skeleton 1.2s ease-in-out infinite}@keyframes edp-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.edp-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1100}.edp-dialog{width:min(560px,100%);background:var(--bg-secondary, #fff);border-radius:18px;padding:22px;box-shadow:0 25px 60px #0f172a47}.edp-dialog.edp-dialog-large{width:min(920px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.edp-dialog h3{margin:0 0 8px}.edp-dialog p{margin:0 0 18px;color:var(--text-secondary, #64748b)}.edp-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-bottom:18px}.edp-detail-item{display:flex;flex-direction:column;gap:4px}.edp-detail-label{font-size:12px;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.03em}.edp-detail-value{color:var(--text-primary, #0f172a);word-break:break-word}.edp-dialog-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 900px){.edp-form-grid,.edp-detail-grid{grid-template-columns:1fr}.edp-field.edp-field-span-2{grid-column:span 1}.attendance-policy-card-header{flex-direction:column}.edp-header-actions{width:100%;justify-content:flex-start}.edp-filter-bar{max-width:none}}.geofence-modal-container{display:flex;flex-direction:column;width:min(800px,100%);height:120vh;max-height:120vh;overflow:hidden}.geofence-modal-header,.modal-tab-strip{flex-shrink:0}.geofence-modal-body{flex:1;min-height:0;overflow:auto;padding:var(--space-6)}.modal-actions{flex-shrink:0}.task-create-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06172e6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100}.task-create-drawer{position:fixed;top:0;right:0;width:min(560px,100vw);height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(33,123,244,.08),transparent 180px),var(--bg-secondary, #fff);border-left:1px solid var(--border-primary, rgba(15, 23, 42, .12));box-shadow:-24px 0 60px #0f172a2e;z-index:1101}.task-create-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 20px;border-bottom:1px solid var(--border-primary, rgba(15, 23, 42, .12))}.task-create-drawer__header h2{margin:0;color:var(--text-primary, #0f172a)}.task-create-drawer__header p{margin:8px 0 0;color:var(--text-secondary, #475569)}.task-create-drawer__body{flex:1;overflow-y:auto;padding:24px}.task-create-drawer__section{display:flex;flex-direction:column;gap:16px;padding:18px;margin-bottom:18px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-primary, rgba(15, 23, 42, .12));border-radius:20px}.task-create-drawer__section--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-create-drawer__location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.task-create-drawer__field{display:flex;flex-direction:column;gap:8px}.task-create-drawer__field label{font-size:.92rem;font-weight:600;color:var(--text-secondary, #334155)}.task-create-drawer__field input,.task-create-drawer__field textarea,.task-create-drawer__field select{width:100%;padding:12px 14px;color:var(--text-primary, #0f172a);background:var(--bg-secondary, #fff);border:1px solid var(--border-primary, rgba(15, 23, 42, .14));border-radius:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.task-create-drawer__field input:focus,.task-create-drawer__field textarea:focus,.task-create-drawer__field select:focus{border-color:var(--primary-blue, #217bf4);box-shadow:0 0 0 4px #217bf424}.task-create-drawer__field textarea{resize:vertical;min-height:110px}.task-create-drawer__field--span{grid-column:1 / -1}.task-create-drawer__toggle{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary, #0f172a)}.task-create-drawer__toggle input{accent-color:var(--primary-blue, #217bf4)}.task-create-drawer__toggle span{display:inline-flex;align-items:center;gap:8px}.task-create-drawer__helper{padding:12px 14px;color:var(--text-secondary, #475569);background:#217bf414;border:1px solid rgba(33,123,244,.16);border-radius:14px}.task-create-drawer__attachments-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.task-create-drawer__attachments-header h3{margin:0;color:var(--text-primary, #0f172a)}.task-create-drawer__file-input{display:none}.task-create-drawer__attachment-list{display:flex;flex-direction:column;gap:10px}.task-create-drawer__attachment-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-primary, rgba(15, 23, 42, .12));border-radius:14px;background:var(--bg-secondary, #fff);color:var(--text-primary, #0f172a)}.task-create-drawer__attachment-content{display:flex;align-items:center;gap:12px;min-width:0}.task-create-drawer__attachment-content span{word-break:break-word}.task-create-drawer__attachment-preview{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid var(--border-primary, rgba(15, 23, 42, .12));background:var(--bg-primary, #f8fafc);flex:0 0 auto}.task-create-drawer__footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:12px;padding-top:18px;background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg-secondary, #fff) 32%)}@media (max-width: 768px){.task-create-drawer{width:100vw}.task-create-drawer__section--grid,.task-create-drawer__location-grid{grid-template-columns:1fr}}@keyframes td-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes td-slide-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes td-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes td-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes td-spin{to{transform:rotate(360deg)}}@keyframes td-pulse-dot{0%,to{box-shadow:0 0 color-mix(in srgb,var(--primary-blue) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-blue) 0%,transparent)}}@keyframes td-row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.tasks-dashboard{display:flex;flex-direction:column;gap:var(--space-5);color:var(--text-primary);animation:td-fade-up .35s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.tasks-summary-card{position:relative;min-height:130px;align-items:flex-start;border-radius:var(--radius-2xl);overflow:hidden;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);cursor:default}.tasks-summary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none}.tasks-summary-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg)}.tasks-summary-card:nth-child(1){animation:td-fade-up .35s .05s cubic-bezier(.22,1,.36,1) both}.tasks-summary-card:nth-child(2){animation:td-fade-up .35s .1s cubic-bezier(.22,1,.36,1) both}.tasks-summary-card:nth-child(3){animation:td-fade-up .35s .15s cubic-bezier(.22,1,.36,1) both}.tasks-summary-card:nth-child(4){animation:td-fade-up .35s .2s cubic-bezier(.22,1,.36,1) both}.tasks-summary-card__content{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.tasks-summary-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.03em;text-transform:uppercase;opacity:.75}.tasks-summary-card__value{font-size:clamp(2rem,3vw,2.6rem);font-weight:800;letter-spacing:-.05em;line-height:1}.tasks-dashboard__header{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;animation:td-fade-up .35s .12s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__actions{display:flex;gap:var(--space-2);align-items:center}.tasks-dashboard__actions .btn{min-height:40px;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);letter-spacing:.01em;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),background .18s,border-color .18s}.tasks-dashboard__actions .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.tasks-dashboard__actions .btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.tasks-dashboard__filters{display:flex;gap:var(--space-1);flex-wrap:wrap;padding:5px;border-radius:var(--radius-2xl);background:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);animation:td-fade-up .35s .15s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__tab{position:relative;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--radius-xl);padding:9px 18px;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.01em;transition:background .18s,color .18s,border-color .18s,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;white-space:nowrap}.tasks-dashboard__tab:hover:not(.active){background:var(--bg-tertiary);color:var(--primary-blue);border-color:var(--border-secondary);transform:translateY(-1px)}.tasks-dashboard__tab.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 2px 12px color-mix(in srgb,var(--primary-blue) 38%,transparent);transform:translateY(-1px)}.tasks-dashboard__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;animation:td-fade-up .35s .18s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__search-wrap{position:relative;display:flex;align-items:center;min-width:280px;max-width:440px;width:100%}.tasks-dashboard__search-icon{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none;flex-shrink:0}.tasks-dashboard__search{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s}.tasks-dashboard__search:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 15%,transparent)}.tasks-dashboard__muted{color:var(--text-tertiary);font-size:var(--font-size-sm)}.tasks-dashboard__table-card{overflow:hidden;animation:td-fade-up .35s .22s cubic-bezier(.22,1,.36,1) both;border-radius:var(--radius-2xl);border:1px solid var(--border-primary)}.tasks-dashboard__table{width:100%;border-collapse:collapse}.tasks-dashboard__table th{padding:11px 16px;background:var(--bg-tertiary);font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-primary);white-space:nowrap}.tasks-dashboard__table td{padding:14px 16px;border-bottom:1px solid var(--border-tertiary);text-align:left;vertical-align:middle;font-size:var(--font-size-sm)}.tasks-dashboard__table tbody tr:last-child td{border-bottom:none}.tasks-dashboard__row{cursor:pointer;transition:background .15s;animation:td-row-in .28s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__row:nth-child(1){animation-delay:0s}.tasks-dashboard__row:nth-child(2){animation-delay:.03s}.tasks-dashboard__row:nth-child(3){animation-delay:.06s}.tasks-dashboard__row:nth-child(4){animation-delay:.09s}.tasks-dashboard__row:nth-child(5){animation-delay:.12s}.tasks-dashboard__row:nth-child(6){animation-delay:.15s}.tasks-dashboard__row:nth-child(7){animation-delay:.18s}.tasks-dashboard__row:nth-child(8){animation-delay:.21s}.tasks-dashboard__row:nth-child(9){animation-delay:.24s}.tasks-dashboard__row:nth-child(10){animation-delay:.27s}.tasks-dashboard__row:hover{background:color-mix(in srgb,var(--primary-blue) 5%,var(--bg-secondary))}.tasks-dashboard__row:hover .tasks-dashboard__title-text{color:var(--primary-blue)}.tasks-dashboard__title-cell{display:flex;flex-direction:column;gap:3px}.tasks-dashboard__title-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:color .15s}.tasks-dashboard__code-text{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:monospace;letter-spacing:.03em}.tasks-dashboard__location-badge,.tasks-dashboard__status-badge,.tasks-dashboard__priority-badge{display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;border-radius:var(--radius-full);padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;white-space:nowrap}.tasks-dashboard__location-badge{background:color-mix(in srgb,var(--primary-blue) 10%,var(--bg-secondary));color:var(--primary-blue);border:1px solid color-mix(in srgb,var(--primary-blue) 22%,transparent)}.tasks-dashboard__status-badge--open{background:color-mix(in srgb,var(--info) 12%,var(--bg-secondary));color:var(--info-dark);border:1px solid color-mix(in srgb,var(--info) 22%,transparent)}.tasks-dashboard__status-badge--in-progress{background:color-mix(in srgb,var(--warning-light) 26%,var(--bg-secondary));color:var(--warning-dark);border:1px solid color-mix(in srgb,var(--warning) 26%,transparent)}.tasks-dashboard__status-badge--completed{background:color-mix(in srgb,var(--success-light) 22%,var(--bg-secondary));color:var(--success-dark);border:1px solid color-mix(in srgb,var(--success) 28%,transparent)}.tasks-dashboard__status-badge--rejected,.tasks-dashboard__status-badge--cancelled{background:color-mix(in srgb,var(--error-light) 20%,var(--bg-secondary));color:var(--error-dark);border:1px solid color-mix(in srgb,var(--error) 28%,transparent)}.tasks-dashboard__status-badge--escalated{background:color-mix(in srgb,#a855f7 12%,var(--bg-secondary));color:#7c3aed;border:1px solid color-mix(in srgb,#a855f7 24%,transparent)}.tasks-dashboard__priority-badge--low{background:color-mix(in srgb,var(--info) 10%,var(--bg-secondary));color:var(--info-dark);border:1px solid color-mix(in srgb,var(--info) 20%,transparent)}.tasks-dashboard__priority-badge--medium{background:color-mix(in srgb,var(--warning-light) 26%,var(--bg-secondary));color:var(--warning-dark);border:1px solid color-mix(in srgb,var(--warning) 24%,transparent)}.tasks-dashboard__priority-badge--high{background:color-mix(in srgb,var(--error-light) 22%,var(--bg-secondary));color:var(--error-dark);border:1px solid color-mix(in srgb,var(--error) 28%,transparent)}.tasks-dashboard__priority-badge--critical{background:color-mix(in srgb,var(--error) 20%,var(--bg-secondary));color:var(--error-dark);border:1px solid color-mix(in srgb,var(--error-dark) 36%,transparent);animation:td-pulse-dot 2s ease-in-out infinite}.tasks-dashboard__pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:14px 20px;flex-wrap:wrap;background:var(--bg-secondary);border-top:1px solid var(--border-tertiary)}.tasks-dashboard__pager{display:flex;gap:var(--space-1);align-items:center}.tasks-dashboard__pager .btn{min-width:88px;border-radius:var(--radius-full);font-size:var(--font-size-sm);transition:transform .15s,box-shadow .15s}.tasks-dashboard__pager .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.tasks-dashboard__loading,.tasks-dashboard__empty,.tasks-dashboard__error{padding:64px var(--space-10);text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:td-fade-up .3s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__error{color:var(--error-dark)}.tasks-dashboard__empty-icon,.tasks-dashboard__error-icon{opacity:.35}.tasks-dashboard__skeleton-row td{padding:16px}.tasks-dashboard__skeleton{height:14px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--border-tertiary) 0%,var(--bg-tertiary) 50%,var(--border-tertiary) 100%);background-size:600px 100%;animation:td-shimmer 1.4s ease-in-out infinite}.tasks-dashboard__spinner{width:36px;height:36px;border:3px solid var(--border-secondary);border-top-color:var(--primary-blue);border-radius:50%;animation:td-spin .75s linear infinite}.tasks-dashboard__drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1e52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;animation:td-backdrop-in .2s ease both}.tasks-dashboard__drawer{position:fixed;top:0;right:0;width:min(580px,100%);height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-primary);box-shadow:-24px 0 60px #0a0f1e38;z-index:1201;display:flex;flex-direction:column;animation:td-slide-in .32s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:20px 24px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0}.tasks-dashboard__drawer-title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.tasks-dashboard__drawer-title{margin:0;font-size:var(--font-size-lg);font-weight:700;line-height:1.3;word-break:break-word}.tasks-dashboard__drawer-code{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:monospace;letter-spacing:.04em}.tasks-dashboard__drawer-close{flex-shrink:0;width:34px;height:34px;border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.tasks-dashboard__drawer-close:hover{background:var(--bg-tertiary);color:var(--error-dark);transform:rotate(90deg)}.tasks-dashboard__drawer-body{flex:1 1 auto;min-height:0;padding:20px 24px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.tasks-dashboard__detail-card{padding:18px 20px;border-radius:var(--radius-2xl);border:1px solid var(--border-primary);background:var(--bg-primary);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;animation:td-fade-up .28s cubic-bezier(.22,1,.36,1) both}.tasks-dashboard__detail-card:nth-child(1){animation-delay:0s}.tasks-dashboard__detail-card:nth-child(2){animation-delay:.04s}.tasks-dashboard__detail-card:nth-child(3){animation-delay:.08s}.tasks-dashboard__detail-card:nth-child(4){animation-delay:.12s}.tasks-dashboard__detail-card:nth-child(5){animation-delay:.16s}.tasks-dashboard__detail-card:nth-child(6){animation-delay:.2s}.tasks-dashboard__section-title{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin:0}.tasks-dashboard__section-title svg{opacity:.7}.tasks-dashboard__badge-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tasks-dashboard__description{font-size:var(--font-size-sm);line-height:1.65;color:var(--text-primary);margin:0;white-space:pre-wrap;word-break:break-word}.tasks-dashboard__description--empty{color:var(--text-tertiary);font-style:italic}.tasks-dashboard__action-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.tasks-dashboard__action-row .btn{min-width:100px;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,background .15s,border-color .15s}.tasks-dashboard__action-row .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.tasks-dashboard__action-row .btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.tasks-dashboard__meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.tasks-dashboard__meta-item{display:flex;flex-direction:column;gap:3px}.tasks-dashboard__meta-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.tasks-dashboard__meta-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.tasks-dashboard__comment-input{width:100%;min-height:96px;padding:12px 14px;resize:vertical;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);box-sizing:border-box;transition:border-color .18s,box-shadow .18s;line-height:1.6}.tasks-dashboard__comment-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 14%,transparent)}.tasks-dashboard__comment-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.tasks-dashboard__attachments-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.tasks-dashboard__file-input{display:none}.tasks-dashboard__attachments-list{display:flex;flex-direction:column;gap:8px}.tasks-dashboard__attachment-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-secondary);text-decoration:none;color:inherit;transition:border-color .18s,background .18s,transform .18s cubic-bezier(.22,1,.36,1)}.tasks-dashboard__attachment-item:hover{border-color:var(--primary-blue);background:color-mix(in srgb,var(--primary-blue) 4%,var(--bg-secondary));transform:translate(3px)}.tasks-dashboard__attachment-info{flex:1;min-width:0}.tasks-dashboard__attachment-preview{display:block;width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0}.tasks-dashboard__attachment-preview--large{width:100%;height:auto;max-height:200px;-o-object-fit:cover;object-fit:cover}.tasks-dashboard__attachment-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary)}.tasks-dashboard__attachment-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-blue);word-break:break-all}.tasks-dashboard__attachment-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.tasks-dashboard__file-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tasks-dashboard__file-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);max-width:200px}.tasks-dashboard__file-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-dashboard__file-chip-remove{background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;transition:color .15s;flex-shrink:0}.tasks-dashboard__file-chip-remove:hover{color:var(--error-dark)}.tasks-dashboard__location-map{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-secondary);margin-top:4px}.tasks-dashboard__timeline{display:flex;flex-direction:column;gap:0}.tasks-dashboard__timeline-item{position:relative;padding:12px 0 14px 28px;border-left:2px solid var(--border-secondary);transition:background .15s}.tasks-dashboard__timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.tasks-dashboard__timeline-dot{position:absolute;left:-7px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--primary-blue);border:2px solid var(--bg-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 20%,transparent)}.tasks-dashboard__timeline-action{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.tasks-dashboard__timeline-meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.tasks-dashboard__timeline-note{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:4px;padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-tertiary)}.tasks-dashboard__history-attachment{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-secondary);text-decoration:none;color:inherit;transition:border-color .15s,background .15s;font-size:var(--font-size-xs)}.tasks-dashboard__history-attachment:hover{border-color:var(--primary-blue);background:color-mix(in srgb,var(--primary-blue) 4%,var(--bg-secondary))}.tasks-dashboard__divider{height:1px;background:var(--border-tertiary);margin:0}@media (max-width: 960px){.tasks-dashboard__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tasks-dashboard__meta-grid{grid-template-columns:1fr}}@media (max-width: 640px){.tasks-dashboard__summary{grid-template-columns:1fr 1fr}.tasks-dashboard__table{min-width:680px}.tasks-dashboard__drawer{width:100%}.tasks-dashboard__drawer-body,.tasks-dashboard__drawer-header{padding:16px}.tasks-dashboard__search-wrap{min-width:unset;max-width:100%}}.td-badge{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-full);padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;white-space:nowrap;border:1px solid transparent}.td-badge--open{background:color-mix(in srgb,var(--info) 12%,var(--bg-secondary));color:var(--info-dark);border-color:color-mix(in srgb,var(--info) 22%,transparent)}.td-badge--in-progress{background:color-mix(in srgb,var(--warning-light) 26%,var(--bg-secondary));color:var(--warning-dark);border-color:color-mix(in srgb,var(--warning) 26%,transparent)}.td-badge--completed{background:color-mix(in srgb,var(--success-light) 22%,var(--bg-secondary));color:var(--success-dark);border-color:color-mix(in srgb,var(--success) 28%,transparent)}.td-badge--rejected,.td-badge--cancelled{background:color-mix(in srgb,var(--error-light) 20%,var(--bg-secondary));color:var(--error-dark);border-color:color-mix(in srgb,var(--error) 28%,transparent)}.td-badge--escalated{background:color-mix(in srgb,#a855f7 12%,var(--bg-secondary));color:#7c3aed;border-color:color-mix(in srgb,#a855f7 24%,transparent)}.td-badge--low{background:color-mix(in srgb,var(--info) 10%,var(--bg-secondary));color:var(--info-dark);border-color:color-mix(in srgb,var(--info) 20%,transparent)}.td-badge--medium{background:color-mix(in srgb,var(--warning-light) 26%,var(--bg-secondary));color:var(--warning-dark);border-color:color-mix(in srgb,var(--warning) 24%,transparent)}.td-badge--high{background:color-mix(in srgb,var(--error-light) 22%,var(--bg-secondary));color:var(--error-dark);border-color:color-mix(in srgb,var(--error) 28%,transparent)}.td-badge--critical{background:color-mix(in srgb,var(--error) 20%,var(--bg-secondary));color:var(--error-dark);border-color:color-mix(in srgb,var(--error-dark) 36%,transparent);animation:td-pulse-dot 2s ease-in-out infinite}.td-badge--location{background:color-mix(in srgb,var(--primary-blue) 10%,var(--bg-secondary));color:var(--primary-blue);border-color:color-mix(in srgb,var(--primary-blue) 22%,transparent)}.td-th-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s,color .15s}.td-th-sortable:hover{background:color-mix(in srgb,var(--primary-blue) 6%,var(--bg-tertiary));color:var(--primary-blue)}.td-th-sortable--active{color:var(--primary-blue);background:color-mix(in srgb,var(--primary-blue) 8%,var(--bg-tertiary))}.td-th-inner{display:inline-flex;align-items:center;gap:5px}.td-sort-icon{opacity:.5;display:flex;align-items:center;transition:opacity .15s}.td-th-sortable--active .td-sort-icon{opacity:1}.td-th-sortable:hover .td-sort-icon{opacity:.8}.tasks-dashboard__row--overdue{background:color-mix(in srgb,var(--error) 4%,var(--bg-primary))}.tasks-dashboard__row--overdue:hover{background:color-mix(in srgb,var(--error) 8%,var(--bg-secondary))}.tasks-dashboard__due-cell{display:flex;flex-direction:column;gap:4px}.tasks-dashboard__due-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.03em;width:-moz-fit-content;width:fit-content}.tasks-dashboard__due-chip--overdue{background:color-mix(in srgb,var(--error) 14%,var(--bg-secondary));color:var(--error-dark);border:1px solid color-mix(in srgb,var(--error) 28%,transparent)}.tasks-dashboard__due-chip--today{background:color-mix(in srgb,var(--warning) 18%,var(--bg-secondary));color:var(--warning-dark);border:1px solid color-mix(in srgb,var(--warning) 28%,transparent)}.tasks-dashboard__due-chip--soon{background:color-mix(in srgb,var(--info) 12%,var(--bg-secondary));color:var(--info-dark);border:1px solid color-mix(in srgb,var(--info) 22%,transparent)}.tasks-dashboard__header-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);flex:1}.tasks-dashboard__header-hint kbd{display:inline-block;padding:1px 6px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:4px;font-family:monospace;font-size:11px;color:var(--text-secondary);line-height:1.5}.tasks-dashboard__toolbar-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1}.tasks-dashboard__toolbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.tasks-dashboard__filter-group{display:flex;align-items:center;gap:6px}.tasks-dashboard__filter-icon{color:var(--text-tertiary);flex-shrink:0}.tasks-dashboard__select{padding:8px 28px 8px 12px;border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s}.tasks-dashboard__select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 14%,transparent)}.tasks-dashboard__select--sm{padding:6px 24px 6px 10px;font-size:var(--font-size-xs)}.tasks-dashboard__search-clear{position:absolute;right:12px;background:none;border:none;padding:2px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;border-radius:var(--radius-full);transition:color .15s,background .15s}.tasks-dashboard__search-clear:hover{color:var(--error-dark);background:color-mix(in srgb,var(--error) 10%,transparent)}.tasks-dashboard__active-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tasks-dashboard__filter-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:color-mix(in srgb,var(--primary-blue) 10%,var(--bg-secondary));border:1px solid color-mix(in srgb,var(--primary-blue) 25%,transparent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.tasks-dashboard__filter-chip-remove{background:none;border:none;padding:0;cursor:pointer;color:var(--primary-blue);display:flex;align-items:center;opacity:.65;transition:opacity .15s}.tasks-dashboard__filter-chip-remove:hover{opacity:1}.tasks-dashboard__filter-clear-all{background:none;border:none;padding:0;cursor:pointer;font-size:var(--font-size-xs);color:var(--text-tertiary);text-decoration:underline;transition:color .15s}.tasks-dashboard__filter-clear-all:hover{color:var(--error-dark)}.tasks-dashboard__page-btn{min-width:34px;height:34px;border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tasks-dashboard__page-btn:hover{background:var(--bg-tertiary);color:var(--primary-blue);border-color:var(--primary-blue)}.tasks-dashboard__page-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);font-weight:var(--font-weight-semibold)}.tasks-dashboard__drawer-tabs{display:flex;gap:2px;padding:0 24px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.tasks-dashboard__drawer-tabs::-webkit-scrollbar{display:none}.tasks-dashboard__drawer-tab{display:inline-flex;align-items:center;gap:6px;padding:12px 14px 11px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:color .18s,border-color .18s;margin-bottom:-1px}.tasks-dashboard__drawer-tab:hover{color:var(--text-primary)}.tasks-dashboard__drawer-tab.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.tasks-dashboard__drawer-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:color-mix(in srgb,var(--primary-blue) 14%,var(--bg-secondary));color:var(--primary-blue);border-radius:var(--radius-full);font-size:10px;font-weight:700;line-height:1}.tasks-dashboard__drawer-tab.active .tasks-dashboard__drawer-tab-count{background:var(--primary-blue);color:#fff}@keyframes td-modal-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.td-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1400;animation:td-backdrop-in .18s ease both}.td-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0a0f1e4d;z-index:1401;display:flex;flex-direction:column;animation:td-modal-in .22s cubic-bezier(.22,1,.36,1) both}.td-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-primary)}.td-modal-title-wrap{display:flex;align-items:center;gap:10px}.td-modal-icon{color:var(--error-dark)}.td-modal-title{font-size:var(--font-size-base);font-weight:700;margin:0}.td-modal-close{width:30px;height:30px;border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.td-modal-close:hover{background:var(--bg-tertiary);color:var(--error-dark);transform:rotate(90deg)}.td-modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.td-modal-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.td-modal-textarea{width:100%;min-height:84px;padding:10px 12px;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);resize:vertical;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}.td-modal-textarea:focus{outline:none;border-color:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 14%,transparent)}.td-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--border-primary)}.btn.btn-danger{background:var(--error-dark);color:#fff;border:1px solid var(--error-dark)}.btn.btn-danger:hover:not(:disabled){background:var(--error);border-color:var(--error)}.btn.btn-success{background:var(--success-dark);color:#fff;border:1px solid var(--success-dark)}.btn.btn-success:hover:not(:disabled){background:var(--success);border-color:var(--success)}.tasks-dashboard__meta-item--full{grid-column:1 / -1}.td-attach-thumb{width:20px;height:20px;-o-object-fit:cover;object-fit:cover;border-radius:4px;flex-shrink:0}@media (max-width: 840px){.tasks-dashboard__toolbar{flex-direction:column;align-items:flex-start}.tasks-dashboard__toolbar-left,.tasks-dashboard__toolbar-right{width:100%}.tasks-dashboard__toolbar-right{justify-content:flex-end}.tasks-dashboard__header-hint{display:none}}@media (max-width: 640px){.tasks-dashboard__drawer-tabs{padding:0 16px}.tasks-dashboard__drawer-tab{padding:10px 10px 9px;font-size:var(--font-size-xs);gap:4px}.tasks-dashboard__filter-group{width:100%}.tasks-dashboard__select{flex:1}.td-modal{top:auto;bottom:0;left:0;right:0;width:100%;transform:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}}@media (prefers-reduced-motion: reduce){.tasks-dashboard,.tasks-summary-card,.tasks-dashboard__header,.tasks-dashboard__filters,.tasks-dashboard__toolbar,.tasks-dashboard__table-card,.tasks-dashboard__drawer,.tasks-dashboard__drawer-backdrop,.tasks-dashboard__detail-card,.tasks-dashboard__row,.td-modal,.td-modal-backdrop{animation:none}.tasks-summary-card:hover,.tasks-dashboard__actions .btn:hover,.tasks-dashboard__tab:hover,.tasks-dashboard__action-row .btn:hover,.tasks-dashboard__attachment-item:hover,.tasks-dashboard__pager .btn:hover{transform:none}.td-badge--critical,.tasks-dashboard__priority-badge--critical{animation:none}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.import-data-container{max-width:800px;margin:0 auto;padding:var(--space-6)}.import-data-card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow:hidden}.import-data-card-content{padding:var(--space-8)}.upload-zone{position:relative;border:2px dashed var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;transition:all var(--transition-normal);cursor:pointer;background:var(--bg-secondary);transform:scale(1);box-shadow:var(--shadow-sm)}.upload-zone.drag-active{border-color:var(--primary-blue);background:var(--blue-light);transform:scale(1.02);box-shadow:var(--shadow-xl)}.upload-zone:hover:not(.drag-active){border-color:var(--primary-blue-light);background:var(--bg-tertiary);transform:scale(1.01);box-shadow:var(--shadow-lg)}.upload-zone-content{display:flex;flex-direction:column;gap:var(--space-6)}.upload-icon-container{margin:0 auto;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);background:var(--bg-tertiary);transform:scale(1)}.upload-icon-container.drag-active{background:var(--blue-light);transform:scale(1.1)}.upload-text-content h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.upload-text-content p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-4)}.upload-browse-button{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-lg);border:none;cursor:pointer}.file-success-card{background:linear-gradient(135deg,var(--success-light),var(--success));border:1px solid var(--success);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.file-success-content{display:flex;align-items:center;justify-content:space-between}.file-success-info{display:flex;align-items:center}.file-success-icon{width:48px;height:48px;background:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-right:var(--space-4);box-shadow:var(--shadow-sm)}.file-success-text h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-1);text-shadow:0 2px 4px rgba(0,0,0,.1)}.file-success-text p{color:#fff;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.1);margin:0}.file-remove-button{color:#fff;background:#fff3;padding:var(--space-3);border-radius:var(--radius-xl);transition:all var(--transition-fast);border:none;cursor:pointer;opacity:.8}.file-remove-button:hover{background:#ffffff4d;opacity:1}.mapping-selection-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;margin-top:var(--space-6)}.mapping-selection-header{background:linear-gradient(135deg,var(--purple-light),var(--primary-blue-light));border-bottom:1px solid var(--border-primary);padding:var(--space-6)}.mapping-selection-header-content{display:flex;align-items:center}.mapping-selection-icon{width:40px;height:40px;background:var(--primary-blue-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:var(--space-4)}.mapping-selection-text h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.mapping-selection-text p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.mapping-selection-content{padding:var(--space-8)}.mapping-options{display:flex;flex-direction:column;gap:var(--space-6)}.mapping-dropdown-section{display:flex;flex-direction:column;gap:var(--space-3)}.mapping-dropdown-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.mapping-dropdown-container{position:relative}.mapping-dropdown{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--bg-primary);color:var(--text-primary);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);font-size:var(--font-size-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}.mapping-dropdown:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--blue-light)}.mapping-dropdown-arrow{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.selected-mapping-display{background:var(--blue-light);border:1px solid var(--primary-blue-light);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-2)}.selected-mapping-content{display:flex;align-items:center;justify-content:space-between}.selected-mapping-info p:first-child{font-weight:var(--font-weight-semibold);color:var(--primary-blue-dark);margin:0 0 var(--space-1) 0}.selected-mapping-info p:last-child{font-size:var(--font-size-sm);color:var(--primary-blue-dark);opacity:.8;margin:0}.proceed-button{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.proceed-button:hover{background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.proceed-button:disabled{background:var(--text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}.options-divider{display:flex;align-items:center;gap:var(--space-4)}.divider-line{flex:1;height:1px;background:var(--border-secondary)}.divider-text{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.create-mapping-section{display:flex;flex-direction:column;gap:var(--space-3)}.create-mapping-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border:none;border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.create-mapping-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.create-mapping-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;text-align:center}.no-mappings-message{background:var(--info-light);border:1px solid var(--info);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.no-mappings-icon{width:32px;height:32px;color:var(--info);margin:0 auto var(--space-3)}.no-mappings-title{font-size:var(--font-size-base);color:var(--info-dark);font-weight:var(--font-weight-medium);margin:0 0 var(--space-2) 0}.no-mappings-text{font-size:var(--font-size-sm);color:var(--info-dark);opacity:.8;margin:0}.mappings-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.mappings-loading-spinner{width:32px;height:32px;border:4px solid var(--blue-light);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-4)}.mappings-loading-text{color:var(--text-secondary)}.parsing-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-12) 0}.parsing-card{background:var(--bg-secondary);border:1px solid var(--blue-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.parsing-content{display:flex;align-items:center}.parsing-spinner{width:32px;height:32px;border:4px solid var(--blue-light);border-top:4px solid var(--primary-blue);border-radius:50%;margin-right:var(--space-4);animation:spin 1s linear infinite}.button-spinner{width:16px;height:16px;border:2px solid var(--blue-light);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-2)}.parsing-text h3{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.parsing-text p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.supported-formats-card{margin-top:var(--space-8);background:linear-gradient(135deg,var(--blue-light),var(--info-light));border:1px solid var(--info);border-radius:var(--radius-xl);padding:var(--space-6)}.supported-formats-content{display:flex;align-items:flex-start}.supported-formats-icon{width:40px;height:40px;background:var(--info-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:var(--space-4);flex-shrink:0}.supported-formats-text h4{font-weight:var(--font-weight-semibold);color:var(--info-dark);margin-bottom:var(--space-2);font-size:var(--font-size-base)}.supported-formats-list{display:flex;flex-direction:column;gap:var(--space-2)}.supported-formats-item{color:var(--info-dark);font-size:var(--font-size-sm);margin:0}.supported-formats-note{color:var(--info);font-size:var(--font-size-xs);margin:0}.purpose-card{width:100%;text-align:left;position:relative;padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;background:var(--blue-light)!important;border:2px solid var(--blue-light)!important;background-image:none!important;background-clip:padding-box;overflow:hidden;margin-bottom:var(--space-2);outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none!important}.purpose-card.selected{background:var(--primary-blue)!important;border:2px solid var(--primary-blue)!important}.purpose-card.disabled{cursor:not-allowed;opacity:.5}.purpose-card:hover:not(.selected):not(.disabled){border-color:var(--primary-blue)!important}.purpose-card-content{display:flex;align-items:center;justify-content:space-between;background:transparent}.purpose-card-text{min-width:0;flex:1;background:transparent}.purpose-card-title{font-weight:var(--font-weight-medium);word-break:break-words;font-size:var(--font-size-xs);background:transparent;padding:0;margin:0;color:var(--text-primary)}.purpose-card-title.selected{color:#fff}.purpose-card-description{font-size:var(--font-size-xs);margin-top:var(--space-1);word-break:break-words;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;background:transparent;padding:0;color:var(--text-secondary)}.purpose-card-description.selected{color:#fffc}.purpose-card-icon{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-1);flex-shrink:0;background:transparent}.db-field-card{width:100%;text-align:left;padding:var(--space-2);background:var(--blue-light);border-radius:var(--radius-lg);border:2px solid var(--blue-light);cursor:default;margin-bottom:var(--space-2)}.db-field-content{display:flex;align-items:center;justify-content:space-between}.db-field-text{min-width:0;flex:1}.db-field-title{font-weight:var(--font-weight-medium);color:var(--text-primary);word-break:break-words;font-size:var(--font-size-xs);background:transparent;padding:0;margin:0}.db-field-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--space-1);word-break:break-words;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;background:transparent;padding:0}.db-field-badges{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-1);flex-shrink:0}.db-field-required-badge{display:inline-flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--error-light);color:var(--error-dark)}.purpose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);max-width:100%}.db-field-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:var(--radius-xl);z-index:3}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-secondary);border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}:root{--primary-blue: #0077b6;--primary-blue-light: #00a8e8;--primary-blue-lightest: #e0f2fe;--primary-blue-dark: #005577;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--bg-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-muted: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-tertiary: #f1f5f9;--success: #10b981;--success-light: #d1fae5;--success-dark: #059669;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--error: #ef4444;--error-light: #fee2e2;--error-dark: #dc2626;--info: #3b82f6;--info-light: #dbeafe;--info-dark: #1d4ed8;--blue-light: #dbeafe;--blue-dark: #1e40af;--green-light: #d1fae5;--green-dark: #065f46;--orange-light: #ffedd5;--orange-dark: #c2410c;--purple-light: #f3e8ff;--purple-dark: #7c3aed;--font-family-base: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .4rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 8px -2px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 12px 20px -4px rgba(0,0,0,.09), 0 4px 8px -4px rgba(0,0,0,.05);--shadow-xl: 0 24px 40px -8px rgba(0,0,0,.12), 0 8px 16px -4px rgba(0,0,0,.06);--focus-ring: 0 0 0 3px rgba(0, 119, 182, .18);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .18);--transition-fast: .14s ease;--transition-normal: .22s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1a2236;--bg-tertiary: #243044;--bg-elevated: #1e293b;--shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 8px -2px rgba(0,0,0,.4), 0 2px 4px -2px rgba(0,0,0,.25);--shadow-lg: 0 12px 20px -4px rgba(0,0,0,.5), 0 4px 8px -4px rgba(0,0,0,.3);--shadow-xl: 0 24px 40px -8px rgba(0,0,0,.6), 0 8px 16px -4px rgba(0,0,0,.35);--focus-ring: 0 0 0 3px rgba(14, 165, 233, .25);--primary-blue-lightest: rgba(14, 165, 233, .12);--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--border-primary: #334155;--border-secondary: #475569;--border-tertiary: #64748b;--gray-50: #64748b;--gray-100: #475569;--gray-200: #334155;--gray-300: #1e293b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff;--success: #22c55e;--success-light: #4ade80;--success-dark: #16a34a;--warning: #eab308;--warning-light: #facc15;--warning-dark: #ca8a04;--error: #ef4444;--error-light: #f87171;--error-dark: #dc2626;--info: #3b82f6;--info-light: #60a5fa;--info-dark: #2563eb;--blue-light: #1e3a8a;--blue-dark: #93c5fd;--green-light: #064e3b;--green-dark: #a7f3d0;--orange-light: #9a3412;--orange-dark: #fdba74;--purple-light: #581c87;--purple-dark: #c4b5fd;--primary-blue: #0ea5e9;--primary-blue-light: #38bdf8;--primary-blue-dark: #0284c7}[data-theme=black]{--bg-primary: #000000;--bg-secondary: #0d0d0d;--bg-tertiary: #181818;--bg-elevated: #111111;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 4px 8px rgba(0,0,0,.6);--shadow-lg: 0 12px 20px rgba(0,0,0,.7);--shadow-xl: 0 24px 40px rgba(0,0,0,.8);--focus-ring: 0 0 0 3px rgba(0, 170, 255, .3);--primary-blue-lightest: rgba(0, 170, 255, .1);--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-tertiary: #cccccc;--text-muted: #999999;--border-primary: #2a2a2a;--border-secondary: #3a3a3a;--border-tertiary: #4a4a4a;--gray-50: #4a4a4a;--gray-100: #3a3a3a;--gray-200: #2a2a2a;--gray-300: #1a1a1a;--gray-400: #999999;--gray-500: #cccccc;--gray-600: #e5e5e5;--gray-700: #f0f0f0;--gray-800: #f8f8f8;--gray-900: #ffffff;--success: #00ff88;--success-light: #33ff99;--success-dark: #00cc66;--warning: #ffcc00;--warning-light: #ffdd33;--warning-dark: #cc9900;--error: #ff4444;--error-light: #ff6666;--error-dark: #cc2222;--info: #0099ff;--info-light: #33aaff;--info-dark: #0077cc;--blue-light: #001155;--blue-dark: #66ccff;--green-light: #003322;--green-dark: #66ffaa;--orange-light: #552200;--orange-dark: #ffaa66;--purple-light: #330055;--purple-dark: #cc99ff;--primary-blue: #00aaff;--primary-blue-light: #33bbff;--primary-blue-dark: #0088cc}@media (prefers-reduced-motion: no-preference){:root{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.btn,.modal-overlay,.modal-content,input,textarea,select,[data-transition=custom]{transition:all var(--transition-fast)}}html{font-size:16px;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}html::-webkit-scrollbar{display:none}html,*{scrollbar-width:none}*::-webkit-scrollbar{display:none}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}body::-webkit-scrollbar{display:none}body{scrollbar-width:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0;transition:color var(--transition-normal)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}h5{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}h6{font-size:var(--font-size-base);margin-bottom:var(--space-2)}p{margin:0 0 var(--space-1) 0;color:var(--gray-700)}.container{width:100%;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),color var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.01em}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 1px 3px #0077b64d}.btn-primary:hover:not(:disabled){background-color:var(--primary-blue-dark);border-color:var(--primary-blue-dark);box-shadow:0 3px 8px #0077b659;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success);box-shadow:0 1px 3px #10b9814d}.btn-success:hover:not(:disabled){background-color:var(--success-dark);border-color:var(--success-dark);box-shadow:0 3px 8px #10b98159;transform:translateY(-1px)}.btn-warning{background-color:var(--warning);color:#fff;border-color:var(--warning);box-shadow:0 1px 3px #f59e0b4d}.btn-warning:hover:not(:disabled){background-color:var(--warning-dark);border-color:var(--warning-dark);box-shadow:0 3px 8px #f59e0b59;transform:translateY(-1px)}.btn-error{background-color:var(--error);color:#fff;border-color:var(--error);box-shadow:0 1px 3px #ef44444d}.btn-error:hover:not(:disabled){background-color:var(--error-dark);border-color:var(--error-dark);box-shadow:0 3px 8px #ef444459;transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:calc(var(--space-2) - 2px) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-icon-sm{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn-icon-sm:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.btn-icon-sm:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:box-shadow var(--transition-normal),border-color var(--transition-normal),background-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;transition:border-color var(--transition-normal)}.card-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-header.p-2{padding:var(--space-2) var(--space-3)}.card-header.p-3{padding:var(--space-3) var(--space-4)}.card-body{padding:var(--space-5) var(--space-5)}.card-body.p-2{padding:var(--space-2)}.card-body.p-4{padding:var(--space-4)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-primary);background-color:var(--bg-tertiary);transition:border-color var(--transition-normal),background-color var(--transition-normal)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);display:flex;align-items:center;gap:var(--space-4);transition:box-shadow var(--transition-normal),transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0 60%,#ffffff0a);pointer-events:none}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:var(--primary-blue);color:#fff;flex-shrink:0;box-shadow:0 2px 8px #0077b640}.stat-card.active .stat-icon{background:var(--success);box-shadow:0 2px 8px #10b98140}.stat-card.warning .stat-icon{background:var(--warning);box-shadow:0 2px 8px #f59e0b40}.stat-card.error .stat-icon{background:var(--error);box-shadow:0 2px 8px #ef444440}.stat-card.info .stat-icon{background:var(--info);box-shadow:0 2px 8px #3b82f640}.stat-card.success .stat-icon{background:var(--success);box-shadow:0 2px 8px #10b98140}.stat-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;letter-spacing:-.02em;line-height:1;transition:color var(--transition-normal)}.stat-content p{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0;font-weight:var(--font-weight-medium);letter-spacing:.01em;text-transform:uppercase;transition:color var(--transition-normal)}.table-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.table-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);transition:border-color var(--transition-normal)}.table-header h3,.table-footer h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;letter-spacing:-.01em;transition:color var(--transition-normal)}.table-info{font-size:var(--font-size-xs);color:var(--text-muted);transition:color var(--transition-normal)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{background-color:var(--bg-tertiary);padding:var(--space-2) var(--space-3);text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border-primary);white-space:nowrap;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.data-table td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-tertiary);vertical-align:middle;color:var(--text-secondary);transition:color var(--transition-normal),border-color var(--transition-normal);text-align:center}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-tertiary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .id-column{display:none}.action-buttons{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.action-btn.view{color:var(--info);border-color:#3b82f64d}.action-btn.view:hover{background-color:var(--info-light);border-color:var(--info);color:var(--info-dark)}.action-btn.edit{color:var(--warning);border-color:#f59e0b4d}.action-btn.edit:hover{background-color:var(--warning-light);border-color:var(--warning);color:var(--warning-dark)}.action-btn.delete{color:var(--error);border-color:#ef44444d}.action-btn.delete:hover{background-color:var(--error-light);border-color:var(--error);color:var(--error-dark)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-1);letter-spacing:.02em;text-transform:uppercase;transition:color var(--transition-normal)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast),background-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-fast)}.form-input:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus),.form-textarea:hover:not(:disabled):not(:focus){border-color:var(--border-secondary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:var(--focus-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.7}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error);box-shadow:var(--focus-ring-error)}.form-error-text{font-size:var(--font-size-xs);color:var(--error);margin-top:var(--space-1)}.search-input{padding:var(--space-2) var(--space-4) var(--space-2) 40px;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);min-width:240px;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast),background-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:var(--focus-ring)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:modalFadeIn .18s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 0 1px var(--border-primary);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transition:background-color var(--transition-normal);padding:var(--space-3) var(--space-1);animation:modalSlideIn .2s cubic-bezier(.34,1.4,.64,1)}.modal-content--wide{max-width:min(960px,calc(100vw - 32px))}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;transition:border-color var(--transition-normal)}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;letter-spacing:-.01em;transition:color var(--transition-normal)}.modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;color:var(--text-tertiary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.modal-close:hover{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:var(--space-3);transition:border-color var(--transition-normal)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;border:1px solid transparent;letter-spacing:.01em}.badge-primary{background-color:var(--primary-blue-lightest);color:var(--primary-blue-dark);border-color:#0077b633}.badge-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.badge-success{background-color:var(--success-light);color:var(--success-dark);border-color:#10b98140}.badge-warning{background-color:var(--warning-light);color:var(--warning-dark);border-color:#f59e0b40}.badge-error{background-color:var(--error-light);color:var(--error-dark);border-color:#ef444440}.badge-info{background-color:var(--info-light);color:var(--info-dark);border-color:#3b82f640}.id-badge{background-color:var(--bg-tertiary);color:var(--text-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:background-color var(--transition-normal),color var(--transition-normal)}.code-badge{background-color:var(--primary-blue);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.row-index-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-secondary)}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:360px;width:100%}.loading-content,.error-content{text-align:center;padding:var(--space-10)}.loading-spinner{animation:spin .9s linear infinite;color:var(--primary-blue);margin-bottom:var(--space-4)}.error-icon{color:var(--error);margin-bottom:var(--space-4);display:flex;justify-content:center}.no-data-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);padding:var(--space-16) var(--space-8);text-align:center;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.no-data-content{max-width:400px;margin:0 auto}.no-data-icon{color:var(--gray-400);margin-bottom:var(--space-5);display:flex;justify-content:center}.no-data-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2);transition:color var(--transition-normal)}.no-data-content p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed);transition:color var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media (min-width: 576px){.container{max-width:var(--container-sm)}.grid-sm-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-sm-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.container{max-width:var(--container-md)}.grid-md-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-md-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-md-4{grid-template-columns:repeat(4,minmax(0,1fr))}.search-input{min-width:300px}}@media (max-width: 1024px) and (min-width: 769px){.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.search-input{min-width:250px}.stat-card{padding:var(--space-5);gap:var(--space-3)}.data-table th,.data-table td{padding:var(--space-3) var(--space-5)}.table-header{padding:var(--space-4) var(--space-5)}}@media (min-width: 992px){.container{max-width:var(--container-lg)}.grid-lg-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-lg-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-lg-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1200px){.container{max-width:var(--container-xl)}}@media (min-width: 1400px){.container{max-width:var(--container-2xl)}}@media (max-width: 767px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.modal-overlay{padding:var(--space-2)}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);flex-direction:column}.search-input{min-width:200px}.grid-cols-auto,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-5);gap:var(--space-3)}.data-table th,.data-table td{padding:var(--space-3) var(--space-4)}.action-buttons{flex-wrap:wrap}.no-data-card{padding:var(--space-10) var(--space-5)}}@media (max-width: 479px){h1{font-size:var(--font-size-2xl)}.search-input{min-width:150px}.grid-cols-auto,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-4);flex-direction:column;text-align:center}.data-table th,.data-table td{padding:var(--space-2) var(--space-3)}.table-header{padding:var(--space-4);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.no-data-card{padding:var(--space-8) var(--space-4)}}@media (max-width: 360px){html{font-size:14px}h1{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}h3{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.container{padding:0 var(--space-2)}.page-container{padding:0;overflow-x:hidden;height:100%}.page-header{margin:var(--space-6) 0;padding:0 var(--space-3)}.page-header h1{font-size:var(--font-size-2xl);line-height:1.2}.page-subtitle{font-size:var(--font-size-sm);margin-top:var(--space-2)}.grid{gap:var(--space-3)}.grid-cols-auto,.grid-md-2,.grid-lg-2,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.search-input{min-width:100px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);height:36px}.action-bar{padding:var(--space-3);flex-direction:column;gap:var(--space-3);align-items:stretch}.action-left,.action-right{flex-direction:column;gap:var(--space-2);width:100%}.action-left .search-container{width:100%}.action-right{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.action-right .btn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card{padding:var(--space-3);flex-direction:column;text-align:center;min-height:auto}.stat-icon{width:40px;height:40px;margin-bottom:var(--space-2)}.stat-content h3{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.stat-content p{font-size:10px;margin:0}.table-card{margin:0 var(--space-2);border-radius:var(--radius-lg)}.table-header{padding:var(--space-3);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.table-header h3{font-size:var(--font-size-lg);margin:0}.table-info{font-size:10px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:500px;font-size:10px}.data-table th,.data-table td{padding:var(--space-2) var(--space-2);font-size:10px;white-space:nowrap}.data-table th:first-child,.data-table td:first-child{position:sticky;left:0;background:var(--bg-secondary);z-index:1;box-shadow:2px 0 4px #0000001a}.action-buttons{gap:var(--space-1);min-width:70px}.action-btn{width:24px;height:24px;font-size:10px}.btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px;gap:var(--space-1)}.btn-sm{padding:2px var(--space-1);font-size:9px;min-height:32px}.card{margin:0 var(--space-2);border-radius:var(--radius-lg)}.card-header,.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-3) var(--space-4)}.chart-container{height:250px;margin:0 -var(--space-2)}.dashboard-content{grid-template-columns:1fr;gap:var(--space-4);padding:0 var(--space-2)}.modal-overlay{padding:var(--space-2)}.modal-content{max-height:95vh;border-radius:var(--radius-lg)}.modal-header{padding:var(--space-4);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.modal-header h2{font-size:var(--font-size-lg);margin:0}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3)}.modal-body{padding:var(--space-4);max-height:60vh;overflow-y:auto}.modal-footer{padding:var(--space-3) var(--space-4);flex-direction:column;gap:var(--space-2)}.modal-footer .btn{width:100%}.form-grid{grid-template-columns:1fr;gap:var(--space-4)}.form-item input,.form-item select,.form-item textarea{padding:var(--space-2) var(--space-2);font-size:var(--font-size-sm);min-height:40px}.form-label{font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.checkbox-label{gap:var(--space-3);padding:var(--space-2) 0}.checkbox-label input[type=checkbox]{width:18px;height:18px}.detail-grid{grid-template-columns:1fr;gap:var(--space-3)}.detail-item{padding:var(--space-2);background:var(--gray-50);border-radius:var(--radius-md)}.detail-label{font-size:10px;margin-bottom:var(--space-1)}.detail-value{font-size:var(--font-size-xs);word-break:break-word}.alert-overlay{padding:var(--space-3)}.alert-content{max-width:100%;border-radius:var(--radius-lg)}.alert-header{padding:var(--space-5) var(--space-4) var(--space-3) var(--space-4)}.alert-body{padding:0 var(--space-4) var(--space-4) var(--space-4)}.alert-actions{padding:0 var(--space-4) var(--space-4) var(--space-4);flex-direction:column;gap:var(--space-2)}.alert-btn{width:100%;min-height:40px}.alert-title{font-size:var(--font-size-lg)}.alert-message p{font-size:var(--font-size-sm);line-height:1.4}.scroll-to-top{bottom:16px;right:16px;width:44px;height:44px}.layout:has(.sidebar.mobile-open) .scroll-to-top{opacity:.3;pointer-events:none}.badge{padding:2px var(--space-2);font-size:10px}.id-badge,.code-badge,.status-badge,.region-badge,.country-badge,.language-badge,.tax-badge,.email-badge,.bank-badge,.branch-badge{padding:2px var(--space-1);font-size:10px}.loading-container,.error-container{min-height:300px;padding:var(--space-4)}.loading-content,.error-content{padding:var(--space-6)}.no-data-card{padding:var(--space-6) var(--space-3);margin:0 var(--space-2)}.no-data-content h3{font-size:var(--font-size-lg)}.no-data-content p{font-size:var(--font-size-sm)}}@media (max-width: 320px){html{font-size:13px}h1{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}h2{font-size:var(--font-size-base);margin-bottom:var(--space-2)}h3{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.container{padding:0 var(--space-1)}.page-container{padding:0}.page-header{margin-bottom:var(--space-4);padding:0 var(--space-2)}.page-header h1{font-size:var(--font-size-xl);line-height:1.1}.page-subtitle{font-size:var(--font-size-xs);margin-top:var(--space-1)}.action-bar{padding:var(--space-2);gap:var(--space-2)}.action-left,.action-right{gap:var(--space-1)}.action-right .btn{padding:var(--space-1) var(--space-2);font-size:10px;min-height:32px}.stat-card{padding:var(--space-2);gap:var(--space-1)}.stat-icon{width:36px;height:36px}.stat-content h3{font-size:var(--font-size-lg);margin-bottom:2px}.stat-content p{font-size:10px;margin:0}.table-card{margin:0 var(--space-1)}.table-header{padding:var(--space-2);gap:var(--space-1)}.table-header h3{font-size:var(--font-size-base)}.table-info{font-size:10px}.data-table{min-width:480px;font-size:10px}.data-table th,.data-table td{padding:var(--space-1) var(--space-1);font-size:10px}.action-buttons{min-width:70px}.action-btn{width:24px;height:24px;font-size:10px}.btn{padding:var(--space-1) var(--space-2);font-size:10px;min-height:32px;gap:2px}.btn-sm{padding:2px var(--space-1);font-size:9px;min-height:28px}.card{margin:0 var(--space-1)}.card-header,.card-body{padding:var(--space-3)}.card-footer{padding:var(--space-2) var(--space-3)}.chart-container{height:200px;margin:0 -var(--space-1)}.modal-overlay{padding:var(--space-1)}.modal-content{border-radius:var(--radius-md)}.modal-header{padding:var(--space-3)}.modal-header h2{font-size:var(--font-size-base)}.modal-close{top:var(--space-2);right:var(--space-2);padding:var(--space-1)}.modal-body{padding:var(--space-3);max-height:55vh}.modal-footer{padding:var(--space-2) var(--space-3)}.form-item input,.form-item select,.form-item textarea{padding:var(--space-2) var(--space-2);font-size:var(--font-size-xs);min-height:36px}.form-label{font-size:10px;margin-bottom:2px}.checkbox-label{padding:var(--space-3) 0;gap:var(--space-4)}.checkbox-label input[type=checkbox]{width:20px;height:20px}.checkbox-label input[type=checkbox]:checked:after{top:2px;left:6px;width:6px;height:10px}.detail-item{padding:var(--space-1)}.detail-label{font-size:9px;margin-bottom:2px}.detail-value{font-size:10px}.alert-overlay{padding:var(--space-2)}.alert-header{padding:var(--space-4) var(--space-3) var(--space-2) var(--space-3)}.alert-body,.alert-actions{padding:0 var(--space-3) var(--space-3) var(--space-3)}.alert-btn{min-height:36px;font-size:var(--font-size-xs)}.alert-title{font-size:var(--font-size-base)}.alert-message p{font-size:var(--font-size-xs);line-height:1.3}.scroll-to-top{bottom:12px;right:12px;width:40px;height:40px}.badge{padding:1px var(--space-1);font-size:9px}.id-badge,.code-badge,.status-badge,.region-badge,.country-badge,.language-badge,.tax-badge,.email-badge,.bank-badge,.branch-badge{padding:1px 2px;font-size:9px}.loading-container,.error-container{min-height:250px;padding:var(--space-3)}.loading-content,.error-content{padding:var(--space-4)}.no-data-card{padding:var(--space-4) var(--space-2);margin:0 var(--space-1)}.no-data-content h3{font-size:var(--font-size-base)}.no-data-content p{font-size:var(--font-size-xs)}.search-input{min-width:80px;padding:var(--space-1) var(--space-2);font-size:10px;height:32px}.country-info{gap:var(--space-2)}.flag-placeholder{width:20px;height:14px;font-size:9px}.country-name{font-size:var(--font-size-xs)}.phone-badge{padding:1px var(--space-1);font-size:9px}.not-found-page{min-height:calc(100vh - 60px);padding:var(--space-6) var(--space-2)}.error-code{font-size:4rem;margin-bottom:var(--space-3)}.error-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.error-description{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.error-actions{gap:var(--space-2)}.topbar .search-input{height:30px;font-size:11px;padding:0 10px 0 30px}.topbar .search-icon{left:8px}.topbar .avatar{width:28px;height:28px}.topbar .notifications{padding:4px}.grid{gap:var(--space-2)}.grid-cols-auto,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}*{word-wrap:break-word;overflow-wrap:break-word}button,.btn,.action-btn,input,select,textarea{min-height:32px;min-width:32px}.page-container,.modal-content,.card,.table-card{max-width:100vw;overflow-x:hidden}}@media (max-width: 400px){.login-page-container{padding:.5rem;min-height:100vh;align-items:flex-start}}@media (max-width: 340px){.login-page-container{padding:.25rem}}.hidden{display:none!important}.visible{display:block!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-primary{color:var(--primary-blue)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-white{background-color:var(--bg-secondary)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.rounded{border-radius:var(--radius-lg)}.rounded-lg{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.checkbox-item{display:flex;align-items:center;margin-bottom:var(--space-3)}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-primary)}.checkbox-input{width:18px;height:18px;margin-right:var(--space-2);cursor:pointer;accent-color:var(--primary-blue)}.checkbox-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.feature-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--space-1)}.feature-badge.supported{background-color:var(--success-light);color:var(--success-dark)}.feature-badge.not-supported{background-color:var(--gray-100);color:var(--gray-600)}.device-info{display:flex;align-items:center;gap:var(--space-3);justify-content:center;width:100%}.device-icon{font-size:var(--font-size-lg)}.device-name{font-weight:var(--font-weight-medium);color:var(--gray-900)}.code-badge{background-color:var(--gray-100);color:var(--gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.manufacturer-badge{background-color:var(--primary-blue-light);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.grade-info{display:flex;align-items:center;gap:var(--space-3)}.grade-icon{font-size:var(--font-size-lg)}.grade-name{font-weight:var(--font-weight-medium);color:var(--gray-900)}.description-text{color:var(--gray-600);font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-sm);line-height:1.5;resize:vertical;min-height:80px;transition:border-color var(--transition-fast)}textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0077b61a}textarea::-moz-placeholder{color:var(--gray-400)}textarea::placeholder{color:var(--gray-400)}.page-container{padding:0;width:100%;max-width:100%;overflow-x:hidden}.page-container::-webkit-scrollbar{display:none}.page-container{scrollbar-width:none}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.page-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);margin:0}.action-bar{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);margin-bottom:var(--space-2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.action-left,.action-right{display:flex;align-items:center;gap:var(--space-8)}.link-preview{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-secondary)}.link-preview__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.link-preview__value{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.link-preview__chip{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full);padding:4px 10px;font-size:var(--font-size-sm);color:var(--text-primary);box-shadow:var(--shadow-sm)}.link-preview__arrow{color:var(--text-tertiary);font-size:var(--font-size-sm)}.country-info{display:flex;align-items:center;gap:var(--space-3)}.flag-placeholder{width:24px;height:16px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs)}.country-name{font-weight:var(--font-weight-medium);color:var(--gray-900)}.phone-badge{background-color:var(--success-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.chart-container{height:300px;width:100%;max-width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.chart-container canvas{max-width:100%!important;height:auto!important}.chart-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chart-container[style*="height: 250px"]{height:250px!important}.chart-container[style*="height: 120px"]{height:120px!important}.dashboard-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.not-found-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5)}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;width:100%;text-align:center}.not-found-content{text-align:center;margin-bottom:var(--space-10)}.error-code{font-size:8rem;font-weight:900;color:var(--primary-blue);line-height:1;margin-bottom:var(--space-5);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-4)}.error-description{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.error-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.not-found-illustration{display:flex;align-items:center;justify-content:center;margin-top:var(--space-5)}.search-icon{color:var(--gray-300);opacity:.4}.form-section{margin-bottom:var(--space-12)}.form-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-200)}.section-header{display:flex!important;align-items:center!important;gap:8px!important}.section-header svg{flex-shrink:0}.section-header span{flex:1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-10)}.form-item-checkbox{display:flex;align-items:center;min-height:60px}.form-item-checkbox .checkbox-label{width:100%;margin:0;padding:var(--space-3);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);transition:all var(--transition-fast)}.form-item-checkbox .checkbox-label:hover{border-color:var(--primary-blue);background-color:var(--bg-secondary)}.form-item{display:flex;flex-direction:column}.form-item label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.form-item input,.form-item select,.form-item textarea{padding:var(--space-2) var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background-color:var(--bg-primary);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-item select option{background-color:var(--bg-primary);color:var(--text-primary)}.form-item input::-moz-placeholder,.form-item select::-moz-placeholder,.form-item textarea::-moz-placeholder{color:var(--text-muted)}.form-item input::placeholder,.form-item select::placeholder,.form-item textarea::placeholder{color:var(--text-muted)}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0077b61a}.input-error{border-color:var(--error)!important;box-shadow:0 0 0 3px #ef44441a!important}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--transition-fast);margin-bottom:0;padding:var(--space-2) 0;min-height:44px}.form-item .checkbox-label{margin-top:32px;justify-content:flex-start;align-items:center;height:1px}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input[type=checkbox]{position:relative;width:32px;height:28px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--border-secondary);border-radius:var(--radius-sm);background-color:var(--bg-secondary);transition:all var(--transition-fast);flex-shrink:0}.checkbox-label input[type=checkbox]:hover{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0077b61a}.checkbox-label input[type=checkbox]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0077b633}.checkbox-label input[type=checkbox]:checked{background-color:var(--primary-blue);border-color:var(--primary-blue)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:20%;left:12px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:disabled{background-color:var(--gray-100);border-color:var(--gray-300);cursor:not-allowed;opacity:.6}.checkbox-label input[type=checkbox]:disabled+span{color:var(--text-muted);cursor:not-allowed}.checkbox-label.checkbox-success input[type=checkbox]:checked{background-color:var(--success);border-color:var(--success)}.checkbox-label.checkbox-warning input[type=checkbox]:checked{background-color:var(--warning);border-color:var(--warning)}.checkbox-label.checkbox-error input[type=checkbox]:checked{background-color:var(--error);border-color:var(--error)}.checkbox-label.checkbox-sm{font-size:var(--font-size-xs);gap:var(--space-2)}.checkbox-label.checkbox-sm input[type=checkbox]{width:14px;height:14px}.checkbox-label.checkbox-sm input[type=checkbox]:checked:after{top:0;left:3px;width:4px;height:8px}.checkbox-label.checkbox-lg{font-size:var(--font-size-base);gap:var(--space-4)}.checkbox-label.checkbox-lg input[type=checkbox]{width:22px;height:22px}.checkbox-label.checkbox-lg input[type=checkbox]:checked:after{top:2px;left:7px;width:7px;height:12px}.error-text{color:var(--error);font-size:var(--font-size-xs);margin-top:var(--space-1)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.detail-value{font-size:var(--font-size-sm);color:var(--gray-900);font-weight:var(--font-weight-medium)}.detail-value.empty{color:var(--gray-400);font-style:italic}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.edit-form{overflow-y:auto;padding-right:var(--space-2)}.edit-form::-webkit-scrollbar{display:none}.edit-form{scrollbar-width:none}.alert{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.alert-warning{background-color:transparent!important;color:var(--warning-dark);border:1px solid var(--warning)}.alert-error{background-color:transparent!important;color:var(--error-dark);border:1px solid var(--error)}.alert-success{background-color:transparent!important;color:var(--success-dark);border:1px solid var(--success)}.alert-info{background-color:transparent!important;color:var(--info-dark);border:1px solid var(--info)}.alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-5);animation:alertFadeIn .2s ease-out}.alert-content{background:#fff!important;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0000001a;max-width:480px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:alertSlideIn .3s ease-out}.alert-header{text-align:center;padding:var(--space-8) var(--space-8) var(--space-4) var(--space-8)}.alert-icon-container{margin-bottom:var(--space-4)}.alert-icon{display:block;margin:0 auto}.alert-icon.success{color:var(--success)}.alert-icon.error{color:var(--error)}.alert-icon.warning{color:var(--warning)}.alert-icon.info{color:var(--info)}.alert-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0;line-height:var(--line-height-tight)}.alert-body{padding:0 var(--space-8) var(--space-6) var(--space-8)}.alert-message{text-align:center;color:var(--text-primary);line-height:var(--line-height-relaxed);margin:var(--space-4) 0}.alert-message p{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.alert-message p:first-child{font-size:var(--font-size-base);font-family:inherit;font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.alert-message p:last-child{margin-bottom:0}.alert-message p:empty{margin:0;height:var(--space-2)}.alert-title.alert-title-success,.alert-message.alert-message-success,.alert-message.alert-message-success p{color:var(--success-dark)}.alert-message.alert-message-success.alert-message-success-created,.alert-message.alert-message-success.alert-message-success-created p,.alert-message.alert-message-success.alert-message-success-updated,.alert-message.alert-message-success.alert-message-success-updated p{color:var(--success-dark);font-weight:var(--font-weight-semibold)}[data-theme=dark] .alert-message.alert-message-success.alert-message-success-created,[data-theme=dark] .alert-message.alert-message-success.alert-message-success-created p,[data-theme=dark] .alert-message.alert-message-success.alert-message-success-updated,[data-theme=dark] .alert-message.alert-message-success.alert-message-success-updated p,[data-theme=black] .alert-message.alert-message-success.alert-message-success-created,[data-theme=black] .alert-message.alert-message-success.alert-message-success-created p,[data-theme=black] .alert-message.alert-message-success.alert-message-success-updated,[data-theme=black] .alert-message.alert-message-success.alert-message-success-updated p{color:var(--success-light)}.alert-actions{padding:0 var(--space-8) var(--space-8) var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.alert-countdown{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-2)}.alert-progress{width:100%;max-width:220px;height:6px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden;border:1px solid var(--border-primary)}.alert-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--primary-blue),var(--success));transition:width 50ms linear}.alert-btn-container{display:flex;gap:var(--space-3);justify-content:center}.alert-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:none;cursor:pointer;transition:all var(--transition-fast);min-width:100px}.alert-btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.alert-btn-secondary:hover{background:var(--gray-200);color:var(--gray-800)}.alert-btn-primary{background:var(--primary-blue);color:#fff}.alert-btn-primary:hover{background:var(--primary-blue-dark)}.alert-btn-primary.success{background:var(--success)}.alert-btn-primary.success:hover{background:var(--success-dark)}.alert-btn-primary.error{background:var(--error)}.alert-btn-primary.error:hover{background:var(--error-dark)}.alert-btn-primary.warning{background:var(--warning)}.alert-btn-primary.warning:hover{background:var(--warning-dark)}.alert-btn-primary.info{background:var(--info)}.alert-btn-primary.info:hover{background:var(--info-dark)}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alertSlideIn{0%{opacity:0;transform:scale(.8) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .alert-content{background:var(--bg-secondary)!important;box-shadow:0 20px 60px #0006;border:1px solid var(--border-primary)}[data-theme=dark] .alert-title,[data-theme=dark] .alert-message{color:var(--text-primary)}[data-theme=dark] .alert-countdown{color:var(--text-secondary)}[data-theme=dark] .alert-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}[data-theme=dark] .alert-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=black] .alert-content{background:var(--bg-secondary)!important;box-shadow:0 20px 60px #0009;border:1px solid var(--border-primary)}[data-theme=black] .alert-title,[data-theme=black] .alert-message{color:var(--text-primary)}[data-theme=black] .alert-countdown{color:var(--text-secondary)}[data-theme=black] .alert-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}[data-theme=black] .alert-btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0077b64d;transition:all var(--transition-normal);z-index:var(--z-fixed);animation:fadeInUp .3s ease}.scroll-to-top:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #0077b666;background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue))}.scroll-to-top:active{transform:translateY(-1px) scale(1.02)}.scroll-to-top:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-full);background:var(--primary-blue);opacity:.3;animation:pulse 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}to{transform:scale(1.4);opacity:0}}[dir=rtl]{text-align:right}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] input,[dir=rtl] textarea{text-align:right}[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}[dir=rtl] .pr-4{padding-right:0;padding-left:1rem}[dir=rtl] .icon-flip{transform:scaleX(-1)}[dir=rtl] table th,[dir=rtl] table td,[dir=rtl] .form-group{text-align:right}[dir=rtl] .btn-icon{flex-direction:row-reverse}.settings-container{padding:var(--space-8);max-width:800px;margin:0 auto;min-height:calc(100vh - 64px);background-color:var(--bg-tertiary)}.settings-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.settings-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.settings-section-title svg{color:var(--text-tertiary)}.settings-section-subtitle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-3)}.settings-section-subtitle svg{color:var(--text-tertiary)}.language-dropdown{position:relative;width:280px}.language-dropdown-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.language-dropdown-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.language-dropdown-text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.language-dropdown-text svg{color:var(--text-tertiary)}.language-dropdown-menu{position:absolute;top:calc(100% + var(--space-2));left:0;width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);overflow:hidden}.language-dropdown-item{display:flex;align-items:center;width:100%;padding:var(--space-3) var(--space-4);text-align:left;background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-fast);border-bottom:1px solid var(--border-primary)}.language-dropdown-item:last-child{border-bottom:none}.language-dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.language-dropdown-item.active{background:var(--bg-tertiary);color:var(--text-primary);font-weight:var(--font-weight-medium)}[dir=rtl] .language-dropdown-button{flex-direction:row-reverse}[dir=rtl] .language-dropdown-menu{left:auto;right:0}[dir=rtl] .language-dropdown-text{flex-direction:row-reverse}.color-preview{display:flex;align-items:center;gap:.5rem;background-color:transparent}.color-box{width:1.5rem;height:1.5rem;border-radius:.25rem;border:1px solid var(--border-primary);flex-shrink:0}.color-preview span{font-family:monospace;font-size:.875rem;color:var(--text-secondary)}.color-picker-wrapper{display:flex;align-items:center;gap:.5rem;background-color:transparent}.color-input-display{background-color:transparent;border:none;padding:0}.color-input-label{font-family:monospace;font-size:.875rem;color:var(--text-secondary)}.color-preview{display:flex;align-items:center;gap:8px}.color-box{width:24px;height:24px;border-radius:4px;border:1px solid #e0e0e0;flex-shrink:0}.color-preview span{color:var(--text-color);font-size:14px}.employee-master-action{display:flex;justify-content:flex-end}.employee-master-container{color:var(--text-primary);border-radius:var(--radius-xl);transition:background-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-fast)}.employee-master-tabs{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;margin-bottom:var(--space-4);border-bottom:1.5px solid var(--border-primary);justify-content:center;padding:var(--space-3)}.employee-master-tab{border:none;background:none;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-5);cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:color var(--transition-fast),background var(--transition-fast);position:relative}.employee-master-tab.active{color:var(--primary-blue);background:var(--bg-secondary);font-weight:var(--font-weight-semibold);box-shadow:0 -2px 8px #00000008;border-bottom:2.5px solid var(--primary-blue);z-index:1}.employee-master-tab:not(.active):hover{background:var(--bg-tertiary);color:var(--primary-blue-light)}.employee-master-content{border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-sm);min-height:40vh;transition:background-color var(--transition-normal),color var(--transition-normal)}.form-overlay-container{background:var(--bg-secondary);padding:var(--space-2) var(--space-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;height:100%;flex:1;overflow-y:auto;position:relative;border:1px solid var(--border-primary);animation:fadeIn .3s ease-out}.form-overlay-header{padding-bottom:var(--space-2);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.form-overlay-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.form-overlay-header--justify-end{justify-content:flex-end}.form-overlay-close{background:none;border:none;cursor:pointer;border-radius:var(--radius-lg);color:var(--text-tertiary);transition:all var(--transition-fast)}.form-overlay-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.form-overlay-body{max-height:calc(100vh - 280px);overflow-y:auto;padding:0 var(--space-2);margin:0 -var(--space-2)}.form-overlay-body{width:100%;background-color:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-height:100vh;height:auto}.form-overlay-body::-webkit-scrollbar{width:8px}.form-overlay-body::-webkit-scrollbar-track{background:transparent}.form-overlay-body::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-lg)}.form-overlay-actions{padding-top:var(--space-5);padding:var(--space-3) var(--space-3);border-top:1px solid var(--border-primary);margin-top:5px;display:flex;justify-content:flex-end;gap:var(--space-8)}@media (max-width: 640px){.currency-exchange-rate-overlay .form-overlay-body{max-height:calc(100vh - 180px);min-height:auto}.currency-exchange-rate-overlay .form-overlay-actions{position:sticky;bottom:0;background:var(--bg-secondary);padding-bottom:var(--space-3);flex-direction:column;align-items:stretch;gap:var(--space-2)}.currency-exchange-rate-overlay .form-overlay-actions .btn{width:100%;justify-content:center}}.form-overlay-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);min-height:300px}.login-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);padding:var(--space-10) var(--space-8);width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-4);animation:fadeIn .4s}.login-title{text-align:center;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.login-form .form-group{margin-bottom:var(--space-4)}.login-form .form-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.login-form .form-input,.login-form .form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-primary);transition:border-color var(--transition-fast),background-color var(--transition-normal),color var(--transition-normal)}.login-form .form-input:focus,.login-form .form-select:focus{border-color:var(--primary-blue);outline:none}.password-group{position:relative}.password-toggle-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);font-size:1.1rem;cursor:pointer;padding:0}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.remember-me{display:flex;align-items:center;gap:var(--space-2)}.forgot-password{color:var(--primary-blue);text-decoration:none;font-weight:var(--font-weight-medium);transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.forgot-password:hover,.forgot-password:focus{text-decoration:underline}.login-btn{width:100%;background:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--space-2);transition:background var(--transition-fast)}.login-btn:hover,.login-btn:focus{background:var(--primary-blue-dark)}.error-message{color:var(--error);background:var(--error-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-2)}.plus-icon-btn{display:inline-flex;align-items:center;margin-left:6px;padding:0 4px;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);border-radius:4px;cursor:pointer;transition:background .15s,border .15s;font-size:.95em;height:1.5em;line-height:1}.plus-icon-btn svg{width:1em;height:1em}.plus-icon-btn:hover{background:var(--bg-secondary);border-color:var(--primary-blue-light)}.form-item-row{display:flex;flex-direction:column}.dropdown-plus-row{display:flex;align-items:center;gap:0}.dropdown-plus-row .searchable-dropdown__control{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-plus-row .plus-icon-btn{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;height:38px;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary);border-left:none;padding:0 12px;transition:background .15s,border .15s;font-size:.95em;cursor:pointer}.dropdown-plus-row .plus-icon-btn svg{width:1em;height:1em}.dropdown-plus-row .plus-icon-btn:hover{background:var(--blue-light);border-color:var(--primary-blue)}.input-standard-width{width:100%;max-width:300px;min-width:200px;height:38px;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.table-footer{margin-top:auto;padding:var(--space-1) var(--space-3);border-top:1px solid #ddd;font-size:14px;gap:.75rem;display:flex;align-items:flex-start;justify-content:space-between;align-items:center;transition:border-color var(--transition-normal)}.footer-left{text-align:center}.footer-right{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.page-info{font-weight:500}.footer-btn{padding:6px 12px;font-size:14px;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.footer-btn:hover{background-color:#f3f4f6}.icon-close{width:26px;height:26px}.icon-close:hover{color:var(--error-dark);cursor:pointer}.alert-container{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:1.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:2000;min-width:400px;max-width:600px;max-height:80vh;overflow-y:auto}.alert-container.success{color:var(--success-dark);border-left:5px solid #28a745}.alert-container.error{border-left:5px solid #dc3545}.alert-container.warning{border-left:5px solid #ffc107}.alert-container.info{border-left:5px solid #007bff}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-wrapper{position:relative;min-height:300px}.spinner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-secondary);width:100%}.loading-spinner-container .loading-icon{animation:rotate-center .85s linear infinite;display:block;margin:0 auto;color:var(--primary-blue);transform-origin:center center}.loading-spinner-container .loading-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);margin:0;width:100%;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-info,.page-size-selector,.pagination-controls{display:flex;align-items:center;gap:.5rem}.header-placeholder{visibility:hidden}.page-container{min-height:100%;display:flex;flex-direction:column}.page-container{min-height:calc(100vh - 70px)}.form-error{color:red;font-size:14px;font-weight:500;margin-bottom:16px}.form-section-title{display:flex;align-items:center;font-size:1.1rem;font-weight:600}.icon-section{display:inline-flex;align-items:center;margin-right:10px}.file-upload-section{margin-bottom:var(--space-6)}.file-upload-section .section-header{margin-bottom:var(--space-4)}.file-upload-section .section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.file-upload-section .section-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.file-upload-zone{border:2px dashed var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;transition:all var(--transition-normal);cursor:pointer;background:var(--bg-secondary)}.file-upload-zone:hover,.file-upload-zone.drag-active{border-color:var(--primary-blue);background:var(--blue-light);transform:scale(1.02);box-shadow:var(--shadow-xl)}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.file-upload-icon{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);transition:all var(--transition-normal)}.file-upload-zone:hover .file-upload-icon,.file-upload-zone.drag-active .file-upload-icon{background:var(--blue-light);transform:scale(1.1)}.file-upload-icon svg{width:48px;height:48px;color:var(--text-tertiary);transition:color var(--transition-normal)}.file-upload-zone:hover .file-upload-icon svg,.file-upload-zone.drag-active .file-upload-icon svg{color:var(--primary-blue)}.file-upload-text h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.file-upload-text p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.file-upload-button{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-lg);border:none;cursor:pointer}.file-upload-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-xl)}.file-upload-button svg{width:20px;height:20px;margin-right:var(--space-2)}.file-upload-success{background:linear-gradient(135deg,var(--success-light),var(--success));border:1px solid var(--success);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.file-info{display:flex;align-items:center;justify-content:space-between}.file-icon{width:48px;height:48px;background:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-right:var(--space-4);box-shadow:var(--shadow-sm)}.file-icon svg{width:28px;height:28px;color:var(--success)}.file-details h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--space-1) 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.file-details p{color:#fff;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.1);margin:0}.file-remove{color:#fff;background:#fff3;padding:var(--space-3);border-radius:var(--radius-xl);transition:all var(--transition-fast);border:none;cursor:pointer;opacity:.8}.file-remove:hover{background:#ffffff4d;opacity:1}.file-remove svg{width:24px;height:24px}.supported-formats{margin-top:var(--space-8);background:linear-gradient(135deg,var(--blue-light),var(--info-light));border:1px solid var(--info);border-radius:var(--radius-xl);padding:var(--space-6)}.formats-info{display:flex;align-items:flex-start}.formats-info svg{width:24px;height:24px;color:var(--info);margin-right:var(--space-4);flex-shrink:0;margin-top:2px}.formats-info h4{font-weight:var(--font-weight-semibold);color:var(--info-dark);margin:0 0 var(--space-2) 0;font-size:var(--font-size-base)}.formats-info p{color:var(--info-dark);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.mapping-selection-section{margin-bottom:var(--space-6)}.mapping-selection-section .section-header{margin-bottom:var(--space-4)}.mapping-selection-section .section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.mapping-selection-section .section-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.mapping-dropdown{display:flex;flex-direction:column;gap:var(--space-3)}.mapping-dropdown label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.mapping-dropdown select{width:100%;padding:var(--space-4);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--bg-primary);color:var(--text-primary);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);font-size:var(--font-size-base)}.mapping-dropdown select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--blue-light)}.import-data-view .view-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);overflow:hidden}.import-data-view .section-header{background:linear-gradient(135deg,var(--bg-tertiary),var(--blue-light));border-bottom:1px solid var(--border-primary);padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.import-data-view .section-header svg{width:24px;height:24px;color:var(--primary-blue)}.import-data-view .section-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.import-data-view .section-content{padding:var(--space-8)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.info-item{display:flex;flex-direction:column;gap:var(--space-2)}.info-item label{font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.status-overview{margin-bottom:var(--space-6)}.import-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.stat-item.success{border-color:var(--success);background:var(--success-light)}.stat-item.error{border-color:var(--error);background:var(--error-light)}.stat-item label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-item.success .stat-value{color:var(--success-dark)}.stat-item.error .stat-value{color:var(--error-dark)}.error-log{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}.error-actions{margin-top:var(--space-4);display:flex;gap:var(--space-3)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary svg{width:16px;height:16px}.attendance-status-monitor .status-monitor-view-modes .btn{min-height:36px;padding:8px 12px;box-sizing:border-box}.status-icon{margin-right:var(--space-2)}.status-icon.success{color:var(--success)}.status-icon.error{color:var(--error)}.status-icon.warning{color:var(--warning)}.status-badge.status-success{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success)}.status-badge.status-error{background:var(--error-light);color:var(--error-dark);border:1px solid var(--error)}.status-badge.status-warning{background:var(--warning-light);color:var(--warning-dark);border:1px solid var(--warning)}.status-badge.status-pending{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-300)}@media (max-width: 768px){.file-upload-zone{padding:var(--space-8)}.file-upload-icon{width:72px;height:72px}.file-upload-icon svg{width:36px;height:36px}.file-upload-text h4{font-size:var(--font-size-lg)}.file-upload-text p{font-size:var(--font-size-sm)}.info-grid,.import-stats{grid-template-columns:1fr}.file-info{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{color:#fff;padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between}.stat-card h3{margin:0;font-size:28px;font-weight:700}.stat-card p{margin:4px 0 0;opacity:.9}.stat-card-icon{opacity:.8}.geofence-action-bar{background:var(--bg-secondary);padding:var(--space-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-2);border:1px solid var(--border-primary)}.action-bar-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.action-bar-left{display:flex;align-items:flex-start;gap:var(--space-4);flex:1}.search-container{position:relative;min-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.geofence-search-input{padding:12px 16px 12px 44px;border:2px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;font-size:14px;outline:none;transition:border-color var(--transition-normal);background:var(--bg-secondary);color:var(--text-primary)}.geofence-search-input:focus{border-color:var(--primary-blue)}.action-bar-right{display:flex;gap:var(--space-3)}.filter-container{display:flex;gap:var(--space-2);align-items:center;margin-left:var(--space-4);flex:1;flex-wrap:wrap;min-width:280px}.filter-container>*{flex:0 1 220px}.filter-checkbox-group{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;flex:1 0 100%;justify-content:flex-start;margin-left:0}.employee-period-locks-page .action-bar-content{align-items:center}.employee-period-locks-page .action-bar-right{flex-direction:row;align-items:center;gap:var(--space-3);width:auto}.employee-period-locks-page .action-bar-left{flex-direction:column;align-items:stretch;gap:var(--space-3)}.employee-period-locks-page .filter-container{margin-left:0;width:100%}.employee-period-locks-page .filter-container>*{flex:1 1 240px}.employee-period-locks-page .filter-checkbox-group{margin-top:var(--space-2)}.employee-period-locks-page .employee-period-locks-employee-picker,.employee-period-locks-page .employee-period-locks-paste-codes,.employee-period-locks-page .employee-period-locks-attendance-dropdown.searchable-dropdown-container{width:100%;max-width:none;min-width:0}.employee-period-locks-page .employee-period-locks-employee-picker .searchable-dropdown-container,.employee-period-locks-page .employee-period-locks-employee-picker .searchable-dropdown__control,.employee-period-locks-page .employee-period-locks-attendance-dropdown .searchable-dropdown__control{width:100%!important;max-width:none!important;min-width:0!important}.employee-period-locks-page .employee-period-locks-paste-codes textarea{width:100%;max-width:none;min-width:0;box-sizing:border-box}.employee-period-locks-page .employee-period-locks-form-stack{display:flex;flex-direction:column;gap:12px;width:100%}.employee-period-locks-page .employee-period-locks-form-stack__item,.employee-period-locks-page .employee-period-locks-attendance-field{width:100%;min-width:0}.employee-period-locks-page .modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-xl)}.employee-period-locks-page .modal-header{border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.employee-period-locks-page .modal-header h2,.employee-period-locks-page .modal-body,.employee-period-locks-page .modal-footer,.employee-period-locks-page .card-subtitle,.employee-period-locks-page .form-label,.employee-period-locks-page .checkbox-label,.employee-period-locks-page .modal-close{color:var(--text-primary)}.employee-period-locks-page .modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.employee-period-locks-page .modal-body input[type=text],.employee-period-locks-page .modal-body input[type=number],.employee-period-locks-page .modal-body input[type=date],.employee-period-locks-page .modal-body textarea,.employee-period-locks-page .modal-body select{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary)}.employee-period-locks-page .modal-body input::-moz-placeholder,.employee-period-locks-page .modal-body textarea::-moz-placeholder{color:var(--text-muted)}.employee-period-locks-page .modal-body input::placeholder,.employee-period-locks-page .modal-body textarea::placeholder{color:var(--text-muted)}.employee-period-locks-page .modal-body input:focus,.employee-period-locks-page .modal-body textarea:focus,.employee-period-locks-page .modal-body select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-blue) 18%,transparent);outline:none}.employee-period-locks-page .modal-content .searchable-dropdown__control{background:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important;box-shadow:none!important}.employee-period-locks-page .modal-content .searchable-dropdown__single-value,.employee-period-locks-page .modal-content .searchable-dropdown__input-container,.employee-period-locks-page .modal-content .searchable-dropdown__placeholder,.employee-period-locks-page .modal-content .searchable-dropdown__indicator,.employee-period-locks-page .modal-content .searchable-dropdown__dropdown-indicator,.employee-period-locks-page .modal-content .searchable-dropdown__clear-indicator{color:var(--text-primary)!important}.employee-period-locks-page .modal-content .searchable-dropdown__placeholder{color:var(--text-muted)!important}.employee-period-locks-page .modal-content .searchable-dropdown__menu,.employee-period-locks-page .modal-content .searchable-dropdown__menu-list{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}.employee-period-locks-page .modal-content .searchable-dropdown__option{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.employee-period-locks-page .modal-content .searchable-dropdown__option--is-focused{background:var(--bg-tertiary)!important}.employee-period-locks-page .modal-content .searchable-dropdown__option--is-selected{background:var(--primary-blue)!important;color:#fff!important}.employee-period-locks-page .modal-content .searchable-dropdown__multi-value{background:var(--bg-tertiary)!important;border:1px solid var(--border-primary)}.employee-period-locks-page .modal-content .searchable-dropdown__multi-value__label,.employee-period-locks-page .modal-content .searchable-dropdown__multi-value__remove{color:var(--text-primary)!important}.employee-period-locks-page .modal-footer{border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.employee-period-locks-page .modal-content .searchable-dropdown-container,.employee-period-locks-page .modal-content .searchable-dropdown__control,.employee-period-locks-page .modal-content textarea{max-width:100%!important}.filter-select{padding:8px 12px;border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;min-width:150px;max-height:-moz-min-content;max-height:min-content;outline:none;transition:border-color var(--transition-normal)}.filter-select:focus{border-color:var(--primary-blue)}.page-container.geofence-assignments-page .filter-container .employee-unit-filter-select{height:34px!important;min-height:34px!important;padding:4px 8px!important;font-size:12px!important;line-height:1.2!important;border:1px solid var(--border-secondary)!important;border-radius:var(--radius-md)!important;background:var(--bg-secondary)!important;color:var(--text-primary)!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page-container.geofence-assignments-page .filter-container .employee-unit-filter-dropdown{min-width:180px}@media (max-width: 430px){.page-container.geofence-assignments-page .filter-container .employee-unit-filter-select{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:11px!important;line-height:1.1!important}.page-container.geofence-assignments-page .filter-container .employee-unit-filter-dropdown{min-width:140px}}.clear-filters-button{display:flex;align-items:center;gap:var(--space-1);padding:8px 12px;background-color:var(--error-light);color:var(--error);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:12px;transition:background-color var(--transition-normal)}.clear-filters-button:hover{background-color:var(--error);color:#fff}.refresh-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.refresh-button:hover{background-color:var(--bg-primary);border-color:var(--border-primary)}.geofence-table-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.table-header{padding:var(--space-4);border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.table-title{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.table-subtitle{color:var(--text-tertiary);font-size:14px;margin-top:4px}.table-scroll-container{overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-strong, #94a3b8) var(--bg-tertiary, #f1f5f9)}.geofence-table{width:-moz-max-content;width:max-content;min-width:100%;border-collapse:collapse}.table-scroll-container::-webkit-scrollbar{height:10px}.table-scroll-container::-webkit-scrollbar-track{background:var(--bg-tertiary, #f1f5f9)}.table-scroll-container::-webkit-scrollbar-thumb{background:var(--border-strong, #94a3b8);border-radius:999px}.horizontal-scroll-shell{position:relative}.horizontal-scroll-button{position:absolute;top:14px;z-index:5;width:32px;height:32px;border:1px solid var(--border-primary, #cbd5e1);border-radius:999px;background:#fffffff0;color:var(--text-primary, #0f172a);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f172a1f;cursor:pointer}.horizontal-scroll-button-left{left:12px}.horizontal-scroll-button-right{right:12px}.horizontal-scroll-button:hover{background:var(--bg-secondary, #fff);border-color:var(--primary-blue, #0ea5e9)}.geofence-table thead tr{background-color:var(--bg-primary)}.geofence-table th{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.geofence-table tbody tr{border-bottom:1px solid var(--border-tertiary);transition:background-color var(--transition-normal)}.geofence-table tbody tr:hover{background-color:var(--bg-primary)}.geofence-table td{padding:var(--space-3)}.action-buttons{display:flex;gap:var(--space-1)}.geofence-assignments-page .action-buttons{justify-content:flex-start}.assign-button{display:flex;align-items:center;gap:var(--space-1);padding:6px 12px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:500;transition:all var(--transition-normal);height:32px;box-sizing:border-box}.assign-button:hover{background-color:var(--primary-blue-dark)}.view-button{display:flex;align-items:center;justify-content:center;padding:6px 8px;border:none;border-radius:var(--radius-md);background-color:var(--info-light);color:var(--info);cursor:pointer;font-size:12px;font-weight:500;transition:all var(--transition-normal);height:32px;box-sizing:border-box}.view-button:hover{background-color:var(--info);color:#fff}.employee-code-badge{background:var(--bg-tertiary);padding:4px 8px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-primary);border:1px solid var(--border-secondary)}.employee-info{display:flex;align-items:center;gap:var(--space-2)}.employee-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.employee-name{font-weight:500;color:var(--text-primary)}.employee-detail{font-size:14px;color:var(--text-secondary)}.count-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700}.count-badge.has-items{background-color:var(--info-light);color:#fff}.count-badge.required{background-color:var(--warning-light);color:#fff}.count-badge.empty{background-color:var(--bg-tertiary);color:#fff}.geofence-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.geofence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:500;max-width:100px}.geofence-badge.active{background-color:var(--success-light);color:#fff}.geofence-badge.inactive{background-color:var(--error-light);color:#fff}.assignment-chip-row{display:inline-flex;align-items:center;gap:4px;max-width:180px}.assignment-inline-actions{display:inline-flex;align-items:center;gap:2px}.assignment-inline-action{width:22px;height:22px;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.assignment-inline-action:hover{color:var(--primary-blue);border-color:var(--primary-blue);background:var(--primary-blue-light)}.assignment-inline-action.delete:hover{color:var(--error);border-color:var(--error);background:var(--error-light)}.more-badge{padding:2px 6px;background-color:var(--bg-tertiary);color:var(--text-tertiary);border-radius:var(--radius-full);font-size:10px;font-weight:500}.no-assignments{color:var(--text-tertiary);font-size:12px;font-style:italic}.assignment-cell-content{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.assignment-result-audit-table-wrapper{margin-top:10px;overflow-x:auto}.assignment-audit-table{width:100%;border-collapse:collapse;font-size:12px}.assignment-audit-table th,.assignment-audit-table td{border:1px solid var(--border-muted, #e5e7eb);padding:6px 8px;text-align:left}.assignment-audit-table th{background-color:var(--bg-tertiary, #f8fafc);color:var(--text-secondary, #475569);font-weight:600}.assignment-audit-table td{color:var(--text-primary, #0f172a)}.center-content{display:flex;justify-content:center;align-items:center;text-align:center}.empty-state{text-align:center;padding:60px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.empty-state-icon{color:var(--text-muted);margin-bottom:16px}.empty-state h3{margin:0 0 8px}.empty-state p{margin:0 0 16px;color:var(--text-tertiary)}.empty-state-button{padding:8px 16px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md)}.geofence-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.geofence-modal-container{background-color:var(--bg-secondary);border-radius:var(--radius-xl);width:min(700px,100%);height:95vh;max-height:95vh;overflow:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);padding:var(--space-2)}.employee-drilldown-overlay{position:fixed;top:120px;left:80px;right:16px;bottom:0;height:calc(100% - 120px);display:flex;align-items:center;justify-content:center;padding:24px 24px 32px;z-index:3000}.employee-drilldown-container{width:min(1400px,100%);max-height:90vh;overflow-y:auto;box-shadow:none;background:transparent;border:0}.attendance-status-monitor .status-monitor-grid{display:grid;gap:12px;justify-content:start;grid-template-columns:minmax(420px,2fr) repeat(2,minmax(240px,1fr))}.attendance-status-monitor .status-monitor-grid--period{align-items:end}.attendance-status-monitor .status-monitor-grid--employees{align-items:start}.attendance-status-monitor .status-monitor-employees{display:flex;flex-direction:column;gap:6px;grid-column:1 / 2;min-width:0}.attendance-status-monitor .status-monitor-paste{display:grid;gap:8px;grid-column:2 / 4;justify-self:stretch;width:100%;min-width:0}.attendance-status-monitor .status-monitor-paste-help{white-space:normal}.attendance-status-monitor .status-grid-header{border-bottom:1px solid var(--border-secondary, #e2e8f0);padding:10px 12px;background:var(--bg-tertiary, #f8fafc);display:flex;align-items:center;gap:8px}.attendance-status-monitor .status-grid-context{min-width:0;display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);white-space:nowrap}.attendance-status-monitor .status-grid-context__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-xs);color:var(--text-tertiary)}.attendance-status-monitor .status-grid-context__title{overflow:hidden;text-overflow:ellipsis;font-size:14px}.attendance-status-monitor .status-grid-toggle{margin-left:auto}@media (max-width: 1024px){.employee-drilldown-overlay{top:96px;left:0;right:0;height:calc(100% - 96px);padding:16px}.attendance-status-monitor .status-monitor-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.attendance-status-monitor .status-monitor-paste{grid-column:1 / -1}}@media (max-width: 768px){.employee-drilldown-overlay{top:64px;height:calc(100% - 64px);padding:12px}.attendance-status-monitor .status-monitor-grid{grid-template-columns:1fr}.attendance-status-monitor .status-monitor-employees,.attendance-status-monitor .status-monitor-paste{grid-column:1 / -1}.attendance-status-monitor .status-monitor-employee-actions{flex-direction:column;align-items:stretch}.attendance-status-monitor .status-monitor-employee-actions .btn{width:100%;justify-content:center}.attendance-status-monitor .status-grid-header{flex-wrap:wrap}.attendance-status-monitor .status-grid-context{width:100%;white-space:normal}.attendance-status-monitor .status-grid-toggle{width:100%;margin-left:0;justify-content:space-between}}@media (max-width: 640px){.employee-drilldown-overlay{top:0;left:0;right:0;bottom:0;height:100%;padding:8px}.employee-drilldown-container{max-height:100%}.attendance-status-monitor .status-monitor-period-buttons .btn,.attendance-status-monitor .status-monitor-view-modes .btn{width:100%;justify-content:center}.attendance-status-monitor .status-monitor-paste textarea{min-height:96px}}.geofence-modal-container.small{width:360px;max-height:none}.geofence-modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-title{margin:0 0 4px;font-size:20px;font-weight:600}.modal-subtitle{margin:0;opacity:.9;font-size:14px}.geofence-modal-body{padding:var(--space-2)}.modal-form-grid{display:grid;gap:var(--space-5)}.modal-form-label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary)}.modal-select{width:100%;padding:var(--space-3);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:14px;outline:none;transition:border-color var(--transition-normal);background:var(--bg-secondary);color:var(--text-primary)}.modal-select:focus{border-color:var(--primary-blue)}.modal-select.error{border-color:var(--error)}.modal-input{width:100%;padding:var(--space-3);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:14px;outline:none;transition:border-color var(--transition-normal);background:var(--bg-secondary);color:var(--text-primary)}.modal-input:focus{border-color:var(--primary-blue)}.modal-checkbox-container{display:flex;align-items:center;margin-top:var(--space-8)}.modal-checkbox{margin-right:var(--space-2);transform:scale(1.2);accent-color:var(--primary-blue)}.modal-checkbox-label{font-weight:500;color:var(--text-primary);cursor:pointer}.modal-error{color:var(--error);font-size:14px;margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3);border-top:1px solid var(--border-primary)}.modal-cancel-button{display:flex;align-items:center;gap:var(--space-2);padding:12px 20px;background-color:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-normal)}.modal-cancel-button:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--border-primary)}.modal-cancel-button:disabled{cursor:not-allowed;opacity:.6}.modal-save-button{display:flex;align-items:center;gap:var(--space-2);padding:12px 20px;background-color:var(--primary-blue);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:14px;font-weight:500;color:#fff;transition:all var(--transition-normal)}.modal-save-button:hover:not(:disabled){background-color:var(--primary-blue-dark)}.modal-save-button:disabled{background-color:var(--text-tertiary);cursor:not-allowed}.modal-two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.modal-tab-strip{display:flex;gap:var(--space-2);padding:var(--space-2);margin:var(--space-2) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-xl);border:1px solid var(--border-secondary);box-shadow:inset 0 1px #ffffff59;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain}.modal-tab{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 16px;min-width:140px;border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-normal)}.modal-tab:disabled{opacity:.6;cursor:not-allowed}.modal-tab svg{width:18px;height:18px}.modal-tab:hover{color:var(--text-primary);background:#0ea5e914}.modal-tab.active{background:#fff;color:var(--primary-blue-dark);border-color:#0ea5e959;box-shadow:0 6px 16px #0f51d82e}.modal-tab:focus-visible{outline:3px solid rgba(14,165,233,.35);outline-offset:2px}.modal-section{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-4);margin:var(--space-2) var(--space-2);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-5)}.modal-section+.modal-section{margin-top:var(--space-3)}.modal-section-title{font-size:16px;font-weight:600;margin:0;color:var(--text-primary);letter-spacing:.01em}.modal-form-item{display:flex;flex-direction:column;gap:var(--space-2)}.paste-input-wrapper{display:flex;gap:var(--space-3);align-items:flex-start}.modal-textarea{flex:1;min-height:100px;resize:vertical;padding:var(--space-3);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;line-height:1.5;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.modal-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #0ea5e91f;outline:none}.modal-secondary-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 18px;border-radius:var(--radius-lg);border:2px solid rgba(14,165,233,.25);background:#0ea5e914;color:var(--primary-blue-dark);font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.modal-secondary-button svg{width:16px;height:16px}.modal-secondary-button:hover{background:#0ea5e929;border-color:#0ea5e973}.modal-secondary-button:focus-visible{outline:3px solid rgba(14,165,233,.35);outline-offset:2px}.modal-secondary-button.small{padding:6px 12px;font-size:12px;border-width:1px}.modal-secondary-button.small svg{width:14px;height:14px}.modal-checkbox-row{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-weight:500;color:var(--text-secondary);cursor:pointer}.modal-checkbox-row input{width:18px;height:18px;accent-color:var(--primary-blue);cursor:pointer}.modal-helper-text{margin-top:-4px;font-size:13px;color:var(--text-tertiary)}.assignment-result-list{list-style:none;margin:var(--space-3);padding:0;display:flex;flex-direction:column;gap:var(--space-3);max-height:none;overflow:visible}.assignment-result{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-xs)}.assignment-result.success{border-left:4px solid rgba(34,197,94,.85)}.assignment-result.error{border-left:4px solid rgba(239,68,68,.9)}.assignment-result-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.assignment-result-actions{display:flex;align-items:center;gap:var(--space-2)}.assignment-result-name{font-weight:600;color:var(--text-primary)}.assignment-result-status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.assignment-result-status.success{background:#16a34a1f;color:#16a34a}.assignment-result-status.error{background:#dc26261f;color:#dc2626}.assignment-result-message{font-size:14px;color:var(--text-secondary);line-height:1.5}.assignment-result-hint{display:block;margin-top:var(--space-1);font-size:12px;color:var(--text-tertiary)}.assignment-result-list::-webkit-scrollbar{width:6px}.assignment-result-list::-webkit-scrollbar-thumb{background-color:#94a3b873;border-radius:999px}.holiday-table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-primary);flex-wrap:wrap}.holiday-table-pagination{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.holiday-modal-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.holiday-delete-button{border-color:#dc262640;background:#dc262614;color:#b91c1c}.holiday-delete-button:hover{background:#dc262629;border-color:#dc262673}.holiday-assignment-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2);font-size:13px;color:var(--text-secondary)}@media (max-width: 900px){.modal-section,.modal-tab-strip{margin-left:var(--space-4);margin-right:var(--space-4)}.modal-two-column{grid-template-columns:1fr}}@media (max-width: 640px){.modal-section,.modal-tab-strip{margin:var(--space-3)}.paste-input-wrapper{flex-direction:column;align-items:stretch}}.loading-container{display:flex;justify-content:center;align-items:center;height:400px}.loading-spinner{animation:spin 1s linear infinite;margin-right:var(--space-2)}.error-container{text-align:center;padding:40px}.error-icon{color:var(--error);margin-bottom:16px}.error-title{margin-bottom:16px}.error-button{margin-top:16px;padding:8px 16px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:var(--radius-md)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:var(--space-3)}.action-bar-content{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.filter-container{flex-direction:column;margin-left:0;margin-top:var(--space-3);gap:var(--space-2)}.filter-select{min-width:auto;width:100%}.page-container.geofence-assignments-page .filter-select{height:32px!important;min-height:32px!important;line-height:1.2;padding:4px 8px!important;font-size:12px!important}.action-bar-left{flex-direction:column;align-items:stretch}.geofence-modal-container{width:95vw;margin:var(--space-4)}.modal-two-column{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-cancel-button,.modal-save-button{width:100%;justify-content:center}.geofence-modal-container .react-select__menu{max-height:220px}.geofence-modal-container .react-select__menu-list{max-height:200px;overflow-y:auto}}@media (max-width: 640px){.geofence-action-bar{padding:var(--space-2)}.employee-period-locks-page .action-bar-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.employee-period-locks-page .filter-container{width:100%}.employee-period-locks-page .filter-container>*{flex:1 1 100%}.employee-period-locks-page .filter-checkbox-group{width:100%}.employee-period-locks-page .modal-content{width:94vw;max-height:85vh}.employee-period-locks-page .modal-body{max-height:60vh;overflow-y:auto}.employee-period-locks-page .form-grid{grid-template-columns:1fr}.employee-period-locks-page .modal-footer{flex-direction:row!important;flex-wrap:nowrap;justify-content:flex-end}.employee-period-locks-page .modal-footer .btn{width:auto}.page-container.geofence-assignments-page .filter-select{height:30px!important;min-height:30px!important;line-height:1.2;padding:3px 8px!important;font-size:11px!important}.action-bar-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.primary-button,.refresh-button{width:100%;justify-content:center}.table-header{padding:var(--space-3)}.table-title{font-size:16px}.geofence-table{min-width:720px}.geofence-table th,.geofence-table td{padding:var(--space-2);font-size:12px}.employee-info{align-items:flex-start;gap:var(--space-1)}.employee-avatar{width:28px;height:28px}}@media (max-width: 480px){.stat-card{padding:var(--space-4)}.action-buttons{flex-direction:column;align-items:stretch}.assign-button,.view-button{width:100%;justify-content:center}.employee-detail{font-size:12px}.geofence-modal-container{width:94vw;margin:var(--space-3)}.geofence-modal-container .react-select__menu{max-height:200px}.geofence-modal-container .react-select__menu-list{max-height:180px}.page-container.geofence-assignments-page .filter-select{height:28px!important;min-height:28px!important;line-height:1.2;padding:2px 6px!important;font-size:11px!important}}@media (max-width: 430px){.page-container.geofence-assignments-page .filter-container .filter-select{height:26px!important;min-height:26px!important;line-height:1!important;padding:2px 6px!important;font-size:11px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}}.view-assignments-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.view-assignments-container{background-color:var(--bg-primary);border-radius:14px;width:700px;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.view-assignments-header{padding:24px;border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:var(--text-on-primary);border-radius:14px 14px 0 0}.view-assignments-title{margin:0 0 4px;font-size:20px;font-weight:600}.view-assignments-subtitle{margin:0;opacity:.9;font-size:14px}.view-assignments-body{padding:24px;background:var(--bg-secondary)}.assignments-grid{display:grid;gap:16px}.assignment-card{border:1px solid var(--border-primary);border-radius:10px;padding:16px;background-color:var(--bg-primary);box-shadow:var(--shadow-sm)}.assignment-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.assignment-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.assignment-badges{display:flex;gap:8px;align-items:center}.assignment-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.assignment-badge.active{background-color:var(--success-soft);color:var(--success-strong)}.assignment-badge.inactive{background-color:var(--error-light);color:var(--error)}.assignment-badge.required{background-color:var(--warning-soft);color:var(--warning-strong)}.assignment-badge.priority{background-color:var(--info-soft);color:var(--info-strong)}.assignment-actions{display:flex;gap:4px}.assignment-edit-button{padding:6px;border:none;border-radius:4px;background-color:var(--warning-light);color:var(--warning);cursor:pointer}.assignment-delete-button{padding:6px;border:none;border-radius:4px;background-color:var(--error-light);color:var(--error);cursor:pointer}.assignment-dates{font-size:14px;color:var(--text-tertiary)}.assignment-date-item{margin-bottom:4px}.assignments-empty-state{text-align:center;padding:40px}.assignments-empty-icon{color:var(--gray-300);margin-bottom:16px}.assignments-empty-title{margin:0 0 8px;color:var(--text-tertiary)}.assignments-empty-text{margin:0 0 16px;color:var(--text-muted)}.assign-first-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.assignments-close-section{margin-top:24px;text-align:right}.assignments-close-button{padding:12px 24px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.edit-assignment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.edit-assignment-container{background-color:var(--bg-secondary);border-radius:12px;width:500px;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.edit-assignment-header{padding:24px;border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;border-radius:12px 12px 0 0}.edit-assignment-title{margin:0 0 4px;font-size:20px;font-weight:600}.edit-assignment-subtitle{margin:0;opacity:.9;font-size:14px}.edit-assignment-body{padding:24px}.edit-form-grid{display:grid;gap:20px}.edit-form-item{display:block}.edit-form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.edit-form-select,.edit-form-input{width:100%;padding:12px;border:2px solid var(--border-primary);border-radius:8px;font-size:14px}.edit-form-two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-form-checkbox-container{display:flex;align-items:center;margin-top:32px}.edit-form-checkbox{margin-right:8px;transform:scale(1.2)}.edit-form-checkbox-label{font-weight:500;color:var(--text-primary)}.loading-center{display:flex;justify-content:center;align-items:center;height:400px}.loading-icon{animation:spin 1s linear infinite;margin-right:8px}.error-center{text-align:center;padding:40px}.error-icon{color:#ef4444;margin-bottom:16px}.error-title{margin:0 0 8px}@media (max-width: 768px){.view-assignments-container,.edit-assignment-container{width:95vw;margin:16px}.edit-form-two-column{grid-template-columns:1fr}.edit-form-checkbox-container{margin-top:16px}}.dashboard-welcome{min-height:calc(100vh - 160px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:center;padding:48px;border:1px solid var(--gray-200);border-radius:12px;background:linear-gradient(135deg,#3b82f61a,#10b98114),var(--bg-secondary);box-shadow:var(--shadow-sm)}.dashboard-welcome__main{max-width:720px}.dashboard-welcome__brand-row{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.dashboard-welcome__logo{height:64px;width:auto;-o-object-fit:contain;object-fit:contain}.dashboard-welcome__pill{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:#3b82f61f;color:#1d4ed8;font-size:13px;font-weight:700}.dashboard-welcome h1{margin:0;color:var(--text-primary);font-size:42px;line-height:1.12;font-weight:800;letter-spacing:0}.dashboard-welcome p{margin:18px 0 0;max-width:620px;color:var(--text-secondary);font-size:16px;line-height:1.65}.dashboard-welcome__snapshot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.dashboard-welcome__stat,.dashboard-welcome__pulse{min-height:132px;border-radius:10px;border:1px solid var(--gray-200);background:var(--bg-primary);padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 10px #0f172a0f}.dashboard-welcome__stat svg{width:40px;height:40px;padding:9px;border-radius:8px}.dashboard-welcome__stat span{color:var(--text-secondary);font-size:13px;font-weight:700}.dashboard-welcome__stat strong{color:var(--text-primary);font-size:30px;line-height:1}.dashboard-welcome__stat--green svg{color:#047857;background:#10b98129}.dashboard-welcome__stat--blue svg{color:#1d4ed8;background:#3b82f629}.dashboard-welcome__stat--orange svg{color:#b45309;background:#f59e0b2e}.dashboard-welcome__pulse{align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border-color:transparent;text-align:center}.dashboard-welcome__pulse span{font-size:18px;font-weight:800;letter-spacing:0}[data-theme=dark] .dashboard-welcome,.dark .dashboard-welcome,[data-theme=black] .dashboard-welcome,.black .dashboard-welcome{background:linear-gradient(135deg,#2563eb29,#14b8a61f),var(--bg-secondary);border-color:var(--gray-700)}[data-theme=dark] .dashboard-welcome__pill,.dark .dashboard-welcome__pill,[data-theme=black] .dashboard-welcome__pill,.black .dashboard-welcome__pill{color:#93c5fd;background:#3b82f62e}[data-theme=dark] .dashboard-welcome__stat,[data-theme=dark] .dashboard-welcome__pulse,.dark .dashboard-welcome__stat,.dark .dashboard-welcome__pulse,[data-theme=black] .dashboard-welcome__stat,[data-theme=black] .dashboard-welcome__pulse,.black .dashboard-welcome__stat,.black .dashboard-welcome__pulse{border-color:var(--gray-700)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:16px;align-items:stretch}.dashboard-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:16px;align-items:stretch}.dashboard-analytics-top-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:16px;align-items:stretch}.dashboard-department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px;align-items:stretch}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;margin-bottom:32px;align-items:stretch}.chart-card-large{grid-column:span 2;min-height:400px}.chart-card-full{grid-column:span 3;min-height:400px}.chart-card-main{min-height:380px}.chart-card-compact{min-height:320px}.summary-card{grid-column:span 2;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;min-height:320px}.dashboard-analytics-grid .card,.dashboard-department-grid .card,.dashboard-charts-grid .card{display:flex;flex-direction:column;min-height:300px}.dashboard-analytics-grid .card .card-body,.dashboard-department-grid .card .card-body,.dashboard-charts-grid .card .card-body{flex:1;display:flex;flex-direction:column}.card .chart-container{flex:1;min-height:200px}.card-header-flex{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--gray-200)}.chart-filter-select{font-size:14px;border:1px solid var(--gray-300);border-radius:var(--radius-md);padding:6px 12px;background:var(--bg-primary);color:var(--text-primary)}.card-subtitle{font-size:14px;color:var(--text-secondary)}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot-purple{background-color:#8b5cf6}.legend-dot-yellow{background-color:#f59e0b}.peak-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#f973161a;color:#9a3412;border-radius:12px;font-size:12px;font-weight:500}.peak-dot{width:8px;height:8px;background-color:#f97316;border-radius:50%}.chart-status{margin-top:8px;text-align:center}.department-list{display:flex;flex-direction:column;gap:16px}.department-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.department-label{display:flex;align-items:center;gap:8px}.department-count{font-size:14px;font-weight:600}.dept-icon{margin-right:8px}.dept-icon-blue{color:#3b82f6}.dept-icon-green{color:#10b981}.dept-icon-yellow{color:#f59e0b}.dept-icon-purple{color:#8b5cf6}.dept-icon-red{color:#ef4444}.alert-card{border-left:4px solid #ef4444;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);overflow:hidden}.alert-card:hover{box-shadow:var(--shadow-md)}.alert-title{color:#dc2626;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.alerts-list{display:flex;flex-direction:column;gap:var(--space-4)}.alert-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--transition-fast);cursor:pointer;position:relative;width:100%;min-height:60px;background:transparent!important}.alert-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.alert-danger{background:transparent!important;border-color:#fecaca}.alert-danger:hover{background:transparent!important;border-color:#fca5a5}.alert-warning{background:transparent!important;border-color:#fed7aa}.alert-warning:hover{background:transparent!important;border-color:#fdba74}.alert-info{background:transparent!important;border-color:#bfdbfe}.alert-info:hover{background:transparent!important;border-color:#93c5fd}.alert-icon{margin-top:2px;flex-shrink:0;transition:transform var(--transition-fast)}.alert-item:hover .alert-icon{transform:scale(1.1)}.alert-content{flex:1;min-width:0;overflow:visible;background:#fff}.alert-message{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;background:transparent}.alert-detail{margin:var(--space-1) 0 0 0;font-size:var(--font-size-xs);opacity:.8;font-weight:var(--font-weight-medium);white-space:normal;background:transparent}.alert-danger .alert-message{color:#b91c1c}.alert-danger .alert-detail{color:#dc2626}.alert-danger .alert-icon{color:#ef4444}.alert-warning .alert-message{color:#b45309}.alert-warning .alert-detail{color:#d97706}.alert-warning .alert-icon{color:#f59e0b}.alert-info .alert-message{color:#1e40af}.alert-info .alert-detail{color:#2563eb}.alert-info .alert-icon{color:#3b82f6}.dashboard-alert-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--transition-fast);cursor:pointer;position:relative;width:100%;min-height:60px;background:transparent!important}.dashboard-alert-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dashboard-alert-danger{background:transparent!important;border-color:#ef4444}.dashboard-alert-danger:hover{background:transparent!important;border-color:#dc2626}.dashboard-alert-warning{background:transparent!important;border-color:#f59e0b}.dashboard-alert-warning:hover{background:transparent!important;border-color:#d97706}.dashboard-alert-info{background:transparent!important;border-color:#3b82f6}.dashboard-alert-info:hover{background:transparent!important;border-color:#2563eb}.dashboard-alert-content{flex:1;min-width:0;background:transparent!important}.dashboard-alert-message{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;background:transparent!important}.dashboard-alert-detail{margin:var(--space-1) 0 0 0;font-size:var(--font-size-xs);opacity:.8;font-weight:var(--font-weight-medium);white-space:normal;background:transparent!important}.dashboard-alert-icon{margin-top:2px;flex-shrink:0;transition:transform var(--transition-fast)}.dashboard-alert-item:hover .dashboard-alert-icon{transform:scale(1.1)}.dashboard-alert-danger .dashboard-alert-message{color:#b91c1c}.dashboard-alert-danger .dashboard-alert-detail{color:#dc2626}.dashboard-alert-danger .dashboard-alert-icon{color:#ef4444}.dashboard-alert-warning .dashboard-alert-message{color:#b45309}.dashboard-alert-warning .dashboard-alert-detail{color:#d97706}.dashboard-alert-warning .dashboard-alert-icon{color:#f59e0b}.dashboard-alert-info .dashboard-alert-message{color:#1e40af}.dashboard-alert-info .dashboard-alert-detail{color:#2563eb}.dashboard-alert-info .dashboard-alert-icon{color:#3b82f6}.summary-header{border-bottom:1px solid rgba(255,255,255,.3)}.summary-title{color:#fff;margin:0}.summary-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.summary-stat{display:flex;flex-direction:column}.summary-stat-right{text-align:right}.summary-number{font-size:32px;font-weight:700;color:#fff;margin:0}.summary-number-secondary{font-size:24px;font-weight:600;color:#fff;margin:0}.summary-label{font-size:14px;color:#fffc;margin-top:4px}.summary-label-small{font-size:12px;color:#fffc;margin-top:2px}.stat-card{background:var(--bg-secondary);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #00000014;border:1px solid var(--gray-200);transition:all .2s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.stat-card.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46;border-color:#10b981}.stat-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b}.stat-card.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#3b82f6}.stat-card.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46;border-color:#10b981}[data-theme=dark] .stat-card.active,.dark .stat-card.active{background:linear-gradient(135deg,#064e3b,#065f46);color:#6ee7b7;border-color:#10b981}[data-theme=dark] .stat-card.warning,.dark .stat-card.warning{background:linear-gradient(135deg,#92400e,#b45309);color:#fbbf24;border-color:#f59e0b}[data-theme=dark] .stat-card.info,.dark .stat-card.info{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#93c5fd;border-color:#3b82f6}[data-theme=dark] .stat-card.success,.dark .stat-card.success{background:linear-gradient(135deg,#064e3b,#065f46);color:#6ee7b7;border-color:#10b981}[data-theme=black] .stat-card.active,.black .stat-card.active{background:linear-gradient(135deg,#0f1419,#1a1f2e);color:#4ade80;border-color:#22c55e}[data-theme=black] .stat-card.warning,.black .stat-card.warning{background:linear-gradient(135deg,#1c1917,#292524);color:#facc15;border-color:#eab308}[data-theme=black] .stat-card.info,.black .stat-card.info{background:linear-gradient(135deg,#0c1226,#1e293b);color:#60a5fa;border-color:#3b82f6}[data-theme=black] .stat-card.success,.black .stat-card.success{background:linear-gradient(135deg,#0f1419,#1a1f2e);color:#4ade80;border-color:#22c55e}.stat-icon{width:48px;height:48px;border-radius:8px;background:#3b82f626;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.stat-card.active .stat-icon,.stat-card.success .stat-icon{background:#10b98133;color:#065f46}.stat-card.warning .stat-icon{background:#f59e0b33;color:#92400e}.stat-card.info .stat-icon{background:#3b82f633;color:#1e40af}[data-theme=dark] .stat-card.active .stat-icon,[data-theme=dark] .stat-card.success .stat-icon,.dark .stat-card.active .stat-icon,.dark .stat-card.success .stat-icon{background:#6ee7b733;color:#6ee7b7}[data-theme=dark] .stat-card.warning .stat-icon,.dark .stat-card.warning .stat-icon{background:#fbbf2433;color:#fbbf24}[data-theme=dark] .stat-card.info .stat-icon,.dark .stat-card.info .stat-icon{background:#93c5fd33;color:#93c5fd}[data-theme=black] .stat-card.active .stat-icon,[data-theme=black] .stat-card.success .stat-icon,.black .stat-card.active .stat-icon,.black .stat-card.success .stat-icon{background:#4ade8040;color:#4ade80}[data-theme=black] .stat-card.warning .stat-icon,.black .stat-card.warning .stat-icon{background:#facc1540;color:#facc15}[data-theme=black] .stat-card.info .stat-icon,.black .stat-card.info .stat-icon{background:#60a5fa40;color:#60a5fa}.stat-content h3{margin:0 0 4px;font-size:28px;font-weight:700;line-height:1}.stat-content p{margin:0;font-size:14px;opacity:.9;font-weight:500}@media (max-width: 1200px){.dashboard-welcome{grid-template-columns:1fr;padding:36px}.chart-card-large,.chart-card-full,.summary-card{grid-column:span 1}.dashboard-analytics-grid,.dashboard-department-grid,.dashboard-charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dashboard-analytics-top-grid{grid-template-columns:1fr 1fr}.chart-card-main{grid-column:span 2}}@media (max-width: 768px){.dashboard-welcome{padding:28px;min-height:auto}.dashboard-welcome h1{font-size:32px}.dashboard-welcome__snapshot{grid-template-columns:1fr 1fr}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-analytics-grid,.dashboard-analytics-top-grid,.dashboard-department-grid,.dashboard-charts-grid{grid-template-columns:1fr;gap:16px}.chart-card-main{grid-column:span 1}.chart-card-compact{min-height:280px}.stat-card{padding:16px;gap:12px}.stat-icon{width:40px;height:40px}.stat-content h3{font-size:24px}.summary-stats{flex-direction:column;align-items:flex-start;gap:16px}.summary-stat-right{text-align:left}}@media (max-width: 480px){.dashboard-welcome{padding:22px}.dashboard-welcome__logo{height:52px}.dashboard-welcome h1{font-size:28px}.dashboard-welcome p{font-size:14px}.dashboard-welcome__snapshot,.dashboard-stats-grid{grid-template-columns:1fr}.stat-card{padding:12px;gap:10px}.stat-content h3{font-size:20px}.stat-content p{font-size:12px}}.top-performer-container{display:flex;align-items:center;gap:16px}.performer-avatar{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.performer-icon{color:#fff}.performer-details{flex:1}.performer-name{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.performer-stat{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.device-usage-list{display:flex;flex-direction:column;gap:16px}.device-usage-item{display:flex;align-items:center;justify-content:space-between}.device-label{display:flex;align-items:center;gap:12px}.device-dot{width:12px;height:12px;border-radius:50%}.device-dot-blue{background-color:#3b82f6}.device-dot-green{background-color:#10b981}.device-dot-yellow{background-color:#f59e0b}.device-count{font-size:14px;font-weight:600}.device-summary{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-200)}.device-summary-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.device-summary-value{font-size:14px;font-weight:600;color:#3b82f6}.holidays-list{display:flex;flex-direction:column;gap:12px}.holiday-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:6px}.holiday-item-red{background-color:#fef2f2}.holiday-item-blue{background-color:#eff6ff}.holiday-item-green{background-color:#f0fdf4}.holiday-info{flex:1}.holiday-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.holiday-date{font-size:12px;color:var(--text-secondary)}.holiday-countdown{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.holiday-countdown-red{background-color:#fecaca;color:#b91c1c}.holiday-countdown-blue{background-color:#dbeafe;color:#1e40af}.holiday-countdown-green{background-color:#bbf7d0;color:#166534}.approval-list{display:flex;flex-direction:column;gap:16px}.approval-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:6px}.approval-item-yellow{background-color:#fffbeb}.approval-item-blue{background-color:#eff6ff}.approval-item-purple{background-color:#faf5ff}.approval-item-orange{background-color:#fff7ed}.approval-label{font-size:14px;color:var(--text-primary)}.approval-count{font-size:14px;font-weight:600}.approval-count-yellow{color:#b45309}.approval-count-blue{color:#1e40af}.approval-count-purple{color:#7c2d12}.approval-count-orange{color:#ea580c}.profile_container{display:flex;justify-content:center;max-width:800px;margin:0 auto}.profile_box{width:100%;background:var(--bg-secondary);border:2px solid var(--border-primary);padding:40px;border-radius:10px;box-shadow:0 4px 12px #0000000d}.loading_message{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}.profile_head{margin-bottom:30px;position:relative}.profile_title{font-size:24px;font-weight:600;display:block;margin-bottom:6px;color:var(--text-primary)}.profile_subtitle{color:var(--text-tertiary);margin-bottom:20px}.profile_actions{display:flex;justify-content:flex-end}.action_buttons{display:flex;gap:10px}.status_panel{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:16px;margin-bottom:24px}.status_content{display:flex;align-items:center;justify-content:space-between}.status_info{display:flex;align-items:center;gap:12px}.status_icon{color:var(--text-tertiary)}.status_label{font-weight:500;font-size:14px;color:var(--text-primary)}.status_email{color:var(--text-tertiary);font-size:13px;margin-top:2px}.status_badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status_badge.verified{background:var(--green-light);color:var(--green-dark)}.status_badge.unverified{background:var(--warning-light);color:var(--warning-dark)}.profile_form{margin-top:0}.fieldcontainer{margin:16px 0}.textbox_div{display:block;margin:12px 0}.label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.textbox{width:100%;height:44px;padding:0 12px;border:1px solid var(--border-secondary);border-radius:6px;outline:none;background:var(--bg-secondary);color:var(--text-primary)}.textbox:focus{border-color:var(--primary-blue)}.textbox option{padding:8px}.readonly_field{width:100%;min-height:44px;padding:12px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center}.password_section{margin-top:30px;padding-top:24px;border-top:1px solid var(--border-primary)}.section_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section_title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.toggle_link{color:var(--primary-blue);background:none;border:none;cursor:pointer;text-decoration:underline;font-size:14px}.toggle_link:hover{color:var(--primary-blue-dark)}.password_fields{margin-top:16px}.error_message{background:var(--error-light);border:1px solid var(--error);color:var(--error-dark);padding:12px;border-radius:6px;white-space:pre-wrap;margin:16px 0}@media (max-width: 768px){.profile_box{padding:24px}.profile_head{margin-bottom:20px}.profile_title{font-size:20px}.profile_actions,.action_buttons{flex-direction:column;gap:8px}.status_content{flex-direction:column;align-items:flex-start;gap:12px}.section_header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.profile_box{padding:20px}.profile_title{font-size:18px}}.setup-container{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.setup-box{background:var(--bg-secondary);border-radius:12px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-primary)}.setup-header{text-align:center;margin-bottom:40px}.header-icon{color:var(--success);margin-bottom:16px}.setup-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary)}.setup-header p{margin:0;color:var(--text-tertiary);font-size:16px}.setup-steps{margin-bottom:32px}.step{display:flex;gap:20px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-primary)}.step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-number{width:36px;height:36px;background:var(--primary-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content{flex:1}.step-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.step-content p{margin:0 0 16px;color:var(--text-tertiary);line-height:1.5}.app-suggestions{display:flex;gap:12px;flex-wrap:wrap}.app-name{background:var(--bg-tertiary);padding:6px 12px;border-radius:20px;font-size:14px;color:var(--text-secondary);border:1px solid var(--border-secondary)}.qr-section{display:flex;gap:32px;align-items:flex-start}.qr-placeholder{background:var(--bg-tertiary);border:2px dashed var(--border-secondary);border-radius:8px;padding:20px;text-align:center;color:var(--text-tertiary)}.qr-placeholder p{margin:8px 0 0;font-size:14px}.qr-code-container{display:flex;justify-content:center;align-items:center}.qr-code-image{border-radius:8px;border:1px solid var(--border-secondary);background:var(--bg-secondary);padding:10px}.qr-alternative{flex:1}.secret-key{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:6px;padding:12px;display:flex;align-items:center;gap:8px}.secret-key code{flex:1;font-family:monospace;font-size:14px;word-break:break-all;color:var(--text-primary)}.copy-btn{background:var(--primary-blue);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .2s}.copy-btn:hover:not(:disabled){background:var(--primary-blue-dark)}.copy-btn:disabled{opacity:.6;cursor:not-allowed}.verify-form{margin-top:16px}.code-input-group{position:relative;display:flex;align-items:center;margin-bottom:16px}.code-input-group svg{position:absolute;left:12px;color:var(--text-tertiary);z-index:1}.code-input{width:100%;height:48px;padding:0 12px 0 40px;border:2px solid var(--border-secondary);border-radius:8px;font-size:18px;font-family:monospace;text-align:center;letter-spacing:4px;outline:none;transition:border-color .2s;background:var(--bg-secondary);color:var(--text-primary)}.code-input:focus{border-color:var(--primary-blue)}.verify-btn{width:100%}.success-message{text-align:center;padding:20px 0}.success-icon{width:80px;height:80px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-message h2{margin:0 0 16px;font-size:24px;font-weight:600;color:var(--success)}.success-message p{margin:0 0 24px;color:var(--text-tertiary)}.success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.setup-footer{text-align:center;padding-top:24px;border-top:1px solid var(--border-primary)}.back-link{color:var(--text-tertiary);text-decoration:none;font-size:14px}.back-link:hover{color:var(--text-secondary);text-decoration:underline}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-tertiary);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.qr-section{flex-direction:column;gap:20px}}@media (max-width: 480px){.setup-box{padding:20px}.step{gap:12px}.success-actions{flex-direction:column}.btn{width:100%}}.recovery-container{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.recovery-box{background:var(--bg-secondary);border-radius:12px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-primary)}.recovery-header{text-align:center;margin-bottom:32px}.recovery-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary)}.recovery-header p{margin:0;color:var(--text-tertiary);font-size:16px}.status-info{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;padding:20px;margin-bottom:24px}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-item:last-child{margin-bottom:0}.status-label{font-weight:500;color:var(--text-secondary)}.status-value{font-weight:600;color:var(--success)}.status-value.warning{color:var(--error)}.warning-banner{display:flex;align-items:center;gap:8px;background:var(--warning-light);border:1px solid var(--warning);border-radius:6px;padding:12px;color:var(--warning-dark);font-size:14px}.codes-section{margin-bottom:24px}.codes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.codes-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.toggle-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-secondary);border-radius:6px;padding:6px 12px;color:var(--text-tertiary);cursor:pointer;font-size:14px;transition:all .2s}.toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.codes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.code-item{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:6px;padding:12px}.code-number{background:var(--text-tertiary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.recovery-code{font-family:monospace;font-size:14px;color:var(--text-primary);background:none;padding:0;border:none}.no-codes{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.actions-section{margin-bottom:32px}.primary-actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.secondary-actions{display:flex;justify-content:center}.regenerate-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--error);cursor:pointer;font-size:14px;padding:8px 16px;border-radius:6px;transition:all .2s}.regenerate-btn:hover:not(:disabled){background:var(--error-light)}.regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.info-section{background:var(--blue-light);border:1px solid var(--primary-blue-light);border-radius:8px;padding:20px;margin-bottom:24px}.info-section h4{margin:0 0 12px;color:var(--blue-dark);font-size:16px;font-weight:600}.info-list{margin:0;padding-left:20px;color:var(--blue-dark)}.info-list li{margin-bottom:8px;line-height:1.4}.info-list li:last-child{margin-bottom:0}.recovery-footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border-primary)}.setup-link{color:var(--text-tertiary);text-decoration:none;font-size:14px;transition:color .2s}.setup-link:hover{color:var(--text-secondary);text-decoration:underline}.spinning{animation:spin 1s linear infinite}@media (max-width: 640px){.recovery-box{padding:24px}.codes-grid{grid-template-columns:1fr}.primary-actions{flex-direction:column}.recovery-footer{flex-direction:column;gap:12px;text-align:center}.status-item{flex-direction:column;gap:4px;text-align:center}}.verify-container{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px}.verify-box{background:var(--bg-secondary);border-radius:12px;padding:40px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-primary)}.verify-header{text-align:center;margin-bottom:32px}.verify-header h1{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary)}.verify-header p{margin:0;color:var(--text-tertiary);font-size:14px}.code-section{text-align:center;margin-bottom:24px}.code-icon{color:var(--primary-blue);margin-bottom:12px}.code-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:16px;font-size:16px}.code-input-container{position:relative;margin-bottom:8px}.code-input{width:100%;height:60px;border:none;border-bottom:3px solid var(--border-secondary);font-size:28px;font-family:monospace;text-align:center;letter-spacing:8px;outline:none;background:transparent;transition:border-color .3s;color:var(--text-primary)}.code-input:focus{border-bottom-color:var(--primary-blue)}.code-input::-moz-placeholder{color:var(--border-secondary)}.code-input::placeholder{color:var(--border-secondary)}.code-underline{position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--primary-blue);transition:all .3s;transform:translate(-50%)}.code-input:focus+.code-underline{width:100%}.code-hint{color:var(--text-tertiary);font-size:12px;margin:0}.remember-section{margin-bottom:24px;text-align:left}.remember-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-bottom:8px}.remember-checkbox input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border-secondary);border-radius:4px;position:relative;flex-shrink:0;transition:all .2s}.remember-checkbox input:checked+.checkmark{background:var(--primary-blue);border-color:var(--primary-blue)}.remember-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-text{font-size:14px;color:var(--text-primary);line-height:1.4}.remember-hint{color:var(--text-tertiary);font-size:12px;margin:0;padding-left:32px}.verify-footer{margin-top:32px;border-top:1px solid var(--border-primary);padding-top:24px}.recovery-section{text-align:center;margin-bottom:20px}.recovery-section p{margin:0 0 8px;color:var(--text-tertiary);font-size:14px}.recovery-btn{background:none;border:none;color:var(--primary-blue);font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.recovery-btn:hover{color:var(--primary-blue-dark)}.back-section{text-align:center}.loading-spinner.small{width:24px;height:24px;border-width:3px}@media (max-width: 480px){.verify-box{padding:24px}.code-input{font-size:24px;letter-spacing:6px}}.shift-pattern-page{min-height:calc(100vh - var(--topbar-height, 72px))}.shift-pattern-shell{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--space-4);align-items:start}.shift-pattern-sidebar-card{position:sticky;top:var(--space-4);max-height:calc(100vh - 120px);overflow:hidden}.shift-pattern-sidebar-card .table-header{align-items:flex-start;gap:var(--space-2)}.shift-pattern-sidebar-card .table-header h3{font-size:var(--font-size-base)}.shift-pattern-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:calc(100vh - 250px);overflow-y:auto;padding-right:var(--space-1)}.shift-pattern-picker-button{width:100%;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.shift-pattern-picker-button:hover{border-color:var(--primary-blue-light);box-shadow:var(--shadow-sm)}.shift-pattern-picker-button.is-active{background:#0ea5e91f;border-color:var(--primary-blue);box-shadow:var(--focus-ring)}.shift-pattern-picker-meta{align-items:center;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--space-1)}.shift-pattern-editor-card{min-width:0}.shift-pattern-editor-card .table-header h2{margin:0;font-size:var(--font-size-xl)}.shift-pattern-editor-body{display:flex;flex-direction:column;gap:var(--space-4)}.shift-pattern-header-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.shift-pattern-table-container{max-height:calc(100vh - 390px);min-height:280px}.shift-pattern-table-container .form-item{margin:0;min-width:120px}.shift-pattern-table-container .form-input,.shift-pattern-table-container .form-select{min-height:36px}.shift-pattern-actions{border-top:1px solid var(--border-secondary);padding-top:var(--space-3)}.shift-pattern-view-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.shift-pattern-view-card .card-body{display:grid;gap:var(--space-1)}@media (max-width: 1100px){.shift-pattern-shell{grid-template-columns:1fr}.shift-pattern-sidebar-card{position:static;max-height:none}.shift-pattern-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-height:none;overflow:visible}.shift-pattern-table-container{max-height:none}}.shift-assignment-page{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.shift-assignment-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.shift-assignment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.shift-assignment-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-1)}.shift-assignment-meta{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.assignment-tabs{display:inline-flex;background:var(--bg-secondary);border-radius:var(--radius-pill);border:1px solid var(--border-secondary);overflow:hidden}.assignment-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast)}.assignment-tab:hover{background:#0ea5e91f}.assignment-tab.active{background:linear-gradient(135deg,#0ea5e91f,#0ea5e92e);color:var(--primary-blue-dark)}.assignment-grid{display:grid;gap:var(--space-6)}@media (min-width: 960px){.assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.assignment-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.assignment-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.form-control{display:flex;flex-direction:column;gap:var(--space-2)}.form-control label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.required{color:var(--error);margin-left:var(--space-1)}.field-error{color:var(--error);font-size:var(--font-size-sm)}.form-row{display:grid;gap:var(--space-4)}@media (min-width: 720px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}.checkbox.inline{align-items:center}.primary-button,.secondary-button,.tertiary-button{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);border:none;cursor:pointer;font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),color var(--transition-fast),border var(--transition-fast)}.primary-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:#fff;padding:var(--space-2) var(--space-5)}.primary-button:disabled{opacity:.7;cursor:not-allowed}.secondary-button{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary)}.secondary-button:hover{background:var(--bg-tertiary)}.tertiary-button{background:transparent;color:var(--primary-blue);padding:var(--space-2) var(--space-3)}.paste-list{display:flex;flex-direction:column;gap:var(--space-3)}.paste-panel{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.paste-panel textarea{width:100%;min-height:120px;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);resize:vertical;font-family:inherit}.paste-actions{display:flex;gap:var(--space-3)}.paste-feedback.success{color:var(--success-dark);font-size:var(--font-size-sm)}.paste-feedback.warning{color:var(--warning-dark);font-size:var(--font-size-sm)}.paste-feedback ul{margin-top:var(--space-1);padding-left:var(--space-5)}.unit-summary{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--text-secondary)}.muted{color:var(--text-tertiary);font-size:var(--font-size-sm)}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.target-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:280px;overflow-y:auto;padding-right:var(--space-1)}.target-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-secondary);background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}.target-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.target-unit{color:var(--text-tertiary);font-size:var(--font-size-sm)}.assignment-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width: 720px){.assignment-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.tertiary-button{justify-content:center}}.assignment-results{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.results-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.results-header h2{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.results-hint{display:flex;align-items:center;gap:var(--space-2);color:var(--warning-dark)}.results-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:320px;overflow-y:auto}.result-item{border-radius:var(--radius-lg);border:1px solid var(--border-secondary);padding:var(--space-3) var(--space-4);background:var(--bg-secondary)}.result-item.success{border-color:#22c55e66}.result-item.error{border-color:#f8717180}.result-item.overlap{background:#f8717114}.result-row{display:flex;gap:var(--space-3)}.result-icon{margin-top:var(--space-1);color:var(--primary-blue)}.result-item.error .result-icon,.result-item.overlap .result-icon{color:var(--error)}.result-details{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.result-title{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:baseline}.result-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.result-unit{color:var(--text-tertiary);font-size:var(--font-size-sm)}.result-message{font-size:var(--font-size-sm);color:var(--text-secondary)}.result-message.error{color:var(--error)}.conflict-list{margin-top:var(--space-2);padding-left:var(--space-5)}.shift-assignment-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--text-secondary)}.shift-assignment-state.error{color:var(--error)}.attendance-overrides-page{width:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.attendance-overrides-page--form{max-width:none;width:100%;margin:0}.attendance-overrides-page--form .override-card.form-card{width:100%}.attendance-overrides-table{display:flex;flex-direction:column;gap:var(--space-3)}.attendance-overrides-table__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.attendance-overrides-table__header p{margin:0;color:var(--text-secondary)}.attendance-overrides-table__header .btn,.attendance-overrides-table__header button{flex-shrink:0}.override-table-wrapper{overflow-x:auto}@media (max-width: 900px){.override-grid{grid-template-columns:1fr}.override-card{padding:var(--space-5)}.override-card.form-card{margin-top:var(--space-4)}.override-actions{justify-content:flex-start}}@media (max-width: 768px){.attendance-overrides-page{gap:var(--space-3)}.attendance-overrides-table__header{align-items:stretch}.attendance-overrides-table__header .btn,.attendance-overrides-table__header button{width:100%;justify-content:center}.attendance-overrides-page .action-bar{padding:var(--space-2)}.attendance-overrides-page .action-right{flex-direction:column;align-items:stretch}.attendance-overrides-page .action-right .btn{width:100%}.override-form-grid{grid-template-columns:1fr}.override-field.span-2{grid-column:auto}.override-toggle-row,.lock-checkbox-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.override-actions{flex-direction:column;align-items:stretch}.override-actions .btn,.override-actions button,.danger-button{width:100%;justify-content:center}.table-actions{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}@media (max-width: 480px){.override-card{padding:var(--space-4)}.override-card.form-card .form-overlay-close{top:var(--space-1);right:var(--space-1)}.override-table{font-size:12px}.override-table th,.override-table td{padding:var(--space-2)}.recent-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.attendance-overrides-page .action-right .btn{width:100%}}.override-page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.override-grid{display:grid;gap:var(--space-6)}@media (min-width: 960px){.override-grid{grid-template-columns:2fr 1fr;align-items:start}}.override-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.override-card.secondary{background:var(--bg-secondary)}.override-card.form-card{margin-top:var(--space-6)}.override-card.form-card .override-card-header{position:relative;padding-right:var(--space-8)}.override-card.form-card .form-overlay-close{position:absolute;top:var(--space-2);right:var(--space-2);margin:0}.override-card.placeholder{display:flex;flex-direction:column;gap:var(--space-3)}.override-card.placeholder ul{margin:0 0 var(--space-2);padding-left:var(--space-5);color:var(--text-secondary)}.override-card-header h2{margin-bottom:var(--space-1)}.override-card-header p{color:var(--text-secondary);margin:0}.override-form-grid{display:grid;gap:var(--space-4)}.attendance-override-field-match{width:100%;min-width:0}@media (min-width: 720px){.override-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.override-field.span-2{grid-column:span 2}.attendance-overrides-page .attendance-override-field-match{max-width:calc((100% - var(--space-4)) / 2)}}.override-field{display:flex;flex-direction:column;gap:var(--space-2)}.override-field input,.override-field select,.override-field textarea{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary)}.override-field textarea{resize:vertical}.override-field .required{color:var(--error);margin-left:4px}.segment-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{border:1px solid var(--border-secondary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.chip--active{background:var(--primary-blue);color:#fff;border-color:transparent}.override-divider{width:100%;height:1px;background:var(--border-secondary);margin:var(--space-5) 0}.override-toggle-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.toggle-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);cursor:pointer}.toggle-pill input{width:18px;height:18px}.lock-details-toggle-section{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.lock-checkbox-row{display:flex;gap:var(--space-6);align-items:center;margin:var(--space-3) 0}.override-alert{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary)}.override-alert ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.override-alert.warning{border-color:var(--warning);background:#fff8e1;color:var(--warning-dark)}.override-alert.info{border-color:var(--primary-blue);background:#f0f6ff;color:var(--primary-blue-dark, #0b5ed7)}.override-alert.subtle{background:var(--bg-tertiary);border-style:dashed}.override-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.danger-button{background:#ffe5e5;color:var(--error);border:1px solid var(--error);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-semibold);cursor:pointer}.danger-button.compact{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;min-height:32px;border-radius:var(--radius-md);font-size:12px}.danger-button:disabled{opacity:.65;cursor:not-allowed}.load-row{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.load-row input{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:#fff}.muted-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.override-table-wrapper{overflow-x:auto;margin-top:var(--space-4)}.override-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.override-table th,.override-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-secondary);text-align:left;white-space:nowrap}.override-table tbody tr:hover{background:var(--bg-secondary)}.status-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-medium)}.status-pill--active{background:#e1f8f0;color:var(--success, #0f9d58)}.status-pill--inactive{background:#fceaea;color:var(--error)}.table-actions{display:flex;gap:var(--space-2)}.table-action-button{background:none;border:none;color:var(--primary-blue);cursor:pointer;font-weight:var(--font-weight-medium);padding:0}.table-action-button.danger{color:var(--error)}.table-action-button:disabled{opacity:.6;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center;color:var(--text-secondary)}.recent-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.recent-row{display:flex;justify-content:space-between;font-weight:var(--font-weight-medium)}.recent-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.recent-verb{text-transform:capitalize;color:var(--primary-blue)}.recent-employee{color:var(--text-primary)}.schedule-view{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-0);padding-bottom:112px}.schedule-header{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm, 0 10px 30px rgba(15, 23, 42, .08))}.schedule-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-xs, .75rem);color:var(--text-tertiary, #7a869a);margin-bottom:var(--space-2)}.schedule-header h1{margin:0;font-size:clamp(1.5rem,2vw,2rem);color:var(--text-primary)}.schedule-subtitle{margin-top:var(--space-2);color:var(--text-secondary);max-width:640px}.schedule-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);padding:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs, 0 1px 2px rgba(15, 23, 42, .08));align-items:end}.schedule-filters--month{gap:12px 16px;align-items:flex-end}.schedule-filter-full{grid-column:1 / -1}.schedule-filter-row{display:flex;gap:12px;align-items:flex-start}.schedule-filter-col{flex:1 1 0;min-width:0}.schedule-filter-actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.schedule-paste-actions{display:flex;align-items:flex-start;gap:6px;margin-top:6px;flex-wrap:wrap}.schedule-paste-help{font-size:11px;color:var(--text-secondary);margin-left:8px;white-space:nowrap;line-height:1.2}.schedule-employee-dropdown.searchable-dropdown-container{min-width:480px}.schedule-employee-dropdown .searchable-dropdown__control{min-width:480px!important}.schedule-alert-inline{margin-top:8px}.schedule-generation-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.esm-generation-dropdown.searchable-dropdown-container{max-width:520px}.esm-generation-dropdown .searchable-dropdown__control{max-width:520px!important}.import-mapping-page{background:var(--bg-primary);color:var(--text-primary)}.import-mapping-layout{width:100%;max-width:80rem;margin:0 auto}.import-mapping-content{padding:var(--space-8)}.import-mapping-summary,.import-mapping-card{width:100%}.import-purpose-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}.color-sync-actions{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.import-mapping-content{padding:var(--space-4)}.import-purpose-summary-grid{grid-template-columns:1fr}.import-purpose-summary-card{padding:var(--space-3)!important}}@media (max-width: 640px){.import-mapping-page .mapping-selection-card,.import-mapping-page .import-mapping-card{border-radius:var(--radius-lg)}.import-mapping-page .mapping-selection-header,.import-mapping-page .mapping-selection-content,.import-mapping-page .import-mapping-card-body{padding:var(--space-4)}.import-mapping-page .mapping-selection-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.import-mapping-summary{gap:var(--space-4)}.import-mapping-summary-grid{grid-template-columns:1fr;gap:var(--space-4)}}.attendance-processing-page .attendance-processing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.attendance-processing-actions{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4)}.attendance-processing-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--space-2)}.attendance-processing-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;margin-left:auto;text-align:right}.attendance-processing-card-heading{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}.attendance-processing-card-heading h3{margin:0;white-space:nowrap}.attendance-processing-card-heading__meta{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.employee-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.employee-stat-card{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border:1px solid rgba(51,65,85,.16);border-radius:12px;background:linear-gradient(135deg,#e2e8f0f2,#fffffffa);box-shadow:0 8px 20px #0f172a14}.employee-stat-card:first-child{border-color:#4f46e55c;background:linear-gradient(135deg,#e0e7fffa,#f8fafffa)}.employee-stat-card--active{border-color:#16a34a57;background:linear-gradient(135deg,#dcfce7fa,#f7fee7fa)}.employee-stat-card--info{border-color:#0284c757;background:linear-gradient(135deg,#e0f2fefa,#f0f9fffa)}.employee-stat-card--warning{border-color:#d9770657;background:linear-gradient(135deg,#fef3c7fa,#fffbebfa)}.employee-stat-icon{width:36px;height:36px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#4f46e533;color:#3730a3}.employee-stat-card--active .employee-stat-icon{background:#16a34a33;color:#166534}.employee-stat-card--info .employee-stat-icon{background:#0284c733;color:#075985}.employee-stat-card--warning .employee-stat-icon{background:#d977062e;color:#92400e}.employee-stat-content{min-width:0}.employee-stat-content h3{margin:0;font-size:1.125rem;line-height:1.1;font-weight:700;color:#0f172a}.employee-stat-content p{margin:4px 0 0;font-size:.77rem;line-height:1.2;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.processing-progress .progress-bar-wrapper{background:var(--bg-tertiary);border-radius:var(--radius-md);height:16px;overflow:hidden}.processing-progress .progress-bar-fill{background:var(--primary-blue);height:100%;transition:width .2s ease}.processing-progress-meta{display:flex;justify-content:space-between;margin-top:12px;flex-wrap:wrap;gap:8px;color:var(--text-secondary)}.processing-progress-meta p{margin:0}.current-employee-card{display:flex;gap:12px;align-items:center;border:1px solid var(--border-primary);border-radius:8px;padding:12px;margin-top:16px;background:var(--bg-secondary)}.current-employee-avatar{width:48px;height:48px;border-radius:9999px;-o-object-fit:cover;object-fit:cover}.current-employee-meta{color:var(--text-tertiary)}.processing-progress-message{margin-top:12px;font-size:var(--font-size-sm);color:var(--text-secondary)}.attendance-processing-page.has-processing-progress{padding-bottom:240px}.processing-progress--fixed{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(1100px,calc(100vw - 32px));z-index:1200;margin-top:0!important;box-shadow:0 14px 36px #0f172a38}.processing-progress--modal-external{z-index:2600}.processing-progress--fixed .card-body{max-height:220px;overflow-y:auto}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.filter-group select,.filter-group input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);background:var(--bg-secondary, #fff)}.nav-buttons{display:flex;flex-direction:row;gap:var(--space-3);align-items:center;flex-wrap:nowrap;justify-content:flex-end}.schedule-nav-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-secondary);background:transparent;color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast, .15s ease)}.schedule-nav-button:hover{background:var(--bg-secondary)}.source-filter-group{grid-column:1 / -1}.source-checkbox-row{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.schedule-selected-employees-row{max-height:88px;overflow-y:auto;align-items:flex-start;align-content:flex-start}.checkbox-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xl);border:2px solid var(--border-secondary);background:var(--bg-secondary);cursor:pointer;font-size:var(--font-size-sm)}.checkbox-chip input{margin:0;accent-color:var(--primary-blue)}.checkbox-chip__count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.result-heading{grid-column:1 / -1}.result-pill{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-secondary)}.themed-control{border:1px solid var(--border-primary);background:var(--bg-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-xs)}.themed-control:focus{outline:none;border-color:var(--border-primary)}[data-theme=dark] .themed-control,[data-theme=black] .themed-control{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.schedule-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.schedule-summary--month{gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.schedule-stats-drawer{grid-column:1 / -1;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.schedule-stats-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px 12px;border:0;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.schedule-stats-toggle strong{display:block;margin-top:2px;font-size:13px}.schedule-stats-toggle .schedule-result-eyebrow{justify-content:flex-start}.schedule-stats-toggle__meta{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);transition:background .2s ease,color .2s ease}.schedule-stats-drawer.is-open .schedule-stats-toggle__meta{background:var(--bg-tertiary);color:var(--text-primary)}.schedule-stats-panel{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-6px);transition:grid-template-rows .22s ease,opacity .18s ease,transform .22s ease}.schedule-stats-drawer.is-open .schedule-stats-panel{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.schedule-stats-panel__inner{min-height:0;overflow:hidden}.schedule-stats-panel .schedule-summary{padding:8px;border-top:1px solid var(--border-secondary)}.schedule-result-banner--drawer{margin:8px;box-shadow:none}.schedule-result-banner--drawer+.schedule-result-banner--drawer{margin-top:0}.schedule-filter-day{grid-column:1 / -1;margin-top:8px}.schedule-summary .stat-card{min-height:140px;display:flex;justify-content:space-between;align-items:center}.schedule-summary .stat-card-content{display:flex;flex-direction:column;gap:var(--space-1)}.schedule-summary .stat-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--space-1)}.schedule-summary .stat-card-subtext{font-size:var(--font-size-xs);opacity:.85}.schedule-result-banner{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-2);margin-top:var(--space-0);background:var(--bg-primary);border:1px dashed var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.schedule-result-banner--toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-content:stretch;-moz-column-gap:12px;column-gap:12px;min-height:56px}.schedule-result-heading{min-width:0;display:flex;align-items:center;gap:10px;justify-content:flex-start}.schedule-result-heading .schedule-result-title{min-width:0;white-space:nowrap}.schedule-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.schedule-inline-search{display:flex;align-items:center;gap:8px;margin:0}.schedule-inline-search .reports-input{width:min(320px,24vw)}.schedule-result-eyebrow{margin:0 0 var(--space-0);text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex;justify-content:center}.schedule-result-title{margin:0;font-size:clamp(1.1rem,1.2vw,1.4rem);color:var(--text-primary);display:flex;justify-content:center}.schedule-result-meta{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.schedule-result-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.schedule-source-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.schedule-alert{padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--error, #d93025);background:var(--error-light, #fde8e7)}.schedule-alert strong{display:block;margin-bottom:var(--space-2);color:var(--error, #d93025)}.schedule-alert.neutral{border:1px solid var(--info, #1b6ef3);background:var(--info-light, #e8f0fe)}.schedule-alert.neutral strong{color:var(--info, #1b6ef3)}.schedule-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);border-radius:var(--radius-xl);border:1px dashed var(--border-secondary);color:var(--text-secondary);background:var(--bg-secondary);text-align:center}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.schedule-day-card{border-radius:var(--radius-xl);border:1px solid var(--border-secondary);padding:var(--space-2);background:var(--bg-primary);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-xs, 0 1px 2px rgba(15, 23, 42, .08));min-height:160px;transition:transform var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.schedule-day-card--off{background:var(--blue-light, #edf5ff)}.schedule-day-card--locked{border-color:var(--primary-blue, #2563eb);box-shadow:var(--shadow-md, 0 20px 45px rgba(15, 23, 42, .12))}.schedule-day-card--missing{border-style:dashed;opacity:.85}.schedule-day-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 20px 45px rgba(15, 23, 42, .12))}.schedule-day-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.schedule-day-card__date{font-weight:var(--font-weight-semibold)}.schedule-day-card__weekday{font-size:var(--font-size-sm);color:var(--text-secondary)}.schedule-day-card__shift{display:flex;flex-direction:column;gap:var(--space-2)}.schedule-day-card__shift strong{font-size:var(--font-size-lg)}.segment-pill{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);background:var(--bg-secondary);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium);align-self:flex-start}.schedule-day-card__meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.schedule-day-card__actions{margin-top:auto}.locked-pill{display:inline-flex;align-items:center;padding:2px 12px;border-radius:var(--radius-full);background:var(--primary-blue-light, #dbeafe);color:var(--primary-blue, #2563eb);font-size:var(--font-size-xs, .75rem);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-semibold)}.filtered-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);background:#fff7ed;color:#9a3412;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.source-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium);width:-moz-fit-content;width:fit-content}.source-pattern{background:#e0f2fe;color:#0c4a6e}.source-override{background:#fee2e2;color:#991b1b}.source-holiday{background:#fef3c7;color:#92400e}.source-unknown{background:#e5e7eb;color:#374151}.schedule-day-card--override{border-color:var(--warning-dark, #c2410c);position:relative;box-shadow:var(--shadow-md)}.schedule-day-card--override:after{content:attr(data-override-label);position:absolute;top:-12px;right:12px;background:var(--orange-light, #fed7aa);color:var(--orange-dark, #c2410c);border-radius:var(--radius-full);padding:2px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.schedule-override-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px dashed var(--border-secondary);padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.schedule-override-button:hover:not(:disabled){border-style:solid;border-color:var(--primary-blue);color:var(--primary-blue);background:#2563eb14}.schedule-override-button--active{border-style:solid;border-color:var(--warning-dark, #c2410c);color:var(--warning-dark, #c2410c);background:#f871711f}.schedule-override-button:disabled{opacity:.5;cursor:not-allowed}.schedule-grid-wrapper{position:relative;min-height:320px}.schedule-grid-animate{animation:schedule-fade-in .22s ease-out}.schedule-page-footer{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:1200;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;width:min(960px,calc(100vw - 32px));background:color-mix(in srgb,var(--bg-primary) 94%,transparent);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:0 -6px 20px #0f172a1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.schedule-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;background:color-mix(in srgb,var(--bg-primary) 90%,transparent);display:flex;flex-direction:column;gap:var(--space-3);align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-secondary)}.schedule-loader{width:40px;height:40px;border-radius:50%;border:4px solid var(--border-secondary);border-top-color:var(--primary-blue, #2563eb);animation:schedule-spin .9s linear infinite}@keyframes schedule-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes schedule-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.schedule-generation-grid,.schedule-filters{grid-template-columns:1fr}.schedule-header,.schedule-summary{flex-direction:column}.summary-card{width:100%}}@media (max-width: 1024px){.attendance-processing-page .attendance-processing-grid,.employee-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.attendance-processing-page.has-processing-progress{padding-bottom:280px}.processing-progress--fixed{width:calc(100vw - 16px);bottom:8px}.attendance-processing-page .attendance-processing-grid{grid-template-columns:1fr}.attendance-processing-actions{flex-direction:column;align-items:stretch}.attendance-processing-actions .btn{width:100%;justify-content:center}.attendance-processing-card-header{flex-direction:column;align-items:flex-start}.attendance-processing-card-actions{width:100%;justify-content:flex-start}.employee-stats-grid{grid-template-columns:1fr}}@media (max-width: 640px){.schedule-filter-row{flex-direction:column}.schedule-filter-actions,.schedule-paste-actions{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.schedule-paste-help{white-space:normal;margin-left:0}}@media (max-width: 640px){.schedule-header{padding:var(--space-3);gap:var(--space-3)}.schedule-subtitle{max-width:100%}.schedule-filters{padding:var(--space-2)}.nav-buttons{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.schedule-nav-button{white-space:nowrap;flex:0 0 auto}.schedule-result-banner{flex-direction:column;align-items:stretch}.schedule-result-banner--toolbar,.schedule-result-heading,.schedule-result-actions,.schedule-inline-search{align-items:stretch;flex-direction:column}.schedule-result-banner--toolbar{display:flex}.schedule-result-heading .schedule-result-title{white-space:normal}.schedule-inline-search .reports-input{width:100%}.schedule-page-footer{flex-direction:column;align-items:stretch;width:calc(100vw - 24px);bottom:12px}.schedule-result-title,.schedule-result-eyebrow{justify-content:flex-start}.schedule-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.schedule-day-card{min-height:140px}.schedule-day-card__shift strong{font-size:var(--font-size-base)}.schedule-summary--month{grid-template-columns:1fr}.schedule-override-button{width:100%;justify-content:center}.schedule-view .btn,.schedule-view .schedule-nav-button,.schedule-view .schedule-override-button{padding:6px 10px;font-size:12px;min-height:32px;gap:6px}.schedule-view .btn{white-space:nowrap}}@media (max-width: 480px){.schedule-header h1{font-size:clamp(1.25rem,5vw,1.6rem)}.schedule-filters{gap:var(--space-2)}.schedule-result-chip{width:100%;justify-content:space-between}.schedule-source-breakdown{gap:var(--space-1)}.schedule-day-card{padding:var(--space-2)}.schedule-grid{grid-template-columns:1fr}}.reports-card-body{display:flex;flex-direction:column;gap:12px}.reports-parameter-panel{display:flex;flex-direction:column;gap:16px}.reports-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.reports-field-grid--daily{grid-template-columns:repeat(2,minmax(320px,1fr))}.reports-field-row{display:flex;align-items:center;gap:12px}.reports-field-row--align-end{justify-self:end;width:calc(100% - 36px);margin-left:36px}.reports-field-row--align-end .reports-date-input{flex:1;width:100%;min-width:220px}.reports-field-row .form-label{width:140px;margin:0;font-weight:500;color:var(--text-primary)}.reports-field-span{grid-column:1 / -1}.reports-input{flex:1;min-width:0;min-height:40px;padding:.5rem .75rem;border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);box-shadow:none}.reports-date-input{min-width:180px}.reports-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #2563eb1f}.reports-input::-moz-placeholder{color:var(--text-muted)}.reports-input::placeholder{color:var(--text-muted)}.reports-field-row .searchable-dropdown-container{flex:1;min-width:0}.reports-field-row .searchable-dropdown__control{min-height:40px;border-radius:var(--radius-lg);border-color:var(--border-primary);background:var(--bg-secondary);box-shadow:none}.reports-field-row .searchable-dropdown__control--is-focused{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1f}.reports-field-row .searchable-dropdown__single-value,.reports-field-row .searchable-dropdown__input-container,.reports-field-row .searchable-dropdown__placeholder{color:var(--text-primary)}.reports-field-row .searchable-dropdown__placeholder{color:var(--text-muted)}@media (max-width: 640px){.reports-field-row{flex-direction:column;align-items:flex-start}.reports-field-row--align-end{justify-self:stretch;width:100%;margin-left:0}.reports-field-row .form-label{width:auto}}.reports-button-row{display:flex;flex-wrap:wrap;gap:12px}.reports-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.reports-card-heading{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}.reports-card-heading h3{margin:0;white-space:nowrap}.reports-card-heading__meta{font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.reports-employee-card{margin-top:16px}.reports-date-input::-webkit-calendar-picker-indicator{opacity:.72}.reports-date-input::-webkit-datetime-edit{padding:2px 4px;color:var(--text-primary)}.reports-date-input:-moz-placeholder{color:var(--text-muted)}.reports-date-input:placeholder-shown{color:var(--text-muted)}.reports-date-input:placeholder-shown::-webkit-datetime-edit{color:var(--text-muted)}.org-chart-page{display:flex;flex-direction:column;gap:var(--space-4);min-height:calc(100vh - 120px)}.org-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm)}.org-chart-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.org-chart-subtitle{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-sm)}.org-chart-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.org-chart-panel{position:relative;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);min-height:420px}.org-chart-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-secondary)}.org-chart-tree-wrapper{position:relative}.org-chart-hint{text-align:center;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.org-chart-scroll{overflow:auto;padding:var(--space-4) var(--space-6) var(--space-8);border-radius:var(--radius-lg);background:var(--bg-primary);border:1px dashed var(--border-tertiary)}.org-chart-canvas{display:flex;justify-content:center;align-items:flex-start;transform-origin:top center;transition:transform var(--transition-fast)}.org-chart-node{display:flex;flex-direction:column;align-items:center}.org-chart-card{width:220px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.org-chart-card-header{padding:var(--space-2) var(--space-3);color:#fff;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.org-chart-card-body{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.org-chart-card-text{min-width:0}.org-chart-avatar,.org-chart-avatar-fallback{width:44px;height:44px;border-radius:var(--radius-full);border:2px solid #fff;background:var(--bg-tertiary);flex-shrink:0}.org-chart-avatar{-o-object-fit:cover;object-fit:cover}.org-chart-avatar-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.org-chart-name{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.org-chart-meta{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary)}.org-chart-toggle{margin-top:var(--space-2);width:24px;height:24px;border-radius:var(--radius-full);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.org-chart-children{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-1)}.org-chart-connector-stem{width:1px;height:14px;background:var(--border-secondary)}.org-chart-children-row{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:var(--space-6);padding-top:var(--space-4)}.org-chart-connector-line{position:absolute;top:0;left:20px;right:20px;height:1px;background:var(--border-secondary)}.org-chart-child{display:flex;flex-direction:column;align-items:center}.org-chart-child-connector{width:1px;height:14px;background:var(--border-secondary);margin-bottom:var(--space-2)}.org-chart-zoom{position:absolute;right:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-sm)}@media (max-width: 900px){.org-chart-header{flex-direction:column;align-items:flex-start}.org-chart-card{width:190px}.org-chart-children-row{gap:var(--space-4)}.org-chart-zoom{position:static;flex-direction:row;justify-content:center;margin-top:var(--space-4)}}@media (max-width: 640px){.org-chart-panel{padding:var(--space-3)}.org-chart-card{width:170px}.org-chart-scroll{padding:var(--space-3)}}:root{--sa-bg: #f0f2f7;--sa-sidebar-bg: #0d1b2e;--sa-sidebar-hover: #162d4a;--sa-sidebar-active: #1a3a5c;--sa-accent: #3b7fd4;--sa-accent-dark: #2563b0;--sa-accent-light: #dbeafe;--sa-white: #ffffff;--sa-surface: #ffffff;--sa-border: #e2e8f0;--sa-border-strong: #cbd5e1;--sa-text-primary: #0f172a;--sa-text-secondary: #475569;--sa-text-muted: #94a3b8;--sa-text-sidebar: #c8d6e8;--sa-text-sidebar-active: #ffffff;--sa-success: #16a34a;--sa-success-bg: #dcfce7;--sa-success-text: #14532d;--sa-danger: #dc2626;--sa-danger-bg: #fef2f2;--sa-danger-text: #991b1b;--sa-warning: #d97706;--sa-warning-bg: #fef3c7;--sa-warning-text: #78350f;--sa-info-bg: #eff6ff;--sa-info-text: #1d4ed8;--sa-shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--sa-shadow: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.06);--sa-shadow-lg: 0 10px 24px -4px rgba(0,0,0,.12), 0 4px 8px -2px rgba(0,0,0,.08);--sa-radius: 10px;--sa-radius-sm: 6px;--sa-radius-lg: 14px;--sa-sidebar-width: 256px;--sa-topbar-h: 68px}.superadmin-shell{min-height:100vh;display:grid;grid-template-columns:var(--sa-sidebar-width) minmax(0,1fr);background:var(--sa-bg);color:var(--sa-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif}.superadmin-sidebar{background:var(--sa-sidebar-bg);color:var(--sa-text-sidebar);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.superadmin-sidebar::-webkit-scrollbar{display:none}.superadmin-brand{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.superadmin-brand-logo{width:38px;height:38px;background:linear-gradient(135deg,var(--sa-accent) 0%,#1d4ed8 100%);border-radius:var(--sa-radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 12px #3b7fd466}.superadmin-brand-title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.2px}.superadmin-brand-subtitle{margin-top:3px;color:var(--sa-text-muted);font-size:11.5px;letter-spacing:.2px;text-transform:uppercase}.superadmin-nav-section{padding:20px 12px 0;flex:1}.superadmin-nav-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#4a6080;padding:0 8px;margin-bottom:6px}.superadmin-nav{display:grid;gap:2px}.superadmin-nav-link{display:flex;align-items:center;gap:11px;padding:10px;color:var(--sa-text-sidebar);border-radius:var(--sa-radius-sm);text-decoration:none;font-weight:500;font-size:13.5px;transition:background .15s,color .15s;position:relative}.superadmin-nav-link:hover{background:var(--sa-sidebar-hover);color:#e8f0fc}.superadmin-nav-link.active{background:var(--sa-sidebar-active);color:var(--sa-text-sidebar-active);font-weight:600}.superadmin-nav-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--sa-accent)}.superadmin-nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--sa-radius-sm);flex-shrink:0;background:#ffffff0d}.superadmin-nav-link.active .superadmin-nav-icon{background:#3b7fd440;color:#7eb3f0}.superadmin-sidebar-footer{padding:14px 12px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.superadmin-user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--sa-radius-sm);background:#ffffff0a;margin-bottom:10px}.superadmin-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sa-accent) 0%,#1d4ed8 100%);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.superadmin-user-info{min-width:0}.superadmin-user-name{font-size:13px;font-weight:600;color:#d4e0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superadmin-user-role{font-size:11px;color:var(--sa-text-muted);margin-top:1px}.superadmin-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.superadmin-topbar{height:var(--sa-topbar-h);background:var(--sa-white);border-bottom:1px solid var(--sa-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;box-shadow:var(--sa-shadow-sm)}.superadmin-topbar-left{display:flex;flex-direction:column;gap:2px}.superadmin-topbar-title{font-size:18px;font-weight:700;color:var(--sa-text-primary);letter-spacing:-.3px}.superadmin-topbar-right{display:flex;align-items:center;gap:10px}.superadmin-topbar-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--sa-info-bg);color:var(--sa-info-text);border-radius:999px;font-size:12px;font-weight:600}.superadmin-page{padding:28px;display:grid;gap:20px;align-content:start}.superadmin-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.superadmin-title{font-size:22px;font-weight:750;margin:0;letter-spacing:-.4px;color:var(--sa-text-primary)}.superadmin-subtitle{font-size:13px;color:var(--sa-text-muted);margin-top:3px}.superadmin-muted{color:var(--sa-text-secondary);font-size:13px}.superadmin-card{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius);padding:20px;box-shadow:var(--sa-shadow-sm)}.superadmin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--sa-border)}.superadmin-card-title{font-size:15px;font-weight:700;color:var(--sa-text-primary);margin:0}.superadmin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.superadmin-stat{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius);padding:18px 20px;box-shadow:var(--sa-shadow-sm);position:relative;overflow:hidden}.superadmin-stat:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sa-border-strong);border-radius:var(--sa-radius) var(--sa-radius) 0 0}.superadmin-stat-active:after{background:var(--sa-success)}.superadmin-stat-suspended:after{background:var(--sa-danger)}.superadmin-stat-pending:after{background:var(--sa-warning)}.superadmin-stat-info:after{background:var(--sa-accent)}.superadmin-stat-label{color:var(--sa-text-secondary);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.superadmin-stat-value{font-size:32px;font-weight:800;margin-top:10px;letter-spacing:-1px;color:var(--sa-text-primary);line-height:1}.superadmin-stat-icon{position:absolute;right:16px;top:18px;opacity:.12}.superadmin-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.superadmin-table-wrap{overflow-x:auto;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-surface)}.superadmin-table{width:100%;border-collapse:collapse;min-width:720px}.superadmin-table th{background:#f8fafc;color:var(--sa-text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:11px 14px;text-align:left;border-bottom:1px solid var(--sa-border);white-space:nowrap}.superadmin-table td{padding:13px 14px;text-align:left;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:13.5px;color:var(--sa-text-primary)}.superadmin-table tr:last-child td{border-bottom:0}.superadmin-table tbody tr:hover{background:#fafbfd}.superadmin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.superadmin-field{display:grid;gap:6px}.superadmin-field label{font-size:12px;color:var(--sa-text-secondary);font-weight:600;letter-spacing:.2px}.superadmin-input,.superadmin-select,.superadmin-textarea{border:1.5px solid var(--sa-border-strong);border-radius:var(--sa-radius-sm);background:var(--sa-white);color:var(--sa-text-primary);padding:9px 12px;font-size:13.5px;min-height:40px;transition:border-color .15s,box-shadow .15s;width:100%;outline:none;font-family:inherit}.superadmin-input:focus,.superadmin-select:focus,.superadmin-textarea:focus{border-color:var(--sa-accent);box-shadow:0 0 0 3px #3b7fd41f}.superadmin-textarea{min-height:90px;resize:vertical}.superadmin-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.superadmin-btn{min-height:36px;border:1.5px solid var(--sa-border-strong);border-radius:var(--sa-radius-sm);padding:7px 14px;background:var(--sa-white);color:var(--sa-text-primary);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,color .14s;font-family:inherit;white-space:nowrap}.superadmin-btn:hover{background:#f1f5f9;border-color:#adb8c7}.superadmin-btn:active{background:#e8edf5}.superadmin-btn:disabled{opacity:.5;cursor:not-allowed}.superadmin-btn-primary{background:var(--sa-accent);color:#fff;border-color:var(--sa-accent-dark);box-shadow:0 1px 3px #2563b04d}.superadmin-btn-primary:hover{background:var(--sa-accent-dark);border-color:#1a4f96;color:#fff}.superadmin-btn-danger{background:var(--sa-danger);color:#fff;border-color:#b91c1c;box-shadow:0 1px 3px #dc26264d}.superadmin-btn-danger:hover{background:#b91c1c;border-color:#991b1b;color:#fff}.superadmin-btn-warning{background:#f59e0b;color:#fff;border-color:#d97706;box-shadow:0 1px 3px #d977064d}.superadmin-btn-warning:hover{background:var(--sa-warning);border-color:#b45309;color:#fff}.superadmin-btn-sm{min-height:30px;padding:4px 10px;font-size:12px}.superadmin-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;background:#e2e8f0;color:#334155;letter-spacing:.2px;white-space:nowrap}.superadmin-status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}.superadmin-status-active{background:var(--sa-success-bg);color:var(--sa-success-text)}.superadmin-status-suspended{background:var(--sa-danger-bg);color:var(--sa-danger-text)}.superadmin-status-pending{background:var(--sa-warning-bg);color:var(--sa-warning-text)}.superadmin-status-decommissioned{background:#e5e7eb;color:#374151}.superadmin-status-migrating{background:var(--sa-accent-light);color:#1e40af}.superadmin-alert{border-radius:var(--sa-radius-sm);padding:11px 14px;font-size:13.5px;font-weight:500;background:var(--sa-info-bg);color:var(--sa-info-text);border:1px solid #bfdbfe;display:flex;align-items:flex-start;gap:8px}.superadmin-alert-error{background:var(--sa-danger-bg);color:var(--sa-danger-text);border-color:#fecaca}.superadmin-alert-success{background:var(--sa-success-bg);color:var(--sa-success-text);border-color:#bbf7d0}.superadmin-login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d1b2e,#0f2a47,#0d1b2e);padding:24px;position:relative;overflow:hidden}.superadmin-login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 60% 40%,rgba(59,127,212,.15) 0%,transparent 60%);pointer-events:none}.superadmin-login-card{width:min(420px,100%);background:var(--sa-white);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);padding:32px;box-shadow:var(--sa-shadow-lg);display:grid;gap:16px;position:relative}.superadmin-login-logo{width:48px;height:48px;background:linear-gradient(135deg,var(--sa-accent) 0%,#1d4ed8 100%);border-radius:var(--sa-radius);display:flex;align-items:center;justify-content:center;margin-bottom:4px;box-shadow:0 4px 14px #3b7fd466}.superadmin-checklist{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.superadmin-checklist li{position:relative;padding-left:26px;color:var(--sa-success-text);font-size:13.5px;font-weight:500}.superadmin-checklist li:before{content:"✓";position:absolute;left:4px;font-size:12px;font-weight:800;color:var(--sa-success)}.superadmin-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.superadmin-info-item{background:#f8fafc;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);padding:12px 14px}.superadmin-info-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--sa-text-secondary);margin-bottom:5px}.superadmin-info-value{font-size:14px;font-weight:600;color:var(--sa-text-primary);word-break:break-word}.superadmin-confirm{display:grid;gap:14px;margin-top:16px;padding:16px;border:1.5px solid var(--sa-warning);border-radius:var(--sa-radius);background:#fffbeb}.superadmin-link-button{border:0;padding:0;background:transparent;color:var(--sa-accent);cursor:pointer;text-align:left;font:inherit;font-size:13px;max-width:520px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.superadmin-link-button:hover{text-decoration-color:var(--sa-accent)}.superadmin-input-icon-wrap{position:relative;display:flex;align-items:center}.superadmin-input-icon-wrap>svg{position:absolute;left:12px;color:var(--sa-text-muted);pointer-events:none}.superadmin-input-with-icon{padding-left:36px}.superadmin-enquiries-table{min-width:900px}.superadmin-enquiry-filter-summary{align-self:end;min-height:40px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--sa-text-secondary);font-size:12px;font-weight:700}.superadmin-enquiry-filter-summary span{border:1px solid var(--sa-border);border-radius:999px;background:#f8fafc;padding:5px 10px}.superadmin-enquiry-contact{display:flex;align-items:center;gap:10px;min-width:240px}.superadmin-enquiry-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--sa-accent) 0%,#1d4ed8 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;box-shadow:0 3px 10px #3b7fd440}.superadmin-enquiry-contact-main{display:grid;gap:2px;min-width:0}.superadmin-enquiry-contact-main a,.superadmin-enquiry-contact-main span{font-size:12px;color:var(--sa-text-secondary);overflow-wrap:anywhere}.superadmin-enquiry-name{font-weight:700;color:var(--sa-text-primary)}.superadmin-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:var(--sa-info-bg);color:var(--sa-info-text);font-size:11.5px;font-weight:700;white-space:nowrap}.superadmin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.superadmin-modal{width:min(640px,100%);max-height:calc(100vh - 48px);background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow-lg);display:flex;flex-direction:column;overflow:hidden}.superadmin-modal-header,.superadmin-modal-footer{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.superadmin-modal-header{border-bottom:1px solid var(--sa-border)}.superadmin-modal-footer{border-top:1px solid var(--sa-border);justify-content:flex-end}.superadmin-modal-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--sa-text-primary)}.superadmin-modal-close{width:32px;height:32px;border:1.5px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:#fff;color:var(--sa-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .14s,border-color .14s,color .14s}.superadmin-modal-close:hover{background:var(--sa-danger-bg);border-color:#fecaca;color:var(--sa-danger)}.superadmin-modal-body{padding:18px;overflow-y:auto;display:grid;gap:18px}.superadmin-enquiry-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.superadmin-info-label{display:flex;align-items:center;gap:5px}.superadmin-enquiry-message{border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:#f8fafc;color:var(--sa-text-secondary);padding:14px;line-height:1.65;font-size:13.5px;white-space:pre-wrap}.superadmin-spin{animation:superadmin-spin .8s linear infinite}@keyframes superadmin-spin{to{transform:rotate(360deg)}}.superadmin-table a{color:var(--sa-accent);text-decoration:none;font-weight:600}.superadmin-table a:hover{text-decoration:underline}.superadmin-divider{height:1px;background:var(--sa-border);margin:4px 0}.superadmin-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.superadmin-logout-btn{display:flex;align-items:center;gap:9px;padding:9px 10px;width:100%;background:transparent;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--sa-radius-sm);color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:background .14s,color .14s,border-color .14s;font-family:inherit}.superadmin-logout-btn:hover{background:#dc26261f;color:#fca5a5;border-color:#dc262640}.superadmin-empty{text-align:center;padding:40px 20px;color:var(--sa-text-muted);font-size:13.5px}.superadmin-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--sa-text-muted);font-size:14px;gap:10px}.superadmin-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sa-text-muted);margin-bottom:10px}@media (max-width: 1024px){.superadmin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){.superadmin-shell{grid-template-columns:1fr}.superadmin-sidebar{position:static;height:auto}.superadmin-grid,.superadmin-two-col,.superadmin-detail-grid,.superadmin-form-grid{grid-template-columns:1fr}.superadmin-page{padding:16px}.superadmin-topbar{padding:0 16px}}html,body{overflow-y:auto!important;scrollbar-gutter:stable}html,body,*{scrollbar-width:thin!important;scrollbar-color:#94a3b8 #f1f5f9!important}*::-webkit-scrollbar{display:block!important;width:12px;height:12px}*::-webkit-scrollbar-track{background:#f1f5f9}*::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px;border:3px solid #f1f5f9}*::-webkit-scrollbar-thumb:hover{background:#64748b}.superadmin-sidebar::-webkit-scrollbar,.content::-webkit-scrollbar,.page-container::-webkit-scrollbar{display:block!important}.superadmin-sidebar,.content,.page-container{scrollbar-width:thin!important}