.unified-sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--ds-sidebar-width, 280px);background:var(--ds-bg-surface);border-right:1px solid var(--ds-border-default);display:flex;flex-direction:column;z-index:var(--ds-z-sticky);transition:width var(--ds-transition-base);overflow:hidden}.unified-sidebar.collapsed{width:var(--ds-sidebar-collapsed-width, 80px)}[dir=rtl] .unified-sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--ds-border-default)}.unified-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4);border-bottom:1px solid var(--ds-border-subtle);min-height:64px}.unified-sidebar .sidebar-logo{display:flex;align-items:center;justify-content:center;flex:1;overflow:hidden}.unified-sidebar .logo-image{transition:all var(--ds-transition-base)}.unified-sidebar .logo-expanded{width:180px;height:auto;object-fit:contain}.unified-sidebar .logo-collapsed{width:40px;height:40px;object-fit:contain}.unified-sidebar .sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.unified-sidebar .sidebar-toggle:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.unified-sidebar .portal-badge{padding:var(--ds-space-2) var(--ds-space-4);margin:var(--ds-space-2) var(--ds-space-4);background:var(--ds-primary-hover-bg);border-radius:var(--ds-radius-md);text-align:center}.unified-sidebar .portal-badge span{font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);color:var(--ds-primary);text-transform:uppercase;letter-spacing:.05em}.unified-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:var(--ds-space-2)}.unified-sidebar .nav-section{margin-bottom:var(--ds-space-1)}.unified-sidebar .section-header{display:flex;align-items:center;gap:var(--ds-space-3);width:100%;padding:var(--ds-space-3) var(--ds-space-4);border:none;background:transparent;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast);text-align:left}[dir=rtl] .unified-sidebar .section-header{text-align:right}.unified-sidebar .section-header:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.unified-sidebar .section-header.active{color:var(--ds-primary)}.unified-sidebar .section-header .section-title{flex:1}.unified-sidebar .section-header .chevron{transition:transform var(--ds-transition-fast)}.unified-sidebar .section-header .chevron.rotated{transform:rotate(180deg)}.unified-sidebar .section-items{padding-left:var(--ds-space-4);margin-top:var(--ds-space-1)}[dir=rtl] .unified-sidebar .section-items{padding-left:0;padding-right:var(--ds-space-4)}.unified-sidebar .nav-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-4);color:var(--ds-text-secondary);text-decoration:none;font-size:var(--ds-text-sm);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast);margin-bottom:2px}.unified-sidebar .nav-item:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.unified-sidebar .nav-item.active{background:var(--ds-primary-hover-bg);color:var(--ds-primary);font-weight:var(--ds-font-medium)}.unified-sidebar .nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-sidebar.collapsed .section-header{justify-content:center;padding:var(--ds-space-3)}.unified-sidebar.collapsed .section-items{padding-left:0;padding-right:0}.unified-sidebar.collapsed .nav-item{justify-content:center;padding:var(--ds-space-3)}.unified-sidebar .sidebar-footer{padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-border-subtle);background:var(--ds-bg-elevated)}.unified-sidebar .user-info{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.unified-sidebar .user-avatar{width:40px;height:40px;border-radius:var(--ds-radius-full);background:var(--ds-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm);overflow:hidden}.unified-sidebar .user-avatar img{width:100%;height:100%;object-fit:cover}.unified-sidebar .user-details{flex:1;min-width:0}.unified-sidebar .user-name{display:block;font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-sidebar .user-role{display:block;font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.unified-sidebar .footer-actions{display:flex;gap:var(--ds-space-2)}.unified-sidebar .footer-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-2);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast);text-decoration:none}.unified-sidebar .footer-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.unified-sidebar .footer-btn.logout:hover{background:var(--ds-danger-bg);color:var(--ds-danger);border-color:var(--ds-danger-border)}.unified-sidebar.collapsed .user-info{justify-content:center}.unified-sidebar.collapsed .footer-actions{flex-direction:column}.unified-sidebar .sidebar-nav::-webkit-scrollbar{width:4px}.unified-sidebar .sidebar-nav::-webkit-scrollbar-track{background:transparent}.unified-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:var(--ds-border-default);border-radius:var(--ds-radius-full)}.unified-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--ds-border-strong)}@media(max-width:768px){.unified-sidebar{transform:translate(-100%)}.unified-sidebar.open{transform:translate(0)}[dir=rtl] .unified-sidebar{transform:translate(100%)}[dir=rtl] .unified-sidebar.open{transform:translate(0)}}.notification-bell-container{position:relative}.notification-bell-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.notification-bell-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.notification-bell-btn.has-unread{color:var(--ds-secondary)}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--ds-error);color:#fff;font-size:.65rem;font-weight:600;border-radius:100px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:600px;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);box-shadow:0 10px 40px #0000004d;z-index:1000;overflow:hidden;animation:slideDown .2s ease}[dir=rtl] .notification-dropdown{right:auto;left:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.notification-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--ds-text-primary)}.mark-all-read-btn{display:flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-2);background:transparent;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover{background:var(--ds-bg-hover)}.notification-list{max-height:480px;overflow-y:auto}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-8);color:var(--ds-text-muted)}.notification-empty .empty-icon{margin-bottom:var(--ds-space-3);opacity:.3}.notification-empty p{margin:0;font-size:.875rem}.spinner-small{width:24px;height:24px;border:2px solid var(--ds-border-default);border-top-color:var(--ds-secondary);border-radius:50%;animation:spin 1s linear infinite}.notification-item{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);cursor:pointer;transition:background .2s ease}.notification-item:hover{background:var(--ds-bg-hover)}.notification-item.unread{background:#3b82f60d}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ds-secondary)}.notification-item{position:relative}.notification-icon-wrapper{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface);border-radius:var(--ds-radius-md)}.notification-icon.info{color:var(--ds-secondary)}.notification-icon.success{color:var(--ds-success)}.notification-icon.warning{color:var(--ds-warning)}.notification-icon.error{color:var(--ds-error)}.notification-icon.action{color:var(--ds-secondary)}.notification-content{flex:1;min-width:0}.notification-content h5{margin:0 0 var(--ds-space-1) 0;font-size:.8rem;font-weight:600;color:var(--ds-text-primary);line-height:1.3}.notification-content p{margin:0;font-size:.75rem;color:var(--ds-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{display:block;margin-top:var(--ds-space-1);font-size:.65rem;color:var(--ds-text-muted)}.notification-actions{display:flex;align-items:center;gap:var(--ds-space-1);flex-shrink:0}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background:var(--ds-bg-hover)}.notification-item.clickable:hover .action-indicator{color:var(--ds-secondary);transform:translate(2px)}[dir=rtl] .notification-item.clickable:hover .action-indicator{transform:translate(-2px) rotate(180deg)}.action-indicator{color:var(--ds-text-muted);opacity:.5;transition:all .2s ease}[dir=rtl] .action-indicator{transform:rotate(180deg)}.mark-read-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);cursor:pointer;transition:all .2s ease}.mark-read-btn:hover{background:var(--ds-success);color:#fff}.view-all-link{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-1);padding:var(--ds-space-3);background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default);color:var(--ds-secondary);font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s ease}.view-all-link:hover{background:var(--ds-bg-hover)}.notification-icon.urgent,.notification-icon.critical{color:#ef4444}.notification-item.urgent{background:#ef444414;border-left:3px solid #ef4444}.notification-item.urgent:before{background:#ef4444}.notification-item.urgent .notification-icon-wrapper{background:#ef444426}.notification-item.urgent.unread{animation:urgentPulse 2s ease-in-out infinite}@keyframes urgentPulse{0%,to{background:#ef444414}50%{background:#ef444426}}.notification-item.success{border-left:3px solid #22c55e}.notification-item.success .notification-icon-wrapper{background:#22c55e1f}.notification-item.error{background:#ef44440d;border-left:3px solid #ef4444}.notification-item.error .notification-icon-wrapper{background:#ef44441f}.notification-item.warning{border-left:3px solid #f59e0b}.notification-item.warning .notification-icon-wrapper{background:#f59e0b1f}.notification-item.action{border-left:3px solid #8b5cf6}.notification-item.action .notification-icon-wrapper{background:#8b5cf61f}@media(max-width:480px){.notification-dropdown{width:calc(100vw - 32px);right:-100px}}.header{height:64px;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--ds-space-6);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:var(--ds-space-4)}.header-menu-btn{display:none;padding:var(--ds-space-2);background:transparent;border:none;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md)}.header-menu-btn:hover{background:var(--ds-bg-glass);color:var(--ds-text-primary)}@media(max-width:1024px){.header-menu-btn{display:flex}}.header-search{position:relative;width:300px}.search-icon{position:absolute;left:var(--ds-space-3);top:50%;transform:translateY(-50%);color:var(--ds-text-muted)}[dir=rtl] .search-icon{left:auto;right:var(--ds-space-3)}.search-input{width:100%;padding:var(--ds-space-2) var(--ds-space-4);padding-inline-start:var(--ds-space-10);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-full);color:var(--ds-text-primary);font-size:.875rem;transition:all var(--ds-transition-fast)}[dir=rtl] .search-input{padding-inline-start:var(--ds-space-4);padding-inline-end:var(--ds-space-10)}.search-input:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.search-input::placeholder{color:var(--ds-text-muted)}@media(max-width:768px){.header-search{display:none}}.header-right{display:flex;align-items:center;gap:var(--ds-space-2)}.header-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:transparent;border:none;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-fast);font-size:.75rem;font-weight:500}.header-btn:hover{background:var(--ds-bg-glass);color:var(--ds-text-primary)}.header-btn-label{font-weight:600}.notification-btn{position:relative}.notification-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;background:var(--ds-error);border-radius:var(--ds-radius-full);font-size:.625rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.header-user{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-lg);cursor:pointer;transition:background var(--ds-transition-fast);margin-inline-start:var(--ds-space-4)}[dir=rtl] .header-user{margin-inline-start:0;margin-inline-end:var(--ds-space-4)}.header-user:hover{background:var(--ds-bg-glass)}.header-user-avatar{width:36px;height:36px;border-radius:var(--ds-radius-full);background:linear-gradient(135deg,var(--ds-primary),var(--ds-secondary));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem}.header-user-info{display:flex;flex-direction:column}.header-user-name{font-size:.875rem;font-weight:500;color:var(--ds-text-primary)}.header-user-role{font-size:.75rem;color:var(--ds-text-muted)}@media(max-width:768px){.header-user-info{display:none}}.layout{display:flex;min-height:100vh;background:var(--ds-bg-base)}.layout-main{flex:1;display:flex;flex-direction:column;margin-left:var(--ds-sidebar-width, 260px);margin-right:0;transition:margin var(--ds-transition-base);min-width:0}.layout.sidebar-collapsed .layout-main{margin-left:var(--ds-sidebar-collapsed-width, 72px)}[dir=rtl] .layout-main{margin-left:0;margin-right:var(--ds-sidebar-width, 260px)}[dir=rtl] .layout.sidebar-collapsed .layout-main{margin-left:0;margin-right:var(--ds-sidebar-collapsed-width, 72px)}[dir=rtl] .layout-content{direction:rtl;text-align:right}.layout-content{flex:1;padding:var(--ds-space-6);overflow-y:auto;animation:fadeIn .3s ease-out}@media(max-width:1024px){.layout-main{margin-left:0}[dir=rtl] .layout-main{margin-right:0}.layout-content{padding:var(--ds-space-4)}}.employee-sidebar{width:260px;height:100vh;background:linear-gradient(180deg,var(--ds-bg-surface) 0%,var(--ds-bg-base) 100%);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:width .3s ease;border-right:1px solid var(--ds-border-default)}.employee-sidebar.collapsed{width:72px}.employee-sidebar[dir=rtl],[dir=rtl] .employee-sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--ds-border-default)}.employee-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--ds-border-default)}.employee-sidebar .sidebar-logo{display:flex;align-items:center;gap:12px}.employee-sidebar .logo-icon{width:36px;height:36px;color:var(--ds-primary)}.employee-sidebar .logo-image{object-fit:contain;transition:all .3s ease}.employee-sidebar .logo-image.logo-expanded{height:40px;width:auto}.employee-sidebar .logo-image.logo-collapsed{width:36px;height:36px}.employee-sidebar .sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-hover);border:none;border-radius:8px;color:var(--ds-text-secondary);cursor:pointer;transition:all .2s}.employee-sidebar .sidebar-toggle:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.portal-badge{margin:12px 16px;padding:8px 12px;background:var(--ds-danger-bg);border:1px solid var(--ds-danger-border);border-radius:8px;text-align:center}.portal-badge span{font-size:11px;font-weight:600;color:var(--ds-danger-text);text-transform:uppercase;letter-spacing:.5px}.employee-sidebar .sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.employee-sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:10px;color:var(--ds-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.employee-sidebar .nav-item:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.employee-sidebar .nav-item.active{background:var(--ds-primary);color:var(--ds-text-on-primary);box-shadow:0 4px 12px #c12a3359}.employee-sidebar .nav-item svg{flex-shrink:0}.employee-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.employee-sidebar.collapsed .nav-item span{display:none}.employee-sidebar .sidebar-footer{padding:16px;border-top:1px solid var(--ds-border-default);display:flex;align-items:center;gap:12px}.employee-sidebar .user-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.employee-sidebar .user-avatar{width:36px;height:36px;border-radius:50%;background:var(--ds-primary);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);font-weight:600;font-size:14px;flex-shrink:0}.employee-sidebar .user-details{display:flex;flex-direction:column;min-width:0}.employee-sidebar .user-name{color:var(--ds-text-primary);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-sidebar .user-role{color:var(--ds-text-muted);font-size:11px}.employee-sidebar .logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ds-danger-bg);border:none;border-radius:8px;color:var(--ds-danger-text);cursor:pointer;transition:all .2s}.employee-sidebar .logout-btn:hover{background:var(--ds-danger-hover);color:var(--ds-danger)}.employee-sidebar.collapsed .user-details{display:none}@media(max-width:768px){.employee-sidebar{width:72px}.employee-sidebar .logo-text,.employee-sidebar .nav-item span,.employee-sidebar .user-details,.employee-sidebar .portal-badge{display:none}.employee-sidebar .nav-item{justify-content:center;padding:12px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;z-index:0}.login-bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--ds-bg-base) 0%,var(--ds-gray-900, var(--ds-bg-surface)) 50%,var(--ds-bg-base) 100%)}.login-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.login-bg-glow{position:absolute;top:-50%;left:-25%;width:150%;height:150%;background:radial-gradient(ellipse at center,rgba(245,51,63,.15) 0%,transparent 60%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.login-lang-btn{position:absolute;top:var(--ds-space-6);right:var(--ds-space-6);padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;font-size:.875rem;z-index:10;transition:all var(--ds-transition-fast)}[dir=rtl] .login-lang-btn{right:auto;left:var(--ds-space-6)}.login-lang-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.login-container{position:relative;z-index:1;width:100%;max-width:440px;padding:var(--ds-space-6)}.login-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-2xl);padding:var(--ds-space-10);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--ds-shadow-xl),0 0 60px #f5333f1a;animation:fadeIn .5s ease-out}.login-logo{text-align:center;margin-bottom:var(--ds-space-8)}.login-logo-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-secondary));border-radius:var(--ds-radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--ds-space-4);color:#fff;box-shadow:0 10px 30px #f5333f4d}.login-logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--ds-primary-light),var(--ds-secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--ds-space-1)}.login-logo-subtitle{font-size:.875rem;color:var(--ds-text-muted)}.login-header{text-align:center;margin-bottom:var(--ds-space-6)}.login-header h2{font-size:1.5rem;margin-bottom:var(--ds-space-2)}.login-header p{color:var(--ds-text-muted);font-size:.875rem}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-error);font-size:.875rem;margin-bottom:var(--ds-space-5);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--ds-space-5)}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:var(--ds-space-3);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;padding:var(--ds-space-1)}[dir=rtl] .password-toggle{right:auto;left:var(--ds-space-3)}.password-toggle:hover{color:var(--ds-text-primary)}.login-options{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.checkbox-wrapper{display:flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;color:var(--ds-text-secondary)}.checkbox-wrapper input{width:16px;height:16px;accent-color:var(--ds-primary)}.forgot-link{color:var(--ds-primary-light);font-size:.875rem}.forgot-link:hover{color:var(--ds-primary)}.login-btn{margin-top:var(--ds-space-2)}.login-btn .animate-spin{animation:spin 1s linear infinite}.login-footer{text-align:center;margin-top:var(--ds-space-8);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-border-default)}.login-footer p{font-size:.75rem;color:var(--ds-text-muted)}@media(max-width:480px){.login-container{padding:var(--ds-space-4)}.login-card{padding:var(--ds-space-6)}}.login-step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6)}.login-step{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);opacity:.5;transition:all var(--ds-transition-fast)}.login-step.active{opacity:1}.login-step-circle{width:28px;height:28px;border-radius:50%;background:var(--ds-bg-surface);border:2px solid var(--ds-border-default);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--ds-text-muted);transition:all var(--ds-transition-fast)}.login-step.active .login-step-circle{border-color:var(--ds-primary);color:var(--ds-primary);background:#f5333f1a}.login-step.completed .login-step-circle{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff}.login-step span{font-size:.7rem;color:var(--ds-text-muted)}.login-step.active span{color:var(--ds-text-primary)}.login-step-line{width:40px;height:2px;background:var(--ds-border-default);margin-bottom:18px}.login-user-greeting{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4);color:var(--ds-text-primary);font-weight:500}.login-auth-type{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.auth-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3);background:var(--ds-bg-surface);border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;font-size:.875rem;transition:all var(--ds-transition-fast)}.auth-type-btn:hover{border-color:var(--ds-border-strong)}.auth-type-btn.active{border-color:var(--ds-primary);color:var(--ds-primary);background:#f5333f1a}.login-button-group{display:flex;gap:var(--ds-space-3)}.login-button-group .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2)}.login-button-group .btn-secondary{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.login-button-group .btn-secondary:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.login-error{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-error);font-size:.875rem;margin-bottom:var(--ds-space-5);text-align:center}.form-label{display:flex;align-items:center;gap:var(--ds-space-2)}.login-reset-link{text-align:center;margin-top:var(--ds-space-4)}.login-reset-link a{color:var(--ds-primary-light);font-size:.875rem;text-decoration:none;transition:all var(--ds-transition-fast)}.login-reset-link a:hover{color:var(--ds-primary);text-decoration:underline}.register-page{min-height:100vh;background:linear-gradient(135deg,var(--ds-bg-base) 0%,var(--ds-bg-surface) 50%,var(--ds-bg-base) 100%);padding:2rem;display:flex;justify-content:center;align-items:flex-start}.register-container{width:100%;max-width:900px;background:#1e293bf2;border-radius:16px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.register-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#1e40af,#7c3aed);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;align-items:center;gap:1.5rem}.register-logo{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}.header-text h1{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.header-text p{margin:.25rem 0 0;font-size:.9rem;color:#fffc}.lang-switch-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.lang-switch-btn:hover{background:#ffffff40}.header-actions{display:flex;align-items:center;gap:.75rem}.test-fill-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#eab30833;border:1px solid rgba(234,179,8,.5);border-radius:8px;color:#fbbf24;font-size:.8rem;cursor:pointer;transition:all .2s}.test-fill-btn:hover{background:#eab3084d;border-color:#fbbf24}.error-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171}.register-form{padding:1rem}.form-section{margin-bottom:.5rem;border-radius:12px;overflow:hidden;background:#0f172a80;border:1px solid rgba(255,255,255,.05)}.section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#1e293bcc;border:none;color:var(--ds-bg-elevated);cursor:pointer;transition:background .2s}.section-header:hover{background:#334155cc}.section-title{display:flex;align-items:center;gap:.75rem;font-weight:500;font-size:1rem}.section-title svg{color:#818cf8}.section-content{padding:1.5rem;background:#0f172a4d}.form-group label{font-size:.875rem;font-weight:500;color:var(--ds-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--ds-bg-elevated);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ds-text-muted)}.form-group select{cursor:pointer}.form-group select option{background:var(--ds-bg-surface);color:var(--ds-bg-elevated)}.form-hint{font-size:.75rem;color:var(--ds-text-muted)}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#818cf8}.upload-container{display:flex;align-items:center;gap:1rem}.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#818cf833;border:1px dashed rgba(129,140,248,.5);border-radius:8px;color:#818cf8;cursor:pointer;transition:all .2s}.upload-btn:hover{background:#818cf84d;border-color:#818cf8}.upload-success{display:flex;align-items:center;gap:.5rem;color:#22c55e;font-size:.875rem}.form-actions{padding:1.5rem;display:flex;justify-content:center}.form-actions .btn{padding:1rem 3rem;font-size:1rem;font-weight:600;border-radius:12px;min-width:200px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-page-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;position:relative}.success-lang-btn{position:absolute;top:0;right:0;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:.875rem;cursor:pointer;transition:all .2s}.success-lang-btn:hover{background:#ffffff26;color:#fff}[dir=rtl] .success-lang-btn{right:auto;left:0}.success-card{width:100%;background:linear-gradient(145deg,#1e293bf2,#0f172af2);border-radius:24px;padding:3rem 2.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrapper{position:relative;display:inline-flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.success-icon-circle{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-radius:50%;animation:pulse 2s ease-in-out infinite}.success-icon-circle svg{color:#22c55e}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e66}50%{transform:scale(1.05);box-shadow:0 0 0 15px #22c55e00}}.success-particles{position:absolute;width:140px;height:140px;pointer-events:none}.success-particles span{position:absolute;width:8px;height:8px;background:#22c55e;border-radius:50%;animation:particleBurst 1s ease-out forwards}.success-particles span:nth-child(1){--angle: 0deg;--distance: 50px;animation-delay:.1s}.success-particles span:nth-child(2){--angle: 90deg;--distance: 60px;animation-delay:.2s}.success-particles span:nth-child(3){--angle: 180deg;--distance: 50px;animation-delay:.3s}.success-particles span:nth-child(4){--angle: 270deg;--distance: 60px;animation-delay:.4s}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1))}}.success-content{margin-bottom:2rem}.success-title{font-size:1.75rem;font-weight:700;color:var(--ds-bg-elevated);margin:0 0 .5rem;line-height:1.3}.success-subtitle{font-size:1rem;color:var(--ds-text-secondary);margin:0 0 2rem}.success-info-box{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;text-align:start;margin-bottom:1.5rem}.success-info-box .info-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#3b82f633;border-radius:10px;color:#60a5fa}.success-info-box .info-text strong{display:block;font-size:.95rem;color:var(--ds-border-subtle);margin-bottom:.25rem}.success-info-box .info-text p{margin:0;font-size:.875rem;color:var(--ds-text-secondary);line-height:1.5}.success-tips{display:flex;flex-direction:column;gap:.75rem}.tip-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.875rem;color:var(--ds-border-default)}.tip-item svg{flex-shrink:0;color:#818cf8}.success-actions{display:flex;flex-direction:column;gap:.75rem}.success-actions .btn-large{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px}.success-actions .btn-outline{background:transparent;color:var(--ds-text-secondary);border:1px solid rgba(255,255,255,.2);padding:.875rem 2rem}.success-actions .btn-outline:hover{background:#ffffff0d;color:var(--ds-bg-elevated);border-color:#ffffff4d}.success-footer{text-align:center;color:var(--ds-text-muted);font-size:.875rem}.success-footer a{color:#818cf8;text-decoration:none;font-weight:500}.success-footer a:hover{color:#a5b4fc;text-decoration:underline}[dir=rtl] .success-info-box{text-align:right}[dir=rtl] .tip-item{flex-direction:row-reverse}@media(max-width:600px){.success-page-container{padding:1rem}.success-card{padding:2rem 1.5rem;border-radius:16px}.success-title{font-size:1.5rem}.success-info-box{flex-direction:column;text-align:center}.success-info-box .info-icon{margin:0 auto}[dir=rtl] .success-info-box{text-align:center}}.success-message{padding:4rem;text-align:center;color:var(--ds-bg-elevated)}.success-message svg{color:#22c55e;margin-bottom:1.5rem}.success-message h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.success-message p{margin:0 0 2rem;color:var(--ds-text-secondary)}@media(max-width:768px){.register-page{padding:1rem}.register-header{flex-direction:column;gap:1rem;text-align:center}.header-content{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}[dir=rtl] .section-header,[dir=rtl] .form-group,[dir=rtl] .checkbox-label,[dir=rtl] .form-group input,[dir=rtl] .form-group select,[dir=rtl] .form-group textarea{text-align:right}.images-section-content{display:flex;flex-direction:column;gap:1.5rem}.photo-guidelines{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.guidelines-do,.guidelines-dont{background:#0f172a80;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.guidelines-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;font-size:.95rem}.guidelines-header.do{background:#22c55e26;color:#22c55e}.guidelines-header.dont{background:#ef444426;color:#ef4444}.guidelines-list{list-style:none;padding:1rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.guidelines-list li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ds-border-default)}.guidelines-list .check-icon{color:#22c55e;flex-shrink:0}.guidelines-list .x-icon{color:#ef4444;flex-shrink:0}.image-uploads-grid{margin-top:1rem}.upload-buttons-row{display:flex;gap:.5rem}.upload-btn-primary,.upload-btn-camera{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.upload-btn-primary{background:#818cf826;border:1px solid rgba(129,140,248,.4);color:#818cf8}.upload-btn-primary:hover{background:#818cf840;border-color:#818cf8}.upload-btn-camera{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#22c55e}.upload-btn-camera:hover{background:#22c55e40;border-color:#22c55e}.live-selfie-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.selfie-label{display:block;font-size:.95rem;font-weight:500;color:var(--ds-bg-elevated);margin-bottom:.75rem}.selfie-capture-area{display:flex;flex-direction:column;gap:1rem}.selfie-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.selfie-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.selfie-btn:disabled{opacity:.5;cursor:not-allowed}.selfie-btn-camera{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.selfie-btn-camera:hover:not(:disabled){background:#22c55e4d}.selfie-btn-capture{background:#22c55ee6;color:#fff}.selfie-btn-capture:hover:not(:disabled){background:#22c55e}.selfie-btn-stop{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.selfie-btn-stop:hover:not(:disabled){background:#ef44444d}.selfie-video{width:100%;max-width:400px;border-radius:12px;background:#000;aspect-ratio:4/3}.selfie-preview{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.875rem}.image-preview-container{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.image-preview-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid rgba(34,197,94,.5)}.selfie-preview-container{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:.5rem}.selfie-preview-image{width:100%;max-width:300px;border-radius:12px;border:3px solid rgba(34,197,94,.5);box-shadow:0 4px 15px #0000004d}.selfie-preview-success{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.875rem}.selfie-hint{margin:.5rem 0 0;font-size:.8rem;color:var(--ds-text-muted);font-style:italic}@media(max-width:768px){.photo-guidelines{grid-template-columns:1fr}.upload-buttons-row,.selfie-buttons{flex-direction:column}.selfie-btn{width:100%;justify-content:center}.image-preview-container{flex-direction:column;align-items:flex-start}.selfie-preview-image{max-width:100%}.email-input-row,.verification-code-row{flex-direction:column}}.email-verification-section{background:#0f172a80;padding:1.5rem;border-radius:12px;border:1px solid rgba(129,140,248,.2)}.email-verification-section label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--ds-border-subtle);margin-bottom:.75rem}.email-input-row{display:flex;gap:.75rem;align-items:center}.email-input-row input{flex:1}.email-input-row input.verified{border-color:#22c55e80;background:#22c55e1a}.btn-send-code{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-send-code:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-send-code:disabled{opacity:.5;cursor:not-allowed}.verified-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:8px;color:#22c55e;font-weight:500;font-size:.9rem}.verification-code-section{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1)}.verification-code-row{display:flex;gap:.75rem;align-items:center}.verification-code-input{font-size:1.25rem;letter-spacing:.5rem;text-align:center;max-width:200px;font-weight:600}.btn-verify{padding:.75rem 1.5rem;background:#22c55ee6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-verify:hover:not(:disabled){background:#22c55e}.btn-verify:disabled{opacity:.5;cursor:not-allowed}.verification-hint{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;color:var(--ds-text-secondary)}.resend-btn{margin-left:auto;background:none;border:none;color:#818cf8;cursor:pointer;font-size:.85rem;text-decoration:underline}.resend-btn:hover:not(:disabled){color:#a5b4fc}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.verification-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.85rem}.loading-spinner.small{width:14px;height:14px;border-width:2px}.decline-alert{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:12px;margin-bottom:1.5rem}.decline-alert svg{color:#f59e0b;flex-shrink:0;margin-top:.25rem}.decline-content{flex:1}.decline-content strong{color:#fbbf24;font-size:.95rem}.decline-content p{margin:.5rem 0;color:#fef3c7;font-size:.9rem;line-height:1.5}.decline-content small{color:#fcd34d;font-size:.8rem}.info-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#3b82f626;border:1px solid rgba(59,130,246,.4);border-radius:8px;margin-bottom:1rem;color:#93c5fd}.info-alert svg{color:#3b82f6}.spin{animation:spin 1s linear infinite}.emp-level-info{background:#22c55e14;padding:.75rem;border-radius:8px;border:1px solid rgba(34,197,94,.2)}.info-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.4);border-radius:6px;color:#4ade80;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.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::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{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;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;-moz-box-sizing:border-box;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;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-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:-webkit-grabbing;cursor:-moz-grabbing;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;-moz-box-sizing:border-box;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;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);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;-ms-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}}.site-vip-map.enhanced{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);overflow:hidden}.site-vip-map .map-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border-default);flex-wrap:wrap;gap:var(--ds-space-3);background:var(--ds-bg-surface)}.site-vip-map .map-title{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-primary)}.site-vip-map .map-title h3{font-size:1rem;font-weight:600;margin:0}.site-vip-map .map-title svg{color:var(--ds-primary)}.site-vip-map .location-count{font-size:.75rem;color:var(--ds-text-muted);background:var(--ds-bg-elevated);padding:2px 8px;border-radius:var(--ds-radius-full);margin-inline-start:var(--ds-space-2)}.site-vip-map .map-search{position:relative;flex:1;max-width:300px;min-width:200px}.site-vip-map .search-input-wrapper{position:relative;display:flex;align-items:center}.site-vip-map .search-icon{position:absolute;left:12px;color:var(--ds-text-muted);pointer-events:none}[dir=rtl] .site-vip-map .search-icon{left:auto;right:12px}.site-vip-map .search-input{width:100%;padding:var(--ds-space-2) var(--ds-space-3);padding-left:36px;padding-right:32px;font-size:.8125rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-primary);transition:all var(--ds-transition-fast)}[dir=rtl] .site-vip-map .search-input{padding-left:32px;padding-right:36px}.site-vip-map .search-input:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px #c12a3326}.site-vip-map .search-input::placeholder{color:var(--ds-text-muted)}.site-vip-map .search-clear{position:absolute;right:8px;padding:4px;background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast)}[dir=rtl] .site-vip-map .search-clear{right:auto;left:8px}.site-vip-map .search-clear:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.site-vip-map .search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);max-height:300px;overflow-y:auto;z-index:1000}.site-vip-map .search-result-item{display:flex;align-items:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-3);background:transparent;border:none;border-bottom:1px solid var(--ds-border-subtle);color:var(--ds-text-primary);cursor:pointer;transition:background var(--ds-transition-fast);text-align:start}.site-vip-map .search-result-item:last-child{border-bottom:none}.site-vip-map .search-result-item:hover{background:var(--ds-bg-hover)}.site-vip-map .search-result-item svg{color:var(--ds-primary);flex-shrink:0}.site-vip-map .result-name{flex:1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-vip-map .result-code{font-size:.6875rem;color:var(--ds-text-muted);font-family:monospace}.site-vip-map .map-filters{display:flex;gap:var(--ds-space-2)}.site-vip-map .filter-btn{display:flex;align-items:center;gap:var(--ds-space-1);padding:6px 12px;font-size:.75rem;font-weight:500;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.site-vip-map .filter-btn:hover{background:var(--ds-bg-hover);border-color:var(--ds-border-strong)}.site-vip-map .filter-btn.active{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff}.site-vip-map .map-wrapper{position:relative;background:var(--ds-bg-surface)}.site-vip-map .map-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-3);color:var(--ds-text-muted);text-align:center;padding:var(--ds-space-8)}.site-vip-map .map-empty svg{opacity:.4}.site-vip-map .map-empty p{font-size:1rem;font-weight:500;color:var(--ds-text-secondary);margin:0}.custom-pin-icon{background:transparent!important;border:none!important}.custom-pin-icon .pin-image{transition:transform .2s ease,filter .2s ease}.custom-pin-icon:hover .pin-image{transform:scale(1.15)}.custom-pin-icon.highlighted .pin-image{transform:scale(1.2);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1.2)}50%{transform:scale(1.3)}}.custom-pin-icon.glow-3 .pin-image{filter:drop-shadow(0 0 4px #F5333F) drop-shadow(0 0 8px rgba(245,51,63,.6))}.custom-pin-icon.glow-2 .pin-image{filter:drop-shadow(0 0 3px #F5333F) drop-shadow(0 0 6px rgba(245,51,63,.5))}.custom-pin-icon.glow-1 .pin-image{filter:drop-shadow(0 0 2px rgba(245,51,63,.5))}.custom-pin-icon.glow-0 .pin-image{filter:drop-shadow(0 0 1px rgba(245,51,63,.3))}.custom-cluster-icon{background:transparent!important;border:none!important}.cluster-marker{position:relative;display:flex;align-items:center;justify-content:center}.cluster-marker .cluster-pin-icon{width:16px!important;max-width:16px!important;height:auto!important;max-height:20px!important;filter:drop-shadow(0 0 2px #F5333F);transition:transform .2s ease}.cluster-marker:hover .cluster-pin-icon{transform:scale(1.1)}.cluster-marker .cluster-count{position:absolute;top:-6px;right:-6px;background:#f5333f;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.cluster-marker.dark .cluster-count{border:2px solid #231F20}.cluster-marker.light .cluster-count{border:2px solid #ffffff}.site-vip-map .leaflet-container{background:var(--ds-bg-surface);font-family:var(--ds-font-primary)}.site-vip-map .leaflet-control-zoom{border:none!important;box-shadow:var(--ds-shadow-md)!important;border-radius:var(--ds-radius-lg)!important;overflow:hidden}.site-vip-map .leaflet-control-zoom a{width:32px!important;height:32px!important;line-height:32px!important;background:var(--ds-card-bg)!important;color:var(--ds-text-primary)!important;border:none!important;border-bottom:1px solid var(--ds-border-subtle)!important}.site-vip-map .leaflet-control-zoom a:last-child{border-bottom:none!important}.site-vip-map .leaflet-control-zoom a:hover{background:var(--ds-bg-hover)!important}.site-vip-map .leaflet-control-attribution{background:#0009!important;color:#ffffffb3!important;font-size:9px!important;padding:2px 6px!important}.site-vip-map .custom-popup.enhanced .leaflet-popup-content-wrapper{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-xl);padding:0}.site-vip-map .custom-popup.enhanced .leaflet-popup-content{margin:0;min-width:200px;max-width:280px}.site-vip-map .custom-popup.enhanced .leaflet-popup-tip{background:var(--ds-card-bg);border:1px solid var(--ds-border-default)}.site-vip-map .popup-content{padding:var(--ds-space-4)}.site-vip-map .popup-header{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3);padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-subtle)}.site-vip-map .popup-content.site .popup-header svg{color:#2563eb}.site-vip-map .popup-content.vip .popup-header svg{color:#dc2626}.site-vip-map .popup-type{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted)}.site-vip-map .popup-name{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 var(--ds-space-1) 0;line-height:1.3}.site-vip-map .popup-name-alt{font-size:.8125rem;color:var(--ds-text-secondary);margin:0 0 var(--ds-space-2) 0}.site-vip-map .popup-code{font-size:.75rem;color:var(--ds-primary);font-family:monospace;font-weight:600;margin:0 0 var(--ds-space-2) 0}.site-vip-map .popup-coords{font-size:.6875rem;color:var(--ds-text-muted);font-family:monospace;margin-bottom:var(--ds-space-3)}.site-vip-map .popup-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-subtle)}.site-vip-map .popup-footer .status-badge{font-size:.625rem;font-weight:700;padding:3px 10px;border-radius:var(--ds-radius-full);text-transform:uppercase}.site-vip-map .popup-footer .status-badge.active{background:var(--ds-success-bg);color:var(--ds-success-text)}.site-vip-map .popup-footer .status-badge.inactive{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.site-vip-map .btn-maps{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:.6875rem;font-weight:600;background:var(--ds-primary);border:none;border-radius:var(--ds-radius-md);color:#fff;cursor:pointer;transition:all var(--ds-transition-fast)}.site-vip-map .btn-maps:hover{background:var(--ds-primary-hover);transform:translateY(-1px)}.site-vip-map .map-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-3) var(--ds-space-5);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.site-vip-map .footer-stats{display:flex;gap:var(--ds-space-5)}.site-vip-map .map-stat{display:flex;align-items:center;gap:var(--ds-space-2);font-size:.75rem;color:var(--ds-text-secondary)}.site-vip-map .map-stat svg{color:var(--ds-text-muted)}.site-vip-map .footer-hint{display:flex;align-items:center;gap:var(--ds-space-1);font-size:.6875rem;color:var(--ds-text-muted)}@media(max-width:768px){.site-vip-map .map-header{flex-direction:column;align-items:stretch}.site-vip-map .map-search{max-width:none;order:-1}.site-vip-map .map-filters{justify-content:center}.site-vip-map .map-footer{flex-direction:column;gap:var(--ds-space-2)}}.site-vip-map.dark .leaflet-tile-pane{filter:brightness(.95) saturate(.9)}.site-vip-map.light .leaflet-tile-pane{filter:brightness(1) saturate(1)}.custom-pin-icon .pin-wrapper{position:relative;display:inline-block}.custom-pin-icon .client-dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;z-index:5;box-shadow:0 1px 3px #0006;border:1.5px solid rgba(255,255,255,.9)}.site-vip-map.dark .custom-pin-icon .client-dot{border-color:#231f20cc}.site-vip-map .location-type-badge{font-size:.55rem;font-weight:700;padding:2px 6px;border-radius:var(--ds-radius-sm);text-transform:uppercase;letter-spacing:.3px;margin-inline-start:auto}.site-vip-map .location-type-badge.primary{background:#dc262626;color:#dc2626}.site-vip-map .location-type-badge.secondary{background:#3b82f626;color:#3b82f6}.site-vip-map .location-type-badge.frequent{background:#22c55e26;color:#22c55e}.site-vip-map .location-type-badge.temporary{background:#f59e0b26;color:#f59e0b}.site-vip-map .popup-service-name{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ds-text-secondary);margin:0 0 var(--ds-space-2) 0;padding:4px 8px;background:#dc262614;border-radius:var(--ds-radius-sm)}.site-vip-map .popup-service-name svg{color:#dc2626;flex-shrink:0}.site-vip-map .popup-client{display:flex;align-items:center;gap:var(--ds-space-2);font-size:.75rem;padding:6px 8px;margin-bottom:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-sm);border-left:3px solid var(--ds-primary)}.site-vip-map .popup-client .client-label{color:var(--ds-text-muted);font-weight:500}.site-vip-map .popup-client .client-name{color:var(--ds-text-primary);font-weight:600}.dashboard{animation:fadeIn .3s ease-out}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-8);padding:var(--ds-space-6) var(--ds-space-8);border-radius:var(--ds-radius-xl);background:linear-gradient(135deg,var(--ds-primary) 0%,#231F20 100%);box-shadow:var(--ds-shadow-lg);position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6}.dashboard-welcome{position:relative;z-index:1}.dashboard-welcome h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--ds-space-2);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dashboard-welcome p{color:#ffffffd9;font-size:.95rem}.dashboard-date{color:#ffffffe6;font-size:.875rem;font-weight:500;background:#ffffff26;padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-6);margin-bottom:var(--ds-space-8)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);display:flex;align-items:flex-start;gap:var(--ds-space-4);transition:all var(--ds-transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent),transparent)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-card-hover-shadow);border-color:var(--ds-card-hover-border)}.stat-card-blue{--card-accent: var(--ds-info)}.stat-card-green{--card-accent: var(--ds-success)}.stat-card-purple,.stat-card-red{--card-accent: var(--ds-primary)}.stat-card-orange{--card-accent: var(--ds-warning)}.stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--card-accent);flex-shrink:0}.stat-content{flex:1;display:flex;flex-direction:column}.stat-title{font-size:.875rem;color:var(--ds-text-secondary);margin-top:var(--ds-space-1)}.stat-trend{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.trend-value{font-size:.875rem;font-weight:600;color:var(--ds-success)}.trend-label{font-size:.75rem;color:var(--ds-text-muted)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-6);margin-bottom:var(--ds-space-8)}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);overflow:hidden}.chart-header{padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.chart-header h3{font-size:1rem;font-weight:600}.chart-body{padding:var(--ds-space-4) var(--ds-space-5);min-height:340px}.chart-body .recharts-text{fill:var(--ds-text-secondary)!important}.chart-body .recharts-cartesian-axis-tick-value{fill:var(--ds-text-secondary)!important;font-size:11px}.chart-body .recharts-cartesian-axis-line,.chart-body .recharts-cartesian-axis-tick-line{stroke:var(--ds-border-default)!important}.chart-body .recharts-legend-item-text{color:var(--ds-text-secondary)!important;font-size:12px}.chart-body .recharts-default-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.chart-body .recharts-tooltip-wrapper{outline:none}.chart-body .recharts-pie-label-text{fill:var(--ds-text-primary)!important;font-weight:600;font-size:11px}.chart-body .recharts-bar-rectangle:hover{filter:brightness(1.1);transition:filter .2s ease}.map-section{margin-bottom:var(--ds-space-8)}.quick-actions-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6)}.quick-actions-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--ds-space-5)}.quick-actions{display:flex;gap:var(--ds-space-4);flex-wrap:wrap}.quick-action{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--ds-transition-fast)}.quick-action:hover{background:var(--ds-secondary);border-color:var(--ds-secondary);color:#fff;transform:translateY(-1px)}.user-dashboard{padding:1.5rem;max-width:1400px;margin:0 auto}.user-dashboard.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--ds-text-secondary)}.welcome-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--ds-secondary-hover),var(--ds-secondary));border-radius:var(--ds-radius-xl);padding:2rem;margin-bottom:1.5rem;color:#fff}.welcome-content{display:flex;align-items:center;gap:1.25rem}.avatar{width:64px;height:64px;background:#fff3;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-text h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.welcome-text p{opacity:.9;font-size:.95rem}.welcome-date{text-align:end}.welcome-date .date{font-size:.95rem;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.stat-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--ds-transition-fast)}.stat-card:hover{border-color:var(--ds-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:52px;height:52px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon.blue{background:#3b82f626;color:#3b82f6}.stat-icon.green{background:#22c55e26;color:var(--success-400)}.stat-icon.orange{background:#f9731626;color:#f97316}.stat-icon.purple{background:#a855f726;color:#a855f7}.stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);line-height:1.2}.stat-label{font-size:.85rem;color:var(--ds-text-secondary)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.5rem}.card-title{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border-default)}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.action-btn span{flex:1;text-align:start}.action-btn:hover{background:var(--ds-bg-hover);border-color:var(--ds-secondary)}.action-btn.blue:hover{border-color:#3b82f6}.action-btn.green:hover{border-color:var(--success-400)}.action-btn.purple:hover{border-color:#a855f7}.action-btn.orange:hover{border-color:#f97316}.notifications-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{display:flex;gap:.75rem;padding:.875rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);border-left:3px solid}.notification-item.success{border-color:var(--success-400)}.notification-item.warning{border-color:#f97316}.notification-item.info{border-color:#3b82f6}.notif-icon{flex-shrink:0}.notification-item.success .notif-icon{color:var(--success-400)}.notification-item.warning .notif-icon{color:#f97316}.notification-item.info .notif-icon{color:#3b82f6}.notif-message{color:var(--ds-text-primary);font-size:.9rem;margin-bottom:.25rem}.notif-time{font-size:.8rem;color:var(--ds-text-muted)}.profile-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.info-row{display:flex;justify-content:space-between;padding:.75rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.info-label{color:var(--ds-text-secondary);font-size:.9rem}.info-value{color:var(--ds-text-primary);font-weight:500;font-size:.9rem}.schedule-list{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.schedule-day{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);text-align:center}.schedule-day.working{border:1px solid var(--success-400);background:#22c55e1a}.schedule-day.off{opacity:.6}.day-name{font-weight:600;color:var(--ds-text-primary);font-size:.85rem;margin-bottom:.25rem}.shift-time{font-size:.75rem;color:var(--ds-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast);border:none}.btn-secondary:hover{background:var(--ds-bg-hover);border-color:var(--ds-secondary)}.btn.full-width{width:100%}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-secondary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:768px){.welcome-section{flex-direction:column;text-align:center;gap:1rem}.welcome-content{flex-direction:column}.welcome-date{text-align:center}.stats-grid{grid-template-columns:1fr}.schedule-list{grid-template-columns:repeat(4,1fr)}}.profiles__page{animation:fadeIn .3s ease-out}.profiles__page .profiles__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--ds-space-6)}.profiles__page .profiles__header-content h1{font-size:1.5rem;margin-bottom:var(--ds-space-1)}.profiles__page .profiles__header-content p{color:var(--ds-text-muted);font-size:.875rem}.profiles__page .profiles__header-actions{display:flex;gap:var(--ds-space-3)}.profiles__filters-bar{display:flex;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.profiles__search-box{position:relative;flex:1;min-width:250px;max-width:400px}.profiles__search-box .profiles__search-icon{position:absolute;left:var(--ds-space-3);top:50%;transform:translateY(-50%);color:var(--ds-text-muted)}[dir=rtl] .profiles__search-box .profiles__search-icon{left:auto;right:var(--ds-space-3)}.profiles__search-box .form-input{padding-inline-start:var(--ds-space-10)}.profiles__filter-group{display:flex;align-items:center;gap:var(--ds-space-3)}.profiles__filter-group svg{color:var(--ds-text-muted)}.profiles__filter-group .form-select{min-width:150px}.profiles__table-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.profiles__employee-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.profiles__employee-info{display:flex;flex-direction:column}.profiles__employee-name{font-weight:500;color:var(--ds-text-primary)}.profiles__employee-arabic{font-size:.75rem;color:var(--ds-text-muted)}.profiles__employee-id{font-family:monospace;font-size:.875rem;color:var(--ds-primary)}.profiles__actions-cell{display:flex;gap:var(--ds-space-2)}.profiles__btn--danger-ghost{color:var(--ds-text-secondary)}.profiles__btn--danger-ghost:hover{background:var(--ds-danger-bg);color:var(--ds-danger)}.profiles__pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4);border-top:1px solid var(--ds-border-default);background:var(--ds-card-bg);border-radius:0 0 var(--ds-radius-xl) var(--ds-radius-xl)}.profiles__pagination-info{font-size:.875rem;color:var(--ds-text-secondary)}.profiles__pagination-buttons{display:flex;align-items:center;gap:var(--ds-space-3)}.profiles__pagination-pages{font-size:.875rem;color:var(--ds-text-primary);font-weight:500}@media(max-width:768px){.profiles__page .profiles__header{flex-direction:column;gap:var(--ds-space-4)}.profiles__page .profiles__header-actions{width:100%}.profiles__page .profiles__header-actions .btn{flex:1}.profiles__page .profiles__filters-bar{flex-direction:column;align-items:stretch}.profiles__page .profiles__search-box{max-width:none}.profiles__page .profiles__filter-group{flex-wrap:wrap}.profiles__page .profiles__filter-group .form-select{flex:1;min-width:120px}}.profiles__tabs{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);padding:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.profiles__tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);background:transparent;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.profiles__tab:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.profiles__tab--active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.profiles__tab svg{flex-shrink:0}.profiles__tab-count{background:#fff3;padding:2px 8px;border-radius:100px;font-size:.75rem}.profiles__tab:not(.profiles__tab--active) .profiles__tab-count{background:var(--ds-bg-elevated)}.profiles__page .profiles__modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ds-space-4);animation:fadeIn .2s ease}.profiles__page .profiles__modal-content{background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);width:100%;max-width:480px;border:1px solid var(--ds-border-default);box-shadow:0 20px 60px #0006;animation:profilesSlideUp .25s ease}@keyframes profilesSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.profiles__page .profiles__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border-default)}.profiles__page .profiles__modal-header h3{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;font-size:1.125rem}.profiles__page .profiles__modal-header .profiles__warning-icon{color:var(--ds-warning)}.profiles__page .profiles__modal-header .profiles__danger-icon{color:var(--ds-danger)}.profiles__page .profiles__modal-close{background:transparent;border:none;padding:var(--ds-space-2);color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-md);transition:all .2s ease}.profiles__page .profiles__modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.profiles__modal-body{padding:var(--ds-space-5)}.profiles__modal-body p{margin:0 0 var(--ds-space-3) 0;color:var(--ds-text-primary)}.profiles__modal-body .profiles__text-muted{color:var(--ds-text-muted);font-size:.875rem}.profiles__modal-body .profiles__form-group{margin-top:var(--ds-space-4)}.profiles__modal-body .profiles__form-group label{display:block;margin-bottom:var(--ds-space-2);font-weight:500;color:var(--ds-text-primary)}.profiles__modal-body .profiles__form-textarea{width:100%;padding:var(--ds-space-3);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.875rem;resize:vertical;transition:border-color .2s ease}.profiles__modal-body .profiles__form-textarea:focus{outline:none;border-color:var(--ds-primary)}.profiles__modal-footer{display:flex;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface);border-radius:0 0 var(--ds-radius-xl) var(--ds-radius-xl)}.profiles__btn--danger{background:var(--ds-danger);color:var(--ds-text-on-primary);border:none}.profiles__btn--danger:hover{background:#dc2626}.profiles__permanent-delete .profiles__danger-warning{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-4);background:var(--ds-danger-bg);border:1px solid var(--ds-danger-bg);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4);text-align:center}.profiles__permanent-delete .profiles__danger-warning svg{color:var(--ds-danger)}.profiles__permanent-delete .profiles__danger-warning p{margin:0;font-weight:600;color:var(--ds-danger)}.profiles__btn--success-ghost{color:var(--ds-text-secondary)}.profiles__btn--success-ghost:hover{background:var(--ds-success-bg);color:var(--ds-success)}.profiles__deletion-reason{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-muted);font-size:.875rem}.profiles__deleted-by{display:block;font-size:.75rem;color:var(--ds-text-muted)}.profiles__employee-assignment-info{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.profiles__employee-assignment-info h4{margin:0 0 var(--ds-space-3) 0;font-size:.875rem;font-weight:600;color:var(--ds-text-primary)}.profiles__employee-assignment-info ul{margin:0 0 var(--ds-space-3) 0;padding-inline-start:var(--ds-space-5);list-style:disc}.profiles__employee-assignment-info li{margin-bottom:var(--ds-space-2);font-size:.875rem;color:var(--ds-text-secondary)}.profiles__employee-assignment-info li strong{color:var(--ds-text-primary)}.profiles__employee-assignment-info .profiles__warning-text{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-warning-bg);border:1px solid var(--ds-warning-bg);border-radius:var(--ds-radius-md);font-size:.8rem;font-weight:500;color:var(--ds-warning)}.profile-view__page{animation:fadeIn .3s ease-out!important}.profile-view__page *{box-sizing:border-box!important}.profile-view__page .profile-view__tabs:before,.profile-view__page .profile-view__tabs:after,.profile-view__page .profile-view__tab:before,.profile-view__page .profile-view__tab:after,.profile-view__page .profile-view__card:before,.profile-view__page .profile-view__card:after{display:none!important;content:none!important;border:none!important}.profile-view__page .profile-view__tabs{border-left:none!important;border-right:none!important}.profile-view__loading,.profile-view__not-found{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:400px!important;gap:16px!important;color:var(--ds-text-muted)!important}.profile-view__page .profile-view__header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:24px!important;flex-wrap:wrap!important;gap:16px!important}.profile-view__page .profile-view__back-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--ds-text-muted)!important;font-size:.875rem!important;font-weight:500!important;text-decoration:none!important;padding:10px 18px!important;background:var(--ds-bg-elevated)!important;border-radius:var(--ds-radius-md)!important;border:1px solid var(--ds-border-default)!important;transition:all .2s ease!important}.profile-view__page .profile-view__back-link:hover{color:var(--ds-text-inverse)!important;background:var(--ds-primary)!important;border-color:var(--ds-primary)!important}[dir=rtl] .profile-view__page .profile-view__back-link svg,.profile-view__page.rtl .profile-view__back-link svg{transform:rotate(180deg)!important}.profile-view__page .profile-view__header-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important}.profile-view__page .profile-view__card{background:var(--ds-card-bg)!important;border:1px solid var(--ds-border-default)!important;border-radius:var(--ds-radius-xl)!important;overflow:hidden!important;box-shadow:var(--ds-shadow-lg)!important}[data-theme=light] .profile-view__page .profile-view__card,.light-theme .profile-view__page .profile-view__card{background:var(--ds-card-bg)!important;border-color:var(--ds-border-default)!important;box-shadow:var(--ds-shadow-md)!important}.profile-view__page .profile-view__card-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:28px 32px!important;background:linear-gradient(135deg,var(--ds-black-800) 0%,var(--ds-bg-base) 100%)!important;border-bottom:1px solid var(--ds-border-default)!important;gap:24px!important;flex-wrap:wrap!important}[data-theme=light] .profile-view__page .profile-view__card-header,.light-theme .profile-view__page .profile-view__card-header{background:linear-gradient(135deg,var(--ds-black-100) 0%,var(--ds-bg-surface) 100%)!important;border-color:var(--ds-border-default)!important}.profile-view__page .profile-view__avatar-section{display:flex!important;gap:24px!important;align-items:center!important}.profile-view__page .profile-view__avatar{width:100px!important;height:100px!important;border-radius:50%!important;object-fit:cover!important;border:4px solid var(--ds-primary)!important;box-shadow:var(--ds-shadow-glow)!important;flex-shrink:0!important}.profile-view__page .profile-view__main-info h1{font-size:1.5rem!important;font-weight:700!important;margin:0 0 6px!important;color:var(--ds-text-primary)!important}[data-theme=light] .profile-view__page .profile-view__main-info h1,.light-theme .profile-view__page .profile-view__main-info h1{color:var(--ds-text-primary)!important}.profile-view__page .profile-view__arabic-name{font-size:1rem!important;color:var(--ds-text-muted)!important;margin:0 0 12px!important}.profile-view__page .profile-view__meta{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.profile-view__page .profile-view__id{font-family:Monaco,Consolas,monospace!important;font-size:.8rem!important;color:var(--ds-primary)!important;background:#f5333f26!important;padding:6px 14px!important;border-radius:20px!important;font-weight:600!important;border:1px solid rgba(245,51,63,.3)!important}.profile-view__page .profile-view__quick-info{display:flex!important;flex-direction:column!important;gap:10px!important}.profile-view__page .profile-view__quick-info-item{display:flex!important;align-items:center!important;gap:10px!important;color:var(--ds-text-secondary)!important;font-size:.875rem!important}[data-theme=light] .profile-view__page .profile-view__quick-info-item,.light-theme .profile-view__page .profile-view__quick-info-item{color:var(--ds-text-secondary)!important}.profile-view__page .profile-view__quick-info-item svg{color:var(--ds-primary)!important;flex-shrink:0!important}.profile-view__page .profile-view__tabs{display:flex!important;border-bottom:1px solid var(--ds-border-default)!important;padding:0 24px!important;background:var(--ds-bg-surface)!important;overflow-x:auto!important;scrollbar-width:thin!important}[data-theme=light] .profile-view__page .profile-view__tabs,.light-theme .profile-view__page .profile-view__tabs{background:var(--ds-bg-surface)!important;border-color:var(--ds-border-default)!important}.profile-view__page .profile-view__tab{display:flex!important;align-items:center!important;gap:8px!important;padding:16px 20px!important;background:transparent!important;border:none!important;color:var(--ds-text-muted)!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;border-bottom:3px solid transparent!important;margin-bottom:-1px!important;transition:all .2s ease!important;white-space:nowrap!important}[data-theme=light] .profile-view__page .profile-view__tab,.light-theme .profile-view__page .profile-view__tab{color:var(--ds-text-secondary)!important}.profile-view__page .profile-view__tab:hover{color:var(--ds-text-primary)!important;background:#ffffff0d!important}[data-theme=light] .profile-view__page .profile-view__tab:hover,.light-theme .profile-view__page .profile-view__tab:hover{color:var(--ds-text-primary)!important;background:#00000008!important}.profile-view__page .profile-view__tab--active{color:var(--ds-primary)!important;border-bottom-color:var(--ds-primary)!important}.profile-view__page .profile-view__tab svg{flex-shrink:0!important}.profile-view__page .profile-view__content{padding:28px!important;background:transparent!important}.profile-view__page .profile-view__personal-sections{display:flex!important;flex-direction:column!important;gap:24px!important}.profile-view__page .profile-view__info-section{background:var(--ds-bg-elevated)!important;border-radius:var(--ds-radius-lg)!important;padding:24px!important;border:1px solid var(--ds-border-default)!important;transition:all .2s ease!important}[data-theme=light] .profile-view__page .profile-view__info-section,.light-theme .profile-view__page .profile-view__info-section{background:var(--ds-card-bg)!important;border-color:var(--ds-border-default)!important;box-shadow:var(--ds-shadow-sm)!important}.profile-view__page .profile-view__info-section:hover{border-color:var(--ds-border-strong)!important}.profile-view__page .profile-view__info-section--emergency{background:linear-gradient(135deg,var(--ds-danger-bg) 0%,var(--ds-danger-bg) 100%)!important;border-color:#f8717166!important}.profile-view__page .profile-view__section-title{display:flex!important;align-items:center!important;gap:12px!important;font-size:1.05rem!important;font-weight:600!important;color:var(--ds-text-primary)!important;margin:0 0 20px!important;padding-bottom:14px!important;border-bottom:1px solid var(--ds-border-default)!important}[data-theme=light] .profile-view__page .profile-view__section-title,.light-theme .profile-view__page .profile-view__section-title{color:var(--ds-text-primary)!important;border-bottom-color:var(--ds-border-default)!important}.profile-view__page .profile-view__section-title svg{color:var(--ds-primary)!important;flex-shrink:0!important}.profile-view__page .profile-view__info-section--emergency .profile-view__section-title{border-bottom-color:#f871714d!important}.profile-view__page .profile-view__info-section--emergency .profile-view__section-title svg{color:var(--ds-danger)!important}.profile-view__page .profile-view__info-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}@media(max-width:1100px){.profile-view__page .profile-view__info-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.profile-view__page .profile-view__info-grid{grid-template-columns:1fr!important}}.profile-view__page .profile-view__info-item{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:16px!important;background:var(--ds-bg-surface)!important;border-radius:var(--ds-radius-md)!important;border:1px solid var(--ds-border-default)!important;transition:all .25s ease!important;min-height:72px!important}[data-theme=light] .profile-view__page .profile-view__info-item,.light-theme .profile-view__page .profile-view__info-item{background:var(--ds-bg-surface)!important;border-color:var(--ds-border-default)!important}.profile-view__page .profile-view__info-item:hover{border-color:var(--ds-primary)!important;background:var(--ds-bg-hover)!important;transform:translateY(-2px)!important;box-shadow:var(--ds-shadow-md)!important}[data-theme=light] .profile-view__page .profile-view__info-item:hover,.light-theme .profile-view__page .profile-view__info-item:hover{background:var(--ds-card-bg)!important;box-shadow:var(--ds-shadow-md)!important}.profile-view__page .profile-view__info-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:var(--ds-radius-md)!important;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-700) 100%)!important;color:#fff!important;flex-shrink:0!important;box-shadow:var(--ds-shadow-glow)!important}.profile-view__page .profile-view__info-icon svg{color:#fff!important;fill:none!important;stroke:#fff!important;width:18px!important;height:18px!important}[data-theme=light] .profile-view__page .profile-view__info-icon,.light-theme .profile-view__page .profile-view__info-icon{background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-800) 100%)!important;box-shadow:var(--ds-shadow-glow)!important}[data-theme=light] .profile-view__page .profile-view__info-icon svg,.light-theme .profile-view__page .profile-view__info-icon svg{color:#fff!important;stroke:#fff!important}.profile-view__page .profile-view__info-section--emergency .profile-view__info-icon{background:linear-gradient(135deg,var(--ds-danger) 0%,var(--ds-red-600) 100%)!important;box-shadow:0 4px 12px var(--ds-danger-bg)!important}.profile-view__page .profile-view__info-section--emergency .profile-view__info-icon svg{color:#fff!important;stroke:#fff!important}[data-theme=light] .profile-view__page .profile-view__info-section--emergency .profile-view__info-icon,.light-theme .profile-view__page .profile-view__info-section--emergency .profile-view__info-icon{background:linear-gradient(135deg,var(--ds-danger) 0%,var(--ds-red-700) 100%)!important;box-shadow:0 4px 12px #dc262640!important}.profile-view__page .profile-view__info-content{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;flex:1!important}.profile-view__page .profile-view__info-label{font-size:.7rem!important;color:var(--ds-text-muted)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:600!important}[data-theme=light] .profile-view__page .profile-view__info-label,.light-theme .profile-view__page .profile-view__info-label{color:var(--ds-text-secondary)!important}.profile-view__page .profile-view__info-value{font-size:.95rem!important;color:var(--ds-text-primary)!important;font-weight:500!important;word-break:break-word!important;line-height:1.4!important}[data-theme=light] .profile-view__page .profile-view__info-value,.light-theme .profile-view__page .profile-view__info-value{color:var(--ds-text-primary)!important}.profile-view__page .profile-view__compensation-section{display:flex!important;flex-direction:column!important;gap:24px!important}.profile-view__page .profile-view__compensation-section h3{font-size:1rem!important;font-weight:600!important;margin:24px 0 16px!important;color:var(--ds-text-primary)!important;display:flex!important;align-items:center!important;gap:8px!important}[data-theme=light] .profile-view__page .profile-view__compensation-section h3,.light-theme .profile-view__page .profile-view__compensation-section h3{color:var(--ds-text-primary)!important}.profile-view__page .profile-view__salary-summary{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-bottom:24px!important}@media(max-width:1100px){.profile-view__page .profile-view__salary-summary{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:576px){.profile-view__page .profile-view__salary-summary{grid-template-columns:1fr!important}}.profile-view__page .profile-view__salary-card{padding:20px!important;border-radius:var(--ds-radius-lg)!important;display:flex!important;flex-direction:column!important;gap:8px!important;transition:transform .2s ease!important}.profile-view__page .profile-view__salary-card:hover{transform:translateY(-3px)!important}.profile-view__page .profile-view__salary-card--base{background:linear-gradient(135deg,var(--ds-secondary) 0%,#4f46e5 100%)!important;box-shadow:0 8px 24px var(--ds-primary-hover-bg)!important}.profile-view__page .profile-view__salary-card--allowances{background:linear-gradient(135deg,var(--ds-success) 0%,#059669 100%)!important;box-shadow:0 8px 24px var(--ds-success-bg)!important}.profile-view__page .profile-view__salary-card--discounts{background:linear-gradient(135deg,var(--ds-danger) 0%,#dc2626 100%)!important;box-shadow:0 8px 24px var(--ds-danger-bg)!important}.profile-view__page .profile-view__salary-card--net{background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-800) 100%)!important;box-shadow:var(--ds-shadow-glow)!important}.profile-view__page .profile-view__salary-label{font-size:.8rem!important;color:#ffffffe6!important;font-weight:500!important}.profile-view__page .profile-view__salary-value{font-size:1.5rem!important;font-weight:700!important;color:#fff!important}.profile-view__page .profile-view__salary-meta{font-size:.75rem!important;color:#ffffffb3!important}.profile-view__page .profile-view__allowances-table,.profile-view__page .profile-view__discounts-table{border:1px solid var(--ds-border-default)!important;border-radius:var(--ds-radius-md)!important;overflow:hidden!important;margin-bottom:24px!important}[data-theme=light] .profile-view__page .profile-view__allowances-table,[data-theme=light] .profile-view__page .profile-view__discounts-table,.light-theme .profile-view__page .profile-view__allowances-table,.light-theme .profile-view__page .profile-view__discounts-table{border-color:var(--ds-border-default)!important}.profile-view__page .profile-view__allowances-table table,.profile-view__page .profile-view__discounts-table table{width:100%!important;border-collapse:collapse!important}.profile-view__page .profile-view__allowances-table th,.profile-view__page .profile-view__discounts-table th{background:var(--ds-bg-elevated)!important;font-weight:600!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--ds-text-muted)!important;padding:14px 16px!important;text-align:start!important}[data-theme=light] .profile-view__page .profile-view__allowances-table th,[data-theme=light] .profile-view__page .profile-view__discounts-table th,.light-theme .profile-view__page .profile-view__allowances-table th,.light-theme .profile-view__page .profile-view__discounts-table th{background:var(--ds-bg-surface)!important;color:var(--ds-text-secondary)!important}.profile-view__page .profile-view__allowances-table td,.profile-view__page .profile-view__discounts-table td{padding:14px 16px!important;font-size:.875rem!important;border-top:1px solid var(--ds-border-default)!important;color:var(--ds-text-primary)!important}[data-theme=light] .profile-view__page .profile-view__allowances-table td,[data-theme=light] .profile-view__page .profile-view__discounts-table td,.light-theme .profile-view__page .profile-view__allowances-table td,.light-theme .profile-view__page .profile-view__discounts-table td{border-color:var(--ds-border-default)!important;color:var(--ds-text-primary)!important}.profile-view__page .profile-view__allowances-table tfoot td,.profile-view__page .profile-view__discounts-table tfoot td{background:var(--ds-bg-surface)!important;font-weight:600!important}[data-theme=light] .profile-view__page .profile-view__allowances-table tfoot td,[data-theme=light] .profile-view__page .profile-view__discounts-table tfoot td,.light-theme .profile-view__page .profile-view__allowances-table tfoot td,.light-theme .profile-view__page .profile-view__discounts-table tfoot td{background:var(--ds-bg-surface)!important}.profile-view__page .profile-view__amount-cell{font-weight:600!important;color:var(--ds-success)!important}.profile-view__page .profile-view__amount-cell--discount{color:var(--ds-danger)!important}.profile-view__page .profile-view__type-badge,.profile-view__page .profile-view__source-badge,.profile-view__page .profile-view__status-badge{display:inline-block!important;padding:4px 12px!important;border-radius:20px!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.03em!important}.profile-view__page .profile-view__type-badge--fixed{background:var(--ds-info-bg)!important;color:#60a5fa!important}.profile-view__page .profile-view__type-badge--percent{background:var(--ds-info-bg)!important;color:#a78bfa!important}.profile-view__page .profile-view__source-badge--grade{background:#64748b33!important;color:var(--ds-text-muted)!important}.profile-view__page .profile-view__source-badge--profile,.profile-view__page .profile-view__status-badge--approved{background:var(--ds-success-bg)!important;color:var(--ds-success)!important}.profile-view__page .profile-view__status-badge--pending{background:var(--ds-warning-bg)!important;color:var(--ds-warning)!important}.profile-view__page .profile-view__status-badge--rejected{background:var(--ds-danger-bg)!important;color:var(--ds-danger)!important}.profile-view__page .profile-view__status-badge--completed{background:var(--ds-info-bg)!important;color:#60a5fa!important}.profile-view__page .profile-view__documents-section{display:flex!important;flex-direction:column!important;gap:20px!important}.profile-view__page .profile-view__documents-section h3{font-size:1rem!important;font-weight:600!important;margin:0 0 16px!important;color:var(--ds-text-primary)!important}[data-theme=light] .profile-view__page .profile-view__documents-section h3,.light-theme .profile-view__page .profile-view__documents-section h3{color:var(--ds-text-primary)!important}.profile-view__page .profile-view__documents-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:16px!important}@media(max-width:1200px){.profile-view__page .profile-view__documents-grid{grid-template-columns:repeat(4,1fr)!important}}@media(max-width:992px){.profile-view__page .profile-view__documents-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:768px){.profile-view__page .profile-view__documents-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.profile-view__page .profile-view__documents-grid{grid-template-columns:1fr!important}}.profile-view__page .profile-view__document-card{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;padding:20px!important;background:var(--ds-bg-elevated)!important;border:1px solid var(--ds-border-default)!important;border-radius:var(--ds-radius-md)!important;text-align:center!important;cursor:pointer!important;transition:all .25s ease!important}[data-theme=light] .profile-view__page .profile-view__document-card,.light-theme .profile-view__page .profile-view__document-card{background:var(--ds-card-bg)!important;border-color:var(--ds-border-default)!important}.profile-view__page .profile-view__document-card:hover{border-color:var(--ds-primary)!important;background:var(--ds-bg-hover)!important;transform:translateY(-3px)!important;box-shadow:var(--ds-shadow-md)!important}.profile-view__page .profile-view__document-card svg{color:var(--ds-primary)!important}.profile-view__page .profile-view__document-name{font-size:.875rem!important;font-weight:500!important;color:var(--ds-text-primary)!important}[data-theme=light] .profile-view__page .profile-view__document-name,.light-theme .profile-view__page .profile-view__document-name{color:var(--ds-text-primary)!important}.profile-view__page .profile-view__document-type{font-size:.75rem!important;color:var(--ds-text-muted)!important}.profile-view__page .profile-view__document-card--image{padding:12px!important}.profile-view__page .profile-view__document-card--image img{width:100%!important;height:120px!important;object-fit:cover!important;border-radius:var(--ds-radius-sm)!important;margin-bottom:8px!important}.profile-view__page .profile-view__document-card--image.profile-view__document-card--clickable:hover{box-shadow:var(--ds-shadow-lg)!important}.profile-view__lightbox-overlay{position:fixed!important;inset:0!important;background:#000000eb!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:24px!important;animation:fadeIn .2s ease-out!important}.profile-view__lightbox-content{background:var(--ds-card-bg)!important;border-radius:var(--ds-radius-lg)!important;max-width:90vw!important;max-height:90vh!important;overflow:hidden!important;box-shadow:var(--ds-shadow-lg)!important;animation:scaleIn .25s ease-out!important}[data-theme=light] .profile-view__lightbox-content,.light-theme .profile-view__lightbox-content{background:var(--ds-card-bg)!important}@keyframes fadeIn{0%{opacity:0!important}to{opacity:1!important}}@keyframes scaleIn{0%{transform:scale(.92)!important;opacity:0!important}to{transform:scale(1)!important;opacity:1!important}}.profile-view__lightbox-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 24px!important;border-bottom:1px solid var(--ds-border-default)!important;background:var(--ds-bg-surface)!important}[data-theme=light] .profile-view__lightbox-header,.light-theme .profile-view__lightbox-header{background:var(--ds-bg-surface)!important;border-color:var(--ds-border-default)!important}.profile-view__lightbox-header h3{font-size:1.125rem!important;margin:0!important;color:var(--ds-text-primary)!important}[data-theme=light] .profile-view__lightbox-header h3,.light-theme .profile-view__lightbox-header h3{color:var(--ds-text-primary)!important}.profile-view__lightbox-close{background:transparent!important;border:none!important;font-size:1.75rem!important;color:var(--ds-text-muted)!important;cursor:pointer!important;padding:0!important;line-height:1!important;transition:all .15s ease!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:var(--ds-radius-sm)!important}.profile-view__lightbox-close:hover{color:var(--ds-danger)!important;background:var(--ds-danger-bg)!important}.profile-view__lightbox-body{padding:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--ds-bg-surface)!important}[data-theme=light] .profile-view__lightbox-body,.light-theme .profile-view__lightbox-body{background:var(--ds-bg-surface)!important}.profile-view__lightbox-body img{max-width:100%!important;max-height:75vh!important;object-fit:contain!important;border-radius:var(--ds-radius-sm)!important}@media(max-width:768px){.profile-view__page .profile-view__card-header{flex-direction:column!important;padding:20px!important}.profile-view__page .profile-view__avatar-section{flex-direction:column!important;align-items:center!important;text-align:center!important}.profile-view__page .profile-view__meta{justify-content:center!important}.profile-view__page .profile-view__quick-info{align-items:center!important}.profile-view__page .profile-view__tabs{padding:0 16px!important}.profile-view__page .profile-view__tab{padding:14px 16px!important}.profile-view__page .profile-view__content,.profile-view__page .profile-view__info-section{padding:16px!important}.profile-view__page .profile-view__section-title{font-size:.95rem!important}}[dir=rtl] .profile-view__page .profile-view__tabs,.profile-view__page.rtl .profile-view__tabs{padding:0 24px!important}.profile-view__page .profile-view__text-muted{color:var(--ds-text-muted)!important;font-size:.875rem!important}.profile-view__page .profile-view__leave-section{display:flex!important;flex-direction:column!important;gap:24px!important}.profile-view__page .profile-view__loading-small{display:flex!important;align-items:center!important;justify-content:center!important;min-height:200px!important}.profile-view__page .profile-view__leave-balance-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:16px!important}.profile-view__page .profile-view__leave-balance-card{background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default)!important;border-left:4px solid var(--ds-primary)!important;border-radius:var(--ds-radius-md)!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:8px!important;transition:all .2s ease!important}.profile-view__page .profile-view__leave-balance-card:hover{border-color:var(--ds-primary)!important;transform:translateY(-2px)!important;box-shadow:var(--ds-shadow-md)!important}[data-theme=light] .profile-view__page .profile-view__leave-balance-card,.light-theme .profile-view__page .profile-view__leave-balance-card{background:var(--ds-card-bg)!important}.profile-view__page .profile-view__leave-type{font-weight:600!important;font-size:.875rem!important;color:var(--ds-text-primary)!important}.profile-view__page .profile-view__leave-counts{display:flex!important;align-items:baseline!important;gap:4px!important}.profile-view__page .profile-view__leave-available{font-size:1.75rem!important;font-weight:700!important;color:var(--ds-success)!important}.profile-view__page .profile-view__leave-separator{font-size:1.25rem!important;color:var(--ds-text-muted)!important}.profile-view__page .profile-view__leave-total{font-size:1.25rem!important;font-weight:600!important;color:var(--ds-text-muted)!important}.profile-view__page .profile-view__leave-label{font-size:.7rem!important;color:var(--ds-text-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important}.profile-view__page .profile-view__leave-requests-list{display:flex!important;flex-direction:column!important;gap:12px!important}.profile-view__page .profile-view__leave-request-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 16px!important;background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default)!important;border-radius:var(--ds-radius-md)!important;transition:all .2s ease!important}.profile-view__page .profile-view__leave-request-item:hover{border-color:var(--ds-primary)!important;background:var(--ds-bg-hover)!important}[data-theme=light] .profile-view__page .profile-view__leave-request-item,.light-theme .profile-view__page .profile-view__leave-request-item{background:var(--ds-card-bg)!important}.profile-view__page .profile-view__leave-request-info{display:flex!important;flex-direction:column!important;gap:4px!important}.profile-view__page .profile-view__leave-request-type{font-weight:600!important;font-size:.9rem!important;color:var(--ds-text-primary)!important}.profile-view__page .profile-view__leave-request-dates{font-size:.8rem!important;color:var(--ds-text-muted)!important}.profile-view__page .profile-view__discipline-section{display:flex!important;flex-direction:column!important;gap:24px!important}.profile-view__page .profile-view__discipline-list{display:flex!important;flex-direction:column!important;gap:12px!important}.profile-view__page .profile-view__discipline-item{background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default)!important;border-radius:var(--ds-radius-md)!important;padding:16px!important;transition:all .2s ease!important}.profile-view__page .profile-view__discipline-item--active{border-left:4px solid var(--ds-warning)!important}.profile-view__page .profile-view__discipline-item--resolved{border-left:4px solid var(--ds-success)!important}[data-theme=light] .profile-view__page .profile-view__discipline-item,.light-theme .profile-view__page .profile-view__discipline-item{background:var(--ds-card-bg)!important}.profile-view__page .profile-view__discipline-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:8px!important}.profile-view__page .profile-view__discipline-type{font-weight:600!important;font-size:.875rem!important;color:var(--ds-danger)!important}.profile-view__page .profile-view__discipline-details{display:flex!important;flex-direction:column!important;gap:6px!important}.profile-view__page .profile-view__discipline-reason{font-size:.875rem!important;color:var(--ds-text-primary)!important;margin:0!important;line-height:1.5!important}.profile-view__page .profile-view__discipline-date{font-size:.75rem!important;color:var(--ds-text-muted)!important}.profile-view__page .profile-view__status-badge--active{background:var(--ds-warning-bg)!important;color:var(--ds-warning)!important}.profile-view__page .profile-view__status-badge--resolved{background:var(--ds-success-bg)!important;color:var(--ds-success)!important}.profile-view__page .profile-view__section-footer{display:flex!important;justify-content:center!important;margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--ds-border-default)!important}.profile-view__page .profile-view__info-section--hierarchy{background:linear-gradient(135deg,var(--ds-bg-elevated) 0%,var(--ds-bg-surface) 100%)!important;border-color:var(--ds-primary)!important;border-left:4px solid var(--ds-primary)!important}[data-theme=light] .profile-view__page .profile-view__info-section--hierarchy,.light-theme .profile-view__page .profile-view__info-section--hierarchy{background:linear-gradient(135deg,var(--ds-card-bg) 0%,var(--ds-bg-surface) 100%)!important}.live-capture-camera{background:var(--ds-card-bg, #ffffff);border-radius:12px;padding:20px;border:1px solid var(--ds-border-default, #e5e7eb)}.capture-status-bar{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:var(--ds-bg-surface, var(--ds-bg-surface));border-radius:8px}.status-item{display:flex;align-items:center;gap:6px;font-size:.875rem;padding:6px 12px;border-radius:20px;transition:all .2s}.status-item.success{background:#dcfce7;color:#16a34a}.status-item.error{background:#fee2e2;color:#dc2626}.status-item.pending{background:#fef3c7;color:#d97706}.capture-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px;font-size:.875rem}.capture-container{position:relative;width:100%;max-width:500px;margin:0 auto;aspect-ratio:4/3;background:var(--ds-bg-base);border-radius:12px;overflow:hidden}.capture-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ds-text-secondary);text-align:center;padding:20px}.capture-placeholder p{margin:0}.capture-note{font-size:.75rem;color:var(--ds-text-muted);max-width:280px}.camera-view{position:relative;width:100%;height:100%}.camera-video{width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;inset:0;pointer-events:none}.face-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:260px;border:3px dashed rgba(59,130,246,.7);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}.capture-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#000000b3;color:#fff;font-size:.75rem}.capture-info p{margin:4px 0;display:flex;align-items:center;gap:6px}.capture-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.btn-capture{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-capture:disabled{opacity:.5;cursor:not-allowed}.btn-capture.start{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-capture.start:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.btn-capture.capture{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:1;max-width:200px;justify-content:center}.btn-capture.capture:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-capture.switch{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.btn-capture.switch:hover{background:var(--ds-border-subtle)}.btn-capture.cancel,.btn-capture.retake{background:#fee2e2;color:#dc2626}.btn-capture.cancel:hover,.btn-capture.retake:hover{background:#fecaca}.btn-capture.confirm{background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex:1;max-width:200px;justify-content:center}.btn-capture.confirm:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}[data-theme=dark] .live-capture-camera,.dark .live-capture-camera{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .capture-status-bar,.dark .capture-status-bar{background:var(--ds-bg-base)}[data-theme=dark] .status-item.success,.dark .status-item.success{background:#14532d;color:#86efac}[data-theme=dark] .status-item.error,.dark .status-item.error{background:#7f1d1d;color:#fca5a5}[data-theme=dark] .status-item.pending,.dark .status-item.pending{background:#713f12;color:#fcd34d}[data-theme=dark] .capture-error,.dark .capture-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .capture-placeholder,.dark .capture-placeholder{color:var(--ds-text-muted)}[data-theme=dark] .btn-capture.switch,.dark .btn-capture.switch{background:var(--ds-border-default);color:var(--ds-text-secondary)}[data-theme=dark] .btn-capture.switch:hover,.dark .btn-capture.switch:hover{background:var(--ds-text-muted)}@media(max-width:480px){.capture-status-bar{flex-direction:column;gap:8px}.capture-container{aspect-ratio:3/4}.face-guide{width:160px;height:200px}.btn-capture{padding:10px 16px;font-size:.875rem}}.profile-form__page{max-width:1400px;margin:0 auto;padding:24px;min-height:100vh}.profile-form__page.profile-form__page--rtl{direction:rtl}.profile-form__page.profile-form__page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.profile-form__header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile-form__header h1{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin:0}.profile-form__back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--ds-bg-surface);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s;font-size:.875rem}.profile-form__back-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.profile-form__error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ds-danger-bg);border:1px solid var(--ds-danger-bg);border-radius:var(--ds-radius-md);color:var(--ds-danger);margin-bottom:20px}.profile-form__error-banner button{margin-inline-start:auto;background:none;border:none;cursor:pointer;padding:4px;color:var(--ds-danger)}.profile-form__form{background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-md);overflow:hidden;border:1px solid var(--ds-border-default)}.profile-form__tabs-container{background:var(--ds-bg-elevated);padding:0;overflow-x:auto;border-bottom:1px solid var(--ds-border-default)}.profile-form__tabs-nav{display:flex;gap:0;min-width:max-content}.profile-form__tab-btn{display:flex;align-items:center;gap:8px;padding:16px 20px;background:transparent;border:none;color:var(--ds-text-secondary);cursor:pointer;transition:all .3s;font-size:.875rem;white-space:nowrap;position:relative;border-bottom:3px solid transparent}.profile-form__tab-btn:hover{background:#ffffff0d;color:var(--ds-text-primary)}.profile-form__tab-btn--active{background:linear-gradient(135deg,var(--ds-primary),var(--ds-red-800));color:var(--ds-text-on-primary);border-bottom-color:var(--ds-primary)}.profile-form__tab-btn--has-error{color:var(--ds-danger)}.profile-form__tab-btn .profile-form__error-dot{width:8px;height:8px;background:var(--ds-danger);border-radius:50%;position:absolute;top:12px;right:8px}.profile-form__page--rtl .profile-form__tab-btn .profile-form__error-dot{right:auto;left:8px}.profile-form__content{padding:32px;background:var(--ds-card-bg)}.profile-form__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profile-form__grid--media{grid-template-columns:repeat(3,1fr)}.profile-form__group{display:flex;flex-direction:column;gap:6px}.profile-form__group--col-span-2{grid-column:span 2}.profile-form__label{font-size:.875rem;font-weight:500;color:var(--ds-text-secondary);display:flex;align-items:center;gap:4px;cursor:default;-webkit-user-select:none;user-select:none}.profile-form__group:has(select) .profile-form__label{cursor:pointer}.profile-form__input{width:100%;padding:10px 14px;border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-md);font-size:.9375rem;color:var(--ds-text-primary);background:var(--ds-input-bg);transition:border-color .2s,box-shadow .2s}.profile-form__input:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px #f5333f26}.profile-form__input:read-only{background:var(--ds-bg-surface);color:var(--ds-text-muted);cursor:not-allowed}.profile-form__input--error{border-color:var(--ds-danger)}select.profile-form__input{cursor:pointer!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-inline-end:36px}[dir=rtl] select.profile-form__input{background-position:left 10px center}select.profile-form__input:disabled{cursor:not-allowed!important;opacity:.7}select.profile-form__input option{background:var(--ds-card-bg);color:var(--ds-text-primary);padding:8px}textarea.profile-form__input{resize:vertical;min-height:80px}input[type=checkbox]{cursor:pointer}.profile-form__age-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--ds-info-bg);color:var(--ds-primary);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.profile-form__page--rtl .profile-form__age-badge{right:auto;left:12px}.profile-form__group .profile-form__relative{position:relative}.profile-form__error-text{font-size:.75rem;color:var(--ds-danger)}.profile-form__file-upload-container{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.profile-form__file-preview{position:relative;width:120px;height:120px;border-radius:var(--ds-radius-lg);overflow:hidden;border:2px solid var(--ds-border-default);background:var(--ds-bg-surface)}.profile-form__file-preview img,.profile-form__file-preview .profile-form__preview-image{width:100%;height:100%;object-fit:cover}.profile-form__remove-file-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:var(--ds-danger);color:var(--ds-text-on-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.profile-form__page--rtl .profile-form__remove-file-btn{right:auto;left:4px}.profile-form__remove-file-btn:hover{transform:scale(1.1)}.profile-form__file-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:120px;height:120px;border:2px dashed var(--ds-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-bg-surface);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s}.profile-form__file-upload-btn:hover{border-color:var(--ds-primary);color:var(--ds-primary);background:var(--ds-bg-hover)}.profile-form__upload-progress{width:100%;height:4px;background:var(--ds-bg-surface);border-radius:2px;overflow:hidden;margin-top:8px}.profile-form__progress-bar{height:100%;background:var(--ds-primary);transition:width .3s}.profile-form__actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default)}.profile-form__btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-red-800));color:var(--ds-text-on-primary);border:none;border-radius:var(--ds-radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.profile-form__btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f5333f4d}.profile-form__btn-primary:disabled{opacity:.7;cursor:not-allowed}.profile-form__btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--ds-bg-elevated);color:var(--ds-text-secondary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.profile-form__btn-secondary:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.profile-form__loading-spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:profile-form-spin .8s linear infinite}.profile-form__loading-spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--ds-text-on-primary);border-radius:50%;animation:profile-form-spin .8s linear infinite}@keyframes profile-form-spin{to{transform:rotate(360deg)}}.profile-form__dynamic-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:20px;margin-bottom:20px}.profile-form__dynamic-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-form__dynamic-section-header h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin:0}.profile-form__add-record-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--ds-primary);color:var(--ds-text-on-primary);border:none;border-radius:var(--ds-radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.profile-form__add-record-btn:hover{background:var(--ds-red-800)}.profile-form__records-list{display:flex;flex-direction:column;gap:12px}.profile-form__record-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.profile-form__record-info{display:flex;flex-direction:column;gap:4px}.profile-form__record-title{font-weight:500;color:var(--ds-text-primary)}.profile-form__record-meta{font-size:.8125rem;color:var(--ds-text-muted)}.profile-form__record-actions{display:flex;align-items:center;gap:8px}.profile-form__no-records{color:var(--ds-text-muted);font-size:.875rem;text-align:center;padding:16px}.profile-form__status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.profile-form__status-badge--active{background:var(--ds-success-bg);color:var(--ds-success)}.profile-form__status-badge--pending{background:var(--ds-warning-bg);color:var(--ds-warning)}.profile-form__status-badge--warning{background:var(--ds-danger-bg);color:var(--ds-danger)}.profile-form__status-badge--info{background:var(--ds-info-bg);color:var(--ds-primary)}.profile-form__site-assignment-readonly{display:flex;align-items:center;gap:8px}.profile-form__site-assignment-readonly input{flex:1}.profile-form__captured-selfie-preview{margin-bottom:16px}.profile-form__captured-selfie-preview img{max-width:300px;border-radius:var(--ds-radius-lg);border:2px solid var(--ds-border-default)}.profile-form__tabs-container::-webkit-scrollbar{height:6px}.profile-form__tabs-container::-webkit-scrollbar-track{background:var(--ds-bg-surface)}.profile-form__tabs-container::-webkit-scrollbar-thumb{background:var(--ds-border-default);border-radius:3px}.profile-form__tabs-container::-webkit-scrollbar-thumb:hover{background:var(--ds-text-muted)}@media(max-width:1024px){.profile-form__grid{grid-template-columns:1fr}.profile-form__grid--media{grid-template-columns:repeat(2,1fr)}.profile-form__group--col-span-2{grid-column:span 1}}@media(max-width:768px){.profile-form__page{padding:16px}.profile-form__header{flex-direction:column;align-items:flex-start;gap:12px}.profile-form__header h1{font-size:1.5rem}.profile-form__content{padding:20px}.profile-form__actions{flex-direction:column;padding:16px 20px}.profile-form__btn-primary,.profile-form__btn-secondary{width:100%;justify-content:center}.profile-form__grid--media{grid-template-columns:1fr}.profile-form__file-upload-container{justify-content:center}.profile-form__dynamic-section-header,.profile-form__record-item{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.profile-form__tab-btn{padding:12px 14px;font-size:.8125rem}.profile-form__tab-btn span{display:none}.profile-form__file-preview,.profile-form__file-upload-btn{width:100px;height:100px}}.site-structure-tab{display:flex;flex-direction:column;gap:1.5rem}.structure-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.structure-column{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.25rem}.form-section .form-group{margin-bottom:1rem}.form-section .form-group:last-child{margin-bottom:0}.form-section .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:var(--ds-text-primary)}.form-section .form-group label svg{color:var(--ds-secondary)}.select-hierarchy{width:100%;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem}.level-section{position:relative}.level-header{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid}.level-header svg{opacity:.7}.manager-header{border-color:#3b82f6;color:#3b82f6}.supervisor-header{border-color:#8b5cf6;color:#8b5cf6}.tl-header{border-color:#10b981;color:#10b981}.shift-selector-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--ds-border-default)}.shift-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--ds-text-muted)}.shift-label svg{color:var(--warning-500)}.shift-selector-controls{display:flex;gap:.5rem}.shift-select{flex:1;padding:.5rem .75rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.85rem}.btn-add-shift-inline{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary-hover));color:#fff;border:none;border-radius:var(--ds-radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast);white-space:nowrap}.btn-add-shift-inline:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.team-leaders-section{background:linear-gradient(135deg,#10b98108,#10b98114);border-color:#10b98133}.level-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(16,185,129,.3)}.level-header-row .level-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.header-shift-selector{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--ds-radius-md)}.header-shift-selector svg{color:#f59e0b;flex-shrink:0}.header-shift-selector .shift-select{min-width:160px;padding:.35rem .5rem;font-size:.8rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--radius-sm);color:var(--ds-text-primary)}.header-shift-selector .btn-add-shift-inline{padding:.35rem .5rem;font-size:.75rem}.header-shift-selector .btn-add-shift-inline span{display:none}.team-leader-card{display:flex;gap:1rem;padding:1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);margin-bottom:1rem}.team-leader-card:last-child{margin-bottom:0}.tl-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;font-weight:700;font-size:1rem;border-radius:var(--radius-full);flex-shrink:0}.tl-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.tl-content .form-group{margin:0}.tl-content select{width:100%;padding:.625rem .875rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem}.structure-preview{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid var(--primary-200);border-radius:var(--ds-radius-lg);padding:1.25rem}[data-theme=dark] .structure-preview{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:var(--primary-800)}.preview-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--ds-secondary-hover);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}[data-theme=dark] .preview-title{color:var(--ds-secondary)}.chain-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.chain-item-wrapper{display:flex;flex-direction:column;align-items:center}.chain-item{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;border-radius:var(--ds-radius-md);min-width:180px;text-align:center;border:2px solid;background:var(--ds-card-bg)}[data-theme=dark] .chain-item{background:var(--ds-bg-elevated)}.chain-item.chain-blue{border-color:#3b82f6}.chain-item.chain-purple{border-color:#8b5cf6}.chain-item.chain-green{border-color:#10b981}.chain-item.chain-gray{border-color:#6b7280}.chain-level{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);margin-bottom:.25rem}.chain-person{font-size:.9rem;font-weight:500;color:var(--ds-text-primary)}.chain-person.unassigned{font-style:italic;color:var(--ds-text-muted)}.chain-persons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.chain-persons .chain-person{padding:.25rem .5rem;background:var(--ds-bg-surface);border-radius:var(--radius-sm);font-size:.8rem}.chain-arrow{padding:.25rem;color:var(--ds-text-muted)}.staff-assignment-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.25rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border-default)}.section-title svg{color:var(--ds-secondary)}.cascade-note{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--ds-radius-md);font-size:.8rem;color:var(--ds-secondary-hover);margin-bottom:1rem}[data-theme=dark] .cascade-note{color:var(--ds-secondary)}.staff-group{margin-bottom:1.5rem}.staff-group:last-child{margin-bottom:0}.staff-group-title{font-size:.85rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.75rem;padding:.5rem .75rem;background:var(--ds-bg-elevated);border-radius:var(--radius-sm)}.staff-checklist{display:grid;grid-template-columns:1fr;gap:.5rem;max-height:250px;overflow-y:auto;padding:.5rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.staff-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.staff-checkbox:hover{border-color:var(--primary-300);background:var(--ds-bg-hover)}.staff-checkbox.selected{border-color:var(--ds-secondary);background:#6366f11a}.staff-checkbox.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.staff-checkbox.disabled.selected,.staff-checkbox.selected{opacity:1;cursor:pointer;pointer-events:auto}.staff-checkbox.status-inactive{opacity:.6;background:#ef44440d;border-color:#ef444433}.staff-checkbox.status-assigned{background:#f59e0b0d;border-color:#f59e0b33}.staff-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--ds-secondary);flex-shrink:0}.site-structure-tab .staff-info{flex:1!important;display:flex!important;flex-direction:column!important;gap:.375rem!important}.site-structure-tab .staff-name-row{display:flex!important;align-items:center!important;gap:.5rem!important;flex-wrap:wrap!important;flex-direction:row!important}.site-structure-tab .staff-name{font-size:.9rem!important;font-weight:500!important;color:var(--ds-text-primary)!important}.site-structure-tab .staff-emp-id{font-size:.75rem!important;color:var(--ds-text-muted)!important;padding:.125rem .375rem!important;background:var(--ds-bg-elevated)!important;border-radius:var(--radius-sm)!important}.site-structure-tab .staff-level-badge{display:inline-block!important;font-size:.65rem!important;font-weight:600!important;padding:.15rem .4rem!important;border-radius:3px!important;text-transform:uppercase!important}.site-structure-tab .staff-level-badge.level-manager{background:#ec489933!important;color:#ec4899!important}.site-structure-tab .staff-level-badge.level-supervisor{background:#f59e0b33!important;color:#f59e0b!important}.site-structure-tab .staff-level-badge.level-team-leader{background:#8b5cf633!important;color:#8b5cf6!important}.site-structure-tab .staff-level-badge.level-staff{background:#6b728033!important;color:#9ca3af!important}.staff-status{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-full)}.staff-status.status-available{color:#059669;background:#10b9811a}.staff-status.status-assigned{color:#d97706;background:#f59e0b1a}.staff-status.status-inactive{color:#dc2626;background:#ef44441a}.staff-id{font-size:.75rem;color:var(--ds-text-muted)}.staff-current-site{font-size:.7rem;color:var(--warning-500)}.check-icon{color:var(--success-500);flex-shrink:0}.no-targets-note,.no-staff-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:2rem;color:var(--ds-text-muted);font-style:italic}.no-staff-message svg{opacity:.5}.level-count-badge{margin-left:auto;font-size:.7rem;font-weight:500;padding:.25rem .5rem;background:#10b98133;border-radius:var(--radius-full);color:var(--success-600)}.shift-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shift-modal{background:var(--ds-bg-base);border-radius:var(--ds-radius-xl);width:90%;max-width:700px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.shift-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default);background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary-hover))}.shift-modal-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:#fff}.shift-modal-header .btn-close{background:#fff3;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.shift-modal-header .btn-close:hover{background:#ffffff4d}.shift-modal-body{padding:1.5rem;overflow-y:auto;max-height:60vh}.shift-modal-body .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shift-modal-body .form-group{display:flex;flex-direction:column;gap:.375rem}.shift-modal-body .form-group.full-width{grid-column:1 / -1}.shift-modal-body .form-group label{font-size:.85rem;font-weight:500;color:var(--ds-text-primary)}.shift-modal-body input,.shift-modal-body select{padding:.625rem .875rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem}.shift-modal-body input:focus,.shift-modal-body select:focus{outline:none;border-color:var(--ds-secondary);box-shadow:0 0 0 3px #6366f11a}.shift-type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.shift-type-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--ds-bg-surface);border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-fast)}.shift-type-card:hover{border-color:var(--primary-300);background:var(--ds-bg-hover)}.shift-type-card.selected{border-color:var(--ds-secondary);background:#6366f11a}.shift-type-card svg{color:var(--ds-secondary)}.shift-type-card span{font-size:.8rem;font-weight:500;color:var(--ds-text-primary);text-align:center}.emp-level-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.emp-level-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-fast)}.emp-level-chip:hover{border-color:var(--primary-300);background:var(--ds-bg-hover)}.emp-level-chip.selected{border-color:var(--ds-secondary);background:var(--ds-secondary);color:#fff}.emp-level-chip.selected svg{color:#fff}.shift-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.shift-modal-footer .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.shift-modal-footer .btn-secondary{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-primary)}.shift-modal-footer .btn-secondary:hover{background:var(--ds-bg-hover)}.shift-modal-footer .btn-primary{background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary-hover));border:none;color:#fff}.shift-modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.shift-modal-footer .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:992px){.structure-columns{grid-template-columns:1fr}}@media(max-width:768px){.shift-selector-controls,.team-leader-card{flex-direction:column}.tl-number{align-self:flex-start}.shift-modal-body .form-grid,.shift-type-cards{grid-template-columns:1fr}}.staff-group-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.75rem;padding:.5rem .75rem;background:var(--ds-bg-elevated);border-radius:var(--radius-sm)}.staff-group-title svg{color:var(--ds-secondary)}.staff-count-badge{margin-left:auto;font-size:.7rem;font-weight:500;padding:.2rem .5rem;background:#6366f126;border-radius:var(--radius-full);color:var(--ds-secondary)}.no-staff-hint{font-size:.75rem;color:var(--ds-text-muted);font-style:normal;margin-top:.25rem}.site-info-box{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid rgba(99,102,241,.3);border-radius:var(--ds-radius-md);color:var(--ds-secondary);font-size:.875rem;font-weight:500}.site-info-box svg{flex-shrink:0}.single-leader-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.3);border-radius:var(--ds-radius-md);font-size:.8rem;font-weight:500;color:#d97706}[data-theme=dark] .single-leader-note{background:linear-gradient(135deg,#f59e0b26,#d977061a);color:#fbbf24}.single-leader-note svg{flex-shrink:0;color:#f59e0b}.staff-group-title{display:flex;align-items:center;gap:.5rem}.staff-count-badge{margin-left:auto;font-size:.7rem;font-weight:500;padding:.2rem .5rem;background:var(--ds-bg-elevated);border-radius:var(--radius-full);color:var(--ds-text-muted)}.no-staff-hint{font-size:.75rem;color:var(--ds-text-muted);font-style:normal}.confirm-modal{background:var(--ds-bg-base);border-radius:var(--ds-radius-xl);width:90%;max-width:450px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .25s ease-out}.confirm-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.confirm-modal-header.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.confirm-modal-header h3{font-size:1rem;font-weight:600;margin:0}.confirm-modal-body{padding:1.5rem}.warning-message{font-size:.95rem;font-weight:500;color:var(--ds-text-primary);margin-bottom:.75rem}.warning-detail{font-size:.85rem;color:var(--ds-text-muted);padding:.75rem;background:#f59e0b1a;border-radius:var(--ds-radius-md);border-left:3px solid #f59e0b}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.shift-assignment-tab{display:flex;flex-direction:column;gap:1.5rem}.shift-assignment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ds-text-secondary)}.shift-config-section,.staff-groups-section,.shift-actions-section{background:var(--bg-secondary, #1a1d24);border-radius:12px;padding:1.25rem}.shift-config-section h3,.staff-groups-section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--ds-text-primary);font-size:1rem;font-weight:600}.shift-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shift-info-banner{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding:1rem;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.shift-info-banner .info-item{display:flex;flex-direction:column;gap:.25rem}.shift-info-banner .label{font-size:.75rem;color:var(--ds-text-secondary);text-transform:uppercase}.shift-info-banner .value{font-size:.95rem;font-weight:600;color:var(--ds-text-primary)}.staff-groups-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.staff-group-card{background:var(--bg-primary, #12141a);border-radius:10px;border:2px solid transparent;overflow:hidden;transition:border-color .2s}.staff-group-card.group-1{border-color:#3b82f64d}.staff-group-card.group-2{border-color:#10b9814d}.staff-group-card:hover{border-color:var(--primary-color, #3b82f6)}.group-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.group-header h4{margin:0;font-size:.95rem;font-weight:600}.staff-group-card.group-1 .group-header h4{color:#3b82f6}.staff-group-card.group-2 .group-header h4{color:#10b981}.group-header .work-days{font-size:.75rem;color:var(--ds-text-secondary);background:#ffffff0d;padding:.25rem .5rem;border-radius:4px}.staff-list{min-height:120px;max-height:200px;overflow-y:auto;padding:.5rem}.staff-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:var(--ds-text-secondary);font-size:.85rem}.staff-list .empty-state svg{opacity:.3;margin-bottom:.5rem}.staff-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff08;border-radius:6px;margin-bottom:.5rem}.staff-item svg{color:var(--success-color, #10b981);flex-shrink:0}.staff-item .staff-name{flex:1;font-size:.85rem}.staff-item .remove-btn{background:none;border:none;color:var(--ds-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.staff-item .remove-btn:hover{background:#ef44441a;color:#ef4444}.add-staff-container{padding:.5rem;border-top:1px solid rgba(255,255,255,.05)}.add-staff-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.5rem;background:#3b82f61a;border:1px dashed rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;font-size:.85rem;cursor:pointer;transition:all .2s}.add-staff-btn:hover{background:#3b82f633;border-color:#3b82f6}.staff-search-dropdown{background:var(--bg-secondary, #1a1d24);border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.search-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.05)}.search-input-wrapper svg{color:var(--ds-text-secondary)}.search-input-wrapper input{flex:1;background:none;border:none;color:var(--ds-text-primary);font-size:.85rem;outline:none}.search-input-wrapper .close-dropdown{background:none;border:none;color:var(--ds-text-secondary);cursor:pointer;padding:.25rem}.staff-options{max-height:150px;overflow-y:auto}.staff-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:background .2s}.staff-option:hover{background:#3b82f61a}.staff-option svg{color:#3b82f6}.no-results{padding:1rem;text-align:center;color:var(--ds-text-secondary);font-size:.85rem}.group-stats{padding:.5rem .75rem;background:#ffffff05;font-size:.75rem;color:var(--ds-text-secondary);text-align:center}.shift-actions-section{display:flex;justify-content:flex-end;gap:1rem}.shift-actions-section button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--ds-text-primary)}.btn-secondary:hover{background:#ffffff1a}.btn-primary{background:var(--primary-color, #3b82f6);border:none;color:#fff}.btn-primary:hover{background:var(--primary-hover, #2563eb)}.unassigned-warning-section{margin-bottom:1rem}.unassigned-warning-section .warning-box{display:flex;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-left:4px solid #f59e0b;border-radius:8px;color:#f59e0b}.unassigned-warning-section .warning-box svg{flex-shrink:0;margin-top:2px}.unassigned-warning-section .warning-content{flex:1}.unassigned-warning-section .warning-content strong{display:block;margin-bottom:.5rem;color:#f59e0b}.unassigned-warning-section .unassigned-names{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.unassigned-warning-section .unassigned-name-chip{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#f59e0b26;border:1px dashed rgba(245,158,11,.4);border-radius:20px;font-size:.8rem;color:var(--ds-text-primary)}.unassigned-warning-section .warning-hint{margin:0;font-size:.8rem;color:var(--ds-text-secondary);padding-top:.5rem;border-top:1px dashed rgba(245,158,11,.2)}.shift-info-note{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:1rem}.shift-info-note p{margin:0;font-size:.85rem;line-height:1.5;color:var(--ds-text-secondary)}.shift-info-note strong{color:#f59e0b}.team-leader-assignment-section{margin-bottom:2rem;padding:1rem;background:#6366f10d;border-radius:8px;border:1px solid rgba(99,102,241,.15)}.team-leader-assignment-section .section-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:500;color:var(--ds-text-secondary)}.team-leaders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.team-leader-card{display:flex;align-items:center;gap:1rem;padding:.875rem;background:var(--bg-secondary, #1a1d24);border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.team-leader-card:hover{border-color:#6366f14d;background:#6366f114}.tl-info{display:flex;align-items:center;gap:.75rem;flex:1}.tl-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:1rem;flex-shrink:0}.tl-details{display:flex;flex-direction:column;gap:.25rem}.tl-name{font-size:.9rem;font-weight:500;color:var(--ds-text-primary)}.tl-staff-count{font-size:.75rem;color:var(--ds-text-secondary);opacity:.8}.tl-actions{display:flex;gap:.5rem;flex-shrink:0}.assign-btn{padding:.5rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.assign-btn.group-1-btn{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.assign-btn.group-1-btn:hover{background:#10b98140;border-color:#10b98180}.assign-btn.group-2-btn{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.assign-btn.group-2-btn:hover{background:#3b82f640;border-color:#3b82f680}.assign-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.assign-btn:disabled:hover{transform:none}.assign-btn.active{opacity:.6;background:#64646433;border-style:dashed}.team-leader-card.assigned{border-color:#10b98166;background:#10b98114}.assigned-badge{display:inline-block;margin-left:.5rem;padding:.125rem .35rem;background:#10b98133;color:#10b981;font-size:.7rem;font-weight:600;border-radius:4px}.shift-assignment-tab .staff-item{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem!important;background:#ffffff08!important;border-radius:6px!important;transition:all .2s!important}.shift-assignment-tab .staff-item:hover{background:#ffffff0f!important}.shift-assignment-tab .staff-item.manager{border-left:3px solid #ec4899!important;background:#ec48990d!important}.shift-assignment-tab .staff-item.supervisor{border-left:3px solid #f59e0b!important;background:#f59e0b0d!important}.shift-assignment-tab .staff-item.team-leader{border-left:3px solid #8b5cf6!important;background:#8b5cf60d!important}.shift-assignment-tab .staff-item.staff{border-left:3px solid #6b7280!important}.shift-assignment-tab .staff-item .staff-info{display:flex!important;flex-direction:row!important;gap:.5rem!important;flex:1!important;align-items:center!important}.shift-assignment-tab .staff-item .staff-name{font-size:.9rem!important;font-weight:500!important;color:var(--ds-text-primary)!important}.staff-role-badge{display:inline-block;font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:3px;text-transform:uppercase;width:fit-content}.staff-role-badge.manager{background:#ec489933;color:#ec4899}.staff-role-badge.supervisor{background:#f59e0b33;color:#f59e0b}.staff-role-badge.team-leader{background:#8b5cf633;color:#8b5cf6}.staff-role-badge.staff{background:#6b728033;color:#9ca3af}@media(max-width:768px){.shift-config-grid,.staff-groups-grid{grid-template-columns:1fr}.shift-actions-section{flex-direction:column}.shift-actions-section button{width:100%;justify-content:center}}.single-tl-info-section{background:var(--bg-secondary, #1a1d24);border-radius:12px;padding:1.25rem}.single-tl-message{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#10b98114,#065f460d);border:1px solid rgba(16,185,129,.25);border-radius:10px}.single-tl-message svg{color:#10b981;flex-shrink:0;margin-top:2px}.single-tl-message .message-content h4{margin:0 0 .5rem;color:#10b981;font-size:1rem;font-weight:600}.single-tl-message .message-content p{margin:0;color:var(--ds-text-secondary);font-size:.875rem;line-height:1.5}.single-tl-info-section .section-label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#10b981;font-weight:600;font-size:.9rem}.single-tl-profile-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#10b98114,#065f460d);border:1px solid rgba(16,185,129,.25);border-radius:10px}.single-tl-profile-card .tl-avatar{width:56px;height:56px;flex-shrink:0}.single-tl-profile-card .tl-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #10b981}.single-tl-profile-card .tl-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#065f46,#047857);display:flex;align-items:center;justify-content:center;color:#fff}.single-tl-profile-card .tl-info{flex:1}.single-tl-profile-card .tl-name{margin:0 0 .35rem;color:var(--text-primary, #fff);font-size:1.1rem;font-weight:600}.single-tl-profile-card .tl-role-badge{display:inline-block;padding:.2rem .6rem;background:#10b98133;color:#10b981;border-radius:12px;font-size:.75rem;font-weight:600;margin-right:.5rem}.single-tl-profile-card .tl-employee-id{margin:.35rem 0 0;color:var(--text-tertiary, #9ca3af);font-size:.8rem}.single-tl-profile-card .tl-schedule-info{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;border-left:1px solid rgba(16,185,129,.2);min-width:180px}.single-tl-profile-card .schedule-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #9ca3af);font-size:.85rem}.single-tl-profile-card .schedule-item svg{color:#10b981}.single-tl-profile-card .schedule-note{font-size:.8rem;color:var(--text-tertiary, #6b7280)}.single-tl-profile-card .tl-shift-selector{display:flex;flex-direction:column;gap:.5rem;padding-left:1rem;border-left:1px solid rgba(16,185,129,.2);min-width:200px}.single-tl-profile-card .tl-shift-selector label{display:flex;align-items:center;gap:.35rem;color:#10b981;font-size:.8rem;font-weight:600}.single-tl-profile-card .tl-shift-select{padding:.5rem .75rem;background:var(--bg-primary, #0d1117);border:1px solid rgba(16,185,129,.3);border-radius:6px;color:var(--text-primary, #fff);font-size:.85rem;cursor:pointer;transition:all .2s ease}.single-tl-profile-card .tl-shift-select:hover{border-color:#10b981}.single-tl-profile-card .tl-shift-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.single-tl-profile-card .tl-shift-selector .schedule-note{margin-top:.25rem}.location-picker{display:flex!important;flex-direction:column!important;gap:16px!important}.location-picker-label{font-weight:600!important;color:var(--ds-text-primary)!important;font-size:.95rem!important;margin-bottom:4px!important}.url-parser-section{display:flex!important;flex-direction:column!important;gap:8px!important}.url-input-group{display:flex!important;gap:8px!important}.url-input-wrapper{flex:1!important;position:relative!important;display:flex!important;align-items:center!important}.url-icon{position:absolute!important;left:12px!important;color:var(--ds-text-secondary)!important;pointer-events:none!important}[dir=rtl] .url-icon{left:auto!important;right:12px!important}.url-input{width:100%!important;padding:10px 12px 10px 38px!important;border-radius:8px!important;border:1px solid var(--ds-border-default)!important;background:var(--ds-bg-base)!important;font-size:.9rem!important;transition:all .2s ease!important}[dir=rtl] .url-input{padding:10px 38px 10px 12px!important}.url-input:focus{outline:none!important;border-color:var(--ds-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.url-input::placeholder{color:var(--ds-text-muted)!important}.btn-parse{display:flex!important;align-items:center!important;gap:6px!important;padding:10px 16px!important;border-radius:8px!important;border:none!important;background:var(--ds-primary)!important;color:#fff!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important}.btn-parse:hover{background:var(--ds-primary-dark)!important}.btn-parse.success{background:var(--ds-success)!important}.parse-error,.parse-success{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;border-radius:6px!important;font-size:.85rem!important}.parse-error{background:#ef44441a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)!important}.parse-success{background:#10b9811a!important;color:#10b981!important;border:1px solid rgba(16,185,129,.2)!important}.coordinates-section{display:flex!important;align-items:flex-end!important;gap:12px!important;flex-wrap:wrap!important}.coord-inputs{display:flex!important;gap:12px!important;flex:1!important;flex-wrap:wrap!important}.coord-input-group{display:flex!important;flex-direction:column!important;gap:4px!important;flex:1!important;min-width:120px!important}.coord-input-group label{font-size:.75rem!important;font-weight:500!important;color:var(--ds-text-secondary)!important;text-transform:uppercase!important;letter-spacing:.5px!important}.coord-input{padding:10px 12px!important;border-radius:8px!important;border:1px solid var(--ds-border-default)!important;background:var(--ds-bg-base)!important;font-size:.9rem!important;font-family:Monaco,Consolas,monospace!important;transition:all .2s ease!important}.coord-input:focus{outline:none!important;border-color:var(--ds-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.coord-input:disabled{background:var(--ds-bg-surface)!important;cursor:not-allowed!important}.btn-view-maps{display:flex!important;align-items:center!important;gap:6px!important;padding:10px 14px!important;border-radius:8px!important;border:1px solid var(--ds-border-default)!important;background:var(--ds-bg-surface)!important;color:var(--ds-text-primary)!important;font-size:.85rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;white-space:nowrap!important}.btn-view-maps:hover{background:var(--ds-bg-hover)!important;border-color:var(--ds-primary)!important;color:var(--ds-primary)!important}.map-container{position:relative!important;border-radius:12px!important;overflow:hidden!important;border:1px solid var(--ds-border-default)!important;background:var(--ds-bg-surface)!important}.map-hint{position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;background:#000000bf!important;color:#fff!important;border-radius:20px!important;font-size:.85rem!important;pointer-events:none!important}.location-picker .leaflet-container{border-radius:12px!important;font-family:inherit!important}.location-picker .leaflet-control-zoom{border:none!important;box-shadow:0 2px 8px #00000026!important;border-radius:8px!important;overflow:hidden!important}.location-picker .leaflet-control-zoom a{background:var(--ds-bg-base)!important;color:var(--ds-text-primary)!important;border:none!important;width:32px!important;height:32px!important;line-height:32px!important}.location-picker .leaflet-control-zoom a:hover{background:var(--ds-bg-hover)!important}.location-preview{border-radius:8px!important;overflow:hidden!important;border:1px solid var(--ds-border-default)!important}.location-preview.empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--ds-bg-surface)!important;color:var(--ds-text-secondary)!important;font-size:.85rem!important}.location-preview .leaflet-container{border-radius:8px!important}@media(prefers-color-scheme:dark){.location-picker .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) saturate(.8) brightness(.9)!important}}[data-theme=dark] .location-picker .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) saturate(.8) brightness(.9)!important}@media(max-width:768px){.url-input-group{flex-direction:column!important}.btn-parse{width:100%!important;justify-content:center!important}.coordinates-section{flex-direction:column!important;align-items:stretch!important}.btn-view-maps{width:100%!important;justify-content:center!important}}[dir=rtl] .parse-error,[dir=rtl] .parse-success,[dir=rtl] .coordinates-section{flex-direction:row-reverse!important}.site-form-modal{max-width:1400px;width:95%;max-height:90vh;overflow-y:auto}.form-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface);flex-wrap:wrap}.form-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:.5rem;transition:all .2s;font-size:.875rem;font-weight:500}.form-tab:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.form-tab.active{background:var(--ds-primary);color:#fff}.form-tab svg{flex-shrink:0}.form-tab-content{padding:1.5rem;min-height:400px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--ds-text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--ds-border-default);border-radius:.5rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s;background:var(--ds-input-bg, var(--ds-card-bg, #fff));color:var(--ds-text-primary, var(--ds-bg-surface))}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px #3b82f61a}.risk-level-cards{display:flex;gap:1rem;margin-top:.5rem}.risk-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;border:2px solid var(--ds-border-default);border-radius:.75rem;cursor:pointer;transition:all .2s;background:var(--ds-card-bg)}.risk-card:hover{border-color:var(--ds-primary);transform:translateY(-2px)}.risk-card.selected{border-width:3px}.risk-card.low{color:#22c55e}.risk-card.low.selected{border-color:#22c55e;background:#22c55e1a}.risk-card.medium{color:#f59e0b}.risk-card.medium.selected{border-color:#f59e0b;background:#f59e0b1a}.risk-card.high{color:#ef4444}.risk-card.high.selected{border-color:#ef4444;background:#ef44441a}.risk-card span{font-weight:600;font-size:.9rem}.info-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#3b82f61a;border-radius:.5rem;color:#3b82f6;font-size:.875rem;grid-column:1 / -1}.allowance-info-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#10b9811a,#22c55e1a);border:1px solid rgba(16,185,129,.3);border-radius:.5rem;color:#059669}.allowance-info-box svg{flex-shrink:0;color:#10b981}.allowance-details{display:flex;flex-direction:column;gap:.25rem}.allowance-name{font-weight:600;font-size:.95rem;color:var(--text-primary, var(--ds-bg-surface))}.allowance-value{font-size:1.1rem;font-weight:700;color:#059669}.staff-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.staff-count{font-size:.85rem;color:var(--ds-text-secondary);font-weight:500}.staff-checklist{display:flex;flex-direction:column;gap:.25rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid var(--ds-border-default);border-radius:.5rem;background:var(--ds-bg-surface)}.staff-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;cursor:pointer;border-radius:.5rem;transition:all .2s;border:1px solid transparent}.staff-checkbox:hover{background:var(--ds-bg-hover)}.staff-checkbox.selected{background:#3b82f61a;border-color:var(--ds-primary)}.staff-checkbox input{width:18px;height:18px;margin-top:2px;flex-shrink:0}.site-form-modal .staff-info{display:flex!important;align-items:center!important;gap:12px!important;flex-direction:row!important;justify-content:flex-start!important;flex:1!important}.site-form-modal .staff-name{font-weight:500!important;color:var(--ds-text-primary)!important;font-size:.9rem!important}.staff-details{font-size:.8rem;color:var(--text-secondary, var(--ds-text-muted))}.staff-details .current-site{color:var(--warning-color, #f59e0b);font-weight:500}.empty-staff-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--ds-text-secondary);gap:.5rem}.form-hint.success{color:var(--success-color, #22c55e)}.form-hint.warning{color:var(--warning-color, #f59e0b)}.form-hint.error{color:var(--error-color, #ef4444)}.select-with-info{font-size:.85rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.documents-section{display:flex;flex-direction:column;gap:1.5rem}.documents-list{display:flex;flex-direction:column;gap:.5rem}.document-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--ds-bg-surface);border-radius:.5rem;border:1px solid var(--ds-border-default)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ds-text-secondary);text-align:center}.empty-state svg{opacity:.5;margin-bottom:1rem}.document-upload{padding:1.5rem;background:var(--ds-bg-surface);border-radius:.75rem;border:1px dashed var(--ds-border-default)}.document-upload h4{margin:0 0 1rem;font-size:1rem;color:var(--ds-text-primary)}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed var(--ds-border-default);border-radius:.5rem;background:var(--ds-card-bg);cursor:pointer;transition:border-color .2s,background .2s;position:relative}.file-upload-area:hover{border-color:var(--ds-primary);background:#3b82f60d}.file-upload-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-upload-area svg{color:var(--ds-text-muted)}.file-upload-area span{color:var(--ds-text-secondary);font-size:.9rem}.form-hint{font-size:.8rem;color:var(--ds-text-secondary);margin-top:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.btn.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.btn.btn-warning:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.auto-fill-btn{margin-right:auto}.btn-icon{padding:.5rem;border:none;background:transparent;cursor:pointer;border-radius:.375rem;color:var(--ds-text-secondary);transition:all .2s}@media(max-width:768px){.site-form-modal{max-width:100%;margin:0;min-height:100vh;border-radius:0}.form-tabs{overflow-x:auto;padding:.75rem 1rem}.form-tab{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap}.form-tab span{display:none}.form-grid{grid-template-columns:1fr}.risk-level-cards{flex-direction:column}.staff-checklist{grid-template-columns:repeat(2,1fr)}}[dir=rtl] .form-tabs,[dir=rtl] .modal-actions,[dir=rtl] .document-item{flex-direction:row-reverse}.company-site-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.company-site-modal{background:var(--ds-card-bg);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.company-site-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.company-site-header .header-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.company-site-header .header-text{flex:1}.company-site-header h2{margin:0;font-size:1.25rem;font-weight:600}.company-site-header p{margin:.25rem 0 0;font-size:.875rem;opacity:.9}.company-site-header .close-btn{background:#ffffff1a;border:none;border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:background .2s}.company-site-header .close-btn:hover{background:#fff3}.company-site-modal .error-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fef2f2;color:#dc2626;border-bottom:1px solid #fecaca}.company-site-form{flex:1;overflow-y:auto;padding:1.5rem}.site-type-toggle{display:flex;gap:.75rem;margin-bottom:1.5rem}.site-type-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid var(--ds-border-default);border-radius:12px;background:var(--ds-bg-surface);color:var(--text-secondary, #6b7280);cursor:pointer;font-weight:500;transition:all .2s}.site-type-toggle .toggle-btn:hover{border-color:#93c5fd;background:#eff6ff}.site-type-toggle .toggle-btn.active.primary{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.site-type-toggle .toggle-btn.active.secondary{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.company-site-form .form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ds-border-default)}.company-site-form .form-section:last-child{border-bottom:none}.company-site-form .form-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-color, var(--ds-bg-surface))}.company-site-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.company-site-form .form-group{display:flex;flex-direction:column;gap:.375rem}.company-site-form .form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280)}.company-site-form .form-group input,.company-site-form .form-group select{padding:.75rem 1rem;border:1px solid var(--ds-border-default);border-radius:8px;font-size:.9375rem;background:var(--ds-input-bg);color:var(--text-color, var(--ds-bg-surface));transition:border-color .2s,box-shadow .2s}.company-site-form .form-group input:focus,.company-site-form .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.coordinates-section{margin-top:1rem;padding:1rem;border-radius:12px}.coordinates-display{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:6px;font-size:.8125rem;font-weight:500;color:#166534}.coordinates-display svg{color:#22c55e}.coordinates-hint{margin-top:.75rem;padding:.5rem .75rem;background:#f59e0b1a;border:1px dashed rgba(245,158,11,.4);border-radius:6px;font-size:.8125rem;color:#92400e;text-align:center}[data-theme=dark] .coordinates-display{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#86efac}[data-theme=dark] .coordinates-hint{background:#f59e0b26;color:#fbbf24}.active-toggle{display:flex;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem 1rem;background:var(--ds-bg-surface);border-radius:8px}.toggle-switch{position:relative;width:48px;height:24px;cursor:pointer}.toggle-switch .slider{position:absolute;inset:0;background:var(--ds-border-default);border-radius:24px;transition:background .2s}.toggle-switch .slider:before{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.slider{background:#22c55e}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.company-site-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default)}.company-site-modal .btn-cancel{padding:.75rem 1.5rem;border:1px solid var(--ds-border-default);border-radius:8px;background:#fff;color:var(--text-secondary, #6b7280);cursor:pointer;font-weight:500;transition:all .2s}.company-site-modal .btn-cancel:hover{background:var(--ds-bg-hover)}.company-site-modal .btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;cursor:pointer;font-weight:500;transition:all .2s}.company-site-modal .btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.company-site-modal .btn-save:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .company-site-modal{background:var(--ds-bg-surface)}[data-theme=dark] .company-site-modal .error-banner{background:#450a0a;border-color:#991b1b;color:#fca5a5}[data-theme=dark] .site-type-toggle .toggle-btn{background:var(--ds-bg-base);border-color:var(--ds-border-default);color:var(--ds-text-secondary)}[data-theme=dark] .site-type-toggle .toggle-btn:hover{border-color:#60a5fa;background:#1e3a5f}[data-theme=dark] .site-type-toggle .toggle-btn.active.primary{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b;color:#fde68a}[data-theme=dark] .site-type-toggle .toggle-btn.active.secondary{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#bfdbfe}[data-theme=dark] .company-site-form .form-section{border-color:var(--ds-border-default)}[data-theme=dark] .company-site-form .form-section h3{color:var(--ds-bg-elevated)}[data-theme=dark] .company-site-form .form-group label{color:var(--ds-text-secondary)}[data-theme=dark] .company-site-form .form-group input,[data-theme=dark] .company-site-form .form-group select{background:var(--ds-bg-base);border-color:var(--ds-border-default);color:var(--ds-bg-elevated)}[data-theme=dark] .coordinates-section,[data-theme=dark] .active-toggle{background:var(--ds-bg-base)}[data-theme=dark] .company-site-modal .modal-footer{background:var(--ds-bg-base);border-color:var(--ds-border-default)}[data-theme=dark] .company-site-modal .btn-cancel{background:var(--ds-bg-surface);border-color:var(--ds-border-default);color:var(--ds-text-secondary)}[data-theme=dark] .company-site-modal .btn-cancel:hover{background:var(--ds-border-default)}@media(max-width:640px){.company-site-form .form-row{grid-template-columns:1fr}.site-type-toggle{flex-direction:column}}.shift-preview{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:.9375rem;font-weight:500;color:#166534}.shift-preview svg{color:#22c55e}.shift-preview .shift-hours{color:#6b7280;font-weight:400;margin-left:auto}[data-theme=dark] .shift-preview{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#86efac}[data-theme=dark] .shift-preview .shift-hours{color:var(--ds-text-secondary)}.employee-search-box{position:relative;margin-bottom:.75rem}.employee-search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.employee-search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--ds-border-default);border-radius:8px;font-size:.9375rem;background:var(--ds-input-bg);color:var(--text-color, var(--ds-bg-surface))}.employee-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.employee-dropdown{position:absolute;left:0;right:0;margin-top:-.5rem;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;z-index:10;max-height:250px;overflow-y:auto}.employee-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.employee-option:hover{background:var(--ds-bg-hover)}.employee-option .emp-info{display:flex;flex-direction:column;gap:.125rem}.employee-option .emp-name{font-weight:500;color:var(--text-color, var(--ds-bg-surface))}.employee-option .emp-id{font-size:.75rem;color:var(--text-secondary, #6b7280)}.employee-option .add-icon{color:#22c55e}.assigned-employees-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;margin-bottom:.75rem}.no-employees{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--text-secondary, #9ca3af);text-align:center}.no-employees svg{opacity:.4;margin-bottom:.5rem}.no-employees p{margin:0;font-size:.875rem}.assigned-employee-card{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:8px;transition:border-color .2s}.assigned-employee-card:hover{border-color:#3b82f6}.assigned-employee-card .emp-details{display:flex;flex-direction:column;gap:.125rem}.assigned-employee-card .emp-name{font-weight:500;color:var(--text-color, var(--ds-bg-surface));font-size:.9375rem}.assigned-employee-card .emp-id{font-size:.75rem;color:var(--text-secondary, #6b7280)}.assigned-employee-card .remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .2s}.assigned-employee-card .remove-btn:hover{background:#ef4444;color:#fff}.employee-count{font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6b7280);text-align:center;padding:.5rem;background:var(--ds-bg-surface);border-radius:6px}[data-theme=dark] .employee-search-box input{background:var(--ds-bg-base);border-color:var(--ds-border-default);color:var(--ds-bg-elevated)}[data-theme=dark] .employee-dropdown{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .employee-option:hover{background:var(--ds-border-default)}[data-theme=dark] .employee-option .emp-name{color:var(--ds-bg-elevated)}[data-theme=dark] .assigned-employee-card{background:var(--ds-bg-base);border-color:var(--ds-border-default)}[data-theme=dark] .assigned-employee-card .emp-name{color:var(--ds-bg-elevated)}[data-theme=dark] .no-employees{color:var(--ds-text-muted)}[data-theme=dark] .employee-count{background:var(--ds-bg-base);color:var(--ds-text-secondary)}.employee-assignment-layout{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.employee-panel{display:flex;flex-direction:column;border:1px solid var(--ds-border-default);border-radius:10px;overflow:hidden;background:var(--ds-bg-surface)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;border-bottom:1px solid var(--ds-border-default)}.available-panel .panel-header{background:linear-gradient(135deg,#22c55e26,#22c55e0d);color:#166534}.assigned-panel .panel-header{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:#1d4ed8}.panel-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:.6875rem;font-weight:700;background:#0000001a;border-radius:11px}.employee-scroll-list{max-height:180px;min-height:100px;overflow-y:auto}.employee-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--ds-border-default)}.employee-row:last-child{border-bottom:none}.employee-row .emp-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.employee-row .emp-name{font-size:.8125rem;font-weight:500;color:var(--text-color, var(--ds-bg-surface));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-row .emp-id{font-size:.6875rem;color:var(--text-secondary, #9ca3af)}.employee-row .action-icon{flex-shrink:0;opacity:.5;transition:opacity .15s}.employee-row:hover .action-icon{opacity:1}.employee-row.available:hover{background:#22c55e1a}.employee-row.available .action-icon.add{color:#22c55e}.employee-row.assigned:hover{background:#ef44441a}.employee-row.assigned .action-icon.remove{color:#ef4444}.no-employees.small{padding:1.5rem .75rem}.no-employees.small p{font-size:.75rem}[data-theme=dark] .employee-panel{background:var(--ds-bg-base);border-color:var(--ds-border-default)}[data-theme=dark] .panel-header{border-color:var(--ds-border-default)}[data-theme=dark] .available-panel .panel-header{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#86efac}[data-theme=dark] .assigned-panel .panel-header{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#93c5fd}[data-theme=dark] .employee-row{border-color:var(--ds-border-default)}[data-theme=dark] .employee-row .emp-name{color:var(--ds-bg-elevated)}[data-theme=dark] .employee-row.available:hover{background:#22c55e26}[data-theme=dark] .employee-row.assigned:hover{background:#ef444426}@media(max-width:640px){.employee-assignment-layout{grid-template-columns:1fr}}.panel-actions{display:flex;align-items:center;gap:.5rem}.select-all-btn,.deselect-all-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.select-all-btn{background:#22c55e33;color:#166534}.select-all-btn:hover:not(:disabled){background:#22c55e4d}.deselect-all-btn{background:#ef444433;color:#991b1b}.deselect-all-btn:hover:not(:disabled){background:#ef44444d}.select-all-btn:disabled,.deselect-all-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .select-all-btn{background:#22c55e40;color:#86efac}[data-theme=dark] .select-all-btn:hover:not(:disabled){background:#22c55e59}[data-theme=dark] .deselect-all-btn{background:#ef444440;color:#fca5a5}[data-theme=dark] .deselect-all-btn:hover:not(:disabled){background:#ef444459}.working-days-selector{margin-top:1rem;padding:1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:10px}.working-days-selector>label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-bottom:.75rem}.days-grid{display:flex;gap:.375rem;flex-wrap:wrap}.day-btn{display:flex;align-items:center;justify-content:center;min-width:48px;height:40px;padding:.5rem .75rem;border:2px solid var(--ds-border-default);border-radius:8px;background:var(--ds-card-bg);color:var(--text-secondary, #9ca3af);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.day-btn:hover{border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.day-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff;box-shadow:0 2px 6px #22c55e4d}.day-btn.active:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.days-hint{margin-top:.75rem;font-size:.75rem;color:var(--text-muted, #9ca3af);text-align:center}[data-theme=dark] .working-days-selector{background:var(--ds-bg-base);border-color:var(--ds-border-default)}[data-theme=dark] .working-days-selector>label{color:var(--ds-text-secondary)}[data-theme=dark] .day-btn{background:var(--ds-bg-surface);border-color:var(--ds-border-default);color:var(--ds-text-muted)}[data-theme=dark] .day-btn:hover{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .day-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff}.sites__page{max-width:1600px;margin:0 auto}.sites__header-actions{display:flex;gap:var(--ds-space-3)}.sites__loading{display:flex;justify-content:center;align-items:center;min-height:300px}.sites__filters-bar{margin-bottom:var(--ds-space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);flex-wrap:wrap}.sites__filter-tabs{display:flex;gap:var(--ds-space-2);background:var(--ds-bg-surface);padding:var(--ds-space-1);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.sites__filter-tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:none;background:transparent;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.sites__filter-tab:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.sites__filter-tab--active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.sites__filter-tab--active:hover{background:var(--ds-primary-hover)}.sites__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--ds-space-1);font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);background:#fff3;border-radius:var(--ds-radius-full)}.sites__filter-tab:not(.sites__filter-tab--active) .sites__tab-badge{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.sites__tab-badge--warning{background:var(--ds-danger-bg);color:var(--ds-danger)}.sites__filter-tab--active .sites__tab-badge--warning{background:#ffffff40;color:var(--ds-text-on-primary)}.sites__card--removed{opacity:.85;border-color:var(--ds-danger-bg)}.sites__card--removed .sites__card-header{background:var(--ds-danger-bg)}.sites__card--removed:hover{border-color:var(--ds-danger-bg)}.sites__search-box{position:relative;max-width:400px}.sites__search-box .sites__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ds-text-secondary)}.sites__search-box .sites__form-input{padding-inline-start:40px}.sites__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ds-space-5)}.sites__no-data-message{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-10);color:var(--ds-text-secondary);text-align:center}.sites__no-data-message svg{opacity:.3;margin-bottom:var(--ds-space-4)}.sites__card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);overflow:hidden;transition:var(--ds-transition-fast)}.sites__card:hover{box-shadow:var(--ds-shadow-lg);border-color:var(--ds-primary);transform:translateY(-2px)}.sites__card--inactive{opacity:.7}.sites__card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-4);background:var(--ds-bg-surface)}.sites__site-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary);color:var(--ds-text-on-primary);border-radius:var(--ds-radius-lg)}.sites__card-body{padding:var(--ds-space-5)}.sites__site-name{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0 0 var(--ds-space-1) 0}.sites__site-name-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl;margin:0 0 var(--ds-space-3) 0}.sites__site-code{display:inline-block;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);background:var(--ds-bg-surface);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);margin-bottom:var(--ds-space-3)}.sites__site-meta{display:flex;flex-direction:column;gap:var(--ds-space-2)}.sites__site-meta-item{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm)}.sites__meta-label{color:var(--ds-text-secondary)}.sites__meta-value{color:var(--ds-text-primary)}.sites__card-footer{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.sites__view-content{padding:var(--ds-space-5)}.sites__site-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3);margin-bottom:var(--ds-space-6)}.sites__detail-row{display:flex;gap:var(--ds-space-2)}.sites__detail-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);min-width:80px}.sites__detail-value{font-size:var(--ds-text-sm);color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.sites__staff-section h3{font-size:var(--ds-text-lg);margin-bottom:var(--ds-space-4);padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-default)}.sites__no-staff{text-align:center;color:var(--ds-text-secondary);padding:var(--ds-space-6)}.sites__staff-groups{display:flex;flex-direction:column;gap:var(--ds-space-4)}.sites__staff-group h4{font-size:var(--ds-text-sm);color:var(--ds-primary);margin-bottom:var(--ds-space-2)}.sites__staff-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-space-2)}.sites__staff-item{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);padding:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm)}.sites__staff-name{font-weight:var(--ds-font-medium)}.sites__staff-id{color:var(--ds-text-secondary)}.sites__staff-type{font-size:var(--ds-text-xs);background:var(--ds-primary-hover);color:var(--ds-primary);padding:0 var(--ds-space-2);border-radius:var(--ds-radius-sm)}.sites__assignment-content{padding:var(--ds-space-5)}.sites__assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-4)}.sites__add-assignment-form{background:var(--ds-bg-surface);padding:var(--ds-space-4);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4)}.sites__form-row{display:flex;gap:var(--ds-space-2);align-items:center}.sites__form-row .sites__form-select{flex:1}.sites__no-assignments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-8);color:var(--ds-text-secondary)}.sites__no-assignments svg{opacity:.3;margin-bottom:var(--ds-space-3)}.sites__assignments-table{overflow-x:auto}.sites__employee-cell{display:flex;flex-direction:column}.sites__employee-cell .sites__name{font-weight:var(--ds-font-medium)}.sites__employee-cell .sites__id{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.sites__subtitle{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.sites__subtitle-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl;display:block}.sites__modal-xl{max-width:900px;width:95%}.sites__view-modal-tabs{display:flex;gap:var(--ds-space-2);padding:0 var(--ds-space-5);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.sites__view-modal-tab{padding:var(--ds-space-3) var(--ds-space-6);border:none;background:transparent;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--ds-transition-fast)}.sites__view-modal-tab:hover{color:var(--ds-primary)}.sites__view-modal-tab--active{color:var(--ds-primary);border-bottom-color:var(--ds-primary)}.sites__loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.sites__overview{display:flex;flex-direction:column;gap:var(--ds-space-5)}.sites__detail-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4)}.sites__detail-section h4{font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);color:var(--ds-primary);margin:0 0 var(--ds-space-3) 0;padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-default)}.sites__detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3)}.sites__detail-item{display:flex;flex-direction:column;gap:var(--ds-space-1)}.sites__detail-item--full-width{grid-column:1 / -1}.sites__detail-item .sites__detail-label{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sites__detail-item .sites__detail-value{font-size:var(--ds-text-sm);color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.sites__badge--low{background:var(--ds-success-bg);color:var(--ds-success)}.sites__badge--medium{background:var(--ds-warning-bg);color:var(--ds-warning)}.sites__badge--high{background:var(--ds-danger-bg);color:var(--ds-danger)}.sites__shifts-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.sites__shift-item{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.sites__shift-name{font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.sites__shift-time{color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.sites__shift-count{margin-inline-start:auto;font-size:var(--ds-text-sm);color:var(--ds-primary);font-weight:var(--ds-font-medium)}.sites__shift-item-detailed{padding:var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.sites__shift-item-detailed .sites__shift-header{display:flex;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-2)}.sites__shift-groups{display:flex;flex-direction:column;gap:var(--ds-space-2);padding-top:var(--ds-space-2);border-top:1px dashed var(--ds-border-default)}.sites__shift-group{display:flex;flex-direction:column;gap:var(--ds-space-1)}.sites__shift-group .sites__group-label{font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase}.sites__group-employees{display:flex;flex-wrap:wrap;gap:var(--ds-space-1)}.sites__employee-badge{display:inline-block;font-size:var(--ds-text-xs);background:var(--ds-primary-hover-bg);color:var(--ds-primary);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full)}.sites__shifts-section{background:linear-gradient(135deg,var(--ds-bg-surface),var(--ds-primary-hover-bg))}.sites__shifts-container{display:flex;flex-direction:column;gap:var(--ds-space-4)}.sites__shift-card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden;box-shadow:var(--ds-shadow-sm)}.sites__shift-info-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-4);background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg));border-bottom:1px solid var(--ds-border-default)}.sites__shift-primary{display:flex;align-items:center;gap:var(--ds-space-3)}.sites__shift-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);border-radius:var(--ds-radius-lg);box-shadow:0 4px 12px var(--ds-primary-hover-bg)}.sites__shift-details{display:flex;flex-direction:column;gap:.125rem}.sites__shift-title{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0}.sites__shift-title-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl}.sites__shift-meta{display:flex;align-items:center;gap:var(--ds-space-4)}.sites__shift-meta .sites__meta-item{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.sites__shift-meta .sites__meta-icon{font-size:14px}.sites__shift-meta .sites__meta-value{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.sites__rotation-groups{padding:var(--ds-space-4)}.sites__rotation-header{margin-bottom:var(--ds-space-3)}.sites__rotation-title{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sites__groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ds-space-3)}.sites__group-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden;transition:all var(--ds-transition-fast)}.sites__group-card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.sites__group-card--1{border-left:4px solid var(--ds-success)}.sites__group-card--2{border-left:4px solid var(--ds-info)}.sites__group-card--3{border-left:4px solid var(--ds-warning)}.sites__group-card--4{border-left:4px solid var(--ds-danger)}.sites__group-card .sites__group-header{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.sites__group-card .sites__group-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);border-radius:50%;color:var(--ds-text-on-primary)}.sites__group-card--1 .sites__group-number{background:var(--ds-success)}.sites__group-card--2 .sites__group-number{background:var(--ds-info)}.sites__group-card--3 .sites__group-number{background:var(--ds-warning)}.sites__group-card--4 .sites__group-number{background:var(--ds-danger)}.sites__group-card .sites__group-name{flex:1;font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.sites__group-card .sites__group-count{font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);background:var(--ds-bg-base);color:var(--ds-text-secondary);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full)}.sites__group-staff-list{padding:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-2);max-height:200px;overflow-y:auto}.sites__staff-chip{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);transition:all .15s ease}.sites__staff-chip:hover{border-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.sites__chip-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);border-radius:50%;flex-shrink:0}.sites__chip-name{font-size:var(--ds-text-sm);color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.sites__empty-group{display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4);color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-style:italic}.sites__rotation-timeline-section{padding:var(--ds-space-4);background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.sites__timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-3)}.sites__timeline-title{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sites__current-status{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-primary);background:var(--ds-primary-hover-bg);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full)}.sites__rotation-timeline{display:flex;gap:var(--ds-space-2)}.sites__timeline-segment{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-1)}.sites__timeline-segment .sites__segment-info{display:flex;justify-content:space-between;align-items:center}.sites__timeline-segment .sites__segment-label{font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-text-on-primary)}.sites__timeline-segment .sites__segment-label--1{background:var(--ds-success)}.sites__timeline-segment .sites__segment-label--2{background:var(--ds-info)}.sites__timeline-segment .sites__segment-label--3{background:var(--ds-warning)}.sites__timeline-segment .sites__segment-label--4{background:var(--ds-danger)}.sites__timeline-segment .sites__segment-days{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.sites__segment-progress{height:8px;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);overflow:hidden;position:relative}.sites__segment-progress .sites__progress-fill{height:100%;background:linear-gradient(90deg,var(--ds-primary),var(--ds-primary-hover));border-radius:var(--ds-radius-full);transition:width .3s ease}.sites__timeline-segment--completed .sites__segment-progress .sites__progress-fill{background:linear-gradient(90deg,var(--ds-success),#16a34a)}.sites__timeline-segment--active .sites__segment-progress .sites__progress-fill{background:linear-gradient(90deg,var(--ds-primary),var(--ds-info));animation:sites-shimmer 1.5s infinite}@keyframes sites-shimmer{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.sites__active-indicator{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);color:var(--ds-primary);font-weight:var(--ds-font-medium);margin-top:var(--ds-space-1)}.sites__active-indicator .sites__pulse{width:8px;height:8px;background:var(--ds-success);border-radius:50%;animation:sites-pulse 1.5s infinite}@keyframes sites-pulse{0%{box-shadow:0 0 0 0 var(--ds-success-bg)}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.sites__group-card--active{border-color:var(--ds-primary);box-shadow:0 0 0 2px var(--ds-primary-hover-bg),var(--ds-shadow-md)}.sites__group-card--active .sites__group-header{background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg))}.sites__active-badge{font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);background:linear-gradient(135deg,var(--ds-success),#16a34a);color:var(--ds-text-on-primary);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full);animation:sites-pulse-badge 2s infinite}@keyframes sites-pulse-badge{0%,to{opacity:1}50%{opacity:.8}}.sites__countdown-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg));padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-3);border:1px solid var(--ds-primary-hover-bg)}.sites__countdown-info{display:flex;align-items:center;gap:var(--ds-space-2)}.sites__countdown-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.sites__countdown-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-primary);line-height:1}.sites__countdown-label{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--ds-space-1)}.sites__countdown-divider{font-size:var(--ds-text-xl);font-weight:var(--ds-font-bold);color:var(--ds-text-muted);opacity:.5}.sites__next-group-info{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);border:1px dashed rgba(255,255,255,.1)}.sites__next-group-info .sites__next-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.sites__next-group-info .sites__next-group{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-text-on-primary)}.sites__next-group-info .sites__next-group--1{background:var(--ds-success)}.sites__next-group-info .sites__next-group--2{background:var(--ds-info)}.sites__next-group-info .sites__next-group--3{background:var(--ds-warning)}.sites__next-group-info .sites__next-group--4{background:var(--ds-danger)}.sites__next-group-info .sites__switch-date{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);padding:.125rem .375rem;background:#ffffff0d;border-radius:var(--ds-radius-sm)}.sites__unassigned-staff-warning{margin:var(--ds-space-4);padding:var(--ds-space-4);background:var(--ds-warning-bg);border:1px solid var(--ds-warning-bg);border-radius:var(--ds-radius-lg);border-left:4px solid var(--ds-warning)}.sites__unassigned-staff-warning .sites__warning-header{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.sites__unassigned-staff-warning .sites__warning-icon{font-size:18px}.sites__unassigned-staff-warning .sites__warning-title{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-warning)}.sites__unassigned-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.sites__unassigned-chip{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2);background:var(--ds-bg-base);border:1px dashed var(--ds-warning-bg);border-radius:var(--ds-radius-md)}.sites__unassigned-chip .sites__chip-avatar--unassigned{background:linear-gradient(135deg,var(--ds-warning),#d97706)}.sites__unassigned-chip .sites__chip-id{font-size:var(--ds-text-xs);color:var(--ds-text-muted);padding:.125rem .375rem;background:var(--ds-bg-surface);border-radius:var(--ds-radius-sm)}.sites__warning-hint{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:0;padding-top:var(--ds-space-2);border-top:1px dashed var(--ds-warning-bg)}.sites__staff-structure-view h4{margin-bottom:var(--ds-space-4);color:var(--ds-text-primary)}.sites__staff-group-section{margin-bottom:var(--ds-space-4)}.sites__level-title{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-primary);margin-bottom:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-primary-hover-bg);border-radius:var(--ds-radius-md)}.sites__staff-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-space-3)}.sites__staff-view-card{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.sites__staff-view-card:hover{border-color:var(--ds-primary);background:var(--ds-bg-hover)}.sites__staff-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);font-weight:var(--ds-font-bold);font-size:var(--ds-text-sm);border-radius:50%;flex-shrink:0}.sites__staff-view-card .sites__staff-info{display:flex;flex-direction:column;gap:.125rem}.sites__staff-view-card .sites__staff-name{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.sites__staff-view-card .sites__staff-id{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.sites__staff-view-card .sites__staff-phone{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.sites__staff-view-card .sites__staff-shift{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);color:var(--ds-primary);background:var(--ds-primary-hover-bg);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full);margin-top:var(--ds-space-1)}.sites__no-data{text-align:center;color:var(--ds-text-secondary);padding:var(--ds-space-6);font-style:italic}.sites__activity-log-view h4{margin-bottom:var(--ds-space-4);color:var(--ds-text-primary)}.sites__activity-timeline{position:relative;padding-inline-start:24px}.sites__activity-timeline:before{content:"";position:absolute;inset-inline-start:6px;top:0;bottom:0;width:2px;background:var(--ds-border-default)}.sites__activity-item{position:relative;padding:var(--ds-space-3);margin-bottom:var(--ds-space-3);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.sites__activity-marker{position:absolute;left:-21px;top:18px;width:12px;height:12px;background:var(--ds-primary);border:2px solid var(--ds-bg-base);border-radius:50%}.sites__activity-header{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.sites__activity-type{font-size:var(--ds-text-xs);text-transform:uppercase}.sites__badge--create{background:var(--ds-success-bg);color:var(--ds-success)}.sites__badge--update{background:var(--ds-info-bg);color:var(--ds-info)}.sites__badge--delete{background:var(--ds-danger-bg);color:var(--ds-danger)}@media(max-width:768px){.sites__grid,.sites__site-details{grid-template-columns:1fr}.sites__form-row{flex-direction:column}.sites__shift-info-banner{flex-direction:column;gap:var(--ds-space-3);align-items:flex-start}.sites__shift-meta{width:100%;overflow-x:auto;padding-bottom:var(--ds-space-2)}.sites__groups-grid{grid-template-columns:1fr}}.sites-page{max-width:1600px;margin:0 auto}.header-actions{display:flex;gap:var(--ds-space-3)}.sites-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.filters-bar{margin-bottom:var(--ds-space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);flex-wrap:wrap}.filter-tabs{display:flex;gap:var(--ds-space-2);background:var(--ds-bg-surface);padding:var(--ds-space-1);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.filter-tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:none;background:transparent;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.filter-tab:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.filter-tab.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.filter-tab.active:hover{background:var(--ds-primary-hover)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--ds-space-1);font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);background:#fff3;border-radius:var(--ds-radius-full)}.filter-tab:not(.active) .tab-badge{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.tab-badge.warning{background:var(--ds-danger-bg);color:var(--ds-danger)}.filter-tab.active .tab-badge.warning{background:#ffffff40;color:var(--ds-text-on-primary)}.site-card.removed{opacity:.85;border-color:var(--ds-danger-bg)}.site-card.removed .site-card-header{background:var(--ds-danger-bg)}.site-card.removed:hover{border-color:var(--ds-danger-bg)}.search-box{position:relative;max-width:400px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ds-text-secondary)}.search-box .form-input{padding-left:40px}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ds-space-5)}.no-data-message{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-10);color:var(--ds-text-secondary);text-align:center}.no-data-message svg{opacity:.3;margin-bottom:var(--ds-space-4)}.site-card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);overflow:hidden;transition:var(--ds-transition-fast)}.site-card:hover{box-shadow:var(--ds-shadow-lg);border-color:var(--ds-primary);transform:translateY(-2px)}.site-card.inactive{opacity:.7}.site-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-4);background:var(--ds-bg-surface)}.site-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary);color:var(--ds-text-on-primary);border-radius:var(--ds-radius-lg)}.site-card-body{padding:var(--ds-space-5)}.site-name{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0 0 var(--ds-space-1) 0}.site-name-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl;margin:0 0 var(--ds-space-3) 0}.site-code{display:inline-block;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);background:var(--ds-bg-surface);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);margin-bottom:var(--ds-space-3)}.site-meta{display:flex;flex-direction:column;gap:var(--ds-space-2)}.site-meta-item{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm)}.meta-label{color:var(--ds-text-secondary)}.meta-value{color:var(--ds-text-primary)}.site-card-footer{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.site-view-content{padding:var(--ds-space-5)}.site-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3);margin-bottom:var(--ds-space-6)}.detail-row{display:flex;gap:var(--ds-space-2)}.detail-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);min-width:80px}.detail-value{font-size:var(--ds-text-sm);color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.site-staff-section h3{font-size:var(--ds-text-lg);margin-bottom:var(--ds-space-4);padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-default)}.no-staff{text-align:center;color:var(--ds-text-secondary);padding:var(--ds-space-6)}.staff-groups{display:flex;flex-direction:column;gap:var(--ds-space-4)}.staff-group h4{font-size:var(--ds-text-sm);color:var(--ds-primary);margin-bottom:var(--ds-space-2)}.staff-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-space-2)}.staff-item{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);padding:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm)}.staff-name{font-weight:var(--ds-font-medium)}.staff-id{color:var(--ds-text-secondary)}.staff-type{font-size:var(--ds-text-xs);background:var(--ds-primary-hover);color:var(--ds-primary);padding:0 var(--ds-space-2);border-radius:var(--ds-radius-sm)}.assignment-content{padding:var(--ds-space-5)}.assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-4)}.add-assignment-form{background:var(--ds-bg-surface);padding:var(--ds-space-4);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4)}.form-row{display:flex;gap:var(--ds-space-2);align-items:center}.form-row .form-select{flex:1}.no-assignments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-8);color:var(--ds-text-secondary)}.no-assignments svg{opacity:.3;margin-bottom:var(--ds-space-3)}.assignments-table{overflow-x:auto}.employee-cell{display:flex;flex-direction:column}.employee-cell .name{font-weight:var(--ds-font-medium)}.employee-cell .id{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.subtitle{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.subtitle-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl;display:block}.modal-xl{max-width:900px;width:95%}.view-modal-tabs{display:flex;gap:var(--ds-space-2);padding:0 var(--ds-space-5);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.view-modal-tab{padding:var(--ds-space-3) var(--ds-space-6);border:none;background:transparent;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--ds-transition-fast)}.view-modal-tab:hover{color:var(--ds-primary)}.view-modal-tab.active{color:var(--ds-primary);border-bottom-color:var(--ds-primary)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.site-overview{display:flex;flex-direction:column;gap:var(--ds-space-5)}.detail-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4)}.detail-section h4{font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);color:var(--ds-primary);margin:0 0 var(--ds-space-3) 0;padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-default)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3)}.detail-item{display:flex;flex-direction:column;gap:var(--ds-space-1)}.detail-item .detail-label{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item .detail-value{font-size:var(--ds-text-sm);color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.badge-low{background:var(--ds-success-bg);color:var(--ds-success)}.badge-medium{background:var(--ds-warning-bg);color:var(--ds-warning)}.badge-high{background:var(--ds-danger-bg);color:var(--ds-danger)}.shifts-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.shift-item{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.shift-name{font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.shift-time{color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.shift-count{margin-left:auto;font-size:var(--ds-text-sm);color:var(--ds-primary);font-weight:var(--ds-font-medium)}.shift-item-detailed{padding:var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.shift-item-detailed .shift-header{display:flex;align-items:center;gap:var(--ds-space-4);margin-bottom:var(--ds-space-2)}.shift-groups{display:flex;flex-direction:column;gap:var(--ds-space-2);padding-top:var(--ds-space-2);border-top:1px dashed var(--ds-border-default)}.shift-group{display:flex;flex-direction:column;gap:var(--ds-space-1)}.shift-group .group-label{font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase}.group-employees{display:flex;flex-wrap:wrap;gap:var(--ds-space-1)}.employee-badge{display:inline-block;font-size:var(--ds-text-xs);background:var(--ds-primary-hover-bg);color:var(--ds-primary);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full)}.shifts-section{background:linear-gradient(135deg,var(--ds-bg-surface),var(--ds-primary-hover-bg))}.shifts-container{display:flex;flex-direction:column;gap:var(--ds-space-4)}.shift-card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden;box-shadow:var(--ds-shadow-sm)}.shift-info-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-4);background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg));border-bottom:1px solid var(--ds-border-default)}.shift-primary{display:flex;align-items:center;gap:var(--ds-space-3)}.shift-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);border-radius:var(--ds-radius-lg);box-shadow:0 4px 12px var(--ds-primary-hover-bg)}.shift-details{display:flex;flex-direction:column;gap:.125rem}.shift-title{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0}.shift-title-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl}.shift-meta{display:flex;align-items:center;gap:var(--ds-space-4)}.shift-meta .meta-item{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.shift-meta .meta-icon{font-size:14px}.shift-meta .meta-value{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.rotation-groups{padding:var(--ds-space-4)}.rotation-header{margin-bottom:var(--ds-space-3)}.rotation-title{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ds-space-3)}.group-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden;transition:all var(--ds-transition-fast)}.group-card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.group-card.group-1{border-left:4px solid var(--ds-success)}.group-card.group-2{border-left:4px solid var(--ds-info)}.group-card.group-3{border-left:4px solid var(--ds-warning)}.group-card.group-4{border-left:4px solid var(--ds-danger)}.group-card .group-header{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.group-card .group-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);border-radius:50%;color:var(--ds-text-on-primary)}.group-card.group-1 .group-number{background:var(--ds-success)}.group-card.group-2 .group-number{background:var(--ds-info)}.group-card.group-3 .group-number{background:var(--ds-warning)}.group-card.group-4 .group-number{background:var(--ds-danger)}.group-card .group-name{flex:1;font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.group-card .group-count{font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);background:var(--ds-bg-base);color:var(--ds-text-secondary);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full)}.group-staff-list{padding:var(--ds-space-3);display:flex;flex-direction:column;gap:var(--ds-space-2);max-height:200px;overflow-y:auto}.staff-chip{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);transition:all .15s ease}.staff-chip:hover{border-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.chip-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);border-radius:50%;flex-shrink:0}.chip-name{font-size:var(--ds-text-sm);color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.empty-group{display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4);color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-style:italic}.rotation-timeline-section{padding:var(--ds-space-4);background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-3)}.timeline-title{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.current-status{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-primary);background:var(--ds-primary-hover-bg);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full)}.rotation-timeline{display:flex;gap:var(--ds-space-2)}.timeline-segment{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-1)}.timeline-segment .segment-info{display:flex;justify-content:space-between;align-items:center}.timeline-segment .segment-label{font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-text-on-primary)}.timeline-segment .segment-label.group-1{background:var(--ds-success)}.timeline-segment .segment-label.group-2{background:var(--ds-info)}.timeline-segment .segment-label.group-3{background:var(--ds-warning)}.timeline-segment .segment-label.group-4{background:var(--ds-danger)}.timeline-segment .segment-days{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.segment-progress{height:8px;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);overflow:hidden;position:relative}.segment-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--ds-primary),var(--ds-primary-hover));border-radius:var(--ds-radius-full);transition:width .3s ease}.timeline-segment.completed .segment-progress .progress-fill{background:linear-gradient(90deg,var(--ds-success),#16a34a)}.timeline-segment.active .segment-progress .progress-fill{background:linear-gradient(90deg,var(--ds-primary),var(--ds-info));animation:sites-shimmer 1.5s infinite}.active-indicator{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);color:var(--ds-primary);font-weight:var(--ds-font-medium);margin-top:var(--ds-space-1)}.active-indicator .pulse{width:8px;height:8px;background:var(--ds-success);border-radius:50%;animation:sites-pulse 1.5s infinite}.group-card.is-active{border-color:var(--ds-primary);box-shadow:0 0 0 2px var(--ds-primary-hover-bg),var(--ds-shadow-md)}.group-card.is-active .group-header{background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg))}.active-badge{font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);background:linear-gradient(135deg,var(--ds-success),#16a34a);color:var(--ds-text-on-primary);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full);animation:sites-pulse-badge 2s infinite}.countdown-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg));padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-3);border:1px solid var(--ds-primary-hover-bg)}.countdown-info{display:flex;align-items:center;gap:var(--ds-space-2)}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.countdown-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-primary);line-height:1}.countdown-label{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--ds-space-1)}.countdown-divider{font-size:var(--ds-text-xl);font-weight:var(--ds-font-bold);color:var(--ds-text-muted);opacity:.5}.next-group-info{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);border:1px dashed rgba(255,255,255,.1)}.next-group-info .next-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.next-group-info .next-group{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-sm);color:var(--ds-text-on-primary)}.next-group-info .next-group.group-1{background:var(--ds-success)}.next-group-info .next-group.group-2{background:var(--ds-info)}.next-group-info .next-group.group-3{background:var(--ds-warning)}.next-group-info .next-group.group-4{background:var(--ds-danger)}.next-group-info .switch-date{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);padding:.125rem .375rem;background:#ffffff0d;border-radius:var(--ds-radius-sm)}.unassigned-staff-warning{margin:var(--ds-space-4);padding:var(--ds-space-4);background:var(--ds-warning-bg);border:1px solid var(--ds-warning-bg);border-radius:var(--ds-radius-lg);border-left:4px solid var(--ds-warning)}.unassigned-staff-warning .warning-header{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.unassigned-staff-warning .warning-icon{font-size:18px}.unassigned-staff-warning .warning-title{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-warning)}.unassigned-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.unassigned-chip{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2);background:var(--ds-bg-base);border:1px dashed var(--ds-warning-bg);border-radius:var(--ds-radius-md)}.unassigned-chip .chip-avatar.unassigned{background:linear-gradient(135deg,var(--ds-warning),#d97706)}.unassigned-chip .chip-id{font-size:var(--ds-text-xs);color:var(--ds-text-muted);padding:.125rem .375rem;background:var(--ds-bg-surface);border-radius:var(--ds-radius-sm)}.warning-hint{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin:0;padding-top:var(--ds-space-2);border-top:1px dashed var(--ds-warning-bg)}.staff-structure-view h4{margin-bottom:var(--ds-space-4);color:var(--ds-text-primary)}.staff-group-section{margin-bottom:var(--ds-space-4)}.level-title{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-primary);margin-bottom:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-primary-hover-bg);border-radius:var(--ds-radius-md)}.staff-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-space-3)}.staff-view-card{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.staff-view-card:hover{border-color:var(--ds-primary);background:var(--ds-bg-hover)}.staff-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);font-weight:var(--ds-font-bold);font-size:var(--ds-text-sm);border-radius:50%;flex-shrink:0}.staff-view-card .staff-info{display:flex;flex-direction:column;gap:.125rem}.staff-view-card .staff-name{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.staff-view-card .staff-id{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.staff-view-card .staff-phone{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.staff-view-card .staff-shift{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);color:var(--ds-primary);background:var(--ds-primary-hover-bg);padding:.125rem var(--ds-space-2);border-radius:var(--ds-radius-full);margin-top:var(--ds-space-1)}.no-data{text-align:center;color:var(--ds-text-secondary);padding:var(--ds-space-6);font-style:italic}.activity-log-view h4{margin-bottom:var(--ds-space-4);color:var(--ds-text-primary)}.activity-timeline{position:relative;padding-left:24px}.activity-timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--ds-border-default)}.activity-item{position:relative;padding:var(--ds-space-3);margin-bottom:var(--ds-space-3);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.activity-marker{position:absolute;left:-21px;top:18px;width:12px;height:12px;background:var(--ds-primary);border:2px solid var(--ds-bg-base);border-radius:50%}.activity-header{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.activity-type{font-size:var(--ds-text-xs);text-transform:uppercase}.badge-create{background:var(--ds-success-bg);color:var(--ds-success)}.badge-update{background:var(--ds-info-bg);color:var(--ds-info)}.badge-delete{background:var(--ds-danger-bg);color:var(--ds-danger)}@media(max-width:768px){.sites-grid,.site-details{grid-template-columns:1fr}.form-row{flex-direction:column}.shift-info-banner{flex-direction:column;gap:var(--ds-space-3);align-items:flex-start}.shift-meta{width:100%;overflow-x:auto;padding-bottom:var(--ds-space-2)}.groups-grid{grid-template-columns:1fr}}.view-toggle{display:flex;gap:var(--ds-space-1);background:var(--ds-bg-surface);padding:var(--ds-space-1);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--ds-text-secondary);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.view-btn:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.view-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.sites-table-wrapper{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);overflow:hidden}.sites-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}.sites-table thead{background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.sites-table th{padding:var(--ds-space-3) var(--ds-space-4);text-align:left;font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sites-table tbody tr{border-bottom:1px solid var(--ds-border-default);transition:background var(--ds-transition-fast)}.sites-table tbody tr:last-child{border-bottom:none}.sites-table tbody tr:hover{background:var(--ds-bg-hover)}.sites-table tbody tr.inactive-row{opacity:.6;background:var(--ds-danger-bg)}.sites-table td{padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-text-primary);vertical-align:middle}.sites-table .code-cell .site-code-badge{display:inline-block;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);background:var(--ds-primary);color:var(--ds-text-on-primary);padding:2px 8px;border-radius:var(--ds-radius-sm);font-family:monospace}.sites-table .name-cell .site-name-wrapper{display:flex;align-items:center;gap:var(--ds-space-2)}.sites-table .name-cell .site-name-wrapper svg{color:var(--ds-primary);flex-shrink:0}.sites-table .name-ar-cell{font-family:var(--ds-font-arabic, inherit);color:var(--ds-text-secondary)}.sites-table .count-cell{display:flex;align-items:center;gap:var(--ds-space-1)}.sites-table .count-cell svg{color:var(--ds-text-muted)}.sites-table .actions-cell{display:flex;gap:var(--ds-space-1);justify-content:flex-end}.btn.btn-icon.btn-xs{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md)}@media(max-width:1024px){.sites-table-wrapper{overflow-x:auto}.sites-table{min-width:800px}}@media(max-width:768px){.view-toggle{display:none}.filters-bar{flex-direction:column;align-items:stretch}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}}.load-more-container{display:flex;justify-content:center;padding:var(--ds-space-6) 0;margin-top:var(--ds-space-4)}.btn-load-more{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-6);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);min-width:200px;justify-content:center}.btn-load-more .load-more-count{font-size:var(--ds-text-xs);opacity:.7;font-weight:var(--ds-font-medium)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--ds-space-)}.modal-content{background:var(--ds-bg-base);border-radius:var(--ds-radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--ds-shadow-xl)}.site-form-modal{max-width:1400px!important;width:95%!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-) var(--ds-space-);border-bottom:1px solid var(--ds-border-default)}.modal-header h2{font-size:var(--ds-text-);font-weight:var(--ds-font-);color:var(--ds-text-primary);margin:0}.btn-close{background:transparent;border:none;color:var(--ds-text-secondary);cursor:pointer;padding:var(--ds-space-);border-radius:var(--ds-radius-md);transition:var(--ds-transition-fast)}.btn-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.site-form{padding:var(--ds-space-)}.form-error{background:var(--ds-danger-bg);border:1px solid var(--ds-danger-bg);color:var(--ds-danger);padding:var(--ds-space-) var(--ds-space-);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-);font-size:var(--ds-text-)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-)}.form-group{display:flex;flex-direction:column;gap:var(--ds-space-)}.form-group label{font-size:var(--ds-text-);font-weight:var(--ds-font-);color:var(--ds-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--ds-space-) var(--ds-space-);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:var(--ds-text-);color:var(--ds-text-primary);transition:var(--ds-transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-hover-bg)}.form-textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:var(--ds-space-);cursor:pointer;font-size:var(--ds-text-);color:var(--ds-text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-);margin-top:var(--ds-space-);padding-top:var(--ds-space-);border-top:1px solid var(--ds-border-default)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.client-view-modal{max-width:950px;max-height:88vh;display:flex;flex-direction:column;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);box-shadow:0 20px 60px #0006}.client-view-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-) var(--ds-space-);background:linear-gradient(135deg,var(--ds-secondary-hover) 0%,var(--ds-secondary) 100%);border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0}.client-view-modal .modal-header h2{display:flex;align-items:center;gap:var(--ds-space-);margin:0;color:#fff;font-size:1.1rem;font-weight:600}.client-view-modal .btn-close{background:#ffffff26;border:none;border-radius:var(--ds-radius-md);color:#fff;padding:var(--ds-space-);cursor:pointer;transition:all .2s ease}.client-view-modal .btn-close:hover{background:#ffffff40}.tabs-nav{display:flex;gap:var(--ds-space-);padding:var(--ds-space-) var(--ds-space-);background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default);flex-wrap:wrap;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:var(--ds-space-);padding:var(--ds-space-) var(--ds-space-);background:transparent;border:none;border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn.active{background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);color:#fff;box-shadow:0 4px 12px var(--ds-primary-hover-bg)}.tab-badge{background:#fff3;padding:2px 8px;border-radius:100px;font-size:.7rem;font-weight:600}.tab-btn:not(.active) .tab-badge{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.tab-content{flex:1;overflow-y:auto;padding:var(--ds-space-);background:var(--ds-bg-base)}.tab-content-scroll{max-height:480px;overflow-y:auto}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-);padding-bottom:var(--ds-space-);border-bottom:2px solid var(--ds-border-default)}.section-header h4{display:flex;align-items:center;gap:var(--ds-space-);margin:0;color:var(--ds-text-primary);font-size:1rem;font-weight:600}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-)}.detail-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-);transition:all .2s ease}.detail-section:hover{border-color:var(--ds-secondary);box-shadow:0 4px 16px var(--ds-primary-hover-bg)}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{display:flex;align-items:center;gap:var(--ds-space-);margin:0 0 var(--ds-space-) 0;font-size:.85rem;font-weight:600;color:var(--ds-secondary);padding-bottom:var(--ds-space-);border-bottom:1px solid var(--ds-border-default)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-) 0;border-bottom:1px solid var(--ds-border-subtle)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--ds-text-muted);font-size:.8rem}.detail-value{color:var(--ds-text-primary);font-weight:500;font-size:.85rem}.badge-type{background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);color:#fff;padding:var(--ds-space-) var(--ds-space-);border-radius:var(--ds-radius-md);font-size:.75rem}.notes-text{color:var(--ds-text-secondary);font-size:.85rem;line-height:1.6;margin:0}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--ds-radius-md);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.active{background:linear-gradient(135deg,var(--ds-success-bg) 0%,var(--ds-success-bg) 100%);color:var(--ds-success);border:1px solid var(--ds-success-bg)}.status-badge.inactive{background:linear-gradient(135deg,var(--ds-danger-bg) 0%,var(--ds-danger-bg) 100%);color:var(--ds-danger);border:1px solid var(--ds-danger-bg)}.status-badge.present{background:linear-gradient(135deg,var(--ds-success-bg) 0%,var(--ds-success-bg) 100%);color:var(--ds-success)}.status-badge.absent{background:linear-gradient(135deg,var(--ds-danger-bg) 0%,var(--ds-danger-bg) 100%);color:var(--ds-danger)}.status-badge.late{background:linear-gradient(135deg,var(--ds-warning-bg) 0%,var(--ds-warning-bg) 100%);color:var(--ds-warning)}.status-badge.leave{background:linear-gradient(135deg,var(--ds-info-bg) 0%,var(--ds-info-bg) 100%);color:var(--ds-info)}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--ds-space-)}.employee-card{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-) var(--ds-space-);transition:all .3s ease;text-align:center;position:relative}.employee-card:hover{transform:translateY(-4px);border-color:var(--ds-secondary);box-shadow:0 8px 24px var(--ds-primary-hover-bg)}.employee-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px var(--ds-primary-hover-bg);color:#fff}.employee-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.employee-info h5{margin:0;font-size:.9rem;font-weight:600;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-id{font-size:.7rem;color:var(--ds-secondary);font-weight:600;background:var(--ds-primary-hover-bg);padding:2px 8px;border-radius:100px;display:inline-block}.employee-job{font-size:.75rem;color:var(--ds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-site{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;color:var(--ds-text-muted);margin-top:var(--ds-space-)}.employee-card .btn-view{position:absolute;top:var(--ds-space-);right:var(--ds-space-);opacity:0;transition:opacity .2s ease}.employee-card:hover .btn-view{opacity:1}.sites-list,.missions-list{display:flex;flex-direction:column;gap:var(--ds-space-)}.site-card-expanded,.mission-card-expanded{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-);transition:all .2s ease}.site-card-expanded:hover,.mission-card-expanded:hover{border-color:var(--ds-secondary);box-shadow:0 4px 16px var(--ds-primary-hover-bg)}.site-header,.mission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-)}.site-title h5,.mission-title h5{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.site-code,.mission-code{font-size:.7rem;color:var(--ds-secondary);font-weight:600;background:var(--ds-primary-hover-bg);padding:2px 8px;border-radius:var(--ds-radius-sm);margin-top:4px;display:inline-block}.site-meta,.mission-meta{display:flex;flex-wrap:wrap;gap:var(--ds-space-);padding:var(--ds-space-);margin-bottom:var(--ds-space-);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.meta-item{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.meta-item svg{color:var(--ds-secondary)}.meta-item .label{color:var(--ds-text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.meta-item .value{color:var(--ds-text-primary);font-weight:500}.pattern-badge{background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);color:#fff;padding:4px 10px;border-radius:var(--ds-radius-md);font-size:.7rem;font-weight:600}.site-employees,.mission-staff{margin-top:var(--ds-space-);padding-top:var(--ds-space-);border-top:1px dashed var(--ds-border-default)}.site-employees h6,.mission-staff h6{margin:0 0 var(--ds-space-) 0;font-size:.75rem;color:var(--ds-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mini-employee-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-)}.mini-employee{display:flex;align-items:center;gap:var(--ds-space-);background:var(--ds-bg-elevated);padding:6px 10px 6px 6px;border-radius:100px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.mini-employee:hover{background:var(--ds-secondary);color:#fff;border-color:var(--ds-secondary);transform:translateY(-2px);box-shadow:0 4px 12px var(--ds-primary-hover-bg)}.mini-employee:hover .view-icon{opacity:1}.mini-employee:hover .staff-info .role{color:#ffffffb3}.mini-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;overflow:hidden}.mini-avatar img{width:100%;height:100%;object-fit:cover}.mini-employee>span{font-size:.8rem;font-weight:500}.mini-employee .staff-info{display:flex;flex-direction:column;gap:1px}.mini-employee .staff-info .name{font-size:.8rem;font-weight:500}.mini-employee .staff-info .role{font-size:.6rem;color:var(--ds-text-muted);text-transform:uppercase}.view-icon{opacity:.3;transition:opacity .2s ease}.more-employees{display:flex;align-items:center;padding:6px 12px;font-size:.75rem;color:var(--ds-secondary);font-weight:600;background:var(--ds-primary-hover-bg);border-radius:100px}.locations-list{display:flex;flex-direction:column;gap:var(--ds-space-)}.location-card{display:flex;align-items:center;gap:var(--ds-space-);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-);transition:all .2s ease}.location-card:hover{border-color:var(--ds-secondary);box-shadow:0 4px 16px var(--ds-primary-hover-bg)}.location-icon{width:52px;height:52px;border-radius:var(--ds-radius-lg);background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px var(--ds-primary-hover-bg)}.location-info{flex:1}.location-header{display:flex;align-items:center;gap:var(--ds-space-);margin-bottom:var(--ds-space-)}.location-header h5{margin:0;font-size:.95rem;font-weight:600;color:var(--ds-text-primary)}.type-badge{padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:600;text-transform:uppercase}.type-badge.site{background:var(--ds-primary-hover-bg);color:var(--ds-secondary)}.type-badge.mission{background:var(--ds-info-bg);color:var(--ds-info)}.location-address{margin:0;font-size:.8rem;color:var(--ds-text-secondary)}.location-coords{font-size:.7rem;color:var(--ds-text-muted);margin-top:var(--ds-space-)}.btn-outline{display:flex;align-items:center;gap:var(--ds-space-);border:1px solid var(--ds-border-default);background:transparent;color:var(--ds-text-primary);padding:var(--ds-space-) var(--ds-space-);border-radius:var(--ds-radius-md);text-decoration:none;font-size:.8rem;font-weight:500;transition:all .2s ease}.btn-outline:hover{background:var(--ds-secondary);color:#fff;border-color:var(--ds-secondary);box-shadow:0 4px 12px var(--ds-primary-hover-bg)}.attendance-dashboard{display:flex;flex-direction:column;gap:var(--ds-space-)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--ds-space-)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-);transition:all .3s ease;text-align:center}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.stat-card svg{width:40px;height:40px;padding:var(--ds-space-);border-radius:var(--ds-radius-lg)}.stat-card.total svg{background:linear-gradient(135deg,var(--ds-primary-hover-bg) 0%,var(--ds-primary-hover-bg) 100%);color:var(--ds-secondary)}.stat-card.present svg{background:linear-gradient(135deg,var(--ds-success-bg) 0%,var(--ds-success-bg) 100%);color:var(--ds-success)}.stat-card.absent svg{background:linear-gradient(135deg,var(--ds-danger-bg) 0%,var(--ds-danger-bg) 100%);color:var(--ds-danger)}.stat-card.late svg{background:linear-gradient(135deg,var(--ds-warning-bg) 0%,var(--ds-warning-bg) 100%);color:var(--ds-warning)}.stat-card.leave svg{background:linear-gradient(135deg,var(--ds-info-bg) 0%,var(--ds-info-bg) 100%);color:var(--ds-info)}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.65rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.attendance-records{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-)}.attendance-records h4{margin:0 0 var(--ds-space-) 0;font-size:.9rem;color:var(--ds-text-primary);font-weight:600}.records-table{overflow-x:auto}.records-table table{width:100%;border-collapse:collapse}.records-table th,.records-table td{padding:var(--ds-space-) var(--ds-space-);text-align:left;font-size:.8rem;border-bottom:1px solid var(--ds-border-default)}.records-table th{background:var(--ds-bg-elevated);font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.records-table tr:hover td{background:var(--ds-bg-elevated)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-);color:var(--ds-text-muted);text-align:center}.empty-state svg{margin-bottom:var(--ds-space-);opacity:.3;color:var(--ds-secondary)}.empty-state p{font-size:.9rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-);color:var(--ds-text-muted)}.loading-state .spinner{width:48px;height:48px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-secondary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--ds-space-)}[dir=rtl] .detail-row{flex-direction:row-reverse}[dir=rtl] .records-table th,[dir=rtl] .records-table td{text-align:right}[dir=rtl] .mini-employee{padding:6px 6px 6px 10px}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.client-view-modal{max-width:95vw;max-height:95vh}.details-grid{grid-template-columns:1fr}.tabs-nav{padding:var(--ds-space-)}.tab-btn span{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.employees-grid{grid-template-columns:1fr}.site-meta,.mission-meta{flex-direction:column;gap:var(--ds-space-)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.5rem}}.clients__page{padding:var(--ds-space-6)}.clients__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.clients__header-content h1{margin:0 0 var(--ds-space-1) 0;font-size:var(--ds-text-2xl)}.clients__header-content p{margin:0;color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.clients__filters{margin-bottom:var(--ds-space-4)}.clients__loading{display:flex;justify-content:center;padding:var(--ds-space-8)}.clients__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.clients__name-cell{display:flex;flex-direction:column;gap:2px}.clients__name{font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.clients__name--ar{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.clients__contact-cell{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary)}.clients__contact-cell svg{color:var(--ds-primary)}.clients__actions{display:flex;gap:var(--ds-space-1)}.clients__btn--view{color:var(--ds-primary)}.clients__btn--view:hover{background:var(--ds-primary-hover)}.clients__no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-8);color:var(--ds-text-muted)}.clients__no-data svg{margin-bottom:var(--ds-space-3);opacity:.5}.clients__badge--vip{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--ds-info-bg) 0%,var(--ds-info-bg) 100%);color:var(--ds-info);border:1px solid var(--ds-info-bg);padding:4px 10px;border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold)}.clients__badge--vip svg{flex-shrink:0}.clients__delete-confirm h3{margin:0 0 var(--ds-space-3) 0}.clients__delete-error{background:var(--ds-danger-bg);border:1px solid var(--ds-danger);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);margin:var(--ds-space-2) 0}.clients__delete-error p{margin:0;color:var(--ds-danger);font-size:var(--ds-text-sm);line-height:1.5}.clients__delete-warning{background:var(--ds-warning-bg);border:1px solid var(--ds-warning);border-radius:var(--ds-radius-md);padding:var(--ds-space-3);margin:var(--ds-space-3) 0}.clients__delete-warning p{margin:0 0 var(--ds-space-2) 0;color:var(--ds-warning);font-size:var(--ds-text-sm)}.clients__delete-warning ul{margin:0;padding-inline-start:var(--ds-space-4);color:var(--ds-text-primary);font-size:var(--ds-text-sm)}.clients__delete-warning li{margin:var(--ds-space-1) 0}.job-titles__page{padding:var(--ds-space-6)}.job-titles__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.job-titles__header-title{display:flex;align-items:center;gap:var(--ds-space-3)}.job-titles__header-title svg{color:var(--ds-primary)}.job-titles__header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary)}.job-titles__filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.job-titles__search-box{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;min-width:200px;max-width:400px}.job-titles__search-box svg{color:var(--ds-text-muted)}.job-titles__search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:.95rem}.job-titles__filter-select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem;min-width:180px}.job-titles__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.job-titles__data-table{width:100%;border-collapse:collapse}.job-titles__data-table th,.job-titles__data-table td{padding:var(--ds-space-4);text-align:start;border-bottom:1px solid var(--ds-border-default)}.job-titles__data-table th{background:var(--ds-bg-elevated);color:var(--ds-text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.job-titles__data-table td{color:var(--ds-text-primary);font-size:.95rem}.job-titles__data-table tr:hover td{background:var(--ds-bg-hover)}.job-titles__data-table code{background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:.85rem}.job-titles__status-badge{display:inline-block;padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full);font-size:.8rem;font-weight:500}.job-titles__status-badge--active{background:var(--ds-success-bg);color:var(--ds-success-text)}.job-titles__status-badge--inactive{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.job-titles__action-buttons{display:flex;gap:var(--ds-space-2)}.job-titles__btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.job-titles__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.job-titles__loading-state,.job-titles__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--ds-text-secondary);text-align:center}.job-titles__empty-state svg{color:var(--ds-text-muted);margin-bottom:var(--ds-space-4)}.job-titles__empty-state h3{font-size:1.1rem;color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.job-titles__modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-4)}.job-titles__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.job-titles__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.job-titles__modal-header h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary)}.job-titles__modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.job-titles__modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.job-titles__modal-content form{padding:var(--ds-space-6)}.job-titles__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}.job-titles__form-group--full-width{grid-column:1 / -1}.job-titles__modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-border-default)}.job-titles__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast);border:none}.job-titles__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.job-titles__btn--primary:hover:not(:disabled){background:var(--ds-primary-hover)}.job-titles__btn--primary:disabled{opacity:.6;cursor:not-allowed}.job-titles__btn--secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.job-titles__btn--secondary:hover{background:var(--ds-bg-hover)}.job-titles__form-group{display:flex;flex-direction:column;gap:var(--ds-space-2)}.job-titles__form-group label{font-size:.875rem;font-weight:500;color:var(--ds-text-secondary)}.job-titles__form-group input,.job-titles__form-group select,.job-titles__form-group textarea{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem}.job-titles__form-group input:focus,.job-titles__form-group select:focus,.job-titles__form-group textarea:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-hover-bg)}.job-titles__checkbox-label{flex-direction:row;align-items:center;gap:var(--ds-space-3);cursor:pointer}.job-titles__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-primary)}.job-titles__alert{display:flex;align-items:center;gap:var(--ds-space-3);padding:.875rem var(--ds-space-4);margin:0 var(--ds-space-6);border-radius:var(--ds-radius-md)}.job-titles__alert--error{background:var(--ds-danger-bg);color:var(--ds-danger-text);border:1px solid var(--ds-danger-border)}.job-titles__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:job-titles__spin .8s linear infinite;margin-bottom:var(--ds-space-4)}@keyframes job-titles__spin{to{transform:rotate(360deg)}}@media(max-width:768px){.job-titles__filters-bar{flex-direction:column}.job-titles__search-box{max-width:none}.job-titles__filter-select{width:100%}.job-titles__data-table th:nth-child(3),.job-titles__data-table td:nth-child(3),.job-titles__data-table th:nth-child(5),.job-titles__data-table td:nth-child(5){display:none}.job-titles__form-grid{grid-template-columns:1fr}}.governorates__page{padding:var(--ds-space-6)}.governorates__page .governorates__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.governorates__header-title{display:flex;align-items:center;gap:var(--ds-space-3)}.governorates__header-title svg{color:var(--ds-primary)}.governorates__header-title h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.governorates__filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.governorates__search-box{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;max-width:400px}.governorates__search-box svg{color:var(--ds-text-muted)}.governorates__search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:var(--ds-text-base)}.governorates__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-5)}.governorates__card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:all var(--ds-transition-fast)}.governorates__card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.governorates__card-header{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.governorates__card-header svg{color:var(--ds-primary)}.governorates__card-header h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.governorates__card-body{margin-bottom:var(--ds-space-4)}.governorates__arabic-name{color:var(--ds-text-secondary);font-size:var(--ds-text-base);margin-bottom:var(--ds-space-2)}.governorates__code-badge{display:inline-block;background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);color:var(--ds-text-muted)}.governorates__card-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.governorates__loading-state,.governorates__empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16) var(--ds-space-8);color:var(--ds-text-secondary);text-align:center;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.governorates__empty-state svg{color:var(--ds-text-muted);margin-bottom:var(--ds-space-4)}.governorates__modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-4)}.governorates__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:500px}.governorates__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.governorates__modal-header h2{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.governorates__modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-md)}.governorates__modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.governorates__modal-content form{padding:var(--ds-space-6)}.governorates__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}.governorates__form-group{display:flex;flex-direction:column;gap:var(--ds-space-2)}.governorates__form-group label{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)}.governorates__form-group input{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-base)}.governorates__form-group input:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.governorates__modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-border-default)}.governorates__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast);border:none}.governorates__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.governorates__btn--primary:hover:not(:disabled){background:var(--ds-primary-hover)}.governorates__btn--secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.governorates__btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer}.governorates__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.governorates__alert{display:flex;align-items:center;gap:var(--ds-space-3);padding:.875rem var(--ds-space-4);margin:0 var(--ds-space-6);border-radius:var(--ds-radius-md)}.governorates__alert--error{background:var(--ds-danger-bg);color:var(--ds-danger);border:1px solid var(--ds-danger-border)}.governorates__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:governorates-spin .8s linear infinite;margin-bottom:var(--ds-space-4)}@keyframes governorates-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.governorates__grid,.governorates__form-grid{grid-template-columns:1fr}}.governorates-page{padding:var(--ds-space-6)}.governorates-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.search-box{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;max-width:400px}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:var(--ds-text-base)}.governorates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-5)}.governorate-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:all var(--ds-transition-fast)}.governorate-card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.card-header{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.card-header h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.card-body{margin-bottom:var(--ds-space-4)}.arabic-name{color:var(--ds-text-secondary);font-size:var(--ds-text-base);margin-bottom:var(--ds-space-2)}.code-badge{display:inline-block;background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);color:var(--ds-text-muted)}.card-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:500px}.form-group input{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-base)}.form-group input:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.alert{display:flex;align-items:center;gap:var(--ds-space-3);padding:.875rem var(--ds-space-4);margin:0 var(--ds-space-6);border-radius:var(--ds-radius-md)}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:governorates-spin .8s linear infinite;margin-bottom:var(--ds-space-4)}@media(max-width:768px){.governorates-grid,.form-grid{grid-template-columns:1fr}}.allowances__page{padding:1.5rem}.allowances__page .allowances__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.allowances__header-title{display:flex;align-items:center;gap:.75rem}.allowances__header-title svg{color:var(--ds-success-text)}.allowances__header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary)}.allowances__tabs,.allowances__page-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--ds-bg-surface);padding:.5rem;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:fit-content}.allowances__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.allowances__tab:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.allowances__tab--active{background:var(--ds-secondary);color:var(--ds-text-on-primary)}.allowances__filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.allowances__search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;max-width:400px}.allowances__search-box svg{color:var(--ds-text-muted)}.allowances__search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:.95rem}.allowances__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.allowances__data-table{width:100%;border-collapse:collapse}.allowances__data-table th,.allowances__data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--ds-border-default)}.allowances__data-table th{background:var(--ds-bg-elevated);color:var(--ds-text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.allowances__data-table td{color:var(--ds-text-primary);font-size:.95rem}.allowances__data-table tr:hover td{background:var(--ds-bg-hover)}.allowances__data-table code{background:var(--ds-bg-elevated);padding:.25rem .5rem;border-radius:var(--ds-radius-sm);font-size:.85rem}.allowances__type-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--ds-radius-full);font-size:.8rem;font-weight:500}.allowances__type-badge--fixed{background:var(--ds-info-bg);color:var(--ds-info-text)}.allowances__type-badge--percent{background:var(--ds-info-bg);color:var(--ds-info)}.allowances__status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--ds-radius-full);font-size:.8rem;font-weight:500}.allowances__status-badge--active{background:var(--ds-success-bg);color:var(--ds-success-text)}.allowances__status-badge--inactive{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.allowances__grade-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--ds-radius-full);font-size:.8rem;font-weight:500;background:var(--ds-warning-bg);color:var(--ds-warning)}.allowances__grade-badge--all{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.allowances__action-buttons{display:flex;gap:.5rem}.allowances__btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.allowances__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-secondary);border-color:var(--ds-secondary)}.allowances__btn-icon--delete:hover{color:var(--ds-danger-text);border-color:var(--ds-danger-text);background:var(--ds-danger-bg)}.allowances__btn-icon--active{color:var(--ds-success-text);border-color:var(--ds-success-bg);background:var(--ds-success-bg-subtle)}.allowances__btn-icon--active:hover{color:var(--ds-danger-text);border-color:var(--ds-danger-text);background:var(--ds-danger-bg)}.allowances__btn-icon--inactive{color:var(--ds-text-muted);border-color:var(--ds-border-default);background:var(--ds-bg-elevated)}.allowances__btn-icon--inactive:hover{color:var(--ds-success-text);border-color:var(--ds-success-text);background:var(--ds-success-bg-subtle)}.allowances__value-display{display:inline-block;padding:.25rem .5rem;background:var(--ds-success-bg-subtle);color:var(--ds-success-text);border-radius:var(--ds-radius-sm);font-weight:600;font-size:.85rem}.allowances__loading-state,.allowances__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--ds-text-secondary);text-align:center}.allowances__empty-state svg{color:var(--ds-text-muted);margin-bottom:1rem}.allowances__empty-state h3{font-size:1.1rem;color:var(--ds-text-primary);margin-bottom:.5rem}.allowances__modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.allowances__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.allowances__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.allowances__modal-header h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary)}.allowances__modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-md)}.allowances__modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.allowances__modal-content form{padding:1.5rem}.allowances__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.allowances__form-group{display:flex;flex-direction:column;gap:.5rem}.allowances__form-group--full-width{grid-column:1 / -1}.allowances__form-group label{font-size:.875rem;font-weight:500;color:var(--ds-text-secondary)}.allowances__form-group input,.allowances__form-group select,.allowances__form-group textarea{padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem}.allowances__form-group input:focus,.allowances__form-group select:focus,.allowances__form-group textarea:focus{outline:none;border-color:var(--ds-secondary);box-shadow:0 0 0 3px var(--ds-primary-hover-bg)}.allowances__checkbox-label{flex-direction:row;align-items:center;gap:.75rem;cursor:pointer}.allowances__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-secondary)}.allowances__modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--ds-border-default)}.allowances__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast);border:none}.allowances__btn--primary{background:var(--ds-secondary);color:var(--ds-text-on-primary)}.allowances__btn--primary:hover:not(:disabled){background:var(--ds-secondary-hover)}.allowances__btn--secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.allowances__alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin:0 1.5rem;border-radius:var(--ds-radius-md)}.allowances__alert--error{background:var(--ds-danger-bg);color:var(--ds-danger-text);border:1px solid var(--ds-danger-bg)}.allowances__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-secondary);border-radius:50%;animation:allowances-spin .8s linear infinite;margin-bottom:1rem}@keyframes allowances-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.allowances__form-grid{grid-template-columns:1fr}.allowances__data-table th:nth-child(3),.allowances__data-table td:nth-child(3){display:none}}.allowances__alert--success{background:var(--ds-success-bg);color:var(--ds-success-text);border:1px solid var(--ds-success-bg)}.allowances__discount-info-bar{padding:12px 20px;background:var(--ds-bg-elevated);border-radius:8px;margin-bottom:16px;color:var(--ds-text-primary)}.allowances__discount-info-bar .allowances__discount-name-ar{margin-left:10px;color:var(--ds-text-muted)}.allowances__employee-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:8px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #00000026}.allowances__employee-dropdown-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--ds-border-default);display:flex;justify-content:space-between;align-items:center;color:var(--ds-text-primary)}.allowances__employee-dropdown-item:hover{background:var(--ds-bg-hover)}.allowances__employee-dropdown-item:last-child{border-bottom:none}.allowances__employee-dropdown-item code{font-size:12px;color:var(--ds-text-muted);background:var(--ds-bg-elevated);padding:2px 6px;border-radius:4px}.allowances__text-muted{color:var(--ds-text-muted)}[dir=rtl] .allowances__discount-info-bar .allowances__discount-name-ar{margin-left:0;margin-right:10px}[dir=rtl] .allowances__form-group label{text-align:right}[dir=rtl] .allowances__modal-header h2,[dir=rtl] .allowances__action-buttons{flex-direction:row-reverse}.allowances__header-subtitle{font-size:.9rem;color:var(--ds-text-muted);margin-top:.25rem}.allowances__expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast)}.allowances__expand-btn:hover{background:var(--ds-bg-hover);color:var(--ds-secondary)}.allowances__row--expanded td{background:var(--ds-bg-elevated)!important}.allowances__expanded-row td{padding:0!important;background:var(--ds-bg-base)!important}.allowances__grade-details{padding:1.25rem 1.5rem;border-top:1px dashed var(--ds-border-default)}.allowances__grade-details h4{font-size:.85rem;font-weight:600;color:var(--ds-text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.allowances__grade-grid{display:flex;flex-wrap:wrap;gap:.75rem}.allowances__grade-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);min-width:100px}.allowances__grade-number{font-size:.8rem;font-weight:600;color:var(--ds-text-secondary)}.allowances__grade-value{font-size:1rem;font-weight:700;color:var(--ds-success-text)}.allowances__grade-tags{display:flex;flex-wrap:wrap;gap:.35rem}.allowances__grade-tag{display:inline-block;padding:.2rem .5rem;background:var(--ds-success-bg);color:var(--ds-success-text);border-radius:var(--ds-radius-sm);font-size:.75rem;font-weight:600}.allowances__grade-tag--more{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.allowances__no-grades{font-size:.85rem;color:var(--ds-text-muted);font-style:italic}.allowances__btn-icon--config:hover{color:var(--ds-success-text);border-color:var(--ds-success-text);background:var(--ds-success-bg-subtle)}.allowances__modal-content--wide{max-width:700px}.allowances__modal-subtitle{font-size:.9rem;color:var(--ds-text-muted);margin-top:.25rem}.allowances__grade-config{padding:1rem 1.5rem}.allowances__grade-config-header{display:grid;grid-template-columns:100px 80px 130px 1fr;gap:1rem;padding:.75rem 1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;font-size:.8rem;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.05em}.allowances__grade-config-row{display:grid;grid-template-columns:100px 80px 130px 1fr;gap:1rem;align-items:center;padding:.875rem 1rem;border:1px solid var(--ds-border-default);border-top:none;background:var(--ds-bg-surface);transition:all var(--ds-transition-fast)}.allowances__grade-config-row:last-child{border-radius:0 0 var(--ds-radius-md) var(--ds-radius-md)}.allowances__grade-config-row--enabled{background:var(--ds-success-bg-subtle);border-color:var(--ds-success-bg)}.allowances__grade-label{font-weight:600;color:var(--ds-text-primary)}.allowances__grade-config-row select{padding:.5rem .75rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);font-size:.875rem}.allowances__grade-config-row select:disabled{opacity:.5;cursor:not-allowed}.allowances__grade-input-wrapper{display:flex;align-items:center;gap:.5rem}.allowances__grade-input-wrapper input{flex:1;padding:.5rem .75rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);font-size:.875rem;max-width:120px}.allowances__grade-input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.allowances__grade-unit{font-size:.85rem;font-weight:500;color:var(--ds-text-muted);min-width:30px}.allowances__toggle{position:relative;display:inline-block;width:44px;height:24px}.allowances__toggle input{opacity:0;width:0;height:0}.allowances__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:24px;transition:all var(--ds-transition-fast)}.allowances__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--ds-text-muted);border-radius:50%;transition:all var(--ds-transition-fast)}.allowances__toggle input:checked+.allowances__toggle-slider{background-color:var(--ds-success-bg);border-color:var(--ds-success-text)}.allowances__toggle input:checked+.allowances__toggle-slider:before{transform:translate(20px);background-color:var(--ds-success-text)}@media(max-width:768px){.allowances__grade-config-header,.allowances__grade-config-row{grid-template-columns:80px 60px 100px 1fr;gap:.5rem;padding:.5rem}.allowances__grade-input-wrapper input{max-width:80px}}.allowances__summary-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.allowances__summary-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default);background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-success-bg-subtle))}.allowances__summary-header h3{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.allowances__summary-header p{font-size:.875rem;color:var(--ds-text-muted)}.allowances__summary-table-wrapper{overflow-x:auto;padding:1rem}.allowances__summary-table{width:100%;border-collapse:separate;border-spacing:4px}.allowances__summary-table thead tr{position:sticky;top:0}.allowances__summary-th-allowance{text-align:left;padding:.75rem 1rem;font-size:.8rem;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);min-width:200px}.allowances__summary-th-grade{text-align:center;padding:.75rem .5rem;font-size:.75rem;font-weight:600;color:var(--ds-text-on-primary);background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary));border-radius:var(--ds-radius-md);min-width:80px}.allowances__summary-td-allowance{padding:.75rem 1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.allowances__summary-allowance-info{display:flex;flex-direction:column;gap:.25rem}.allowances__summary-allowance-name{font-weight:500;color:var(--ds-text-primary);font-size:.9rem}.allowances__summary-code{font-size:.75rem;color:var(--ds-text-muted);background:var(--ds-bg-base);padding:.15rem .4rem;border-radius:var(--ds-radius-sm);width:fit-content}.allowances__summary-td-grade{text-align:center;padding:.75rem .5rem;background:var(--ds-bg-base);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.allowances__summary-td--configured{background:var(--ds-success-bg-subtle);border:1px solid var(--ds-success-bg)}.allowances__summary-value{font-weight:600;font-size:.9rem;color:var(--ds-success-text)}.allowances__summary-empty{color:var(--ds-text-muted);font-size:.9rem}.allowances__summary-legend{display:flex;justify-content:center;gap:2rem;padding:1rem;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-elevated)}.allowances__summary-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ds-text-secondary)}.allowances__summary-legend-dot{width:12px;height:12px;border-radius:3px}.allowances__summary-legend-dot--configured{background:var(--ds-success-bg);border:1px solid var(--ds-success-text)}.allowances__summary-legend-dot--empty{background:var(--ds-bg-base);border:1px solid var(--ds-border-default)}@media(max-width:768px){.allowances__summary-th-grade{min-width:60px;padding:.5rem .25rem;font-size:.7rem}.allowances__summary-td-allowance{min-width:150px}}.shift-group-scheduler{background:var(--ds-bg-surface, var(--ds-bg-surface));border:1px solid var(--ds-border-default, var(--ds-border-subtle));border-radius:12px;padding:1rem;margin-top:1rem}.scheduler-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border-default, var(--ds-border-subtle))}.scheduler-title{display:flex;align-items:center;gap:.5rem}.scheduler-title h4{margin:0;font-size:.95rem;font-weight:600;color:var(--ds-text-primary, var(--ds-bg-surface))}.scheduler-title svg{color:var(--ds-primary, #6366f1)}.scheduler-actions{display:flex;gap:.5rem}.scheduler-alert{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.scheduler-alert.error{background:var(--ds-error-subtle);color:var(--ds-error);border:1px solid rgba(220,38,38,.3)}.scheduler-alert.success{background:var(--ds-success-subtle);color:var(--ds-success);border:1px solid rgba(16,185,129,.3)}.groups-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.group-card{background:var(--ds-bg-base, #ffffff);border:1px solid var(--ds-border-default, var(--ds-border-subtle));border-radius:10px;padding:1rem;transition:all .2s ease}.group-card:hover{border-color:var(--ds-primary, #6366f1);box-shadow:0 4px 12px #6366f11a}.group-card.inactive{opacity:.6;background:var(--ds-bg-elevated)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.group-number{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--ds-primary, #6366f1);font-size:.9rem}.btn-icon-small{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .2s ease}.btn-icon-small:hover{background:var(--ds-bg-hover)}.btn-icon-small.delete:hover{background:var(--ds-error-subtle);color:var(--ds-error)}.group-dates{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.date-field label{display:block;font-size:.75rem;color:var(--ds-text-secondary, var(--ds-text-muted));margin-bottom:.25rem}.date-field input[type=date]{width:100%;padding:.4rem .5rem;border:1px solid var(--ds-border-default, var(--ds-border-subtle));border-radius:6px;font-size:.85rem;background:var(--ds-bg-base, #fff);transition:all .2s ease}.date-field input[type=date]:focus{outline:none;border-color:var(--ds-primary, #6366f1);box-shadow:0 0 0 2px #6366f11a}.group-times{margin-bottom:.75rem}.time-field{display:flex;align-items:center;gap:.5rem;background:var(--ds-bg-elevated);padding:.4rem .75rem;border-radius:6px}.time-field svg{color:var(--ds-text-secondary, var(--ds-text-muted))}.time-field input[type=time]{border:none;background:transparent;padding:.2rem;font-size:.85rem;width:90px}.time-field input[type=time]:focus{outline:none}.time-field span{color:var(--ds-text-secondary, var(--ds-text-muted))}.group-names{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.group-names input{width:100%;padding:.4rem .5rem;border:1px solid var(--ds-border-default, var(--ds-border-subtle));border-radius:6px;font-size:.8rem;background:var(--ds-bg-base, #fff)}.group-names input:focus{outline:none;border-color:var(--ds-primary, #6366f1)}.scheduler-footer{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ds-border-default, var(--ds-border-subtle))}.scheduler-footer .btn{flex:1;padding:.6rem 1rem;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.group-scheduler-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--ds-text-secondary, var(--ds-text-muted))}.spinner-small{width:20px;height:20px;border:2px solid var(--ds-border-subtle);border-top-color:var(--ds-primary, #6366f1);border-radius:50%;animation:spin .8s linear infinite}[dir=rtl] .scheduler-header,[dir=rtl] .scheduler-title,[dir=rtl] .group-header,[dir=rtl] .group-number,[dir=rtl] .time-field,[dir=rtl] .scheduler-footer{flex-direction:row-reverse}[data-theme=dark] .shift-group-scheduler{background:var(--ds-bg-surface);border-color:var(--ds-border-default))}[data-theme=dark] .group-card{background:var(--bg-primary, var(--ds-bg-base));border-color:var(--ds-border-default))}[data-theme=dark] .group-card:hover{border-color:var(--primary-color, #818cf8)}[data-theme=dark] .time-field{background:var(--ds-border-default)}[data-theme=dark] .date-field input,[data-theme=dark] .group-names input{background:var(--ds-bg-surface);border-color:var(--ds-border-default));color:var(--text-primary, var(--ds-bg-elevated))}@media(max-width:768px){.groups-container{grid-template-columns:1fr}.scheduler-header{flex-direction:column;gap:.75rem;align-items:flex-start}.scheduler-footer{flex-direction:column}.group-dates,.group-names{grid-template-columns:1fr}}.shifts__page{padding:var(--ds-space-6)}.shifts__page .shifts__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.shifts__header-title{display:flex;align-items:center;gap:var(--ds-space-3)}.shifts__header-title svg{color:var(--ds-primary)}.shifts__header-title h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.shifts__tabs-container{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);padding:var(--ds-space-1);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.shifts__tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast)}.shifts__tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.shifts__tab-btn--active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.shifts__level-tabs{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);padding:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow-x:auto;-webkit-overflow-scrolling:touch}.shifts__level-tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:.625rem var(--ds-space-4);background:transparent;border:1px solid transparent;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast);white-space:nowrap}.shifts__level-tab svg{flex-shrink:0}.shifts__level-tab:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary);border-color:var(--ds-border-default)}.shifts__level-tab--active{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.shifts__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;background:#ffffff26;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold)}.shifts__level-tab:not(.shifts__level-tab--active) .shifts__tab-count{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.shifts__levels-tags{display:flex;flex-wrap:wrap;gap:var(--ds-space-1);margin-top:var(--ds-space-1)}.shifts__mini-level-tag{display:inline-block;padding:.15rem var(--ds-space-2);background:var(--ds-primary-hover);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.shifts__mini-level-tag--more{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}[data-theme=dark] .shifts__mini-level-tag{background:#c12a3326;color:var(--ds-primary)}[data-theme=dark] .shifts__mini-level-tag--more{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.shifts__site-filter{margin-bottom:var(--ds-space-6)}.shifts__site-select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-base);min-width:300px}.shifts__site-select:focus{outline:none;border-color:var(--ds-primary)}.shifts__site-section{margin-bottom:var(--ds-space-8)}.shifts__site-section-header{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4)}.shifts__site-section-header svg{color:var(--ds-primary)}.shifts__site-section-header h3{flex:1;font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.shifts__shift-count{font-size:var(--ds-text-sm);color:var(--ds-text-muted);background:var(--ds-bg-surface);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full)}.shifts__btn-icon--delete:hover{background:var(--ds-danger-bg);color:var(--ds-danger);border-color:var(--ds-danger)}.shifts__shift-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.shifts__info-banner{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-4);background:var(--ds-info-bg);border:1px solid var(--ds-info-border);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-6)}.shifts__info-banner svg{color:var(--ds-info);flex-shrink:0}.shifts__info-banner p{color:var(--ds-text-secondary);font-size:var(--ds-text-sm);line-height:1.5}.shifts__coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16) var(--ds-space-8);text-align:center;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg)}.shifts__coming-soon svg{color:var(--ds-text-muted);margin-bottom:var(--ds-space-4)}.shifts__coming-soon h3{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.shifts__coming-soon p{color:var(--ds-text-secondary);font-size:var(--ds-text-base);max-width:400px;margin-bottom:var(--ds-space-6)}.shifts__alert{display:flex;align-items:center;gap:var(--ds-space-3);padding:.875rem var(--ds-space-4);margin-bottom:var(--ds-space-4);border-radius:var(--ds-radius-md)}.shifts__alert button{margin-inline-start:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7}.shifts__alert button:hover{opacity:1}.shifts__alert--error{background:var(--ds-danger-bg);color:var(--ds-danger);border:1px solid var(--ds-danger-border)}.shifts__form-group--col-span-2{grid-column:span 2}@media(max-width:768px){.shifts__form-group--col-span-2{grid-column:span 1}.shifts__tabs-container{flex-wrap:wrap}.shifts__tab-btn{flex:1;justify-content:center}}.shifts__filters-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6);gap:var(--ds-space-4);flex-wrap:wrap}.shifts__stats-row{display:flex;gap:var(--ds-space-6)}.shifts__stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.shifts__stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-primary)}.shifts__stat-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.shifts__table-container{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.shifts__table{width:100%;border-collapse:collapse}.shifts__table thead{background:var(--ds-bg-elevated)}.shifts__table th{padding:.875rem var(--ds-space-4);text-align:start;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border-default)}.shifts__table td{padding:.875rem var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default);vertical-align:middle}.shifts__table tbody tr:last-child td{border-bottom:none}.shifts__table tbody tr:hover{background:var(--ds-bg-hover)}.shifts__table tbody tr.shifts__inactive-row{opacity:.6}.shifts__name-cell .shifts__shift-name{display:flex;align-items:center;gap:var(--ds-space-2)}.shifts__name-cell .shifts__shift-name svg{color:var(--ds-primary)}.shifts__site-cell{display:flex;align-items:center;gap:.35rem}.shifts__site-cell svg{color:var(--ds-text-muted)}.shifts__time-cell .shifts__time-range{font-weight:var(--ds-font-semibold);color:var(--ds-primary)}.shifts__center{text-align:center}.shifts__staff-count{display:inline-block;padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-sm);font-weight:var(--ds-font-medium)}.shifts__staff-count--has-staff{background:var(--ds-success-bg);color:var(--ds-success)}.shifts__site-count-badge{display:inline-block;padding:var(--ds-space-1) var(--ds-space-3);background:var(--ds-primary-hover);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);cursor:help}.shifts__universal-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-3);background:linear-gradient(135deg,#c12a331a,#c12a3326);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);cursor:help;border:1px solid rgba(193,42,51,.2)}.shifts__actions-cell{display:flex;gap:var(--ds-space-1)}.shifts__empty-row{text-align:center;padding:var(--ds-space-12) var(--ds-space-4)!important;color:var(--ds-text-muted)}.shifts__empty-row svg{margin-bottom:var(--ds-space-2);opacity:.5}.shifts__empty-row p{margin:0}.shifts__template-note{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);margin-top:var(--ds-space-4);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.shifts__template-note svg{color:var(--ds-primary);flex-shrink:0}.shifts__filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.shifts__search-box{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;max-width:400px}.shifts__search-box svg{color:var(--ds-text-muted)}.shifts__search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:var(--ds-text-base)}.shifts__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ds-space-5)}.shifts__card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:all var(--ds-transition-fast)}.shifts__card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.shifts__card--inactive{opacity:.6}.shifts__card-header{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-4)}.shifts__card-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary)}.shifts__card-title{flex:1}.shifts__card-title h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin-bottom:.15rem}.shifts__card-title .shifts__code{font-size:var(--ds-text-xs);color:var(--ds-text-muted);background:var(--ds-bg-elevated);padding:.15rem var(--ds-space-2);border-radius:var(--ds-radius-sm)}.shifts__status-badge{padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.shifts__status-badge--active{background:var(--ds-success-bg);color:var(--ds-success)}.shifts__status-badge--inactive{background:var(--ds-danger-bg);color:var(--ds-danger)}.shifts__times{display:flex;align-items:center;justify-content:space-between;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.shifts__time-block{text-align:center}.shifts__time-label{display:block;font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-bottom:var(--ds-space-1)}.shifts__time-value{font-size:var(--ds-text-xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.shifts__time-arrow{color:var(--ds-primary);font-size:var(--ds-text-xl)}.shifts__info{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.shifts__info-item{flex:1;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.shifts__info-item strong{display:block;color:var(--ds-text-primary);font-weight:var(--ds-font-semibold);margin-top:.15rem}.shifts__loading-state,.shifts__empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16) var(--ds-space-8);color:var(--ds-text-secondary);text-align:center;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.shifts__empty-state svg{color:var(--ds-text-muted);margin-bottom:var(--ds-space-4)}.shifts__modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-4)}.shifts__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:650px}.shifts__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.shifts__modal-header h2{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.shifts__modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-md)}.shifts__modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.shifts__modal-content form{padding:var(--ds-space-6)}.shifts__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}.shifts__modal--large{max-width:1000px;width:95%}.shifts__type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-3)}.shifts__type-card{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-4);background:var(--ds-bg-elevated);border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);text-align:center}.shifts__type-card:hover,.shifts__type-card--active{border-color:var(--ds-primary);background:var(--ds-primary-hover)}.shifts__type-card--active svg{color:var(--ds-primary)}.shifts__type-card svg{color:var(--ds-text-muted);transition:color var(--ds-transition-fast)}.shifts__type-card span{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.shifts__type-card small{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.shifts__custom-input-row{display:flex;gap:var(--ds-space-2);align-items:center}.shifts__custom-input-row input{flex:1}.shifts__btn--small{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-sm)}.shifts__custom-hours-input{display:flex;flex-direction:column;gap:var(--ds-space-3)}.shifts__hours-input-group{display:flex;align-items:center;gap:var(--ds-space-2)}.shifts__hours-input-group input{width:80px;padding:var(--ds-space-2);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);text-align:center}.shifts__hours-input-group span{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.shifts__custom-input-actions{display:flex;gap:var(--ds-space-2)}.shifts__field-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-top:var(--ds-space-1)}.shifts__no-data{text-align:center;padding:var(--ds-space-6);color:var(--ds-text-muted);font-style:italic}@media(max-width:768px){.shifts__type-cards{grid-template-columns:1fr}.shifts__modal--large{max-width:100%}.shifts__hours-input-group{flex-wrap:wrap}}.shifts__emp-levels-grid{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.shifts__level-chip{display:inline-flex;align-items:center;gap:.35rem;padding:var(--ds-space-2) .875rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-full);font-size:var(--ds-text-sm);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.shifts__level-chip:hover{border-color:var(--ds-primary);color:var(--ds-text-primary)}.shifts__level-chip--selected{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.shifts__level-chip--selected:hover{background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.shifts__levels-cell .shifts__levels-tags{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.shifts__levels-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.shifts__level-tag{display:inline-block;padding:.35rem var(--ds-space-3);background:var(--ds-primary-hover);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-sm)}[data-theme=dark] .shifts__level-tag{background:#c12a3333;color:var(--ds-primary)}.shifts__text-muted{color:var(--ds-text-muted)!important;font-style:italic}.shifts__form-group{display:flex;flex-direction:column;gap:var(--ds-space-2)}.shifts__form-group label{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)}.shifts__form-group input,.shifts__form-group select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-base)}.shifts__form-group input:focus,.shifts__form-group select:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.shifts__checkbox-label{flex-direction:row;align-items:center;gap:var(--ds-space-3);cursor:pointer}.shifts__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-primary)}.shifts__modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-border-default)}.shifts__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast);border:none}.shifts__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.shifts__btn--primary:hover:not(:disabled){background:var(--ds-primary-hover)}.shifts__btn--secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.shifts__btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer}.shifts__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.shifts__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:shifts-spin .8s linear infinite;margin-bottom:var(--ds-space-4)}@keyframes shifts-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.shifts__grid,.shifts__form-grid{grid-template-columns:1fr}}.shifts__btn-icon--view:hover{background:var(--ds-primary-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.shifts__info-item strong.shifts__has-staff{color:var(--ds-success)}.shifts__view-modal{max-width:650px}.shifts__view-content{padding:var(--ds-space-6);max-height:60vh;overflow-y:auto}.shifts__view-section{margin-bottom:var(--ds-space-6)}.shifts__view-section:last-child{margin-bottom:0}.shifts__view-section h3{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);padding-bottom:var(--ds-space-3);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.shifts__view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}.shifts__view-item{display:flex;flex-direction:column;gap:var(--ds-space-1)}.shifts__view-item label{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.shifts__view-item span{font-size:var(--ds-text-base);color:var(--ds-text-primary)}.shifts__code-badge{display:inline-block;background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-family:monospace;font-size:var(--ds-text-sm)!important}.shifts__time-range{font-weight:var(--ds-font-semibold);color:var(--ds-primary)!important}.shifts__count-badge{background:var(--ds-primary);color:var(--ds-text-on-primary);padding:.15rem var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);margin-inline-start:var(--ds-space-2)}.shifts__staff-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.shifts__staff-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.shifts__staff-avatar{width:40px;height:40px;border-radius:50%;background:var(--ds-bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ds-text-muted);flex-shrink:0}.shifts__staff-avatar img{width:100%;height:100%;object-fit:cover}.shifts__staff-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.shifts__staff-info strong{font-size:var(--ds-text-base);color:var(--ds-text-primary)}.shifts__staff-id{font-size:var(--ds-text-xs);color:var(--ds-text-muted);font-family:monospace}.shifts__job-title{font-size:var(--ds-text-xs);color:var(--ds-primary)}.shifts__staff-phone{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-success);color:var(--ds-text-on-primary);border-radius:50%;text-decoration:none;transition:all var(--ds-transition-fast)}.shifts__staff-phone:hover{transform:scale(1.1);background:var(--ds-success-dark)}.shifts__empty-staff{text-align:center;padding:var(--ds-space-8);color:var(--ds-text-muted)}.shifts__empty-staff svg{margin-bottom:var(--ds-space-3);opacity:.5}.shifts__empty-staff p{font-size:var(--ds-text-sm)}@media(max-width:600px){.shifts__view-grid{grid-template-columns:1fr}}.shifts__level-tab--vip{background:linear-gradient(135deg,#fbbf24 0%,var(--ds-warning) 100%);color:#78350f}.shifts__level-tab--vip:hover,.shifts__level-tab--vip.shifts__level-tab--active{background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:var(--ds-text-on-primary)}.shifts__vip-settings-panel{display:flex;justify-content:center;padding:var(--ds-space-8)}.shifts__vip-settings-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-8);width:100%;max-width:600px;box-shadow:var(--ds-shadow-lg)}.shifts__vip-header{display:flex;align-items:flex-start;gap:var(--ds-space-4);margin-bottom:var(--ds-space-8);padding-bottom:var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.shifts__vip-header .shifts__vip-icon{color:var(--ds-warning);flex-shrink:0}.shifts__vip-header h2{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0 0 var(--ds-space-2) 0}.shifts__vip-header p{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin:0;line-height:1.5}.shifts__vip-form{display:flex;flex-direction:column;gap:var(--ds-space-6)}.shifts__vip-times-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-6)}.shifts__vip-times-grid .shifts__form-group label{display:flex;align-items:center;gap:var(--ds-space-2);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-2)}.shifts__vip-times-grid .shifts__form-group label svg{color:var(--ds-primary)}.shifts__vip-times-grid input[type=time]{width:100%;padding:.875rem var(--ds-space-4);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xl);background:var(--ds-bg-surface);color:var(--ds-text-primary)}.shifts__vip-times-grid input[type=time]:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.shifts__vip-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--ds-radius-md);padding:var(--ds-space-4)}.shifts__vip-info p{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;color:#92400e;font-weight:var(--ds-font-medium)}.shifts__vip-info strong{font-size:var(--ds-text-lg)}.shifts__btn-save-vip{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-8);background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:var(--ds-text-on-primary);border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);cursor:pointer;transition:all .2s}.shifts__btn-save-vip:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px var(--ds-warning-bg)}.shifts__btn-save-vip:disabled{opacity:.7;cursor:not-allowed}.shifts__btn-save-vip .shifts__btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--ds-text-on-primary);border-radius:50%;animation:shifts-spin .8s linear infinite}[data-theme=dark] .shifts__vip-settings-card{background:var(--ds-card-bg);border-color:var(--ds-border-default)}[data-theme=dark] .shifts__vip-info{background:linear-gradient(135deg,#422006,#78350f)}[data-theme=dark] .shifts__vip-info p{color:#fcd34d}.shifts-page{padding:var(--ds-space-6)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.header-title{display:flex;align-items:center;gap:var(--ds-space-3)}.header-title svg{color:var(--ds-primary)}.tabs-container{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);padding:var(--ds-space-1);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast)}.level-tabs{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);padding:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow-x:auto}.level-tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:.625rem var(--ds-space-4);background:transparent;border:1px solid transparent;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast);white-space:nowrap}.level-tab:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary);border-color:var(--ds-border-default)}.level-tab.active{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.level-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;background:#ffffff26;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold)}.level-tab:not(.active) .tab-count{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.level-tab.vip-tab{background:linear-gradient(135deg,#fbbf24 0%,var(--ds-warning) 100%);color:#78350f}.level-tab.vip-tab:hover,.level-tab.vip-tab.active{background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:var(--ds-text-on-primary)}.shift-levels-tags{display:flex;flex-wrap:wrap;gap:var(--ds-space-1);margin-top:var(--ds-space-1)}.mini-level-tag{display:inline-block;padding:.15rem var(--ds-space-2);background:var(--ds-primary-hover);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.mini-level-tag.more{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.site-filter{margin-bottom:var(--ds-space-6)}.site-select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-base);min-width:300px}.site-select:focus{outline:none;border-color:var(--ds-primary)}.table-container{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.shifts-table{width:100%;border-collapse:collapse}.shifts-table thead{background:var(--ds-bg-elevated)}.shifts-table th{padding:.875rem var(--ds-space-4);text-align:left;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ds-border-default)}.shifts-table td{padding:.875rem var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default);vertical-align:middle}.shifts-table tbody tr:last-child td{border-bottom:none}.shifts-table tbody tr:hover{background:var(--ds-bg-hover)}.shifts-table tbody tr.inactive-row{opacity:.6}.name-cell .shift-name{display:flex;align-items:center;gap:var(--ds-space-2)}.name-cell .shift-name svg{color:var(--ds-primary)}.site-cell{display:flex;align-items:center;gap:.35rem}.site-cell svg{color:var(--ds-text-muted)}.time-cell .time-range{font-weight:var(--ds-font-semibold);color:var(--ds-primary)}.center{text-align:center}.staff-count{display:inline-block;padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-sm);font-weight:var(--ds-font-medium)}.staff-count.has-staff{background:var(--ds-success-bg);color:var(--ds-success)}.universal-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-3);background:linear-gradient(135deg,#c12a331a,#c12a3326);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);cursor:help;border:1px solid rgba(193,42,51,.2)}.actions-cell{display:flex;gap:var(--ds-space-1)}.empty-row{text-align:center;padding:var(--ds-space-12) var(--ds-space-4)!important;color:var(--ds-text-muted)}.empty-row svg{margin-bottom:var(--ds-space-2);opacity:.5}.empty-row p{margin:0}.status-badge{padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.status-badge.active{background:var(--ds-success-bg);color:var(--ds-success)}.status-badge.inactive{background:var(--ds-danger-bg);color:var(--ds-danger)}.btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast);border:none}.btn-primary:hover:not(:disabled){background:var(--ds-primary-hover)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer}.btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.btn-icon.delete:hover{background:var(--ds-danger-bg);color:var(--ds-danger);border-color:var(--ds-danger)}.filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16) var(--ds-space-8);color:var(--ds-text-secondary);text-align:center;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.empty-state svg{color:var(--ds-text-muted);margin-bottom:var(--ds-space-4)}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:shifts-spin .8s linear infinite;margin-bottom:var(--ds-space-4)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-4)}.modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:650px}.modal-header h2{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-md)}.modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.modal-content form{padding:var(--ds-space-6)}.modal-large{max-width:1000px;width:95%}.modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding-top:var(--ds-space-6);border-top:1px solid var(--ds-border-default)}.form-group input,.form-group select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-base)}.form-group.col-span-2{grid-column:span 2}.field-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-top:var(--ds-space-1)}.checkbox-label{flex-direction:row;align-items:center;gap:var(--ds-space-3);cursor:pointer}.shift-type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-3)}.type-card{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-4);background:var(--ds-bg-elevated);border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);text-align:center}.type-card:hover,.type-card.active{border-color:var(--ds-primary);background:var(--ds-primary-hover)}.type-card.active svg{color:var(--ds-primary)}.type-card svg{color:var(--ds-text-muted);transition:color var(--ds-transition-fast)}.type-card span{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.type-card small{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.custom-input-row{display:flex;gap:var(--ds-space-2);align-items:center}.custom-input-row input{flex:1}.btn-small,.btn.btn-small{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-sm)}.custom-hours-input{display:flex;flex-direction:column;gap:var(--ds-space-3)}.hours-input-group{display:flex;align-items:center;gap:var(--ds-space-2)}.hours-input-group input{width:80px;padding:var(--ds-space-2);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);text-align:center}.hours-input-group span{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.custom-input-actions{display:flex;gap:var(--ds-space-2)}.emp-levels-grid{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.level-chip{display:inline-flex;align-items:center;gap:.35rem;padding:var(--ds-space-2) .875rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-full);font-size:var(--ds-text-sm);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.level-chip:hover{border-color:var(--ds-primary);color:var(--ds-text-primary)}.level-chip.selected{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.level-chip.selected:hover{background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.view-modal{max-width:650px}.view-content{padding:var(--ds-space-6);max-height:60vh;overflow-y:auto}.view-section{margin-bottom:var(--ds-space-6)}.view-section:last-child{margin-bottom:0}.view-section h3{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);padding-bottom:var(--ds-space-3);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}.view-item{display:flex;flex-direction:column;gap:var(--ds-space-1)}.view-item label{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.view-item span{font-size:var(--ds-text-base);color:var(--ds-text-primary)}.code-badge{display:inline-block;background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-family:monospace;font-size:var(--ds-text-sm)!important}.time-range{font-weight:var(--ds-font-semibold);color:var(--ds-primary)!important}.count-badge{background:var(--ds-primary);color:var(--ds-text-on-primary);padding:.15rem var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);margin-left:var(--ds-space-2)}.levels-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.level-tag{display:inline-block;padding:.35rem var(--ds-space-3);background:var(--ds-primary-hover);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-sm)}[data-theme=dark] .level-tag{background:#c12a3333;color:var(--ds-primary)}.staff-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.staff-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.staff-avatar{width:40px;height:40px;border-radius:50%;background:var(--ds-bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ds-text-muted);flex-shrink:0}.staff-info{flex:1;display:flex;flex-direction:column;gap:.15rem}.staff-info strong{font-size:var(--ds-text-base);color:var(--ds-text-primary)}.staff-id{font-size:var(--ds-text-xs);color:var(--ds-text-muted);font-family:monospace}.job-title{font-size:var(--ds-text-xs);color:var(--ds-primary)}.staff-phone{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-success);color:var(--ds-text-on-primary);border-radius:50%;text-decoration:none;transition:all var(--ds-transition-fast)}.staff-phone:hover{transform:scale(1.1);background:var(--ds-success-dark)}.empty-staff{text-align:center;padding:var(--ds-space-8);color:var(--ds-text-muted)}.empty-staff svg{margin-bottom:var(--ds-space-3);opacity:.5}.empty-staff p{font-size:var(--ds-text-sm)}.vip-settings-panel{display:flex;justify-content:center;padding:var(--ds-space-8)}.vip-settings-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-8);width:100%;max-width:600px;box-shadow:var(--ds-shadow-lg)}.vip-header{display:flex;align-items:flex-start;gap:var(--ds-space-4);margin-bottom:var(--ds-space-8);padding-bottom:var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.vip-header .vip-icon{color:var(--ds-warning);flex-shrink:0}.vip-header h2{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0 0 var(--ds-space-2) 0}.vip-header p{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin:0;line-height:1.5}.vip-form{display:flex;flex-direction:column;gap:var(--ds-space-6)}.vip-times-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-6)}.vip-times-grid .form-group label{display:flex;align-items:center;gap:var(--ds-space-2);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-2)}.vip-times-grid .form-group label svg{color:var(--ds-primary)}.vip-times-grid input[type=time]{width:100%;padding:.875rem var(--ds-space-4);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xl);background:var(--ds-bg-surface);color:var(--ds-text-primary)}.vip-times-grid input[type=time]:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.vip-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--ds-radius-md);padding:var(--ds-space-4)}.vip-info p{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;color:#92400e;font-weight:var(--ds-font-medium)}.vip-info strong{font-size:var(--ds-text-lg)}.btn-save-vip{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-8);background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:var(--ds-text-on-primary);border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);cursor:pointer;transition:all .2s}.btn-save-vip:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px var(--ds-warning-bg)}.btn-save-vip:disabled{opacity:.7;cursor:not-allowed}.btn-save-vip .btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--ds-text-on-primary);border-radius:50%;animation:shifts-spin .8s linear infinite}.alert{display:flex;align-items:center;gap:var(--ds-space-3);padding:.875rem var(--ds-space-4);margin-bottom:var(--ds-space-4);border-radius:var(--ds-radius-md)}.alert button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7}.alert button:hover{opacity:1}.alert-error{background:var(--ds-danger-bg);color:var(--ds-danger);border:1px solid var(--ds-danger-border)}[data-theme=dark] .vip-settings-card{background:var(--ds-card-bg);border-color:var(--ds-border-default)}[data-theme=dark] .vip-info{background:linear-gradient(135deg,#422006,#78350f)}[data-theme=dark] .vip-info p{color:#fcd34d}[data-theme=dark] .mini-level-tag{background:#c12a3326;color:var(--ds-primary)}[data-theme=dark] .mini-level-tag.more{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}@media(max-width:768px){.shift-type-cards{grid-template-columns:1fr}.modal-large{max-width:100%}.hours-input-group{flex-wrap:wrap}.form-group.col-span-2{grid-column:span 1}.tabs-container{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center}.shifts__grid,.shifts-grid,.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.view-grid{grid-template-columns:1fr}}.shift-rotation-dashboard{padding:0;min-height:100vh}.shift-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--ds-text-secondary)}.shift-dashboard-loading .spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin 1s linear infinite}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-900, #9E1F27) 100%);border-radius:12px;margin-bottom:1.5rem;color:var(--primary-foreground, #fff)}.header-title svg{opacity:.9}.header-title h1{margin:0;font-size:1.5rem;font-weight:600;color:inherit}.header-title p{margin:.25rem 0 0;font-size:.875rem;opacity:.85}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:var(--ds-text-on-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.refresh-btn:hover:not(:disabled){background:#ffffff40}.refresh-btn.refreshing svg{animation:spin 1s linear infinite}.filter-bar{display:flex;align-items:center;gap:1rem;padding:.625rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:10px;margin-bottom:1.25rem}.filter-bar__toggle{display:flex;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:8px;padding:3px;gap:2px}.filter-bar__btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--ds-text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-bar__btn:hover:not(.active){color:var(--ds-text-primary);background:var(--ds-bg-hover);border-color:var(--ds-border-default)}.filter-bar__btn.active{background:var(--ds-primary);color:var(--primary-foreground, #fff);border-color:var(--ds-primary);box-shadow:0 2px 4px var(--shadow-color, rgba(0, 0, 0, .1))}.filter-bar__btn svg{width:14px;height:14px}.filter-bar__divider{width:1px;height:24px;background:var(--ds-border-default)}.filter-bar__field{display:flex;align-items:center;gap:.5rem}.filter-bar__label{font-size:.6875rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.filter-bar__select,.filter-bar__date{padding:.375rem .5rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:4px;color:var(--ds-text-primary);font-size:.75rem;min-width:140px;cursor:pointer;transition:border-color .15s}.filter-bar__select:hover,.filter-bar__date:hover{border-color:var(--ds-text-muted)}.filter-bar__select:focus,.filter-bar__date:focus{outline:none;border-color:var(--ds-primary)}@media(max-width:640px){.filter-bar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.625rem}.filter-bar__toggle{justify-content:center}.filter-bar__btn{flex:1;justify-content:center}.filter-bar__divider{display:none}.filter-bar__field{flex-direction:column;align-items:stretch;gap:.25rem}.filter-bar__select,.filter-bar__date{width:100%;min-width:auto}}.filter-bar__field--select{min-width:220px}.filter-bar__react-select{min-width:200px}.react-select__control{background:var(--ds-bg-elevated)!important;border:1px solid var(--ds-border-default)!important;border-radius:6px!important;min-height:32px!important;box-shadow:none!important;cursor:pointer!important}.react-select__control:hover{border-color:var(--ds-text-muted)!important}.react-select__control--is-focused{border-color:var(--ds-primary)!important;box-shadow:0 0 0 1px var(--ds-primary)!important}.react-select__value-container{padding:0 8px!important}.react-select__single-value{color:var(--ds-text-primary)!important;font-size:.8125rem!important}.react-select__placeholder{color:var(--ds-text-muted)!important;font-size:.8125rem!important}.react-select__input{color:var(--ds-text-primary)!important}.react-select__input-container{color:var(--ds-text-primary)!important;font-size:.8125rem!important;margin:0!important;padding:0!important}.react-select__indicator-separator{display:none!important}.react-select__dropdown-indicator{padding:4px!important;color:var(--ds-text-muted)!important}.react-select__dropdown-indicator:hover{color:var(--ds-text-secondary)!important}.react-select__clear-indicator{padding:4px!important;color:var(--ds-text-muted)!important}.react-select__clear-indicator:hover{color:var(--ds-error, var(--error, var(--ds-danger)))!important}.react-select__menu{background-color:var(--ds-bg-surface)!important;background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default)!important;border-radius:8px!important;box-shadow:0 8px 24px #00000040!important;z-index:9999!important;margin-top:4px!important;overflow:hidden!important;opacity:1!important}.react-select__menu-list{padding:6px!important;max-height:300px!important;background-color:var(--ds-bg-surface)!important;background:var(--ds-bg-surface)!important;opacity:1!important}.react-select__option{padding:10px 12px!important;font-size:.8125rem!important;border-radius:6px!important;cursor:pointer!important;color:var(--ds-text-primary)!important;background-color:var(--ds-bg-surface)!important;background:var(--ds-bg-surface)!important;opacity:1!important;margin-bottom:2px!important}.react-select__option:hover{background-color:var(--ds-bg-elevated)!important;background:var(--ds-bg-hover)!important}.react-select__option--is-focused{background-color:var(--ds-bg-elevated)!important;background:var(--ds-bg-elevated)!important}.react-select__option--is-selected{background-color:var(--ds-primary)!important;background:var(--ds-primary)!important;color:var(--primary-foreground, #fff)!important}.react-select__option--is-selected:hover{background-color:var(--ds-primary)!important;background:var(--ds-primary)!important}.react-select__menu-notice--no-options{padding:12px!important;font-size:.8125rem!important;color:var(--ds-text-muted)!important;background-color:var(--ds-bg-surface)!important;background:var(--ds-bg-surface)!important;text-align:center!important}.dashboard-content{display:flex!important;flex-direction:column!important;gap:1.5rem}.shift-info-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px;padding:1.25rem}.card-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--ds-border-subtle)}.card-header svg{color:var(--ds-primary)}.card-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.no-shift-config{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--ds-warning-bg, var(--ds-warning-bg));border:1px solid var(--ds-warning-border, var(--ds-warning-bg));border-radius:8px;color:var(--ds-warning, var(--ds-warning));font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px;transition:all .2s ease}.stat-card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--primary-bg, var(--ds-primary-hover-bg));color:var(--ds-primary)}.stat-card.supervisors .stat-icon{background:var(--ds-info-bg, var(--ds-info-bg));color:var(--ds-info, var(--ds-info))}.stat-card.staff .stat-icon{background:var(--ds-success-bg, var(--ds-success-bg));color:var(--ds-success, var(--ds-success))}.stat-card.total .stat-icon{background:var(--primary-bg, var(--ds-primary-hover-bg));color:var(--ds-primary)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;font-weight:500;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.5rem}}.shift-details{display:flex;flex-direction:column;gap:1rem}.shift-details.company-shift{background:var(--ds-bg-elevated);border-radius:12px;padding:1rem}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.working{background:var(--ds-success-bg, var(--ds-success-bg));color:var(--ds-success, var(--ds-success))}.status-badge.off{background:var(--ds-error-bg, var(--ds-danger-bg));color:var(--ds-error, var(--ds-danger))}.working-hours-display{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:10px}.hours-block{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hours-label{font-size:.7rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.hours-time{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary);font-family:monospace}.hours-separator{font-size:1.5rem;color:var(--ds-text-muted)}.time-remaining{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-primary-bg, var(--ds-primary-hover-bg));border-radius:8px;color:var(--ds-primary);font-size:.875rem;font-weight:500}.working-days-list{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.working-days-list .label{font-size:.8rem;color:var(--ds-text-secondary);font-weight:500}.working-days-list .days{display:flex;gap:.25rem}.working-days-list .day{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:4px;font-size:.7rem;font-weight:600}.working-days-list .day.active{background:var(--ds-success-bg, var(--ds-success-bg));color:var(--ds-success, var(--ds-success))}.working-days-list .day.off{background:var(--ds-bg-hover);color:var(--ds-text-muted)}.shift-name-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.shift-name-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.group-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600}.group-badge.group-1{background:var(--ds-info-bg);color:var(--ds-info)}.group-badge.group-2{background:var(--ds-success-bg);color:var(--ds-success)}.group-badge.group-3{background:var(--ds-warning-bg);color:var(--ds-warning)}.shift-countdown{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--ds-primary-hover-bg) 0%,var(--ds-info-bg) 100%);border:1px solid var(--ds-primary-hover-bg);border-radius:10px}.countdown-timer{display:flex;align-items:center;gap:.5rem}.timer-item{display:flex;flex-direction:column;align-items:center;min-width:50px}.timer-value{font-size:1.75rem;font-weight:700;color:var(--ds-primary);line-height:1}.timer-label{font-size:.65rem;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.timer-sep{font-size:1.25rem;font-weight:700;color:var(--ds-text-muted);opacity:.5;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:.2}}.countdown-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.countdown-info .info-label{font-size:.8rem;color:var(--ds-text-secondary)}.countdown-info .info-date{font-size:.85rem;font-weight:600;color:var(--ds-text-primary);padding:.25rem .75rem;background:var(--ds-bg-elevated);border-radius:6px}.shift-stats-row{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 0}.shift-stats-row .stat-item{display:flex;align-items:center;gap:.5rem}.shift-stats-row .stat-item .label{font-size:.8rem;color:var(--ds-text-secondary)}.shift-stats-row .stat-item .value{font-size:.9rem;font-weight:600;color:var(--ds-text-primary)}.shift-progress{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:var(--ds-border-default);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ds-primary),var(--ds-info));border-radius:4px;transition:width .5s ease}.progress-text{font-size:.8rem;color:var(--ds-text-secondary);white-space:nowrap}.stats-grid{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.stats-grid{flex-direction:column}}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px;flex:1}.stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px}.stat-card.supervisors .stat-icon{background:linear-gradient(135deg,var(--ds-info-bg),var(--ds-info-bg));color:var(--ds-info)}.stat-card.staff .stat-icon{background:linear-gradient(135deg,var(--ds-success-bg),var(--ds-success-bg));color:var(--ds-success)}.stat-card.total .stat-icon{background:linear-gradient(135deg,var(--ds-info-bg),var(--ds-info-bg));color:var(--ds-info)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);line-height:1}.stat-label{font-size:.8rem;color:var(--ds-text-secondary);margin-top:.25rem;text-transform:uppercase;letter-spacing:.3px}.schedule-section{grid-column:1 / -1;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px;padding:1.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.section-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.section-header h3 svg{color:var(--ds-primary)}.view-toggles{display:flex;gap:.25rem;padding:.25rem;background:var(--ds-bg-elevated);border-radius:8px}.toggle-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--ds-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:var(--ds-text-primary)}.toggle-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.current-shift-banner{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--ds-bg-surface) 0%,var(--ds-bg-elevated) 100%);border:1px solid var(--ds-border-default);border-radius:12px;margin-bottom:1.25rem;flex-wrap:wrap;box-shadow:var(--shadow-sm, 0 2px 8px var(--shadow-color, rgba(0, 0, 0, .04)))}.shift-now-indicator{display:flex;align-items:center;gap:1.25rem}.shift-type-badge{display:flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;border-radius:10px;font-weight:600;font-size:.95rem;border:1px solid transparent}.shift-type-badge.day{background:var(--ds-warning-bg, linear-gradient(135deg, rgba(251, 191, 36, .2), rgba(251, 191, 36, .05)));color:var(--ds-warning, var(--warning, #d97706));border-color:var(--ds-warning-border, var(--ds-warning-bg))}.shift-type-badge.night{background:var(--ds-primary-bg, linear-gradient(135deg, var(--ds-primary-hover-bg), var(--ds-primary-hover-bg)));color:var(--ds-primary);border-color:var(--ds-primary-border, var(--ds-primary-hover-bg))}.shift-icon{font-size:1.25rem}.current-time{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-bg-elevated);border-radius:8px;color:var(--ds-text-secondary)}.time-display{font-size:1rem;font-weight:700;color:var(--ds-text-primary);font-family:JetBrains Mono,Fira Code,monospace}.shift-details-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.5rem 1rem;background:var(--ds-bg-elevated);border-radius:8px;border:1px solid var(--ds-border-default)}.detail-item .label{color:var(--ds-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.detail-item .value{font-weight:700;color:var(--ds-text-primary)}.detail-item .value.countdown{color:var(--ds-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem}.detail-item .value.group-1{color:var(--ds-info, var(--info, var(--ds-info)))}.detail-item .value.group-2{color:var(--ds-success, var(--success, var(--ds-success)))}.detail-item .value.group-3{color:var(--ds-warning, var(--warning, var(--ds-warning)))}.schedule-table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.schedule-table{width:100%;border-collapse:collapse;font-size:.9rem}.schedule-table th,.schedule-table td{padding:1rem 1.25rem;text-align:center;border-bottom:1px solid var(--ds-border-default)}.schedule-table th{background:var(--ds-bg-elevated);font-weight:700;color:var(--ds-text-secondary);text-transform:uppercase;font-size:.7rem;letter-spacing:1px;position:sticky;top:0}.schedule-table th.group-col{min-width:140px}.schedule-table th.group-1{color:var(--ds-info, var(--info, var(--ds-info)));background:var(--ds-info-bg, var(--ds-info-bg))}.schedule-table th.group-2{color:var(--ds-success, var(--success, var(--ds-success)));background:var(--ds-success-bg, var(--ds-success-bg))}.schedule-table th.group-3{color:var(--ds-warning, var(--warning, var(--ds-warning)));background:var(--ds-warning-bg, var(--ds-warning-bg))}.schedule-table tbody tr{transition:background .2s ease}.schedule-table tbody tr:hover{background:var(--ds-bg-hover)}.schedule-table tbody tr:last-child td{border-bottom:none}.schedule-table .today-row{background:var(--ds-primary-bg, linear-gradient(90deg, var(--ds-primary-hover-bg) 0%, var(--ds-primary-hover-bg) 100%))}.schedule-table .today-row:hover{background:var(--ds-primary-bg-hover, linear-gradient(90deg, var(--ds-primary-hover-bg) 0%, var(--ds-primary-hover-bg) 100%))}.date-cell{text-align:left!important;font-weight:600;color:var(--ds-text-primary)}.date-label{display:block;font-size:.875rem}.today-badge{display:inline-block;margin-left:.75rem;padding:.25rem .625rem;background:var(--ds-primary);color:var(--primary-foreground, #fff);font-size:.65rem;font-weight:700;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.shift-cell{font-weight:600;border-radius:0;transition:transform .15s ease}.shift-cell:hover{transform:scale(1.02)}.shift-cell .shift-icon{display:block;font-size:1.5rem;margin-bottom:.375rem}.shift-cell .shift-label{display:block;font-size:.8rem;font-weight:700}.shift-cell .shift-time{display:block;font-size:.7rem;color:inherit;opacity:.7;margin-top:.25rem}.shift-cell.day{background:var(--ds-warning-bg, linear-gradient(135deg, rgba(251, 191, 36, .15), rgba(251, 191, 36, .05)));color:var(--ds-warning, var(--warning, #d97706))}.shift-cell.night{background:var(--ds-primary-bg, linear-gradient(135deg, var(--ds-primary-hover-bg), var(--ds-primary-hover-bg)));color:var(--ds-primary)}.shift-cell.rest{background:var(--bg-hover, linear-gradient(135deg, rgba(100, 116, 139, .1), rgba(100, 116, 139, .02)));color:var(--ds-text-muted)}.schedule-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.25rem;padding:1rem;background:var(--ds-bg-elevated);border-radius:10px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ds-text-secondary)}.legend-icon{font-size:1rem}.employees-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px;padding:1.25rem}.employees-section>h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.employees-section>h3 svg{color:var(--ds-primary)}.employees-group{margin-bottom:1.5rem}.employees-group:last-child{margin-bottom:0}.employees-group h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--ds-text-primary)}.employees-group.inactive-group h4{color:var(--ds-text-muted)}.off-badge{display:inline-block;padding:.125rem .5rem;background:#64748b26;color:var(--ds-text-muted);font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase}.employees-list{display:flex;flex-direction:column;gap:.5rem}.employee-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:8px;transition:all .2s ease}.employee-card:hover{border-color:var(--ds-primary);box-shadow:0 2px 8px #0000000d}.employee-card.inactive{opacity:.6}.employee-card.team-leader{border-left:3px solid var(--ds-warning)}.employee-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-info));color:var(--ds-text-on-primary);font-weight:600;font-size:.95rem;border-radius:10px;flex-shrink:0;overflow:hidden;position:relative}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-avatar .avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:600;font-size:1rem}.employee-avatar.team-leader-avatar{background:linear-gradient(135deg,var(--ds-warning),#f97316)}.employee-avatar.inactive{background:var(--ds-text-muted);filter:grayscale(50%)}.employees-group h4{display:flex;align-items:center;gap:.75rem}.employees-group h4 .status-badge{padding:.25rem .625rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.employees-group h4 .status-badge.on{background:var(--ds-success-bg);color:var(--ds-success)}.employees-group h4 .status-badge.off{background:#64748b26;color:var(--ds-text-muted)}.employees-group h4 .member-count{font-size:.8rem;font-weight:400;color:var(--ds-text-secondary)}.employee-status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.employee-status-badge.active{background:var(--ds-success-bg);color:var(--ds-success)}.employee-status-badge.inactive{background:#64748b1a;color:var(--ds-text-muted)}.employee-status-badge .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.employee-info{flex:1;min-width:0}.employee-info .name{display:block;font-weight:600;color:var(--ds-text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-info .role{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--ds-text-secondary)}.tl-badge{display:inline-block;padding:.125rem .375rem;background:var(--ds-warning-bg);color:var(--ds-warning);font-size:.65rem;font-weight:700;border-radius:4px}.employee-status{display:flex;align-items:center;gap:.375rem;font-size:.8rem;padding:.375rem .75rem;border-radius:20px}.employee-status.active{background:var(--ds-success-bg);color:var(--ds-success)}.employee-status .dot{width:6px;height:6px;background:currentColor;border-radius:50%}.group-indicator{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700}.group-indicator.group-1{background:var(--ds-info-bg);color:var(--ds-info)}.group-indicator.group-2{background:var(--ds-success-bg);color:var(--ds-success)}.group-indicator.group-3{background:var(--ds-warning-bg);color:var(--ds-warning)}.group-indicator.inactive{background:#64748b26;color:var(--ds-text-muted)}.no-employees{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--ds-text-muted);text-align:center}.no-employees svg{opacity:.3;margin-bottom:.75rem}.groups-section{grid-column:1 / -1;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px;padding:1.25rem}.groups-section>h3{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.groups-section>h3 svg{color:var(--ds-primary)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.group-card{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:10px;overflow:hidden;transition:all .2s ease}.group-card:hover{border-color:var(--ds-primary)}.group-card.active{border-color:var(--ds-success);box-shadow:0 0 0 1px var(--ds-success-bg)}.group-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.group-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--ds-text-primary)}.active-badge{padding:.25rem .625rem;background:var(--ds-success-bg);color:var(--ds-success);font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase}.group-members{padding:.75rem 1rem;max-height:200px;overflow-y:auto}.group-members .member{padding:.5rem 0;border-bottom:1px solid var(--ds-border-subtle)}.group-members .member:last-child{border-bottom:none}.member-name{font-size:.85rem;color:var(--ds-text-primary)}.no-members{color:var(--ds-text-muted);font-size:.85rem;font-style:italic;margin:0}.group-footer{padding:.625rem 1rem;background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default);font-size:.8rem;color:var(--ds-text-secondary)}.no-site-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px}.no-site-selected svg{color:var(--ds-text-muted);opacity:.3;margin-bottom:1rem}.no-site-selected h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--ds-text-primary)}.no-site-selected p{margin:0;color:var(--ds-text-secondary)}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.header-title,.dashboard-filters{flex-direction:column}.filter-group{min-width:100%}.current-shift-banner{flex-direction:column;text-align:center}.shift-details-row{justify-content:center}.shift-countdown{flex-direction:column;text-align:center}.countdown-info{align-items:center}.schedule-legend{justify-content:center}}.attendance-table-wrapper{margin-top:1rem;overflow-x:auto;border-radius:12px}.attendance-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md, 0 4px 20px rgba(0, 0, 0, .1));table-layout:fixed}.attendance-table thead{background:linear-gradient(135deg,var(--ds-primary, #C12A33) 0%,var(--ds-red-900, #9E1F27) 100%)}.attendance-table th{padding:1rem;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--ds-text-on-primary);white-space:nowrap}.attendance-table th:nth-child(1),.attendance-table td:nth-child(1){width:25%}.attendance-table th:nth-child(2),.attendance-table td:nth-child(2){width:18%}.attendance-table th:nth-child(3),.attendance-table td:nth-child(3){width:12%}.attendance-table th:nth-child(4),.attendance-table td:nth-child(4){width:12%}.attendance-table th:nth-child(5),.attendance-table td:nth-child(5){width:10%}.attendance-table th:nth-child(6),.attendance-table td:nth-child(6){width:13%}.attendance-table th:nth-child(7),.attendance-table td:nth-child(7){width:10%;text-align:center}.attendance-table tbody tr{border-bottom:1px solid var(--ds-border-default);transition:background .2s ease}.attendance-table tbody tr:hover{background:var(--ds-bg-hover)}.attendance-table tbody tr:hover td{background:transparent}.attendance-table tbody tr.working{background:var(--ds-success-bg)}.attendance-table tbody tr.completed{background:var(--ds-info-bg)}.attendance-table tbody tr.not-checked{background:transparent}.attendance-table td{padding:.875rem 1rem;font-size:.875rem;vertical-align:middle;color:var(--ds-text-primary)}.shift-rotation-dashboard .attendance-table .employee-cell{display:revert!important}.emp-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-info) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.emp-avatar-small img{width:100%;height:100%;object-fit:cover}.emp-avatar-small span{color:var(--ds-text-on-primary);font-weight:600;font-size:.875rem}.emp-name-info{display:flex;flex-direction:column;gap:.125rem}.emp-name-info .emp-name{font-weight:500;color:var(--ds-text-primary)}.emp-name-info .emp-id{font-size:.75rem;color:var(--ds-text-muted)}.role-badge{display:inline-block;padding:.25rem .625rem;background:var(--ds-danger-bg-subtle, rgba(193, 42, 51, .12));color:var(--ds-primary);border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.shift-rotation-dashboard .time-cell{display:revert!important;text-align:center}.time-value{font-family:SF Mono,Monaco,monospace;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.time-value.in{background:var(--ds-success-bg, var(--ds-success-bg));color:var(--ds-success, var(--ds-success))}.time-value.out{background:var(--ds-error-bg, var(--ds-danger-bg));color:var(--ds-error, var(--ds-danger))}.time-placeholder{color:var(--ds-text-muted);font-size:.875rem}.worked-cell{text-align:center}.worked-hours{color:var(--ds-text-primary);font-weight:500}.no-data{color:var(--ds-text-muted)}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-pill.working{background:var(--ds-success-bg, var(--ds-success-bg));color:var(--ds-success, var(--ds-success))}.status-pill.completed{background:var(--ds-info-bg, var(--ds-info-bg));color:var(--ds-info, var(--ds-info))}.status-pill.not-checked{background:var(--bg-muted, rgba(156, 163, 175, .15));color:var(--text-muted, #6b7280)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--ds-success, var(--ds-success));animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.action-cell{text-align:center}.view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:var(--ds-bg-hover);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s}.view-btn:hover{background:var(--ds-primary);color:var(--ds-text-on-primary);transform:scale(1.1)}.attendance-summary{display:flex;gap:1.5rem;padding:1rem 1.5rem;background:var(--ds-bg-elevated);border-radius:0 0 12px 12px;border-top:1px solid var(--ds-border-default)}.summary-item{display:flex;align-items:center;gap:.5rem}.summary-label{font-size:.8125rem;color:var(--ds-text-secondary)}.summary-value{font-size:1rem;font-weight:700;color:var(--ds-text-primary)}.summary-item.checked-in .summary-value{color:var(--ds-success, var(--ds-success))}.summary-item.not-checked .summary-value{color:var(--ds-warning, var(--ds-warning))}.attendance-table tfoot{background:var(--ds-bg-surface)}.attendance-table tfoot td{padding:1rem;border-top:1px solid var(--ds-border-default)}.table-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.summary-stats{display:flex;gap:1.5rem;align-items:center}.summary-stats .stat{font-size:.875rem;color:var(--ds-text-secondary)}.summary-stats .stat strong{margin-right:.375rem;color:var(--ds-text-primary)}.summary-stats .stat.success strong{color:var(--ds-success)}.load-more-btn{padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--ds-primary, #C12A33) 0%,var(--ds-red-900, #9E1F27) 100%);color:var(--ds-text-on-primary);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c12a3359}.attendance-table-wrapper{max-height:600px;overflow-y:auto}[data-theme=light] .attendance-table tbody tr:hover,:root:not([data-theme=dark]) .attendance-table tbody tr:hover{background:var(--ds-bg-hover, var(--ds-primary-hover-bg))!important}[data-theme=light] .attendance-table tbody tr:hover td,:root:not([data-theme=dark]) .attendance-table tbody tr:hover td{background:transparent!important}[data-theme=dark] .attendance-table{background:var(--bg-card, var(--ds-bg-surface))}[data-theme=dark] .attendance-table tbody tr{border-color:var(--ds-border-default))}[data-theme=dark] .attendance-table tbody tr:hover{background:var(--primary-hover-bg, var(--ds-primary-hover-bg))}[data-theme=dark] .attendance-table tbody tr:hover td{background:transparent}[data-theme=dark] .attendance-table tbody tr.not-checked{background:var(--bg-card, var(--ds-bg-surface))}[data-theme=dark] .attendance-table tbody tr.working{background:var(--ds-success-bg, var(--ds-success-bg))}[data-theme=dark] .attendance-table tbody tr.completed{background:var(--ds-info-bg, var(--ds-info-bg))}[data-theme=dark] .attendance-summary{background:var(--bg-surface, var(--ds-bg-base));border-color:var(--ds-border-default))}[data-theme=dark] .view-btn{background:var(--bg-hover, var(--ds-primary-hover-bg));color:var(--text-secondary, var(--ds-text-secondary))}[data-theme=dark] .view-btn:hover{background:var(--primary, var(--ds-secondary));color:var(--ds-text-on-primary)}[data-theme=dark] .role-badge{background:var(--primary-bg, var(--ds-primary-hover-bg));color:var(--primary, var(--ds-secondary))}[data-theme=dark] .time-placeholder,[data-theme=dark] .emp-name-info .emp-id{color:var(--text-muted, var(--ds-text-muted))}.employees-section{background:var(--ds-bg-surface);border-radius:16px;padding:1.5rem;margin-top:1.5rem;border:1px solid var(--ds-border-default);box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .15))}[data-theme=dark] .employees-section{background:linear-gradient(145deg,var(--ds-bg-surface) 0%,var(--bg-surface, var(--ds-bg-base)) 100%);border:1px solid var(--primary-border, var(--ds-primary-hover-bg));box-shadow:0 8px 32px var(--ds-primary-hover-bg)}.employees-section>h3{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1.125rem;font-weight:600;color:var(--ds-text-primary)}.employees-section>h3 svg{color:var(--primary, var(--ds-secondary))}.attendance-table thead{background:linear-gradient(135deg,var(--primary, var(--ds-secondary)) 0%,var(--ds-secondary, var(--ds-info)) 100%)}.attendance-table thead th{color:var(--ds-text-on-primary);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.75px;padding:1rem}[data-theme=dark] .status-pill.not-checked{background:var(--bg-muted, rgba(100, 116, 139, .2));color:var(--text-muted, var(--ds-text-secondary))}[data-theme=dark] .status-pill.working{background:var(--ds-success-bg, var(--ds-success-bg));color:var(--ds-success, var(--ds-success))}[data-theme=dark] .status-pill.completed{background:var(--ds-info-bg, var(--ds-info-bg));color:var(--ds-info, var(--ds-info))}@media(max-width:768px){.attendance-table th,.attendance-table td{padding:.5rem .75rem;font-size:.75rem}.emp-avatar-small{width:28px;height:28px}.emp-name-info .emp-id{display:none}.attendance-summary{flex-direction:column;gap:.75rem}}.shift-details.vip-shift{padding:1.25rem}.group-badge.upcoming{background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:var(--ds-text-on-primary)}.group-badge.not-started{background:var(--ds-bg-surface);color:var(--ds-text-secondary);border:1px solid var(--ds-border-default)}.group-badge.completed{background:linear-gradient(135deg,var(--ds-info) 0%,#2563eb 100%);color:var(--ds-text-on-primary)}.group-badge.active{background:linear-gradient(135deg,var(--ds-success) 0%,#059669 100%);color:var(--ds-text-on-primary);animation:pulse-glow 2s infinite}.group-badge.off-hours{background:linear-gradient(135deg,#6b7280,#4b5563);color:var(--ds-text-on-primary)}.group-badge.pending{background:var(--ds-bg-surface);color:var(--ds-text-secondary);border:1px dashed var(--ds-border-default)}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--ds-success-bg)}50%{box-shadow:0 0 0 8px #10b98100}}.shift-countdown.upcoming-shift{background:linear-gradient(135deg,var(--ds-warning-bg),rgba(217,119,6,.05));border:1px solid var(--ds-warning-bg);border-radius:12px;padding:1rem;margin:1rem 0}.shift-countdown.active-shift{background:linear-gradient(135deg,var(--ds-success-bg),rgba(5,150,105,.05));border:1px solid var(--ds-success-bg);border-radius:12px;padding:1rem;margin:1rem 0}.shift-countdown.ended-today{background:linear-gradient(135deg,#6b72801a,#4b55630d);border:1px solid rgba(107,114,128,.3);border-radius:12px;padding:1rem;margin:1rem 0}.countdown-header{display:flex;align-items:center;gap:.5rem;color:var(--ds-warning, var(--ds-warning));font-weight:600;margin-bottom:.75rem}.countdown-header.active{color:var(--ds-success, var(--ds-success))}.countdown-header.ended{color:var(--ds-text-secondary)}.shift-times{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 0}.time-block{text-align:center}.time-block .time-label{display:block;font-size:.75rem;color:var(--ds-text-secondary);margin-bottom:.25rem}.time-block .time-value{font-size:1.25rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--ds-success)}.time-arrow{font-size:1.5rem;color:var(--ds-text-secondary)}.vip-groups-summary{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:.75rem;background:var(--ds-bg-surface);border-radius:8px}.vip-groups-summary .stat-item{flex:1;min-width:150px;text-align:center;padding:.5rem}.vip-groups-summary .stat-item .label{display:block;font-size:.75rem;color:var(--ds-text-secondary);margin-bottom:.25rem}.vip-groups-summary .stat-item .value{font-size:.875rem;font-weight:600;color:var(--ds-text-primary)}.vip-groups-container{padding:1rem 0}.vip-groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.vip-group-card{background:var(--ds-bg-card);border:1px solid var(--ds-border-default);border-radius:12px;padding:1rem;transition:all .3s ease}.vip-group-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vip-group-card.active{border-color:var(--ds-success, var(--ds-success));box-shadow:0 0 0 2px var(--ds-success-bg)}.vip-group-card .group-header{margin-bottom:.75rem}.vip-group-card .group-title{display:flex;align-items:center;gap:.5rem}.vip-group-card .group-number{font-weight:700;font-size:1rem;padding:.25rem .75rem;border-radius:6px;background:var(--ds-bg-surface)}.vip-group-card .group-number.group-1{color:var(--ds-primary);background:#c12a331a}.vip-group-card .group-number.group-2{color:var(--ds-warning);background:var(--ds-warning-bg)}.vip-group-card .active-badge{font-size:.7rem;padding:.125rem .5rem;border-radius:50px;background:linear-gradient(135deg,var(--ds-success),#059669);color:var(--ds-text-on-primary);font-weight:600}.vip-group-card .group-leader{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem;background:var(--ds-bg-surface);border-radius:8px}.vip-group-card .leader-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ds-primary),#991b1b);color:var(--ds-text-on-primary);font-weight:700;font-size:.875rem}.vip-group-card .leader-avatar img{width:100%;height:100%;object-fit:cover}.vip-group-card .leader-info{display:flex;flex-direction:column}.vip-group-card .leader-name{font-weight:600;font-size:.875rem;color:var(--ds-text-primary)}.vip-group-card .leader-role{font-size:.75rem;color:var(--ds-primary)}.vip-group-card .group-times{margin-bottom:.75rem}.vip-group-card .time-row,.vip-group-card .date-row{display:flex;align-items:center;gap:.5rem;color:var(--ds-text-secondary);font-size:.8rem;margin-bottom:.25rem}.vip-group-card .time-row svg,.vip-group-card .date-row svg{color:var(--ds-primary)}.vip-group-card .group-employees{border-top:1px solid var(--ds-border-default);padding-top:.75rem}.vip-group-card .employees-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.5rem}.vip-group-card .employees-header svg{color:var(--ds-primary)}.vip-group-card .employees-list{display:flex;flex-direction:column;gap:.25rem}.vip-group-card .employee-name{font-size:.75rem;color:var(--ds-text-secondary);padding-left:1.25rem}.vip-group-card .more-employees{font-size:.75rem;color:var(--ds-primary);font-weight:500;padding-left:1.25rem}.current-shift-banner.vip-banner{border-left-color:var(--ds-primary)}.shift-type-badge.active-vip{background:linear-gradient(135deg,var(--ds-success) 0%,#059669 100%);color:var(--ds-text-on-primary)}.shift-type-badge.off-hours{background:linear-gradient(135deg,#6b7280,#4b5563);color:var(--ds-text-on-primary)}.shift-type-badge.upcoming-vip{background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:var(--ds-text-on-primary)}.value.off-duty{color:var(--ds-text-secondary)}.schedule-legend.vip-legend{border-top:1px dashed var(--ds-border-default);padding-top:1rem;margin-top:.5rem}.vacations__page{padding:1.5rem}.vacations__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.vacations__header-title{display:flex;align-items:center;gap:.75rem}.vacations__header-title svg{color:var(--ds-primary)}.vacations__header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary);margin:0}.vacations__stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.vacations__stat-card{display:flex;align-items:center;gap:1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.25rem}.vacations__stat-card--warning svg{color:var(--ds-warning)}.vacations__stat-card--success svg{color:var(--ds-success)}.vacations__stat-card--error svg{color:var(--ds-danger)}.vacations__stat-info{display:flex;flex-direction:column}.vacations__stat-value{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)}.vacations__stat-label{font-size:.85rem;color:var(--ds-text-secondary)}.vacations__page-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--ds-bg-surface);padding:.5rem;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:fit-content}.vacations__tab{padding:.75rem 1.5rem;background:none;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.vacations__tab:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.vacations__tab--active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.vacations__filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.vacations__search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;max-width:350px}.vacations__search-box svg{color:var(--ds-text-muted)}.vacations__search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:.95rem}.vacations__search-box input::placeholder{color:var(--ds-text-muted)}.vacations__filter-select{padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem;min-width:150px}.vacations__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.vacations__data-table{width:100%;border-collapse:collapse}.vacations__data-table th,.vacations__data-table td{padding:1rem;text-align:start;border-bottom:1px solid var(--ds-border-default)}.vacations__data-table th{background:var(--ds-bg-elevated);color:var(--ds-text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase}.vacations__data-table td{color:var(--ds-text-primary)}.vacations__data-table tr:hover td{background:var(--ds-bg-hover)}.vacations__employee-cell{display:flex;align-items:center;gap:.75rem}.vacations__avatar-sm{width:32px;height:32px;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted)}.vacations__date-range{font-size:.9rem;color:var(--ds-text-secondary)}.vacations__type-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--ds-radius-full);font-size:.8rem;font-weight:500}.vacations__type-badge--annual{background:var(--ds-info-bg);color:var(--ds-info)}.vacations__type-badge--sick{background:var(--ds-danger-bg);color:var(--ds-danger)}.vacations__type-badge--unpaid{background:#9ca3af26;color:var(--ds-text-secondary)}.vacations__status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--ds-radius-full);font-size:.8rem;font-weight:500;text-transform:capitalize}.vacations__status-badge--success{background:var(--ds-success-bg);color:var(--ds-success)}.vacations__status-badge--error{background:var(--ds-danger-bg);color:var(--ds-danger)}.vacations__status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.vacations__action-buttons{display:flex;gap:.5rem}.vacations__btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.vacations__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.vacations__btn-icon--success:hover{color:var(--ds-success);border-color:var(--ds-success)}.vacations__btn-icon--error:hover{color:var(--ds-danger);border-color:var(--ds-danger)}.vacations__calendar-placeholder,.vacations__balances-placeholder{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:3rem 2rem;text-align:center}.vacations__calendar-placeholder svg{color:var(--ds-text-muted);margin-bottom:1rem}.vacations__calendar-placeholder h3{color:var(--ds-text-primary);margin-bottom:.5rem}.vacations__calendar-placeholder p{color:var(--ds-text-secondary);margin:0}.vacations__balances-placeholder{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem;text-align:start}.vacations__balance-card{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:1.5rem}.vacations__balance-card h3{color:var(--ds-text-primary);font-size:1rem;margin:0 0 1rem}.vacations__balance-bar{height:8px;background:var(--ds-bg-base);border-radius:var(--ds-radius-full);overflow:hidden;margin-bottom:.75rem}.vacations__balance-used{height:100%;background:var(--ds-primary);border-radius:var(--ds-radius-full)}.vacations__balance-used--sick{background:var(--ds-danger)}.vacations__balance-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ds-text-secondary)}.vacations__modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:1rem}.vacations__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:500px}.vacations__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.vacations__modal-header h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:0}.vacations__modal-close{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;padding:0}.vacations__modal-close:hover{color:var(--ds-text-primary)}.vacations__modal-body{padding:1.5rem}.vacations__detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--ds-border-default)}.vacations__detail-row:last-child{border-bottom:none}.vacations__detail-label{color:var(--ds-text-secondary);font-size:.9rem}.vacations__detail-value{color:var(--ds-text-primary);font-weight:500}.vacations__modal-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--ds-border-default);justify-content:flex-end}.vacations__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--ds-transition-fast)}.vacations__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.vacations__btn--primary:hover{box-shadow:0 4px 12px var(--ds-primary-hover-bg)}.vacations__btn--success{background:var(--ds-success);color:var(--ds-text-on-primary)}.vacations__btn--success:hover{box-shadow:0 4px 12px var(--ds-success-bg)}.vacations__btn--error{background:var(--ds-danger);color:var(--ds-text-on-primary)}.vacations__btn--error:hover{box-shadow:0 4px 12px var(--ds-danger-bg)}@media(max-width:768px){.vacations__stats-row{grid-template-columns:1fr}.vacations__filters-bar{flex-direction:column}.vacations__search-box{max-width:none}.vacations__page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.reports__page{padding:var(--ds-space-6)}.reports__page .reports__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.reports__header-title{display:flex;align-items:center;gap:var(--ds-space-3)}.reports__header-title svg{color:var(--ds-primary)}.reports__header-title h1{font-size:1.75rem;font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.reports__date-filter{display:flex;align-items:center;gap:var(--ds-space-3);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4) var(--ds-space-5);margin-bottom:var(--ds-space-6);width:fit-content}.reports__date-filter svg{color:var(--ds-primary)}.reports__date-filter span{color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.reports__date-filter input{padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-sm)}.reports__category-tabs{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.reports__category-tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast)}.reports__category-tab:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.reports__category-tab--active{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.reports__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--ds-space-5);margin-bottom:var(--ds-space-8)}.reports__card{display:flex;flex-direction:column;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);transition:all var(--ds-transition-fast)}.reports__card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.reports__card-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);margin-bottom:var(--ds-space-4)}.reports__card-info{flex:1;margin-bottom:var(--ds-space-4)}.reports__card-info h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.reports__card-info p{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);line-height:var(--ds-leading-normal)}.reports__card-actions{display:flex;gap:var(--ds-space-3);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border-default)}.reports__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:.6rem var(--ds-space-4);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;border:none;transition:all var(--ds-transition-fast)}.reports__btn--pdf{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.reports__btn--pdf:hover{background:var(--ds-danger-hover)}.reports__btn--excel{background:var(--ds-success-bg);color:var(--ds-success-text)}.reports__btn--excel:hover{background:var(--ds-success-hover)}.reports__quick-stats{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6)}.reports__quick-stats h2{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin-bottom:var(--ds-space-5);padding-bottom:var(--ds-space-3);border-bottom:1px solid var(--ds-border-default)}.reports__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-4)}.reports__stat-card{display:flex;align-items:center;gap:var(--ds-space-4);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:var(--ds-space-5)}.reports__stat-card svg{color:var(--ds-primary)}.reports__stat-content{display:flex;flex-direction:column}.reports__stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.reports__stat-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}@media(max-width:1024px){.reports__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reports__grid,.reports__stats-grid{grid-template-columns:1fr}.reports__date-filter{flex-wrap:wrap}}.dynamic-dashboard__page{animation:dynamic-dashboard__fadeIn .3s ease-out;padding:var(--ds-space-2)}.dynamic-dashboard__page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--ds-space-4);color:var(--ds-text-secondary)}.dynamic-dashboard__page--theme-manager{--theme-primary: var(--ds-primary);--theme-gradient: linear-gradient(135deg, var(--ds-red-900), var(--ds-red-700))}.dynamic-dashboard__page--theme-supervisor{--theme-primary: var(--ds-info);--theme-gradient: linear-gradient(135deg, #7c3aed, #a855f7)}.dynamic-dashboard__page--theme-teamleader{--theme-primary: var(--ds-success);--theme-gradient: linear-gradient(135deg, var(--ds-success), #34d399)}.dynamic-dashboard__page--theme-default{--theme-primary: var(--ds-primary);--theme-gradient: linear-gradient(135deg, var(--ds-red-900), var(--ds-red-700))}.dynamic-dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-6);padding:var(--ds-space-6);background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);position:relative;overflow:hidden}.dynamic-dashboard__header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--theme-gradient)}.dynamic-dashboard__header-content{display:flex;align-items:center;gap:var(--ds-space-4)}.dynamic-dashboard__header-icon{width:56px;height:56px;border-radius:var(--ds-radius-xl);background:var(--theme-gradient);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-glow)}.dynamic-dashboard__header-text h1{font-size:1.5rem;font-weight:700;margin:0;color:var(--ds-text-primary)}.dynamic-dashboard__header-subtitle{font-size:.875rem;color:var(--ds-text-secondary);margin-top:var(--ds-space-1)}.dynamic-dashboard__header-date{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-muted);font-size:.875rem;background:var(--ds-bg-elevated);padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-lg)}.dynamic-dashboard__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-5);margin-bottom:var(--ds-space-6)}@media(max-width:1200px){.dynamic-dashboard__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dynamic-dashboard__stats-grid{grid-template-columns:1fr}}.dynamic-dashboard__stat-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-5);display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--ds-space-3);transition:all var(--ds-transition-base);position:relative;overflow:hidden}.dynamic-dashboard__stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent),transparent)}.dynamic-dashboard__stat-card:hover{transform:translateY(-3px);box-shadow:var(--ds-shadow-lg);border-color:var(--card-accent)}.dynamic-dashboard__stat-card--blue{--card-accent: var(--ds-primary)}.dynamic-dashboard__stat-card--green{--card-accent: var(--ds-success)}.dynamic-dashboard__stat-card--purple{--card-accent: var(--ds-info)}.dynamic-dashboard__stat-card--orange{--card-accent: var(--ds-warning)}.dynamic-dashboard__stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--card-accent);flex-shrink:0}.dynamic-dashboard__stat-content{flex:1;display:flex;flex-direction:column;min-width:100px}.dynamic-dashboard__stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);line-height:1.2}.dynamic-dashboard__stat-title{font-size:.8rem;color:var(--ds-text-secondary);margin-top:var(--ds-space-1)}.dynamic-dashboard__stat-trend{display:flex;align-items:center;gap:4px;background:var(--ds-success-bg);color:var(--ds-success);padding:4px 8px;border-radius:var(--ds-radius-md);font-size:.75rem;font-weight:600}.dynamic-dashboard__stat-label{width:100%;font-size:.7rem;color:var(--ds-text-muted);margin-top:var(--ds-space-2)}.dynamic-dashboard__content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-5)}@media(max-width:1024px){.dynamic-dashboard__content-grid{grid-template-columns:1fr}}.dynamic-dashboard__panel{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);overflow:hidden}.dynamic-dashboard__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-elevated)}.dynamic-dashboard__panel-header h3{display:flex;align-items:center;gap:var(--ds-space-2);font-size:.95rem;font-weight:600;color:var(--ds-text-primary);margin:0}.dynamic-dashboard__panel-header h3 svg{color:var(--theme-primary)}.dynamic-dashboard__view-all-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--ds-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.dynamic-dashboard__view-all-btn:hover{color:var(--ds-primary-hover)}.dynamic-dashboard__quick-actions-panel{grid-column:span 1}.dynamic-dashboard__quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-3);padding:var(--ds-space-4)}@media(max-width:600px){.dynamic-dashboard__quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.dynamic-dashboard__action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-4);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-fast)}.dynamic-dashboard__action-card:hover{transform:translateY(-2px);border-color:var(--action-color);box-shadow:var(--ds-shadow-md)}.dynamic-dashboard__action-card:hover .dynamic-dashboard__action-icon{background:var(--action-color);color:var(--ds-text-on-primary)}.dynamic-dashboard__action-card--blue{--action-color: var(--ds-primary)}.dynamic-dashboard__action-card--green{--action-color: var(--ds-success)}.dynamic-dashboard__action-card--purple{--action-color: var(--ds-info)}.dynamic-dashboard__action-card--orange{--action-color: var(--ds-warning)}.dynamic-dashboard__action-card--teal{--action-color: #14b8a6}.dynamic-dashboard__action-card--gray{--action-color: #6b7280}.dynamic-dashboard__action-icon{width:44px;height:44px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--action-color);transition:all var(--ds-transition-fast)}.dynamic-dashboard__action-title{font-size:.75rem;font-weight:500;color:var(--ds-text-secondary);text-align:center}.dynamic-dashboard__team-panel{grid-column:span 1}.dynamic-dashboard__team-list{padding:var(--ds-space-2);max-height:360px;overflow-y:auto}.dynamic-dashboard__team-member{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);border-radius:var(--ds-radius-lg);transition:background var(--ds-transition-fast)}.dynamic-dashboard__team-member:hover{background:var(--ds-bg-hover)}.dynamic-dashboard__member-avatar{width:40px;height:40px;border-radius:50%;background:var(--theme-gradient);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);font-size:.8rem;font-weight:600;flex-shrink:0}.dynamic-dashboard__member-info{flex:1;display:flex;flex-direction:column;min-width:0}.dynamic-dashboard__member-name{font-size:.875rem;font-weight:500;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-dashboard__member-role{font-size:.75rem;color:var(--ds-text-muted)}.dynamic-dashboard__member-status{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500;padding:4px 8px;border-radius:var(--ds-radius-md)}.dynamic-dashboard__member-status--active{background:var(--ds-success-bg);color:var(--ds-success)}.dynamic-dashboard__member-status--inactive{background:var(--ds-danger-bg);color:var(--ds-danger)}.dynamic-dashboard__team-footer{padding:var(--ds-space-3);text-align:center;border-top:1px solid var(--ds-border-default);color:var(--ds-text-muted);font-size:.8rem}.dynamic-dashboard__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-8);color:var(--ds-text-muted);text-align:center}.dynamic-dashboard__empty-state svg{opacity:.3;margin-bottom:var(--ds-space-3)}.dynamic-dashboard__empty-state p{margin-bottom:var(--ds-space-4)}.dynamic-dashboard__empty-state .dynamic-dashboard__btn{display:flex;align-items:center;gap:var(--ds-space-2)}.dynamic-dashboard__activity-panel{grid-column:span 1}.dynamic-dashboard__activity-list{padding:var(--ds-space-2)}.dynamic-dashboard__activity-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);border-radius:var(--ds-radius-lg);transition:background var(--ds-transition-fast)}.dynamic-dashboard__activity-item:hover{background:var(--ds-bg-hover)}.dynamic-dashboard__activity-icon{width:36px;height:36px;border-radius:var(--ds-radius-md);background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--ds-text-secondary);flex-shrink:0}.dynamic-dashboard__activity-content{flex:1;display:flex;flex-direction:column;min-width:0}.dynamic-dashboard__activity-user{font-size:.85rem;font-weight:500;color:var(--ds-text-primary)}.dynamic-dashboard__activity-type{font-size:.75rem;color:var(--ds-text-muted);text-transform:capitalize}.dynamic-dashboard__activity-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dynamic-dashboard__activity-status{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:var(--ds-radius-sm);text-transform:uppercase}.dynamic-dashboard__activity-status--success{background:var(--ds-success-bg);color:var(--ds-success)}.dynamic-dashboard__activity-status--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.dynamic-dashboard__activity-status--info{background:var(--ds-info-bg);color:var(--ds-info)}.dynamic-dashboard__activity-time{font-size:.7rem;color:var(--ds-text-muted)}.dynamic-dashboard__summary-panel{grid-column:span 1}.dynamic-dashboard__summary-stats{display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-4)}.dynamic-dashboard__summary-item{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg)}.dynamic-dashboard__summary-icon{width:44px;height:44px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dynamic-dashboard__summary-icon--green{background:var(--ds-success-bg);color:var(--ds-success)}.dynamic-dashboard__summary-icon--yellow{background:var(--ds-warning-bg);color:var(--ds-warning)}.dynamic-dashboard__summary-icon--blue{background:#f5333f26;color:var(--ds-primary)}.dynamic-dashboard__summary-data{display:flex;flex-direction:column}.dynamic-dashboard__summary-value{font-size:1.25rem;font-weight:700;color:var(--ds-text-primary)}.dynamic-dashboard__summary-label{font-size:.8rem;color:var(--ds-text-secondary)}@keyframes dynamic-dashboard__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dynamic-dashboard__team-list::-webkit-scrollbar,.dynamic-dashboard__activity-list::-webkit-scrollbar{width:6px}.dynamic-dashboard__team-list::-webkit-scrollbar-track,.dynamic-dashboard__activity-list::-webkit-scrollbar-track{background:var(--ds-bg-elevated);border-radius:3px}.dynamic-dashboard__team-list::-webkit-scrollbar-thumb,.dynamic-dashboard__activity-list::-webkit-scrollbar-thumb{background:var(--ds-border-default);border-radius:3px}.dynamic-dashboard__team-list::-webkit-scrollbar-thumb:hover,.dynamic-dashboard__activity-list::-webkit-scrollbar-thumb:hover{background:var(--ds-text-muted)}.hierarchy-dashboard{padding:var(--ds-space-6);max-width:1600px;margin:0 auto}.hierarchy-dashboard.rtl{direction:rtl}.hierarchy-dashboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--ds-space-4)}.hierarchy-dashboard__loading-spinner{width:48px;height:48px;border:4px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:hierarchy-dashboard-spin 1s linear infinite}@keyframes hierarchy-dashboard-spin{to{transform:rotate(360deg)}}.hierarchy-dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-8)}.hierarchy-dashboard__header-left h1{font-size:1.875rem;font-weight:700;color:var(--ds-text-primary);margin:0 0 var(--ds-space-1) 0}.hierarchy-dashboard__header-subtitle{color:var(--ds-text-secondary);font-size:.9375rem;margin:0}.hierarchy-dashboard__header-actions{display:flex;gap:var(--ds-space-3)}.hierarchy-dashboard__refresh-btn,.hierarchy-dashboard__export-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:10px var(--ds-space-4);border-radius:var(--ds-radius-md);font-size:.875rem;cursor:pointer;transition:all var(--ds-transition-fast);border:none}.hierarchy-dashboard__refresh-btn{background:var(--ds-bg-surface);color:var(--ds-text-secondary)}.hierarchy-dashboard__refresh-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.hierarchy-dashboard__refresh-btn--spinning svg{animation:hierarchy-dashboard-spin 1s linear infinite}.hierarchy-dashboard__export-btn{background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-dark) 100%);color:var(--ds-text-on-primary)}.hierarchy-dashboard__export-btn:hover{background:linear-gradient(135deg,var(--ds-primary-dark) 0%,var(--ds-primary-darker) 100%);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}.hierarchy-dashboard__stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--ds-space-5);margin-bottom:var(--ds-space-8)}.hierarchy-dashboard__stat-card{background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);padding:var(--ds-space-5);display:flex;align-items:flex-start;gap:var(--ds-space-4);box-shadow:var(--ds-shadow-sm);border:1px solid var(--ds-border-light);position:relative;overflow:hidden}.hierarchy-dashboard__stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.hierarchy-dashboard__stat-card--primary:before{background:linear-gradient(180deg,var(--ds-primary),var(--ds-primary-dark))}.hierarchy-dashboard__stat-card--success:before{background:linear-gradient(180deg,var(--ds-success),var(--ds-success-dark))}.hierarchy-dashboard__stat-card--warning:before{background:linear-gradient(180deg,var(--ds-warning),var(--ds-warning-dark))}.hierarchy-dashboard__stat-card--danger:before{background:linear-gradient(180deg,var(--ds-danger),var(--ds-danger-dark))}.hierarchy-dashboard__stat-card--info:before{background:linear-gradient(180deg,var(--ds-info),var(--ds-info-dark))}.hierarchy-dashboard__stat-card--neutral:before{background:linear-gradient(180deg,var(--ds-black-400),var(--ds-black-500))}.rtl .hierarchy-dashboard__stat-card:before{left:auto;right:0}.hierarchy-dashboard__stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center}.hierarchy-dashboard__stat-card--primary .hierarchy-dashboard__stat-icon{background:var(--ds-primary-bg);color:var(--ds-primary)}.hierarchy-dashboard__stat-card--success .hierarchy-dashboard__stat-icon{background:var(--ds-success-bg);color:var(--ds-success)}.hierarchy-dashboard__stat-card--warning .hierarchy-dashboard__stat-icon{background:var(--ds-warning-bg);color:var(--ds-warning)}.hierarchy-dashboard__stat-card--danger .hierarchy-dashboard__stat-icon{background:var(--ds-danger-bg);color:var(--ds-danger)}.hierarchy-dashboard__stat-card--info .hierarchy-dashboard__stat-icon{background:var(--ds-info-bg);color:var(--ds-info)}.hierarchy-dashboard__stat-card--neutral .hierarchy-dashboard__stat-icon{background:var(--ds-bg-surface);color:var(--ds-text-secondary)}.hierarchy-dashboard__stat-content{display:flex;flex-direction:column}.hierarchy-dashboard__stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);line-height:1.2}.hierarchy-dashboard__stat-label{font-size:.8125rem;color:var(--ds-text-secondary);margin-top:var(--ds-space-1)}.hierarchy-dashboard__stat-sublabel{font-size:.75rem;color:var(--ds-text-tertiary);margin-top:var(--ds-space-1)}.hierarchy-dashboard__stat-trend{position:absolute;top:var(--ds-space-3);right:var(--ds-space-3);display:flex;align-items:center;gap:var(--ds-space-1);font-size:.75rem;font-weight:500;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full)}.rtl .hierarchy-dashboard__stat-trend{right:auto;left:var(--ds-space-3)}.hierarchy-dashboard__stat-trend--positive{background:var(--ds-success-bg);color:var(--ds-success-dark)}.hierarchy-dashboard__stat-trend--negative{background:var(--ds-danger-bg);color:var(--ds-danger-dark)}.hierarchy-dashboard__alerts-section{background:var(--ds-warning-bg);border:1px solid var(--ds-warning);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4) var(--ds-space-5);margin-bottom:var(--ds-space-6)}.hierarchy-dashboard__alerts-section h3{font-size:.9375rem;font-weight:600;color:var(--ds-warning-dark);margin:0 0 var(--ds-space-3) 0}.hierarchy-dashboard__alerts-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.hierarchy-dashboard__alert-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-3);background:#ffffffb3;border-radius:var(--ds-radius-md)}.hierarchy-dashboard__alert-message{font-size:.875rem;color:var(--ds-warning-darker)}.hierarchy-dashboard__tabs{display:flex;gap:var(--ds-space-1);background:var(--ds-bg-surface);padding:var(--ds-space-1);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-6);width:fit-content}.hierarchy-dashboard__tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border:none;background:transparent;color:var(--ds-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.hierarchy-dashboard__tab:hover{color:var(--ds-text-primary)}.hierarchy-dashboard__tab--active{background:var(--ds-card-bg);color:var(--ds-primary);box-shadow:var(--ds-shadow-sm)}.hierarchy-dashboard__tab-content{background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-sm);padding:var(--ds-space-6)}.hierarchy-dashboard__overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-6)}.hierarchy-dashboard__card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5)}.hierarchy-dashboard__card h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 var(--ds-space-4) 0}.hierarchy-dashboard__actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3)}.hierarchy-dashboard__quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-5);background:linear-gradient(135deg,var(--ds-bg-surface) 0%,var(--ds-bg-elevated) 100%);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--ds-transition-fast)}.hierarchy-dashboard__quick-action-btn:hover{background:linear-gradient(135deg,var(--ds-primary-bg) 0%,var(--ds-primary-light) 100%);border-color:var(--ds-primary-light);color:var(--ds-primary-dark);transform:translateY(-2px)}.hierarchy-dashboard__activity-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.hierarchy-dashboard__activity-item{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md)}.hierarchy-dashboard__activity-icon{width:32px;height:32px;border-radius:var(--ds-radius-md);background:var(--ds-primary-bg);color:var(--ds-primary);display:flex;align-items:center;justify-content:center}.hierarchy-dashboard__activity-content{display:flex;flex-direction:column;gap:var(--ds-space-1)}.hierarchy-dashboard__activity-text{font-size:.875rem;color:var(--ds-text-primary)}.hierarchy-dashboard__activity-time{font-size:.75rem;color:var(--ds-text-tertiary)}.hierarchy-dashboard__no-activity,.hierarchy-dashboard__no-data{text-align:center;color:var(--ds-text-tertiary);font-size:.875rem;padding:var(--ds-space-6)}.hierarchy-dashboard__filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-5);flex-wrap:wrap}.hierarchy-dashboard__search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.hierarchy-dashboard__search-box input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--ds-text-primary)}.hierarchy-dashboard__search-box input:focus{outline:none}.hierarchy-dashboard__search-box input::placeholder{color:var(--ds-text-tertiary)}.hierarchy-dashboard__filter-group{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary)}.hierarchy-dashboard__filter-group select{padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:.875rem;color:var(--ds-text-primary);background:var(--ds-card-bg);cursor:pointer}.hierarchy-dashboard__staff-table-container{overflow-x:auto}.hierarchy-dashboard__staff-table{width:100%;border-collapse:collapse}.hierarchy-dashboard__staff-table th,.hierarchy-dashboard__staff-table td{padding:var(--ds-space-4);text-align:start}.hierarchy-dashboard__staff-table th{background:var(--ds-bg-surface);font-size:.75rem;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.05em}.hierarchy-dashboard__staff-table tbody tr{border-bottom:1px solid var(--ds-border-light);transition:background var(--ds-transition-fast)}.hierarchy-dashboard__staff-table tbody tr:hover{background:var(--ds-bg-hover)}.hierarchy-dashboard__staff-info{display:flex;align-items:center;gap:var(--ds-space-3)}.hierarchy-dashboard__staff-avatar{width:40px;height:40px;border-radius:var(--ds-radius-lg);background:var(--ds-bg-surface);display:flex;align-items:center;justify-content:center;color:var(--ds-text-tertiary);overflow:hidden}.hierarchy-dashboard__staff-avatar img{width:100%;height:100%;object-fit:cover}.hierarchy-dashboard__staff-name{font-weight:500;color:var(--ds-text-primary)}.hierarchy-dashboard__staff-id{font-size:.75rem;color:var(--ds-text-tertiary)}.hierarchy-dashboard__status-badge{display:inline-block;padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:500}.hierarchy-dashboard__performance-rating{display:flex;gap:2px}.hierarchy-dashboard__performance-rating .filled{color:var(--ds-warning);fill:var(--ds-warning)}.hierarchy-dashboard__performance-rating .empty{color:var(--ds-border-default)}.hierarchy-dashboard__action-buttons{display:flex;gap:var(--ds-space-2)}.hierarchy-dashboard__action-btn{width:32px;height:32px;border-radius:var(--ds-radius-sm);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ds-transition-fast)}.hierarchy-dashboard__action-btn--view{background:var(--ds-primary-bg);color:var(--ds-primary)}.hierarchy-dashboard__action-btn--view:hover{background:var(--ds-primary);color:var(--ds-text-on-primary)}.hierarchy-dashboard__action-btn--edit{background:var(--ds-success-bg);color:var(--ds-success)}.hierarchy-dashboard__action-btn--edit:hover{background:var(--ds-success);color:var(--ds-text-on-primary)}.hierarchy-dashboard__sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-5)}.hierarchy-dashboard__site-card{background:linear-gradient(135deg,var(--ds-bg-surface) 0%,var(--ds-card-bg) 100%);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:all var(--ds-transition-fast)}.hierarchy-dashboard__site-card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.hierarchy-dashboard__site-header{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-4)}.hierarchy-dashboard__site-header svg{color:var(--ds-primary)}.hierarchy-dashboard__site-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.hierarchy-dashboard__site-stats{display:flex;gap:var(--ds-space-5);margin-bottom:var(--ds-space-4)}.hierarchy-dashboard__site-stat{display:flex;flex-direction:column;gap:var(--ds-space-1)}.hierarchy-dashboard__site-stat .hierarchy-dashboard__stat-label{font-size:.75rem;color:var(--ds-text-secondary)}.hierarchy-dashboard__site-stat .hierarchy-dashboard__stat-value{font-size:1.125rem;font-weight:600;color:var(--ds-text-primary)}.hierarchy-dashboard__site-stat .hierarchy-dashboard__status-badge--active{background:var(--ds-success-bg);color:var(--ds-success-dark)}.hierarchy-dashboard__site-stat .hierarchy-dashboard__status-badge--inactive{background:var(--ds-danger-bg);color:var(--ds-danger-dark)}.hierarchy-dashboard__view-site-btn{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-3);background:var(--ds-bg-surface);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--ds-transition-fast)}.hierarchy-dashboard__view-site-btn:hover{background:var(--ds-primary);color:var(--ds-text-on-primary)}.hierarchy-dashboard__performance-summary{margin-bottom:var(--ds-space-6)}.hierarchy-dashboard__performance-chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);color:var(--ds-text-tertiary)}.hierarchy-dashboard__performance-chart-placeholder p{margin-top:var(--ds-space-3);font-size:.9375rem}.hierarchy-dashboard__top-performers{max-width:400px}.hierarchy-dashboard__performers-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.hierarchy-dashboard__performer-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md)}.hierarchy-dashboard__performer-rank{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ds-warning),var(--ds-warning-dark));color:var(--ds-text-on-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.hierarchy-dashboard__performer-info{display:flex;flex-direction:column;gap:var(--ds-space-1)}.hierarchy-dashboard__performer-name{font-weight:500;color:var(--ds-text-primary)}.hierarchy-dashboard__performer-rating{display:flex;gap:2px}.hierarchy-dashboard__performer-rating .filled{color:var(--ds-warning);fill:var(--ds-warning)}.hierarchy-dashboard__performer-rating .empty{color:var(--ds-border-default)}.hierarchy-dashboard__attendance-content{display:flex;flex-direction:column;gap:var(--ds-space-6)}.hierarchy-dashboard__attendance-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-5)}.hierarchy-dashboard__attendance-stat-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5);background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.hierarchy-dashboard__attendance-stat-card .hierarchy-dashboard__stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center}.hierarchy-dashboard__attendance-stat-card--success .hierarchy-dashboard__stat-icon{background:var(--ds-success-bg);color:var(--ds-success-dark)}.hierarchy-dashboard__attendance-stat-card--info .hierarchy-dashboard__stat-icon{background:var(--ds-primary-bg);color:var(--ds-primary)}.hierarchy-dashboard__attendance-stat-card--warning .hierarchy-dashboard__stat-icon{background:var(--ds-warning-bg);color:var(--ds-warning-dark)}.hierarchy-dashboard__attendance-stat-card--danger .hierarchy-dashboard__stat-icon{background:var(--ds-danger-bg);color:var(--ds-danger-dark)}.hierarchy-dashboard__attendance-stat-card .hierarchy-dashboard__stat-info{display:flex;flex-direction:column}.hierarchy-dashboard__attendance-stat-card .hierarchy-dashboard__stat-value{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)}.hierarchy-dashboard__attendance-stat-card .hierarchy-dashboard__stat-label{font-size:.8125rem;color:var(--ds-text-secondary)}.hierarchy-dashboard__attendance-progress{padding:var(--ds-space-6)}.hierarchy-dashboard__progress-container{display:flex;flex-direction:column;gap:var(--ds-space-2)}.hierarchy-dashboard__progress-bar{height:12px;background:var(--ds-border-default);border-radius:var(--ds-radius-sm);overflow:hidden}.hierarchy-dashboard__progress-fill{height:100%;background:linear-gradient(90deg,var(--ds-success),var(--ds-success-dark));border-radius:var(--ds-radius-sm);transition:width .5s ease}.hierarchy-dashboard__progress-text{font-size:.875rem;color:var(--ds-text-secondary)}.hierarchy-dashboard__recent-checkins{padding:var(--ds-space-6)}.hierarchy-dashboard__checkins-list{display:flex;flex-direction:column;gap:var(--ds-space-3);margin-bottom:var(--ds-space-4)}.hierarchy-dashboard__checkin-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md)}.hierarchy-dashboard__checkin-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-dark));display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);overflow:hidden}.hierarchy-dashboard__checkin-avatar img{width:100%;height:100%;object-fit:cover}.hierarchy-dashboard__checkin-info{flex:1;display:flex;flex-direction:column}.hierarchy-dashboard__checkin-name{font-weight:500;color:var(--ds-text-primary)}.hierarchy-dashboard__checkin-time{font-size:.75rem;color:var(--ds-text-tertiary)}.hierarchy-dashboard__status-badge--present{background:var(--ds-success-bg);color:var(--ds-success-dark)}.hierarchy-dashboard__status-badge--late{background:var(--ds-warning-bg);color:var(--ds-warning-dark)}.hierarchy-dashboard__status-badge--absent{background:var(--ds-danger-bg);color:var(--ds-danger-dark)}.hierarchy-dashboard__view-all-btn{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);width:100%;padding:var(--ds-space-3);background:var(--ds-bg-surface);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--ds-transition-fast)}.hierarchy-dashboard__view-all-btn:hover{background:var(--ds-primary);color:var(--ds-text-on-primary)}@media(max-width:1200px){.hierarchy-dashboard__stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hierarchy-dashboard{padding:var(--ds-space-4)}.hierarchy-dashboard__header{flex-direction:column;gap:var(--ds-space-4)}.hierarchy-dashboard__stats-grid{grid-template-columns:repeat(2,1fr)}.hierarchy-dashboard__overview-grid{grid-template-columns:1fr}.hierarchy-dashboard__tabs{width:100%;overflow-x:auto}.hierarchy-dashboard__tab span{display:none}.hierarchy-dashboard__filters-bar{flex-direction:column}.hierarchy-dashboard__search-box{min-width:100%}.hierarchy-dashboard__attendance-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hierarchy-dashboard__stats-grid{grid-template-columns:1fr}.hierarchy-dashboard__stat-card{padding:var(--ds-space-4)}.hierarchy-dashboard__staff-table th:nth-child(4),.hierarchy-dashboard__staff-table td:nth-child(4),.hierarchy-dashboard__staff-table th:nth-child(5),.hierarchy-dashboard__staff-table td:nth-child(5){display:none}.hierarchy-dashboard__attendance-stats-grid{grid-template-columns:1fr}}.manager-dashboard__page{padding:1.5rem}.manager-dashboard__page .manager-dashboard__page-header{margin-bottom:1.5rem}.manager-dashboard__header-title{display:flex;align-items:center;gap:1rem}.manager-dashboard__header-title svg{color:var(--ds-primary)}.manager-dashboard__header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.manager-dashboard__header-title p{color:var(--ds-text-secondary);font-size:.9rem}.manager-dashboard__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.manager-dashboard__stat-card{display:flex;align-items:center;gap:1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.25rem}.manager-dashboard__stat-card--primary svg{color:var(--ds-primary)}.manager-dashboard__stat-card--success svg{color:var(--ds-success)}.manager-dashboard__stat-card--warning svg{color:var(--ds-warning)}.manager-dashboard__stat-card--error svg{color:var(--ds-danger)}.manager-dashboard__stat-info{display:flex;flex-direction:column}.manager-dashboard__stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary)}.manager-dashboard__stat-label{font-size:.85rem;color:var(--ds-text-secondary)}.manager-dashboard__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.manager-dashboard__card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.5rem}.manager-dashboard__card--full-width{grid-column:1 / -1}.manager-dashboard__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border-default)}.manager-dashboard__card-header h2{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary);display:flex;align-items:center;gap:.75rem}.manager-dashboard__badge{background:var(--ds-primary);color:var(--ds-text-on-primary);padding:.2rem .6rem;border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:600}.manager-dashboard__btn-link{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--ds-primary);font-size:.85rem;cursor:pointer}.manager-dashboard__supervisors-list{display:flex;flex-direction:column;gap:.75rem}.manager-dashboard__supervisor-item{display:flex;align-items:center;gap:1rem;padding:.875rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);border-left:3px solid var(--ds-success)}.manager-dashboard__supervisor-item--warning{border-left-color:var(--ds-warning)}.manager-dashboard__supervisor-avatar{width:40px;height:40px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-full);display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted)}.manager-dashboard__supervisor-info{flex:1}.manager-dashboard__supervisor-info h4{color:var(--ds-text-primary);font-weight:600;margin-bottom:.2rem}.manager-dashboard__site-name{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--ds-text-muted)}.manager-dashboard__staff-count{text-align:center}.manager-dashboard__staff-count strong{display:block;font-size:1.25rem;color:var(--ds-text-primary)}.manager-dashboard__staff-count span{font-size:.75rem;color:var(--ds-text-muted)}.manager-dashboard__approvals-list{display:flex;flex-direction:column;gap:.75rem}.manager-dashboard__approval-item{display:flex;align-items:center;justify-content:space-between;padding:.875rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.manager-dashboard__approval-info{flex:1}.manager-dashboard__approval-type{font-size:.7rem;text-transform:uppercase;color:var(--ds-primary);font-weight:600;letter-spacing:.05em}.manager-dashboard__approval-info h4{color:var(--ds-text-primary);font-weight:600;margin:.2rem 0}.manager-dashboard__approval-info p{font-size:.8rem;color:var(--ds-text-muted)}.manager-dashboard__btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer}.manager-dashboard__btn-icon--success:hover{color:var(--ds-success);border-color:var(--ds-success)}.manager-dashboard__performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.manager-dashboard__performance-card{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:1.25rem;border-left:3px solid var(--ds-success)}.manager-dashboard__performance-card--warning{border-left-color:var(--ds-warning)}.manager-dashboard__performance-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.manager-dashboard__performance-header svg{color:var(--ds-text-muted)}.manager-dashboard__performance-header h4{font-size:.95rem;font-weight:600;color:var(--ds-text-primary)}.manager-dashboard__performance-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.manager-dashboard__perf-stat{display:flex;flex-direction:column}.manager-dashboard__perf-value{font-size:1.25rem;font-weight:700;color:var(--ds-text-primary)}.manager-dashboard__perf-label{font-size:.75rem;color:var(--ds-text-muted)}.manager-dashboard__rating-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:500;text-transform:capitalize}.manager-dashboard__rating-badge--excellent{background:var(--ds-success-bg);color:var(--ds-success)}.manager-dashboard__rating-badge--good{background:var(--ds-info-bg);color:var(--ds-info)}.manager-dashboard__rating-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}@media(max-width:1024px){.manager-dashboard__stats-grid{grid-template-columns:repeat(2,1fr)}.manager-dashboard__grid{grid-template-columns:1fr}.manager-dashboard__performance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.manager-dashboard__stats-grid,.manager-dashboard__performance-grid{grid-template-columns:1fr}}.changelog-modal{position:relative;width:90%;max-width:700px;max-height:85vh;background:var(--ds-bg-base);border-radius:var(--ds-radius-xl);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);color:#fff}.header-info{display:flex;align-items:center;gap:1rem}.header-info h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.header-info p{font-size:.9rem;opacity:.9}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border:none;border-radius:var(--ds-radius-md);color:#fff;cursor:pointer;transition:background .2s ease}.close-btn:hover{background:#ffffff4d}.modal-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.filter-select{padding:.5rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.875rem}.export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--ds-secondary);border-color:var(--ds-secondary);color:#fff}.modal-content{flex:1;overflow-y:auto;padding:1.5rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--ds-text-muted)}.empty-state h3{color:var(--ds-text-secondary);margin-bottom:.5rem}.logs-timeline{position:relative}.logs-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--ds-border-default)}.log-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;position:relative}.log-item:not(:last-child){border-bottom:1px solid var(--ds-border-default)}.log-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;z-index:1;background:var(--ds-bg-surface)}.log-content{flex:1;min-width:0}.log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.log-header strong{color:var(--ds-text-primary);font-size:.95rem}.log-time{display:flex;align-items:center;gap:.35rem;color:var(--ds-text-muted);font-size:.8rem}.log-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.log-user{display:flex;align-items:center;gap:.35rem;color:var(--ds-text-secondary);font-size:.8rem}.log-details{padding:.25rem .5rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-sm);font-size:.75rem;color:var(--ds-text-muted);font-family:monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .logs-timeline:before{left:auto;right:19px}[dir=rtl] .log-header{flex-direction:row-reverse}@media(max-width:600px){.changelog-modal{width:95%;max-height:90vh}.modal-toolbar{flex-direction:column;gap:.75rem}.filter-select,.export-btn{width:100%}.log-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.approval-modal{position:relative;width:90%;max-width:500px;background:var(--ds-bg-base);border-radius:var(--ds-radius-xl);box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.approval-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.approval-modal .modal-header h2{font-size:1.15rem;font-weight:600;color:var(--ds-text-primary)}.approval-modal .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-muted);cursor:pointer;transition:all .2s ease}.approval-modal .close-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.approval-modal .modal-content{padding:1.5rem}.employee-summary{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);margin-bottom:1.5rem}.employee-summary .employee-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);border-radius:12px;color:#fff;font-weight:600;font-size:1rem}.employee-summary .employee-details{display:flex;flex-direction:column}.employee-summary .employee-details strong{color:var(--ds-text-primary);font-size:1rem}.employee-summary .employee-details span{color:var(--ds-text-muted);font-size:.85rem}.item-details{margin-bottom:1.5rem;padding:1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.item-details h4{font-size:.85rem;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-item .label{font-size:.75rem;color:var(--ds-text-muted);text-transform:capitalize}.detail-item .value{font-size:.9rem;color:var(--ds-text-primary);font-weight:500}.action-selection{text-align:center}.action-selection p{color:var(--ds-text-secondary);margin-bottom:1rem}.action-selection .action-buttons{display:flex;gap:1rem}.action-selection .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--ds-bg-base)}.action-selection .action-btn.approve{color:#10b981}.action-selection .action-btn.approve:hover{background:#10b9811a;border-color:#10b981}.action-selection .action-btn.deny{color:#ef4444}.action-selection .action-btn.deny:hover{background:#ef44441a;border-color:#ef4444}.comment-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--ds-radius-md);margin-bottom:1rem;font-weight:500}.action-indicator.approve{background:#10b98126;color:#10b981}.action-indicator.deny{background:#ef444426;color:#ef4444}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--ds-text-secondary);margin-bottom:.5rem}.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.form-group textarea:focus{outline:none;border-color:var(--ds-secondary)}.warning-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f59e0b1a;border-radius:var(--ds-radius-md);font-size:.85rem;color:#f59e0b}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default)}.btn-secondary,.btn-cancel,.btn-confirm{padding:.75rem 1.5rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-primary)}.btn-cancel{background:transparent;border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.btn-cancel:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.btn-confirm{border:none;color:#fff}.btn-confirm.approve{background:#10b981}.btn-confirm.approve:hover{background:#059669}.btn-confirm.deny{background:#ef4444}.btn-confirm.deny:hover{background:#dc2626}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .employee-summary,[dir=rtl] .modal-footer{flex-direction:row-reverse}.assign-modal{width:95%;max-width:700px;max-height:85vh;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease}.assign-modal .modal-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.assign-modal .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--ds-success) 0%,var(--ds-success-hover) 100%);border-radius:12px;color:#fff}.assign-modal .header-info{flex:1}.assign-modal .header-info h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.assign-modal .header-info p{font-size:.9rem;color:var(--ds-text-secondary)}.assign-modal .header-info strong{color:var(--ds-secondary)}.assign-modal .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.assign-modal .close-btn:hover{background:var(--ds-error);border-color:var(--ds-error);color:#fff}.assign-modal .modal-toolbar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--ds-bg-base);border-bottom:1px solid var(--ds-border-default);flex-wrap:wrap}.assign-modal .search-box{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;padding:.625rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary)}.assign-modal .search-box input{flex:1;background:transparent;border:none;color:var(--ds-text-primary);font-size:.9rem;outline:none}.assign-modal .search-box input::placeholder{color:var(--ds-text-muted)}.assign-modal .filter-select{padding:.625rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;cursor:pointer}.assign-modal .selection-actions{display:flex;gap:.5rem}.assign-modal .btn-text{padding:.5rem .75rem;background:transparent;border:none;color:var(--ds-secondary);font-size:.85rem;cursor:pointer;transition:color .2s ease}.assign-modal .btn-text:hover{color:var(--ds-primary-light)}.assign-modal .modal-content{flex:1;overflow-y:auto;padding:1rem 1.5rem}.assign-modal .loading-state,.assign-modal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ds-text-muted);gap:1rem}.assign-modal .employee-list{display:flex;flex-direction:column;gap:.5rem}.assign-modal .employee-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all .2s ease}.assign-modal .employee-item:hover{border-color:var(--ds-secondary)}.assign-modal .employee-item.selected{border-color:var(--ds-success);background:var(--ds-success-bg)}.assign-modal .checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--ds-border-default);border-radius:4px;flex-shrink:0;transition:all .2s ease}.assign-modal .employee-item.selected .checkbox{background:var(--ds-success);border-color:var(--ds-success);color:#fff}.assign-modal .avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);border-radius:50%;font-size:1rem;font-weight:600;color:#fff;flex-shrink:0}.assign-modal .employee-info{flex:1;min-width:0}.assign-modal .employee-info strong{display:block;font-size:.95rem;color:var(--ds-text-primary);margin-bottom:.2rem}.assign-modal .employee-meta{font-size:.8rem;color:var(--ds-text-muted)}.assign-modal .employee-tags{display:flex;gap:.5rem}.assign-modal .tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--ds-bg-elevated);border-radius:100px;font-size:.75rem;color:var(--ds-text-secondary)}.assign-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--ds-bg-elevated);border-top:1px solid var(--ds-border-default)}.assign-modal .selection-info .selected-count{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-success-bg);border-radius:100px;font-size:.85rem;color:var(--ds-success)}.assign-modal .footer-actions{display:flex;gap:.75rem}.assign-modal .btn-cancel{padding:.625rem 1.25rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.assign-modal .btn-cancel:hover{background:var(--ds-bg-hover)}.assign-modal .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--ds-success);border:none;border-radius:var(--ds-radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.assign-modal .btn-primary:hover:not(:disabled){background:var(--ds-success-hover)}.assign-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .assign-modal .employee-item,[dir=rtl] .assign-modal .modal-header{flex-direction:row-reverse}@media(max-width:600px){.assign-modal{max-height:95vh}.assign-modal .modal-toolbar{flex-direction:column;align-items:stretch}.assign-modal .search-box{width:100%}.assign-modal .modal-footer{flex-direction:column;gap:1rem}.assign-modal .footer-actions{width:100%}.assign-modal .footer-actions button{flex:1}}.transfer-modal{width:95%;max-width:550px;max-height:85vh;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);display:flex;flex-direction:column;overflow:hidden}.transfer-modal .modal-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.transfer-modal .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary) 100%);border-radius:12px;color:#fff}.transfer-modal .header-info{flex:1}.transfer-modal .header-info h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.transfer-modal .header-info p{font-size:.9rem;color:var(--ds-text-secondary)}.transfer-modal .header-info strong{color:var(--ds-secondary)}.transfer-modal .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.transfer-modal .close-btn:hover{background:var(--ds-error);border-color:var(--ds-error);color:#fff}.transfer-modal .current-assignment{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--ds-bg-base);border-bottom:1px solid var(--ds-border-default)}.transfer-modal .assignment-label{font-size:.85rem;color:var(--ds-text-muted)}.transfer-modal .assignment-value{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-weight:500}.transfer-modal .transfer-arrow{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#6366f11a;color:var(--ds-secondary);font-size:.85rem;font-weight:500}.transfer-modal .search-section{padding:1rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.transfer-modal .search-box{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary)}.transfer-modal .search-box input{flex:1;background:transparent;border:none;color:var(--ds-text-primary);font-size:.9rem;outline:none}.transfer-modal .modal-content{flex:1;overflow-y:auto;padding:1rem 1.5rem;min-height:200px;max-height:300px}.transfer-modal .loading-state,.transfer-modal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--ds-text-muted);gap:1rem}.transfer-modal .target-list{display:flex;flex-direction:column;gap:.5rem}.transfer-modal .target-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all .2s ease}.transfer-modal .target-item:hover{border-color:var(--ds-secondary)}.transfer-modal .target-item.selected{border-color:var(--ds-secondary);background:#6366f11a}.transfer-modal .radio{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--ds-border-default);border-radius:50%;flex-shrink:0;transition:all .2s ease}.transfer-modal .target-item.selected .radio{border-color:var(--ds-secondary)}.transfer-modal .radio-dot{width:10px;height:10px;background:var(--ds-secondary);border-radius:50%}.transfer-modal .avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);border-radius:50%;font-size:.9rem;font-weight:600;color:#fff;flex-shrink:0}.transfer-modal .target-info{flex:1;min-width:0}.transfer-modal .target-info strong{display:block;font-size:.95rem;color:var(--ds-text-primary);margin-bottom:.15rem}.transfer-modal .target-info span{font-size:.8rem;color:var(--ds-text-muted)}.transfer-modal .comments-section{padding:1rem 1.5rem;border-top:1px solid var(--ds-border-default)}.transfer-modal .comments-section label{display:block;font-size:.85rem;color:var(--ds-text-secondary);margin-bottom:.5rem}.transfer-modal .comments-section textarea{width:100%;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;resize:none;font-family:inherit}.transfer-modal .comments-section textarea:focus{outline:none;border-color:var(--ds-secondary)}.transfer-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--ds-bg-elevated);border-top:1px solid var(--ds-border-default)}.transfer-modal .selection-preview{font-size:.85rem;color:var(--ds-text-secondary)}.transfer-modal .selection-preview strong{color:var(--ds-secondary)}.transfer-modal .footer-actions{display:flex;gap:.75rem}.transfer-modal .btn-cancel{padding:.625rem 1.25rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;cursor:pointer}.transfer-modal .btn-cancel:hover{background:var(--ds-bg-hover)}.transfer-modal .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--ds-secondary);border:none;border-radius:var(--ds-radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.transfer-modal .btn-primary:hover:not(:disabled){background:var(--ds-secondary-hover)}.transfer-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .transfer-modal .modal-header,[dir=rtl] .transfer-modal .target-item{flex-direction:row-reverse}@media(max-width:500px){.transfer-modal .modal-footer{flex-direction:column;gap:1rem}.transfer-modal .footer-actions{width:100%}.transfer-modal .footer-actions button{flex:1}}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.drawer-overlay.open{opacity:1;visibility:visible}.employee-drawer{position:fixed;top:0;right:0;width:420px;max-width:100%;height:100vh;background:var(--ds-bg-surface);border-left:1px solid var(--ds-border-default);box-shadow:-10px 0 30px #0000004d;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden;z-index:1001}.employee-drawer.open{transform:translate(0)}.employee-drawer.rtl{right:auto;left:0;transform:translate(-100%);border-left:none;border-right:1px solid var(--ds-border-default)}.employee-drawer.rtl.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.drawer-header h3{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.drawer-header .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.drawer-header .close-btn:hover{background:var(--ds-error);border-color:var(--ds-error);color:#fff}.drawer-loading,.drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--ds-text-muted)}.drawer-content{flex:1;overflow-y:auto;padding:1.5rem}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:var(--ds-radius-lg);margin-bottom:1.5rem}.profile-avatar-lg{position:relative;width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;border:4px solid rgba(255,255,255,.2);overflow:hidden}.profile-avatar-lg img{width:100%;height:100%;object-fit:cover}.level-indicator{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;border:3px solid var(--ds-bg-surface)}.profile-header-info h2{font-size:1.35rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:.25rem}.profile-header-info .job-title{font-size:.9rem;color:var(--ds-text-secondary);margin-bottom:.75rem}.status-badge{display:inline-flex;padding:.35rem .9rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.success{background:var(--ds-success-bg);color:var(--ds-success)}.status-badge.warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.status-badge.error{background:var(--ds-error-bg);color:var(--ds-error)}.status-badge.muted{background:#64748b26;color:var(--ds-text-muted)}.status-badge.default{background:#6366f126;color:var(--ds-secondary)}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.stat-item svg{color:var(--ds-secondary)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--ds-text-primary)}.stat-label{font-size:.75rem;color:var(--ds-text-muted)}.info-section{margin-bottom:1.5rem}.info-section h4{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.info-list{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden}.info-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--ds-border-default)}.info-item:last-child{border-bottom:none}.info-item svg{color:var(--ds-text-muted);flex-shrink:0}.info-item span{font-size:.9rem;color:var(--ds-text-primary)}.hierarchy-section .hierarchy-list{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden}.hierarchy-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--ds-border-default)}.hierarchy-item:last-child{border-bottom:none}.hierarchy-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#fff}.hierarchy-icon.manager{background:linear-gradient(135deg,#11998e,#38ef7d)}.hierarchy-icon.supervisor{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.hierarchy-icon.team-leader{background:linear-gradient(135deg,#f093fb,#f5576c)}.hierarchy-info{flex:1;display:flex;flex-direction:column}.hierarchy-label{font-size:.75rem;color:var(--ds-text-muted)}.hierarchy-value{font-size:.9rem;font-weight:500;color:var(--ds-text-primary)}.hierarchy-arrow{color:var(--ds-text-muted)}.hierarchy-item.current{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-left:3px solid var(--ds-secondary)}.hierarchy-value.highlight{color:var(--ds-secondary);font-weight:600}.quick-actions{margin-top:1.5rem}.quick-actions h4{font-size:.8rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{border-color:var(--ds-secondary);transform:translateY(-2px)}.quick-action-btn.edit svg{color:var(--ds-info)}.quick-action-btn.move svg{color:var(--ds-secondary)}.quick-action-btn.logs svg{color:var(--ds-text-muted)}.quick-action-btn.team svg{color:var(--ds-secondary)}.quick-action-btn.assign svg{color:var(--ds-success)}.quick-action-btn.remove svg{color:var(--ds-error)}.quick-action-btn.edit:hover{background:var(--ds-info-bg)}.quick-action-btn.move:hover{background:#8b5cf61a}.quick-action-btn.logs:hover{background:#6b72801a}.quick-action-btn.team:hover{background:#6366f11a}.quick-action-btn.assign:hover{background:var(--ds-success-bg)}.quick-action-btn.remove:hover{background:var(--ds-error-bg)}[dir=rtl] .employee-drawer .info-item,[dir=rtl] .employee-drawer .hierarchy-item{flex-direction:row-reverse}[dir=rtl] .employee-drawer .hierarchy-arrow{transform:rotate(180deg)}@media(max-width:480px){.employee-drawer{width:100%}.action-grid{grid-template-columns:1fr}}.remove-modal{width:95%;max-width:500px;max-height:90vh;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);display:flex;flex-direction:column;overflow:hidden}.remove-modal .modal-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.remove-modal .modal-header.warning{background:linear-gradient(135deg,#ef44441a,#f59e0b1a)}.remove-modal .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:12px;color:#fff}.remove-modal .header-info{flex:1}.remove-modal .header-info h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.remove-modal .header-info p{font-size:.9rem;color:var(--ds-text-secondary)}.remove-modal .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.remove-modal .close-btn:hover{background:var(--ds-error);border-color:var(--ds-error);color:#fff}.remove-modal .impact-summary{padding:1.25rem 1.5rem;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.remove-modal .employee-preview{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--ds-bg-base);border-radius:var(--ds-radius-md);margin-bottom:1rem}.remove-modal .avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);border-radius:10px;font-size:1.1rem;font-weight:600;color:#fff}.remove-modal .employee-info{flex:1}.remove-modal .employee-info strong{display:block;font-size:1rem;color:var(--ds-text-primary);margin-bottom:.15rem}.remove-modal .employee-info span{font-size:.85rem;color:var(--ds-text-muted)}.remove-modal .impact-warning{display:flex;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--ds-radius-md);color:#ef4444;font-size:.85rem;line-height:1.5}.remove-modal .impact-warning svg{flex-shrink:0;margin-top:2px}.remove-modal .modal-content{padding:1.5rem}.remove-modal .form-group{margin-bottom:1.25rem}.remove-modal .form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--ds-text-primary);margin-bottom:.5rem}.remove-modal .form-group label svg{color:var(--ds-text-muted)}.remove-modal .form-group .required{color:#ef4444;margin-left:.25rem}.remove-modal .form-group .optional{color:var(--ds-text-muted);font-weight:400;margin-left:.25rem}.remove-modal .form-group select,.remove-modal .form-group input,.remove-modal .form-group textarea{width:100%;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;font-family:inherit;transition:border-color .2s ease}.remove-modal .form-group select:focus,.remove-modal .form-group input:focus,.remove-modal .form-group textarea:focus{outline:none;border-color:var(--ds-secondary)}.remove-modal .form-group select.error,.remove-modal .form-group input.error{border-color:#ef4444}.remove-modal .form-group textarea{resize:none}.remove-modal .error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--ds-radius-md);color:#ef4444;font-size:.85rem;margin-top:1rem}.remove-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--ds-bg-elevated);border-top:1px solid var(--ds-border-default)}.remove-modal .btn-cancel{padding:.625rem 1.25rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.remove-modal .btn-cancel:hover{background:var(--ds-bg-hover)}.remove-modal .btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ef4444;border:none;border-radius:var(--ds-radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.remove-modal .btn-danger:hover:not(:disabled){background:#dc2626}.remove-modal .btn-danger:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .remove-modal .modal-header,[dir=rtl] .remove-modal .employee-preview,[dir=rtl] .remove-modal .modal-footer{flex-direction:row-reverse}.bulk-modal{width:95%;max-width:550px;max-height:90vh;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);display:flex;flex-direction:column;overflow:hidden}.bulk-modal .modal-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.bulk-modal .modal-header.warning{background:linear-gradient(135deg,#ef44441a,#f59e0b1a)}.bulk-modal .modal-header.success{background:linear-gradient(135deg,#10b9811a,#34d3991a)}.bulk-modal .modal-header.info{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.bulk-modal .header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#fff}.bulk-modal .modal-header.warning .header-icon{background:linear-gradient(135deg,#ef4444,#f59e0b)}.bulk-modal .modal-header.success .header-icon{background:linear-gradient(135deg,#10b981,#34d399)}.bulk-modal .modal-header.info .header-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.bulk-modal .header-info{flex:1}.bulk-modal .header-info h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.bulk-modal .header-info p{font-size:.9rem;color:var(--ds-text-secondary)}.bulk-modal .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.bulk-modal .close-btn:hover{background:var(--ds-error);border-color:var(--ds-error);color:#fff}.bulk-modal .selection-summary{padding:1rem 1.5rem;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.bulk-modal .summary-header{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--ds-secondary);margin-bottom:.75rem}.bulk-modal .selected-list{display:flex;flex-wrap:wrap;gap:.5rem}.bulk-modal .selected-item{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:100px;font-size:.8rem;color:var(--ds-text-primary)}.bulk-modal .avatar-sm{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:linear-gradient(135deg,var(--ds-secondary) 0%,var(--ds-secondary-hover) 100%);border-radius:50%;font-size:.7rem;font-weight:600;color:#fff}.bulk-modal .more-count{display:inline-flex;align-items:center;padding:.35rem .75rem;background:var(--ds-bg-surface);border:1px dashed var(--ds-border-default);border-radius:100px;font-size:.8rem;color:var(--ds-text-muted)}.bulk-modal .modal-content{padding:1.5rem;overflow-y:auto}.bulk-modal .form-group{margin-bottom:1.25rem}.bulk-modal .form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--ds-text-primary);margin-bottom:.5rem}.bulk-modal .form-group label svg{color:var(--ds-text-muted)}.bulk-modal .form-group .required{color:#ef4444;margin-left:.25rem}.bulk-modal .form-group .optional{color:var(--ds-text-muted);font-weight:400;margin-left:.25rem}.bulk-modal .form-group textarea{width:100%;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;font-family:inherit;resize:none;transition:border-color .2s ease}.bulk-modal .form-group textarea:focus{outline:none;border-color:var(--ds-secondary)}.bulk-modal .form-group textarea.error{border-color:#ef4444}.bulk-modal .warning-box{display:flex;gap:.75rem;padding:.875rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--ds-radius-md);color:#f59e0b;font-size:.85rem;line-height:1.5}.bulk-modal .warning-box svg{flex-shrink:0;margin-top:2px}.bulk-modal .error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--ds-radius-md);color:#ef4444;font-size:.85rem;margin-top:1rem}.bulk-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--ds-bg-elevated);border-top:1px solid var(--ds-border-default)}.bulk-modal .btn-cancel{padding:.625rem 1.25rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.bulk-modal .btn-cancel:hover{background:var(--ds-bg-hover)}.bulk-modal .btn-primary{padding:.625rem 1.25rem;background:var(--ds-secondary);border:none;border-radius:var(--ds-radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-modal .btn-primary:hover:not(:disabled){background:var(--ds-secondary-hover)}.bulk-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.bulk-modal .btn-danger{padding:.625rem 1.25rem;background:#ef4444;border:none;border-radius:var(--ds-radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-modal .btn-danger:hover:not(:disabled){background:#dc2626}.bulk-modal .btn-danger:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .bulk-modal .modal-header,[dir=rtl] .bulk-modal .modal-footer{flex-direction:row-reverse}.management-dashboard__page{padding:1.5rem;max-width:1600px;margin:0 auto}.management-dashboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--ds-text-secondary)}.management-dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ds-border-default)}.management-dashboard__header-left{display:flex;align-items:center;gap:1rem}.management-dashboard__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.management-dashboard__back-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary);border-color:var(--ds-primary)}.management-dashboard__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;box-shadow:var(--ds-shadow-md)}.management-dashboard__header-info h1{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:.25rem}.management-dashboard__header-info p{color:var(--ds-text-secondary);font-size:.9rem}.management-dashboard__header-info p strong{color:var(--ds-primary)}.management-dashboard__header-actions{display:flex;align-items:center;gap:.5rem}.management-dashboard__view-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--ds-transition-base)}.management-dashboard__view-toggle:hover{background:var(--ds-bg-hover)}.management-dashboard__view-toggle--active{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.management-dashboard__refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.management-dashboard__refresh-btn:hover{background:var(--ds-bg-hover);color:var(--ds-primary)}.management-dashboard__refresh-btn .management-dashboard__spinning{animation:management-dashboard__spin 1s linear infinite}@keyframes management-dashboard__spin{to{transform:rotate(360deg)}}.management-dashboard__toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.management-dashboard__search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;min-width:250px;max-width:400px}.management-dashboard__search input{flex:1;background:none;border:none;color:var(--ds-text-primary);font-size:.9rem;outline:none}.management-dashboard__search input::placeholder{color:var(--ds-text-muted)}.management-dashboard__filters{display:flex;gap:.5rem}.management-dashboard__filters select{padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;cursor:pointer}.management-dashboard__bulk-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto;padding:.5rem 1rem;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-900) 100%);border-radius:var(--ds-radius-md)}.management-dashboard__selected-count{color:var(--ds-text-on-primary);font-size:.875rem;font-weight:500;margin-inline-end:.5rem}.management-dashboard__bulk-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#fff3;border:none;border-radius:var(--ds-radius-sm);color:var(--ds-text-on-primary);font-size:.8rem;cursor:pointer;transition:background var(--ds-transition-base)}.management-dashboard__bulk-btn:hover{background:#ffffff4d}.management-dashboard__content{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.management-dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--ds-text-muted);text-align:center}.management-dashboard__empty svg{margin-bottom:1rem;opacity:.5}.management-dashboard__empty h3{color:var(--ds-text-secondary);margin-bottom:.5rem}.management-dashboard__table{width:100%;border-collapse:collapse}.management-dashboard__table th,.management-dashboard__table td{padding:1rem;text-align:start;border-bottom:1px solid var(--ds-border-default)}.management-dashboard__table th{background:var(--ds-bg-elevated);font-weight:600;font-size:.85rem;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.management-dashboard__table tbody tr:hover{background:var(--ds-bg-hover)}.management-dashboard__checkbox-col{width:40px;text-align:center}.management-dashboard__employee-cell{display:flex;align-items:center;gap:.75rem}.management-dashboard__employee-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-900) 100%);border-radius:10px;color:var(--ds-text-on-primary);font-weight:600;font-size:.85rem}.management-dashboard__employee-info{display:flex;flex-direction:column}.management-dashboard__employee-info strong{color:var(--ds-text-primary);font-size:.95rem}.management-dashboard__employee-info span{color:var(--ds-text-muted);font-size:.8rem}.management-dashboard__table code{padding:.25rem .5rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-sm);font-size:.8rem;color:var(--ds-primary)}.management-dashboard__status-badge{display:inline-block;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500;text-transform:capitalize}.management-dashboard__status-badge--active{background:var(--ds-success-bg);color:var(--ds-success)}.management-dashboard__status-badge--on-leave{background:var(--ds-warning-bg);color:var(--ds-warning)}.management-dashboard__status-badge--suspended{background:var(--ds-danger-bg);color:var(--ds-danger)}.management-dashboard__status-badge--terminated{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.management-dashboard__action-buttons,.management-dashboard__node-actions{display:flex;gap:.25rem}.management-dashboard__action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--ds-radius-sm);cursor:pointer;transition:all var(--ds-transition-base);opacity:.7}.management-dashboard__action-btn:hover{opacity:1;transform:scale(1.1)}.management-dashboard__action-btn--view{background:var(--ds-primary-hover-bg);color:var(--ds-secondary)}.management-dashboard__action-btn--edit,.management-dashboard__action-btn--team{background:var(--ds-info-bg);color:var(--ds-info)}.management-dashboard__action-btn--logs{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.management-dashboard__action-btn--approve{background:var(--ds-success-bg);color:var(--ds-success)}.management-dashboard__action-btn--deny{background:var(--ds-warning-bg);color:var(--ds-warning)}.management-dashboard__action-btn--remove{background:var(--ds-danger-bg);color:var(--ds-danger)}.management-dashboard__action-btn--assign{background:var(--ds-success-bg);color:var(--ds-success)}.management-dashboard__action-btn--transfer{background:var(--ds-info-bg);color:var(--ds-info)}.management-dashboard__hierarchy{padding:1rem}.management-dashboard__hierarchy-node{margin-inline-start:calc(var(--level, 0) * 2rem)}.management-dashboard__node-content{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);margin-bottom:.5rem;transition:all var(--ds-transition-base)}.management-dashboard__node-content:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.management-dashboard__expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.management-dashboard__expand-btn:hover{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.management-dashboard__expand-btn--hidden{visibility:hidden}.management-dashboard__node-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-900) 100%);border-radius:8px;color:var(--ds-text-on-primary);font-weight:600;font-size:.8rem}.management-dashboard__node-info{flex:1;min-width:0}.management-dashboard__node-info strong{display:block;color:var(--ds-text-primary);font-size:.95rem}.management-dashboard__node-info span{color:var(--ds-text-muted);font-size:.8rem}.management-dashboard__node-site{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--ds-bg-surface);border-radius:100px;font-size:.75rem;color:var(--ds-text-secondary)}.management-dashboard__node-children{margin-inline-start:1rem;padding-inline-start:1rem;border-inline-start:2px solid var(--ds-border-default)}[dir=rtl] .management-dashboard__header-left,[dir=rtl] .management-dashboard__employee-cell{flex-direction:row-reverse}@media(max-width:1024px){.management-dashboard__header{flex-direction:column;align-items:flex-start;gap:1rem}.management-dashboard__header-actions{width:100%;justify-content:flex-start}.management-dashboard__toolbar{flex-direction:column;align-items:stretch}.management-dashboard__search{max-width:none}.management-dashboard__filters{flex-wrap:wrap}.management-dashboard__bulk-actions{margin-inline-start:0;justify-content:space-between}}@media(max-width:768px){.management-dashboard__page{padding:1rem}.management-dashboard__table{display:block;overflow-x:auto}.management-dashboard__action-buttons,.management-dashboard__node-content{flex-wrap:wrap}.management-dashboard__node-actions{width:100%;justify-content:flex-end;margin-top:.5rem}}.dashboard-settings__page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto}.dashboard-settings__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--ds-space-4);color:var(--ds-text-secondary)}.dashboard-settings__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-8);padding-bottom:var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.dashboard-settings__header-left{display:flex;align-items:center;gap:var(--ds-space-4)}.dashboard-settings__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__back-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary);border-color:var(--ds-primary)}.dashboard-settings__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-hover) 100%);border-radius:var(--ds-radius-lg);color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-glow)}.dashboard-settings__header-info h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.dashboard-settings__header-info p{color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.dashboard-settings__header-actions{display:flex;gap:var(--ds-space-3)}.dashboard-settings__save-btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-6);background:var(--ds-primary);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__save-btn:hover:not(:disabled){background:var(--ds-primary-hover);transform:translateY(-2px);box-shadow:var(--ds-shadow-glow)}.dashboard-settings__save-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-settings__content{display:grid;grid-template-columns:280px 1fr;gap:var(--ds-space-8)}.dashboard-settings__sidebar{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);height:fit-content;position:sticky;top:var(--ds-space-4)}.dashboard-settings__sidebar h3{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--ds-space-3)}.dashboard-settings__selector-section{margin-bottom:var(--ds-space-6);padding-bottom:var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.dashboard-settings__selector-section:last-of-type{border-bottom:none}.dashboard-settings__selector-dropdown{width:100%;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__selector-dropdown:hover,.dashboard-settings__selector-dropdown:focus{border-color:var(--ds-primary);outline:none}.dashboard-settings__reset-btn--full-width{width:100%;justify-content:center;margin-top:var(--ds-space-4)}.dashboard-settings__save-message{padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.dashboard-settings__save-message--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.dashboard-settings__no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--ds-text-muted);gap:var(--ds-space-4)}.dashboard-settings__no-selection svg{opacity:.3}.dashboard-settings__config-subtitle{color:var(--ds-text-muted);font-size:var(--ds-text-sm);margin-top:var(--ds-space-2)}.dashboard-settings__no-widgets{text-align:center;color:var(--ds-text-muted);padding:var(--ds-space-8)}.dashboard-settings__config-mode-toggle{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);background:var(--ds-bg-elevated);padding:4px;border-radius:var(--ds-radius-md)}.dashboard-settings__mode-btn{flex:1;padding:.625rem var(--ds-space-3);background:transparent;border:none;border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__mode-btn:hover{color:var(--ds-text-primary)}.dashboard-settings__mode-btn--active{background:var(--ds-primary);color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-md)}.dashboard-settings__department-selector{margin-bottom:var(--ds-space-6);padding-bottom:var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.dashboard-settings__department-selector h4{font-size:.8rem;font-weight:var(--ds-font-semibold);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--ds-space-3)}.dashboard-settings__dept-select{width:100%;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__dept-select:hover,.dashboard-settings__dept-select:focus{border-color:var(--ds-primary);outline:none}.dashboard-settings__section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-2)}.dashboard-settings__section-header-row h3{margin-bottom:0}.dashboard-settings__reset-btn{display:inline-flex;align-items:center;gap:.375rem;padding:var(--ds-space-2) .875rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:.8rem;font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__reset-btn:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger-border);color:var(--ds-danger-text)}.dashboard-settings__level-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.dashboard-settings__level-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:.875rem var(--ds-space-4);background:transparent;border:1px solid transparent;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:var(--ds-text-base);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-base);text-align:left;width:100%}.dashboard-settings__level-item:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.dashboard-settings__level-item--active{background:var(--ds-primary);color:var(--ds-text-on-primary);border-color:var(--ds-primary)}.dashboard-settings__main{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6)}.dashboard-settings__config-header{margin-bottom:var(--ds-space-8);padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.dashboard-settings__config-header h2{display:flex;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.dashboard-settings__config-section{margin-bottom:var(--ds-space-10)}.dashboard-settings__config-section:last-child{margin-bottom:0}.dashboard-settings__config-section h3{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.dashboard-settings__section-desc{color:var(--ds-text-muted);font-size:var(--ds-text-sm);margin-bottom:var(--ds-space-6)}.dashboard-settings__widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--ds-space-4)}.dashboard-settings__widget-card{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4) var(--ds-space-5);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__widget-card:hover{border-color:var(--ds-primary)}.dashboard-settings__widget-card--enabled{border-color:var(--ds-success-border);background:var(--ds-success-bg-subtle)}.dashboard-settings__widget-card--disabled{opacity:.7}.dashboard-settings__widget-info strong{display:block;font-size:var(--ds-text-base);color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.dashboard-settings__widget-category{font-size:var(--ds-text-xs);color:var(--ds-text-muted);text-transform:capitalize}.dashboard-settings__widget-toggle{flex-shrink:0}.dashboard-settings__toggle-on{color:var(--ds-success-text)}.dashboard-settings__toggle-off{color:var(--ds-text-muted)}.dashboard-settings__perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-space-3)}.dashboard-settings__perm-card{display:flex;align-items:center;gap:var(--ds-space-3);padding:.875rem var(--ds-space-4);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-base)}.dashboard-settings__perm-card:hover{border-color:var(--ds-primary)}.dashboard-settings__perm-card--enabled{border-color:var(--ds-success-border);background:var(--ds-success-bg-subtle)}.dashboard-settings__perm-card--enabled .dashboard-settings__perm-icon{color:var(--ds-success-text)}.dashboard-settings__perm-card--disabled .dashboard-settings__perm-icon{color:var(--ds-text-muted)}.dashboard-settings__perm-name{flex:1;font-size:var(--ds-text-sm);color:var(--ds-text-primary)}.dashboard-settings__status-on{color:var(--ds-success-text)}.dashboard-settings__status-off{color:var(--ds-text-muted)}[dir=rtl] .dashboard-settings__header-left{flex-direction:row-reverse}[dir=rtl] .dashboard-settings__level-item{flex-direction:row-reverse;text-align:right}[dir=rtl] .dashboard-settings__perm-card{flex-direction:row-reverse}@media(max-width:1024px){.dashboard-settings__content{grid-template-columns:1fr}.dashboard-settings__sidebar{position:static}.dashboard-settings__level-list{flex-direction:row;flex-wrap:wrap}.dashboard-settings__level-item{width:auto;flex:1;min-width:150px;justify-content:center}}@media(max-width:768px){.dashboard-settings__page{padding:var(--ds-space-4)}.dashboard-settings__header{flex-direction:column;align-items:flex-start;gap:var(--ds-space-4)}.dashboard-settings__header-actions{width:100%}.dashboard-settings__save-btn{width:100%;justify-content:center}.dashboard-settings__widget-grid,.dashboard-settings__perm-grid{grid-template-columns:1fr}}.dashboard-levels__page{padding:1.5rem;max-width:1400px;margin:0 auto}.dashboard-levels__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--ds-text-secondary)}.dashboard-levels__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ds-border-default)}.dashboard-levels__header-left{display:flex;align-items:center;gap:1rem}.dashboard-levels__header .dashboard-levels__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.dashboard-levels__header .dashboard-levels__back-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.dashboard-levels__header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-active) 100%);border-radius:12px;color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-glow)}.dashboard-levels__header-info h1{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:.25rem}.dashboard-levels__header-info p{color:var(--ds-text-secondary);font-size:.9rem}.dashboard-levels__content{display:grid;grid-template-columns:320px 1fr;gap:2rem}.dashboard-levels__sidebar{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.25rem;height:fit-content}.dashboard-levels__sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-levels__sidebar-header h3{font-size:.85rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.dashboard-levels__level-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:var(--ds-secondary);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--ds-text-on-primary)}.dashboard-levels__level-list{display:flex;flex-direction:column;gap:.5rem}.dashboard-levels__level-card{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--ds-bg-primary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all .2s ease}.dashboard-levels__level-card:hover{border-color:var(--ds-secondary);transform:translate(4px)}.dashboard-levels__level-card--active{border-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.dashboard-levels__drag-handle{color:var(--ds-text-muted);opacity:.5;cursor:grab}.dashboard-levels__level-card:hover .dashboard-levels__drag-handle{opacity:1}.dashboard-levels__level-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.dashboard-levels__level-info{flex:1;min-width:0}.dashboard-levels__level-info strong{display:block;font-size:.95rem;color:var(--ds-text-primary);margin-bottom:.15rem}.dashboard-levels__level-info span{font-size:.75rem;color:var(--ds-text-muted)}.dashboard-levels__main{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.dashboard-levels__detail-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.dashboard-levels__detail-title{display:flex;align-items:center;gap:1rem}.dashboard-levels__detail-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;box-shadow:0 4px 15px #00000026}.dashboard-levels__detail-title h2{font-size:1.35rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.dashboard-levels__detail-title p{font-size:.9rem;color:var(--ds-text-secondary)}.dashboard-levels__detail-actions{display:flex;gap:.75rem}.dashboard-levels__btn-edit,.dashboard-levels__btn-clone,.dashboard-levels__btn-save,.dashboard-levels__btn-cancel{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-levels__btn-edit{background:var(--ds-secondary);border:none;color:var(--ds-text-on-primary)}.dashboard-levels__btn-edit:hover{background:var(--ds-secondary-hover)}.dashboard-levels__btn-clone{background:var(--ds-bg-primary);border:1px solid var(--ds-border-default);color:var(--ds-text-primary)}.dashboard-levels__btn-clone:hover{border-color:var(--ds-secondary)}.dashboard-levels__btn-save{background:var(--ds-success);border:none;color:var(--ds-text-on-primary)}.dashboard-levels__btn-save:hover:not(:disabled){background:#059669}.dashboard-levels__btn-save:disabled{opacity:.6;cursor:not-allowed}.dashboard-levels__btn-cancel{background:var(--ds-bg-primary);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.dashboard-levels__btn-cancel:hover{background:var(--ds-bg-hover)}.dashboard-levels__detail-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.dashboard-levels__config-card{background:var(--ds-bg-primary);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);padding:1.25rem}.dashboard-levels__config-card h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border-default)}.dashboard-levels__section-desc{font-size:.85rem;color:var(--ds-text-muted);margin-bottom:1rem}.dashboard-levels__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.dashboard-levels__form-group{display:flex;flex-direction:column;gap:.5rem}.dashboard-levels__form-group label{font-size:.85rem;font-weight:500;color:var(--ds-text-secondary)}.dashboard-levels__form-group input{padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem}.dashboard-levels__form-group input:focus{outline:none;border-color:var(--ds-secondary)}.dashboard-levels__form-group p{padding:.75rem 0;color:var(--ds-text-primary);font-size:.95rem}.dashboard-levels__appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dashboard-levels__icon-selector{display:flex;gap:.5rem;flex-wrap:wrap}.dashboard-levels__icon-option{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--ds-bg-surface);border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.dashboard-levels__icon-option:hover:not(:disabled){border-color:var(--ds-secondary);color:var(--ds-secondary)}.dashboard-levels__icon-option--selected{border-color:var(--ds-secondary);background:var(--ds-secondary);color:var(--ds-text-on-primary)}.dashboard-levels__icon-option:disabled{cursor:default}.dashboard-levels__color-selector{display:flex;gap:.5rem;flex-wrap:wrap}.dashboard-levels__color-option{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease}.dashboard-levels__color-option:hover:not(:disabled){transform:scale(1.15)}.dashboard-levels__color-option--selected{border-color:var(--ds-text-primary);box-shadow:0 0 0 2px var(--ds-bg-primary)}.dashboard-levels__color-option:disabled{cursor:default}.dashboard-levels__quick-actions-grid{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-levels__action-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:100px;font-size:.85rem;color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.dashboard-levels__action-chip:hover:not(:disabled){border-color:var(--ds-secondary)}.dashboard-levels__action-chip--enabled{background:var(--ds-success-bg);border-color:var(--ds-success-bg);color:var(--ds-success)}.dashboard-levels__action-chip:disabled{cursor:default}[dir=rtl] .dashboard-levels__header-left{flex-direction:row-reverse}[dir=rtl] .dashboard-levels__level-card:hover{transform:translate(-4px)}[dir=rtl] .dashboard-levels__detail-title{flex-direction:row-reverse}@media(max-width:1024px){.dashboard-levels__content{grid-template-columns:1fr}.dashboard-levels__sidebar{order:1}.dashboard-levels__main{order:2}.dashboard-levels__level-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.dashboard-levels__page{padding:1rem}.dashboard-levels__header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-levels__detail-header{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-levels__detail-actions{width:100%}.dashboard-levels__detail-actions button{flex:1;justify-content:center}.dashboard-levels__form-grid,.dashboard-levels__appearance-grid{grid-template-columns:1fr}}.grade-salaries__page{padding:var(--ds-space-6)}.grade-salaries__header{margin-bottom:var(--ds-space-6)}.grade-salaries__header-title{display:flex;align-items:center;gap:var(--ds-space-4)}.grade-salaries__header-title svg{color:var(--ds-success-text)}.grade-salaries__header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.grade-salaries__header-title p{color:var(--ds-text-secondary);font-size:.9rem}.grade-salaries__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden;margin-bottom:var(--ds-space-6)}.grade-salaries__table{width:100%;border-collapse:collapse}.grade-salaries__table th,.grade-salaries__table td{padding:var(--ds-space-4);text-align:start;border-bottom:1px solid var(--ds-border-default)}.grade-salaries__table th{background:var(--ds-bg-elevated);color:var(--ds-text-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.grade-salaries__table td{color:var(--ds-text-primary);font-size:.95rem}.grade-salaries__table tr:hover td{background:var(--ds-bg-hover)}.grade-salaries__table tr.grade-salaries__row--editing td{background:var(--ds-primary-hover-bg)}.grade-salaries__grade-badge{display:inline-block;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);padding:.35rem .75rem;border-radius:var(--ds-radius-full);font-weight:600;font-size:.85rem}.grade-salaries__total-cell{background:var(--ds-bg-elevated)}.grade-salaries__total-cell strong{color:var(--ds-success-text)}.grade-salaries__table input{width:100%;padding:var(--ds-space-2);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);color:var(--ds-text-primary);font-size:.9rem}.grade-salaries__table input:focus{outline:none;border-color:var(--ds-primary)}.grade-salaries__action-buttons{display:flex;gap:var(--ds-space-2)}.grade-salaries__btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.grade-salaries__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.grade-salaries__btn-icon--success{color:var(--ds-success-text);border-color:var(--ds-success)}.grade-salaries__btn-icon--success:hover{background:var(--ds-success-bg)}.grade-salaries__info-panel{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5)}.grade-salaries__info-panel h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-3)}.grade-salaries__info-panel ul{list-style:none;padding:0;margin:0}.grade-salaries__info-panel li{color:var(--ds-text-secondary);font-size:.9rem;padding:.35rem 0;padding-left:var(--ds-space-6);position:relative}.grade-salaries__info-panel li:before{content:"•";position:absolute;left:0;color:var(--ds-primary)}.grade-salaries__alert{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-6)}.grade-salaries__alert--error{background:var(--ds-danger-bg);color:var(--ds-danger-text);border:1px solid var(--ds-danger-border)}@media(max-width:1024px){.grade-salaries__table{font-size:.85rem}.grade-salaries__table th,.grade-salaries__table td{padding:var(--ds-space-3) var(--ds-space-2)}}.salary-breakdown-page{padding:1.5rem;max-width:900px;margin:0 auto}.salary-breakdown-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-title{display:flex;align-items:center;gap:.75rem}.header-title svg{color:var(--ds-success)}.header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary)}.header-actions{display:flex;gap:.75rem}.period-selector{display:flex;align-items:center;gap:.75rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:.875rem 1.25rem;margin-bottom:1.5rem;width:fit-content}.period-selector svg{color:var(--ds-secondary)}.period-selector select{padding:.5rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem}.employee-card{display:flex;align-items:center;gap:1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.5rem;margin-bottom:1.5rem}.employee-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary));border-radius:var(--ds-radius-full);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary)}.employee-info{flex:1}.employee-info h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.employee-info p{color:var(--ds-text-secondary);font-size:.9rem}.employee-meta{display:flex;gap:2rem}.meta-item{text-align:center}.meta-item .label{display:block;font-size:.75rem;color:var(--ds-text-muted);margin-bottom:.25rem}.meta-item .value{font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.salary-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.salary-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.5rem}.salary-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border-default)}.salary-section.earnings h3 svg{color:var(--ds-success)}.salary-section.deductions h3 svg{color:var(--ds-danger)}.section-group{margin-bottom:1rem}.section-group h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-muted);margin-bottom:.5rem}.salary-line{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:var(--ds-text-secondary)}.salary-line.main{font-weight:600;color:var(--ds-text-primary);font-size:1rem;margin-bottom:.5rem}.salary-line.subtotal{border-top:1px dashed var(--ds-border-default);padding-top:.75rem;margin-top:.5rem;font-weight:500}.salary-line.total{border-top:2px solid var(--ds-border-default);padding-top:1rem;margin-top:1rem;font-weight:600;font-size:1.1rem;color:var(--ds-text-primary)}.rate{font-size:.8rem;color:var(--ds-text-muted);margin-inline-start:.35rem}.deduction{color:var(--ds-danger)}.net-salary-card{background:linear-gradient(135deg,var(--ds-success),var(--ds-success));border-radius:var(--ds-radius-lg);padding:2rem;text-align:center;color:var(--ds-text-on-primary)}.net-label{font-size:1rem;opacity:.9;margin-bottom:.5rem}.net-amount{font-size:2.5rem;font-weight:700}.btn-primary{background:var(--ds-secondary);color:var(--ds-text-on-primary)}.btn-primary:hover{background:var(--ds-secondary-hover)}@media(max-width:768px){.salary-breakdown-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.salary-details{grid-template-columns:1fr}.employee-card{flex-direction:column;text-align:center}.employee-meta{width:100%;justify-content:center}}.compensation-manager__page{padding:24px;height:100%;display:flex;flex-direction:column;gap:24px}.compensation-manager__page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.compensation-manager__header-title{display:flex;align-items:center;gap:16px}.compensation-manager__header-title svg{color:var(--ds-success);background:var(--ds-success-bg);padding:12px;border-radius:12px}.compensation-manager__header-title h1{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin:0}.compensation-manager__header-title p{color:var(--ds-text-secondary);font-size:.9rem;margin:4px 0 0}.compensation-manager__page-actions{display:flex;gap:12px}.compensation-manager__page-tabs{display:flex;gap:8px;background:var(--ds-bg-surface);padding:6px;border-radius:12px;width:fit-content}.compensation-manager__tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--ds-text-secondary);font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.compensation-manager__tab:hover{color:var(--ds-text-primary)}.compensation-manager__tab--active{background:var(--ds-card-bg);color:var(--ds-success);box-shadow:0 2px 8px #00000014}.compensation-manager__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.compensation-manager__btn--primary{background:linear-gradient(135deg,var(--ds-success),#059669);color:var(--ds-text-on-primary)}.compensation-manager__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ds-success-bg)}.compensation-manager__btn--secondary{background:var(--ds-bg-surface);color:var(--ds-text-secondary)}.compensation-manager__btn--secondary:hover{background:var(--ds-bg-hover)}.compensation-manager__btn--danger{background:linear-gradient(135deg,var(--ds-danger),#dc2626);color:var(--ds-text-on-primary)}.compensation-manager__btn--danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ds-danger-bg)}.compensation-manager__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.compensation-manager__btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:transparent}.compensation-manager__btn-icon--view{color:var(--ds-info)}.compensation-manager__btn-icon--view:hover{background:var(--ds-info-bg)}.compensation-manager__btn-icon--edit{color:var(--ds-warning)}.compensation-manager__btn-icon--edit:hover{background:var(--ds-warning-bg)}.compensation-manager__btn-icon--delete{color:var(--ds-danger)}.compensation-manager__btn-icon--delete:hover{background:var(--ds-danger-bg)}.compensation-manager__btn-icon--add{color:var(--ds-success)}.compensation-manager__btn-icon--add:hover{background:var(--ds-success-bg)}.compensation-manager__loading-state{display:flex;align-items:center;justify-content:center;padding:80px}.compensation-manager__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-success);border-radius:50%;animation:compensation-manager-spin .8s linear infinite}@keyframes compensation-manager-spin{to{transform:rotate(360deg)}}.compensation-manager__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:var(--ds-card-bg);border-radius:16px;text-align:center;border:2px dashed var(--ds-border-default)}.compensation-manager__empty-state svg{color:var(--ds-text-muted);margin-bottom:16px}.compensation-manager__empty-state h3{font-size:1.25rem;color:var(--ds-text-primary);margin:0 0 8px}.compensation-manager__empty-state p{color:var(--ds-text-secondary);margin:0}.compensation-manager__salary-cards-container{display:flex;flex-direction:column;gap:16px}.compensation-manager__salary-grade-card{background:var(--ds-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--ds-border-default);overflow:hidden;transition:box-shadow .2s ease}.compensation-manager__salary-grade-card:hover{box-shadow:0 4px 16px #0000001a}.compensation-manager__grade-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background:linear-gradient(135deg,var(--ds-bg-surface),var(--ds-bg-elevated));border-bottom:1px solid var(--ds-border-default);transition:background .2s ease}.compensation-manager__grade-card-header:hover{background:linear-gradient(135deg,var(--ds-bg-elevated),var(--ds-bg-hover))}.compensation-manager__grade-info{display:flex;align-items:center;gap:12px}.compensation-manager__grade-badge{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,var(--ds-success),#059669);color:var(--ds-text-on-primary);border-radius:20px;font-weight:600;font-size:.9rem}.compensation-manager__steps-count{color:var(--ds-text-secondary);font-size:.9rem}.compensation-manager__grade-card-header svg{color:var(--ds-text-secondary);transition:transform .2s ease}.compensation-manager__grade-steps-list{padding:0}.compensation-manager__step-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--ds-bg-surface);transition:background .15s ease}.compensation-manager__step-item:last-child{border-bottom:none}.compensation-manager__step-item:hover{background:var(--ds-bg-hover)}.compensation-manager__step-info{display:flex;align-items:center;gap:24px}.compensation-manager__step-label{font-weight:500;color:var(--ds-text-secondary);min-width:80px}.compensation-manager__step-salary{font-weight:700;color:var(--ds-text-primary);font-size:1.05rem}.compensation-manager__step-actions{display:flex;gap:4px}.compensation-manager__grade-allowances-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.compensation-manager__grade-card{background:var(--ds-card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;border:1px solid var(--ds-border-default);transition:box-shadow .2s ease}.compensation-manager__grade-card:hover{box-shadow:0 4px 16px #0000001a}.compensation-manager__grade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ds-bg-surface)}.compensation-manager__grade-title{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.compensation-manager__allowance-list{display:flex;flex-direction:column;gap:12px}.compensation-manager__allowance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--ds-bg-surface);border-radius:8px;border:1px solid var(--ds-border-default)}.compensation-manager__allowance-info h4{margin:0;font-size:.95rem;color:var(--ds-text-primary)}.compensation-manager__allowance-info p{margin:4px 0 0;font-size:.85rem;color:var(--ds-text-secondary)}.compensation-manager__risk-badge{display:inline-block;padding:2px 8px;background:#fef2f2;color:var(--ds-danger);border-radius:4px;font-size:.7rem;margin-left:8px;font-weight:600}.compensation-manager__empty-text{color:var(--ds-text-muted);font-size:.9rem;text-align:center;padding:20px}.compensation-manager__modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.compensation-manager__modal-content{background:var(--ds-card-bg);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:compensation-manager-modalSlideIn .25s ease-out}@keyframes compensation-manager-modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.compensation-manager__modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.compensation-manager__modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--ds-text-primary)}.compensation-manager__modal-header--delete{background:#fef2f2;color:#dc2626;gap:12px}.compensation-manager__modal-header--delete h3{color:#dc2626}.compensation-manager__btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--ds-bg-surface);border-radius:8px;cursor:pointer;color:var(--ds-text-secondary);transition:all .2s ease}.compensation-manager__btn-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.compensation-manager__modal-content form{padding:24px}.compensation-manager__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.compensation-manager__form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.compensation-manager__form-group label{font-weight:500;color:var(--ds-text-secondary);font-size:.9rem}.compensation-manager__form-group input,.compensation-manager__form-group select{padding:10px 14px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:.95rem;transition:all .2s ease}.compensation-manager__form-group input:focus,.compensation-manager__form-group select:focus{outline:none;border-color:var(--ds-success);box-shadow:0 0 0 3px var(--ds-success-bg)}.compensation-manager__form-group input.compensation-manager__disabled{background:var(--ds-bg-surface);color:var(--ds-text-secondary);cursor:not-allowed}.compensation-manager__checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.compensation-manager__checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.compensation-manager__modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface);border-radius:0 0 16px 16px}.compensation-manager__view-modal .compensation-manager__view-content{padding:24px}.compensation-manager__view-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--ds-bg-surface)}.compensation-manager__view-row:last-child{border-bottom:none}.compensation-manager__view-label{color:var(--ds-text-secondary);font-weight:500}.compensation-manager__view-value{color:var(--ds-text-primary);font-weight:500}.compensation-manager__view-value--highlight{font-size:1.2rem;font-weight:700;color:var(--ds-success)}.compensation-manager__status-badge{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:.85rem}.compensation-manager__status-badge--active{background:#d1fae5;color:#059669}.compensation-manager__status-badge--inactive{background:#fef2f2;color:#dc2626}.compensation-manager__delete-modal .compensation-manager__delete-content{padding:24px;text-align:center}.compensation-manager__delete-content p{color:var(--ds-text-secondary);margin:0 0 16px}.compensation-manager__delete-info{background:var(--ds-bg-surface);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.compensation-manager__delete-info strong{color:var(--ds-text-primary);font-size:1.1rem}.compensation-manager__delete-info span{color:var(--ds-text-secondary)}.compensation-manager__delete-warning{color:#dc2626;font-weight:500;font-size:.9rem}[dir=rtl] .compensation-manager__grade-info,[dir=rtl] .compensation-manager__step-info,[dir=rtl] .compensation-manager__step-actions,[dir=rtl] .compensation-manager__modal-actions{flex-direction:row-reverse}[dir=rtl] .compensation-manager__risk-badge{margin-left:0;margin-right:8px}@media(max-width:768px){.compensation-manager__page{padding:16px}.compensation-manager__page-header{flex-direction:column;align-items:flex-start}.compensation-manager__form-grid,.compensation-manager__grade-allowances-container{grid-template-columns:1fr}.compensation-manager__step-info{flex-direction:column;align-items:flex-start;gap:4px}}.import-utilities__page{padding:var(--ds-space-6)}.import-utilities__header{margin-bottom:var(--ds-space-6)}.import-utilities__header-title{display:flex;align-items:center;gap:var(--ds-space-4)}.import-utilities__header-title svg{color:var(--ds-primary)}.import-utilities__header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.import-utilities__header-title p{color:var(--ds-text-secondary);font-size:.9rem}.import-utilities__types{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.import-utilities__type-card{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-6);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.import-utilities__type-card:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.import-utilities__type-card--active{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.import-utilities__type-card svg{opacity:.8}.import-utilities__type-card--active svg{opacity:1}.import-utilities__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-6);margin-bottom:var(--ds-space-6)}.import-utilities__upload-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6)}.import-utilities__drop-zone{border:2px dashed var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--ds-transition-fast);margin-bottom:var(--ds-space-6)}.import-utilities__drop-zone:hover,.import-utilities__drop-zone--drag-over{border-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.import-utilities__drop-zone--has-file{border-style:solid;cursor:default}.import-utilities__drop-zone svg{color:var(--ds-text-muted);margin-bottom:var(--ds-space-4)}.import-utilities__drop-zone h3{color:var(--ds-text-primary);font-size:1.1rem;margin-bottom:var(--ds-space-1)}.import-utilities__drop-zone p{color:var(--ds-text-secondary);font-size:.9rem;margin-bottom:var(--ds-space-2)}.import-utilities__file-types{font-size:.8rem;color:var(--ds-text-muted)}.import-utilities__file-info{display:flex;align-items:center;gap:var(--ds-space-4)}.import-utilities__file-info svg{color:var(--ds-success-text);margin-bottom:0}.import-utilities__file-details{flex:1;text-align:start}.import-utilities__file-details h4{color:var(--ds-text-primary);font-weight:600}.import-utilities__file-details p{color:var(--ds-text-muted);font-size:.85rem;margin:0}.import-utilities__btn-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);cursor:pointer}.import-utilities__btn-remove:hover{color:var(--ds-danger-text);border-color:var(--ds-danger)}.import-utilities__upload-actions{display:flex;gap:var(--ds-space-4)}.import-utilities__upload-actions .import-utilities__btn{flex:1;justify-content:center}.import-utilities__result{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6)}.import-utilities__result--success{border-color:var(--ds-success)}.import-utilities__result--error{border-color:var(--ds-danger)}.import-utilities__result-header{display:flex;align-items:center;gap:var(--ds-space-3);margin-bottom:var(--ds-space-6)}.import-utilities__result--success .import-utilities__result-header svg{color:var(--ds-success-text)}.import-utilities__result--error .import-utilities__result-header svg{color:var(--ds-danger-text)}.import-utilities__result-header h3{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.import-utilities__result-stats{display:flex;gap:var(--ds-space-6);margin-bottom:var(--ds-space-6)}.import-utilities__stat{flex:1;text-align:center;padding:var(--ds-space-4);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.import-utilities__stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)}.import-utilities__stat--success .import-utilities__stat-value{color:var(--ds-success-text)}.import-utilities__stat--error .import-utilities__stat-value{color:var(--ds-danger-text)}.import-utilities__stat-label{font-size:.8rem;color:var(--ds-text-muted)}.import-utilities__error-details{background:var(--ds-danger-bg);border-radius:var(--ds-radius-md);padding:var(--ds-space-4)}.import-utilities__error-details h4{color:var(--ds-danger-text);font-size:.9rem;margin-bottom:var(--ds-space-2)}.import-utilities__error-details ul{list-style:none;padding:0;margin:0}.import-utilities__error-details li{color:var(--ds-text-secondary);font-size:.85rem;padding:.35rem 0}.import-utilities__instructions{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6)}.import-utilities__instructions h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-4)}.import-utilities__instructions ol{padding-left:var(--ds-space-5);margin:0}.import-utilities__instructions li{color:var(--ds-text-secondary);font-size:.9rem;padding:.35rem 0}.import-utilities__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--ds-transition-fast)}.import-utilities__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.import-utilities__btn--primary:hover:not(:disabled){background:var(--ds-primary-hover)}.import-utilities__btn--primary:disabled{opacity:.6;cursor:not-allowed}.import-utilities__btn--secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.import-utilities__spinner-sm{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--ds-text-on-primary);border-radius:50%;animation:import-utilities__spin .8s linear infinite}@keyframes import-utilities__spin{to{transform:rotate(360deg)}}@media(max-width:768px){.import-utilities__types{flex-direction:column}.import-utilities__container{grid-template-columns:1fr}}.roles-page{padding:1.5rem}.roles-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}.role-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.5rem;transition:all var(--ds-transition-fast)}.role-card:hover{border-color:var(--ds-secondary);box-shadow:0 4px 12px #0000001a}.role-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.role-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary));border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.role-info{flex:1}.role-info h3{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.2rem}.role-info p{font-size:.85rem;color:var(--ds-text-secondary)}.role-actions{display:flex;gap:.5rem}.role-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ds-border-default)}.role-stats .stat{display:flex;align-items:center;gap:.5rem;color:var(--ds-text-muted);font-size:.85rem}.permissions-preview{display:flex;flex-wrap:wrap;gap:.5rem}.perm-badge{padding:.25rem .6rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);font-size:.75rem;color:var(--ds-text-secondary)}.perm-more{padding:.25rem .6rem;font-size:.75rem;color:var(--ds-text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;border:none}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer}.btn-icon:hover{color:var(--ds-secondary);border-color:var(--ds-secondary)}.btn-icon.danger:hover{color:var(--ds-error);border-color:var(--ds-error)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default);position:sticky;top:0;background:var(--ds-bg-surface)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary)}.modal-close{background:none;border:none;color:var(--ds-text-muted);cursor:pointer}.form-section{margin-bottom:1.5rem}.form-section h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--ds-border-default)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--ds-text-secondary);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary)!important;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-secondary)}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.permission-category{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:1rem}.permission-category h4{font-size:.85rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.75rem}.permission-list{display:flex;flex-direction:column;gap:.5rem}.permission-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.permission-item input{width:16px;height:16px;accent-color:var(--ds-secondary)}.permission-item span{font-size:.85rem;color:var(--ds-text-secondary);text-transform:capitalize}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--ds-border-default);position:sticky;bottom:0;background:var(--ds-bg-surface)}@media(max-width:768px){.roles-grid,.permissions-grid{grid-template-columns:1fr}}.modal-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--ds-border-default)}.modal-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:.85rem;color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.modal-tab:hover{background:var(--ds-bg-surface);color:var(--ds-text-primary)}.modal-tab.active{background:var(--ds-secondary);border-color:var(--ds-secondary);color:#fff}.pages-access-section{overflow-x:auto}.pages-access-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;font-weight:600;font-size:.8rem;color:var(--ds-text-secondary)}.pages-access-header .page-col{display:flex;align-items:center;gap:.25rem}.pages-access-list{border:1px solid var(--ds-border-default);border-top:none;border-radius:0 0 var(--ds-radius-md) var(--ds-radius-md);max-height:350px;overflow-y:auto}.pages-access-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--ds-border-default);transition:background var(--ds-transition-fast)}.pages-access-row:last-child{border-bottom:none}.pages-access-row:hover{background:var(--ds-bg-elevated)}.page-col{flex:0 0 80px;text-align:center}.page-col.page-name{flex:1;text-align:start;font-size:.9rem;color:var(--ds-text-primary)}.page-col input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-secondary);cursor:pointer}.role-level{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);font-size:.75rem;color:var(--ds-secondary);margin-bottom:.75rem}.form-hint{display:block;font-size:.75rem;color:var(--ds-text-muted);margin-top:.35rem}.form-group select{width:100%;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.95rem}.form-group select:focus{outline:none;border-color:var(--ds-secondary)}.role-permissions-page{padding:24px!important;min-height:100vh!important;background:var(--ds-bg-surface)!important}.role-permissions-page .page-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:24px!important;flex-wrap:wrap!important;gap:16px!important}.role-permissions-page .header-title{display:flex!important;align-items:flex-start!important;gap:12px!important}.role-permissions-page .header-title svg{color:var(--primary, #3b82f6)!important;margin-top:4px!important}.role-permissions-page .header-title h1{font-size:24px!important;font-weight:700!important;margin:0!important;color:var(--text-primary, var(--ds-bg-surface))!important}.role-permissions-page .header-title p{margin:4px 0 0!important;color:var(--text-secondary, var(--ds-text-muted))!important;font-size:14px!important}.role-permissions-page .header-actions{display:flex!important;gap:12px!important;align-items:center!important}.role-permissions-page .search-box{display:flex!important;align-items:center!important;gap:8px!important;background:var(--ds-card-bg)!important;border:1px solid var(--ds-border-default))!important;border-radius:8px!important;padding:8px 12px!important}.role-permissions-page .search-box svg{color:var(--text-muted, var(--ds-text-secondary))!important}.role-permissions-page .search-box input{border:none!important;outline:none!important;font-size:14px!important;min-width:200px!important}.role-permissions-page .btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important;border:none!important}.role-permissions-page .btn-secondary{background:var(--ds-card-bg)!important;color:var(--text-primary, var(--ds-bg-surface))!important;border:1px solid var(--ds-border-default))!important}.role-permissions-page .btn-secondary:hover{background:var(--ds-bg-hover)!important}.role-permissions-page .btn-primary{background:var(--primary, #3b82f6)!important;color:#fff!important}.role-permissions-page .btn-primary:hover{background:var(--primary-dark, #2563eb)!important}.role-permissions-page .unsaved-banner{display:flex!important;align-items:center!important;gap:8px!important;background:#fef3c7!important;color:#92400e!important;padding:12px 16px!important;border-radius:8px!important;margin-bottom:20px!important;font-weight:500!important}.role-permissions-page .permissions-layout{display:grid!important;grid-template-columns:280px 1fr!important;gap:24px!important;align-items:flex-start!important}.role-permissions-page .roles-sidebar{background:var(--ds-card-bg)!important;border-radius:12px!important;border:1px solid var(--ds-border-default))!important;overflow:hidden!important}.role-permissions-page .roles-sidebar h3{display:flex!important;align-items:center!important;gap:8px!important;padding:16px!important;margin:0!important;font-size:16px!important;font-weight:600!important;border-bottom:1px solid var(--ds-border-default))!important}.role-permissions-page .roles-list{max-height:calc(100vh - 300px)!important;overflow-y:auto!important}.role-permissions-page .role-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px!important;cursor:pointer!important;transition:all .15s!important;border-bottom:1px solid var(--ds-border-default))!important}.role-permissions-page .role-item:hover{background:var(--bg-hover, var(--ds-bg-surface))!important}.role-permissions-page .role-item.active{background:var(--primary-light, #eff6ff)!important;border-left:3px solid var(--primary, #3b82f6)!important}.role-permissions-page .role-info{display:flex!important;flex-direction:column!important;gap:2px!important}.role-permissions-page .role-name{font-weight:600!important;font-size:14px!important;color:var(--text-primary, var(--ds-bg-surface))!important}.role-permissions-page .role-description{font-size:12px!important;color:var(--text-muted, var(--ds-text-secondary))!important}.role-permissions-page .role-stats{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important}.role-permissions-page .permission-count{background:var(--primary, #3b82f6)!important;color:#fff!important;padding:2px 8px!important;border-radius:10px!important;font-size:12px!important;font-weight:600!important}.role-permissions-page .user-count{font-size:11px!important;color:var(--text-muted, var(--ds-text-secondary))!important}.role-permissions-page .permissions-panel{background:var(--ds-card-bg)!important;border-radius:12px!important;border:1px solid var(--ds-border-default))!important;overflow:hidden!important}.role-permissions-page .panel-header{padding:16px 20px!important;border-bottom:1px solid var(--ds-border-default))!important}.role-permissions-page .panel-header h2{margin:0!important;font-size:18px!important;font-weight:500!important}.role-permissions-page .panel-header strong{color:var(--primary, #3b82f6)!important}.role-permissions-page .categories-list{max-height:calc(100vh - 300px)!important;overflow-y:auto!important}.role-permissions-page .category-section{border-bottom:1px solid var(--ds-border-default))!important}.role-permissions-page .category-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 20px!important;cursor:pointer!important;transition:background .15s!important}.role-permissions-page .category-header:hover{background:var(--bg-hover, var(--ds-bg-surface))!important}.role-permissions-page .category-toggle{display:flex!important;align-items:center!important;gap:8px!important}.role-permissions-page .category-name{font-weight:600!important;font-size:15px!important}.role-permissions-page .category-count{background:var(--ds-bg-elevated)!important;padding:2px 8px!important;border-radius:10px!important;font-size:12px!important;color:var(--text-secondary, var(--ds-text-muted))!important}.role-permissions-page .toggle-all-btn{width:24px!important;height:24px!important;border-radius:6px!important;border:2px solid var(--ds-border-default))!important;background:var(--ds-card-bg)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s!important;font-weight:600!important;font-size:14px!important;color:#fff!important}.role-permissions-page .toggle-all-btn.enabled{background:var(--success, #22c55e)!important;border-color:var(--success, #22c55e)!important}.role-permissions-page .toggle-all-btn.partial{background:var(--warning, #f59e0b)!important;border-color:var(--warning, #f59e0b)!important}.role-permissions-page .permissions-list{padding:8px 20px 16px 40px!important;display:grid!important;gap:8px!important}.role-permissions-page .permission-item{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;background:var(--ds-bg-surface)!important;border-radius:8px!important;cursor:pointer!important;transition:all .15s!important;border:1px solid transparent!important}.role-permissions-page .permission-item:hover{border-color:var(--ds-border-default))!important}.role-permissions-page .permission-item.enabled{background:var(--success-light, #dcfce7)!important;border-color:var(--success, #22c55e)!important}.role-permissions-page .permission-toggle{width:22px!important;height:22px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.role-permissions-page .permission-item.enabled .permission-toggle{background:var(--success, #22c55e)!important;color:#fff!important}.role-permissions-page .permission-item:not(.enabled) .permission-toggle{background:var(--text-muted, var(--ds-border-default))!important;color:#fff!important}.role-permissions-page .permission-info{display:flex!important;flex-direction:column!important;gap:2px!important}.role-permissions-page .permission-name{font-size:14px!important;font-weight:500!important}.role-permissions-page .permission-code{font-size:11px!important;color:var(--text-muted, var(--ds-text-secondary))!important;background:none!important;padding:0!important}.role-permissions-page .no-role-selected{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:80px 20px!important;color:var(--text-muted, var(--ds-text-secondary))!important;gap:16px!important}.role-permissions-page .loading-spinner{display:flex!important;justify-content:center!important;align-items:center!important;height:300px!important;font-size:16px!important;color:var(--text-secondary, var(--ds-text-muted))!important}[dir=rtl] .role-permissions-page .role-item.active{border-left:none!important;border-right:3px solid var(--primary, #3b82f6)!important}[dir=rtl] .role-permissions-page .permissions-list{padding:8px 40px 16px 20px!important}@media(max-width:900px){.role-permissions-page .permissions-layout{grid-template-columns:1fr!important}.role-permissions-page .roles-sidebar{order:2!important}.role-permissions-page .permissions-panel{order:1!important}}.dashboard-config-page{padding:1.5rem;max-width:1400px;margin:0 auto}.dashboard-config-page.rtl{direction:rtl}.dashboard-config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.dashboard-config-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--ds-border)}.dashboard-config-page .header-title{display:flex;align-items:center;gap:.75rem}.dashboard-config-page .header-title h1{font-size:1.5rem;font-weight:600;margin:0;color:var(--ds-text-primary)}.dashboard-config-page .header-title svg{color:var(--ds-primary)}.dashboard-config-page .header-actions{display:flex;gap:.75rem}.config-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border)}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--ds-text-secondary)}.filter-group select{padding:.625rem 1rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:.875rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-alpha-20)}.current-selection-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--ds-primary-alpha-10),var(--ds-primary-alpha-5));border-radius:var(--ds-radius);border:1px solid var(--ds-primary-alpha-20)}.current-selection-info .dept-badge,.current-selection-info .level-badge{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius);font-weight:500;color:var(--ds-text-primary)}.current-selection-info .separator{color:var(--ds-text-muted)}.widgets-config-container{display:flex;flex-direction:column;gap:1.5rem}.category-section{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--ds-bg-surface);border-left:4px solid;border-bottom:1px solid var(--ds-border)}.rtl .category-header{border-left:none;border-right:4px solid}.category-info{display:flex;align-items:center;gap:1rem}.category-info h3{font-size:1rem;font-weight:600;margin:0;color:var(--ds-text-primary)}.category-count{font-size:.875rem;color:var(--ds-text-muted);padding:.25rem .5rem;background:var(--ds-bg-primary);border-radius:var(--ds-radius-sm)}.category-actions{display:flex;gap:.5rem}.btn-mini{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--ds-radius);border:1px solid var(--ds-border);background:var(--ds-bg-elevated);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.btn-mini:hover{background:var(--ds-bg-hover)}.btn-mini.enable-all:hover{background:var(--ds-success-alpha-10);border-color:var(--ds-success);color:var(--ds-success)}.btn-mini.disable-all:hover{background:var(--ds-error-alpha-10);border-color:var(--ds-error);color:var(--ds-error)}.widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:1rem}.widget-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--ds-bg-surface);border-radius:var(--ds-radius);border:1px solid var(--ds-border);cursor:pointer;transition:all .2s ease}.widget-card:hover{background:var(--ds-bg-hover);border-color:var(--ds-primary-alpha-30)}.widget-card.enabled{border-color:var(--ds-success-alpha-30);background:var(--ds-success-alpha-5)}.widget-card.enabled:hover{background:var(--ds-success-alpha-10)}.widget-card.disabled{opacity:.7}.widget-toggle{flex-shrink:0;padding-top:.125rem}.toggle-track{width:36px;height:20px;border-radius:10px;background:var(--ds-border);position:relative;transition:background .2s ease}.toggle-track.on{background:var(--ds-success)}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-track.on .toggle-thumb{transform:translate(16px)}.rtl .toggle-track.on .toggle-thumb{transform:translate(-16px)}.widget-info{flex:1;min-width:0}.widget-info h4{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:var(--ds-text-primary)}.widget-info p{font-size:.75rem;color:var(--ds-text-muted);margin:0;line-height:1.4}.clone-modal{max-width:400px}.clone-modal h2{font-size:1.25rem;margin:0 0 .5rem}.clone-modal .modal-description{color:var(--ds-text-secondary);font-size:.875rem;margin-bottom:1.5rem}.clone-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.clone-form .form-group{display:flex;flex-direction:column;gap:.5rem}.clone-form label{font-size:.875rem;font-weight:500}.clone-form select{padding:.625rem 1rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background:var(--ds-bg-surface);color:var(--ds-text-primary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg);padding:1.5rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--ds-radius);border:none;cursor:pointer;transition:all .2s ease}.btn-secondary{background:var(--ds-bg-surface);color:var(--ds-text-primary);border:1px solid var(--ds-border)}.btn-ghost{background:transparent;color:var(--ds-text-secondary);border:1px solid var(--ds-border)}.btn-ghost:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}@media(max-width:768px){.dashboard-config-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;align-items:flex-start}.config-filters{flex-direction:column}.filter-group{width:100%}.widgets-grid{grid-template-columns:1fr}.category-header{flex-direction:column;gap:.75rem;align-items:flex-start}}.pages-visibility-page{padding:1.5rem}.pages-visibility-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header-title{display:flex;align-items:center;gap:1rem}.header-title svg{color:var(--ds-secondary)}.header-title h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.25rem}.header-title p{color:var(--ds-text-secondary);font-size:.9rem}.role-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--ds-bg-surface);padding:.5rem;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:fit-content}.role-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.role-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.role-btn.active{background:var(--ds-secondary);color:#fff}.admin-notice{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--ds-radius-md);color:#3b82f6;margin-bottom:1.5rem;font-size:.9rem}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;max-width:350px}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:.95rem}.bulk-actions{display:flex;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.module-section{margin-bottom:1.5rem}.module-section h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.page-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.page-item:hover{border-color:var(--ds-secondary)}.page-item.visible{border-left:3px solid var(--ds-success)}.page-item.hidden{border-left:3px solid var(--ds-text-muted);opacity:.7}.page-info h4{font-size:.95rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:.2rem}.page-path{font-size:.8rem;color:var(--ds-text-muted);font-family:monospace}.visibility-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-md)}.page-item.visible .visibility-toggle{color:var(--ds-success)}.page-item.hidden .visibility-toggle{color:var(--ds-text-muted)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all var(--ds-transition-fast)}.btn-primary{background:var(--ds-secondary);color:#fff}.btn-primary:disabled{opacity:.6}.btn-secondary{background:var(--ds-bg-surface);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.spinner-sm{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.role-selector{flex-wrap:wrap;width:100%}.pages-grid{grid-template-columns:1fr}}.department-permissions-page{animation:fadeIn .3s ease-out}.department-permissions-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--ds-border-default)}.department-permissions-page .page-header h1{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;color:var(--ds-text-primary)}.department-permissions-page .page-header p{margin:.25rem 0 0;color:var(--ds-text-muted)}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--ds-text-muted)}.access-denied svg{color:var(--ds-danger);margin-bottom:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.departments-list{display:flex;flex-direction:column;gap:1rem}.department-card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden;transition:all .2s ease}.department-card:hover{border-color:var(--ds-primary-light)}.department-card.expanded{border-color:var(--ds-secondary);box-shadow:0 4px 12px #0000001a}.department-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:background .2s ease}.department-header:hover{background:var(--ds-bg-hover)}.dept-info{display:flex;align-items:center;gap:1rem}.dept-icon{width:44px;height:44px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.dept-details h3{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.dept-code{font-size:.75rem;color:var(--ds-text-muted);font-family:monospace}.dept-stats{display:flex;align-items:center;gap:.75rem}.department-content{border-top:1px solid var(--ds-border-default);padding:1.25rem;background:var(--ds-bg-surface)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.content-header h4{margin:0;font-size:.9rem;color:var(--ds-text-secondary)}.edit-actions{display:flex;gap:.5rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.permission-card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);padding:.75rem}.permission-card .page-name{display:block;font-weight:500;margin-bottom:.5rem;color:var(--ds-text-primary)}.permission-badges{display:flex;flex-wrap:wrap;gap:.25rem}.permission-badges .badge{font-size:.65rem;padding:.15rem .4rem}.no-permissions{grid-column:1 / -1;text-align:center;color:var(--ds-text-muted);padding:2rem}.edit-mode{background:var(--ds-bg-base);border-radius:var(--ds-radius-md);overflow:hidden}.add-page-section{padding:1rem;border-bottom:1px solid var(--ds-border-default)}.add-page-section .form-select{max-width:300px}.permissions-table{width:100%;border-collapse:collapse}.permissions-table th,.permissions-table td{padding:.75rem 1rem;text-align:center;border-bottom:1px solid var(--ds-border-default)}.permissions-table th{background:var(--ds-bg-surface);font-weight:600;font-size:.8rem;color:var(--ds-text-secondary)}.permissions-table th:first-child,.permissions-table td:first-child{text-align:start}.permissions-table td.page-name{font-weight:500}.permissions-table tbody tr:hover{background:var(--ds-bg-hover)}.permissions-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--ds-secondary)}.permissions-table input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.level-select{padding:.35rem .5rem;border-radius:var(--ds-radius-sm);background:var(--ds-bg-base);font-size:.8rem;min-width:100px}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:500;border-radius:var(--ds-radius-full)}.badge-secondary{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-success{background:var(--ds-success);color:#fff}.btn-success:hover{background:var(--ds-success-hover)}[dir=rtl] .department-permissions-page .page-header,[dir=rtl] .dept-info,[dir=rtl] .dept-stats{flex-direction:row-reverse}[dir=rtl] .permissions-table th:first-child,[dir=rtl] .permissions-table td:first-child{text-align:end}@media(max-width:768px){.department-header{flex-direction:column;gap:1rem;align-items:flex-start}.dept-stats{width:100%;justify-content:flex-start}.permissions-table{font-size:.8rem}.permissions-table th,.permissions-table td{padding:.5rem}}.notifications-page{padding:24px!important;min-height:100vh!important;background:var(--ds-bg-surface)!important}.notifications-page .page-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:24px!important;flex-wrap:wrap!important;gap:16px!important}.notifications-page .header-title{display:flex!important;align-items:flex-start!important;gap:12px!important}.notifications-page .header-title svg{color:var(--ds-primary, #3b82f6)!important;margin-top:4px!important}.notifications-page .header-title h1{font-size:24px!important;font-weight:700!important;margin:0!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important}.notifications-page .header-title p{margin:4px 0 0!important;color:var(--ds-text-secondary, var(--ds-text-muted))!important;font-size:14px!important}.notifications-page .header-actions{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important}.notifications-page .search-box{display:flex!important;align-items:center!important;gap:8px!important;background:var(--ds-card-bg)!important;border:1px solid var(--ds-border-default, var(--ds-border-subtle))!important;border-radius:8px!important;padding:8px 12px!important}.notifications-page .search-box svg{color:var(--ds-text-muted, var(--ds-text-secondary))!important}.notifications-page .search-box input{border:none!important;outline:none!important;font-size:14px!important;min-width:180px!important;background:transparent!important}.notifications-page .filter-select{padding:10px 14px!important;border:1px solid var(--ds-border-default, var(--ds-border-subtle))!important;border-radius:8px!important;background:var(--ds-card-bg)!important;font-size:14px!important;cursor:pointer!important}.notifications-page .btn{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important;border:none!important}.notifications-page .btn-secondary{background:var(--ds-card-bg)!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;border:1px solid var(--ds-border-default, var(--ds-border-subtle))!important}.notifications-page .btn-primary{background:var(--ds-primary, #3b82f6)!important;color:#fff!important}.notifications-page .bulk-actions{display:flex!important;align-items:center!important;gap:12px!important;background:var(--ds-primary-subtle, #eff6ff)!important;padding:12px 16px!important;border-radius:8px!important;margin-bottom:16px!important}.notifications-page .bulk-actions span{font-weight:500!important;color:var(--ds-primary, #3b82f6)!important}.notifications-page .bulk-actions button{display:flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;border-radius:6px!important;border:none!important;background:var(--ds-card-bg)!important;cursor:pointer!important;font-size:13px!important}.notifications-page .bulk-actions button.danger{color:var(--danger, #ef4444)!important}.notifications-page .notifications-list{background:var(--ds-card-bg)!important;border-radius:12px!important;border:1px solid var(--ds-border-default, var(--ds-border-subtle))!important;overflow:hidden!important}.notifications-page .list-header{padding:12px 16px!important;border-bottom:1px solid var(--ds-border-default, var(--ds-border-subtle))!important;background:var(--ds-bg-surface, var(--ds-bg-surface))!important}.notifications-page .checkbox-wrapper{display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important}.notifications-page .checkbox-wrapper input[type=checkbox]{width:16px!important;height:16px!important;cursor:pointer!important}.notifications-page .notification-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;border-bottom:1px solid var(--ds-border-default, var(--ds-border-subtle))!important;transition:background .15s!important}.notifications-page .notification-item:hover{background:var(--ds-bg-hover, var(--ds-bg-surface))!important}.notifications-page .notification-item.unread{background:var(--ds-primary-subtle, #eff6ff)!important}.notifications-page .notification-item.unread:hover{background:#e0f2fe!important}.notifications-page .notification-item.high{border-left:3px solid var(--danger, #ef4444)!important}.notifications-page .notification-item.urgent{border-left:3px solid var(--danger, #ef4444)!important;background:#fef2f2!important}.notifications-page .notification-content{display:flex!important;gap:12px!important;flex:1!important;cursor:pointer!important}.notifications-page .notification-icon{width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--ds-bg-surface, var(--ds-bg-elevated))!important;flex-shrink:0!important}.notifications-page .icon-success{color:var(--success, #22c55e)!important}.notifications-page .icon-warning{color:var(--warning, #f59e0b)!important}.notifications-page .icon-error{color:var(--danger, #ef4444)!important}.notifications-page .icon-action{color:var(--ds-primary, #3b82f6)!important}.notifications-page .icon-info{color:var(--ds-text-secondary, var(--ds-text-muted))!important}.notifications-page .notification-body{flex:1!important;min-width:0!important}.notifications-page .notification-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:4px!important}.notifications-page .notification-title{font-size:15px!important;font-weight:600!important;margin:0!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important}.notifications-page .notification-time{display:flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;color:var(--ds-text-muted, var(--ds-text-secondary))!important;white-space:nowrap!important}.notifications-page .notification-message{font-size:14px!important;color:var(--ds-text-secondary, var(--ds-text-muted))!important;margin:0 0 8px!important;line-height:1.5!important}.notifications-page .notification-category{display:inline-block!important;padding:2px 8px!important;border-radius:10px!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;background:var(--ds-bg-surface, var(--ds-bg-elevated))!important;color:var(--ds-text-secondary, var(--ds-text-muted))!important}.notifications-page .notification-category.leave{background:#dbeafe!important;color:#1d4ed8!important}.notifications-page .notification-category.profile{background:#dcfce7!important;color:#16a34a!important}.notifications-page .notification-category.attendance{background:#fef3c7!important;color:#d97706!important}.notifications-page .notification-category.vip{background:#f3e8ff!important;color:#9333ea!important}.notifications-page .notification-category.system{background:var(--ds-bg-elevated)!important;color:var(--ds-text-muted)!important}.notifications-page .notification-actions{display:flex!important;gap:8px!important;opacity:0!important;transition:opacity .15s!important}.notifications-page .notification-item:hover .notification-actions{opacity:1!important}.notifications-page .action-btn{width:32px!important;height:32px!important;border-radius:6px!important;border:none!important;background:var(--ds-bg-surface, var(--ds-bg-elevated))!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--ds-text-secondary, var(--ds-text-muted))!important;transition:all .15s!important}.notifications-page .action-btn:hover{background:var(--ds-primary, #3b82f6)!important;color:#fff!important}.notifications-page .action-btn.danger:hover{background:var(--danger, #ef4444)!important}.notifications-page .empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:80px 20px!important;color:var(--ds-text-muted, var(--ds-text-secondary))!important}.notifications-page .empty-state svg{margin-bottom:16px!important;opacity:.5!important}.notifications-page .empty-state h3{margin:0 0 8px!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important}.notifications-page .empty-state p{margin:0!important}.notifications-page .loading{display:flex!important;justify-content:center!important;align-items:center!important;padding:60px!important;color:var(--ds-text-secondary, var(--ds-text-muted))!important}.notifications-page .pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important;margin-top:20px!important}.notifications-page .pagination button{width:36px!important;height:36px!important;border-radius:8px!important;border:1px solid var(--ds-border-default, var(--ds-border-subtle))!important;background:var(--ds-card-bg)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important}.notifications-page .pagination button:disabled{opacity:.5!important;cursor:not-allowed!important}.notifications-page .pagination span{font-size:14px!important;color:var(--ds-text-secondary, var(--ds-text-muted))!important}@media(max-width:768px){.notifications-page .header-actions{width:100%!important}.notifications-page .search-box{flex:1!important}.notifications-page .notification-actions{opacity:1!important}}.dark .notifications-page,[data-theme=dark] .notifications-page{background:var(--ds-bg-base)!important}.dark .notifications-page .page-header,[data-theme=dark] .notifications-page .page-header{background:transparent!important}.dark .notifications-page .header-title h1,[data-theme=dark] .notifications-page .header-title h1{color:var(--text-primary, var(--ds-bg-surface))!important}.dark .notifications-page .header-title p,[data-theme=dark] .notifications-page .header-title p{color:var(--text-secondary, var(--ds-text-secondary))!important}.dark .notifications-page .search-box,.dark .notifications-page .filter-select,.dark .notifications-page .btn-secondary,[data-theme=dark] .notifications-page .search-box,[data-theme=dark] .notifications-page .filter-select,[data-theme=dark] .notifications-page .btn-secondary{background:var(--bg-card, var(--ds-bg-surface))!important;border-color:var(--ds-border-default))!important;color:var(--text-primary, var(--ds-bg-surface))!important}.dark .notifications-page .search-box input,[data-theme=dark] .notifications-page .search-box input{color:var(--text-primary, var(--ds-bg-surface))!important}.dark .notifications-page .search-box input::placeholder,[data-theme=dark] .notifications-page .search-box input::placeholder{color:var(--text-muted, var(--ds-text-muted))!important}.dark .notifications-page .notifications-list,[data-theme=dark] .notifications-page .notifications-list{background:var(--bg-card, var(--ds-bg-surface))!important;border-color:var(--ds-border-default))!important}.dark .notifications-page .list-header,[data-theme=dark] .notifications-page .list-header{background:#1e293bcc!important;border-color:var(--ds-border-default))!important}.dark .notifications-page .list-header span,[data-theme=dark] .notifications-page .list-header span{color:var(--text-secondary, var(--ds-text-secondary))!important}.dark .notifications-page .notification-item,[data-theme=dark] .notifications-page .notification-item{border-color:var(--ds-border-default))!important;background:transparent!important}.dark .notifications-page .notification-item:hover,[data-theme=dark] .notifications-page .notification-item:hover{background:#3b82f60d!important}.dark .notifications-page .notification-item.unread,[data-theme=dark] .notifications-page .notification-item.unread{background:#3b82f61a!important}.dark .notifications-page .notification-item.unread:hover,[data-theme=dark] .notifications-page .notification-item.unread:hover{background:#3b82f626!important}.dark .notifications-page .notification-title,[data-theme=dark] .notifications-page .notification-title{color:var(--text-primary, var(--ds-bg-surface))!important}.dark .notifications-page .notification-message,[data-theme=dark] .notifications-page .notification-message{color:var(--text-secondary, var(--ds-text-secondary))!important}.dark .notifications-page .notification-icon,[data-theme=dark] .notifications-page .notification-icon{background:#3b82f626!important}.dark .notifications-page .notification-category,[data-theme=dark] .notifications-page .notification-category{background:#64748b33!important;color:var(--text-secondary, var(--ds-text-secondary))!important}.dark .notifications-page .notification-category.admin_message,[data-theme=dark] .notifications-page .notification-category.admin_message{background:#3b82f633!important;color:#60a5fa!important}.dark .notifications-page .action-btn,[data-theme=dark] .notifications-page .action-btn{background:#64748b33!important;color:var(--text-secondary, var(--ds-text-secondary))!important}.dark .notifications-page .action-btn:hover,[data-theme=dark] .notifications-page .action-btn:hover{background:var(--primary, #3b82f6)!important;color:#fff!important}.dark .notifications-page .empty-state,[data-theme=dark] .notifications-page .empty-state{color:var(--text-muted, var(--ds-text-muted))!important}.dark .notifications-page .empty-state h3,[data-theme=dark] .notifications-page .empty-state h3{color:var(--text-primary, var(--ds-bg-surface))!important}.dark .notifications-page .pagination button,[data-theme=dark] .notifications-page .pagination button{background:var(--bg-card, var(--ds-bg-surface))!important;border-color:var(--ds-border-default))!important;color:var(--text-primary, var(--ds-bg-surface))!important}.dark .notifications-page .pagination span,[data-theme=dark] .notifications-page .pagination span{color:var(--text-secondary, var(--ds-text-secondary))!important}.dark .notifications-page .bulk-actions,[data-theme=dark] .notifications-page .bulk-actions{background:#3b82f626!important}.dark .notifications-page .bulk-actions button,[data-theme=dark] .notifications-page .bulk-actions button{background:#1e293bcc!important;color:var(--text-primary, var(--ds-bg-surface))!important}.site-structure__page{max-width:1400px;margin:0 auto}.site-structure__page--loading{display:flex;justify-content:center;align-items:center;min-height:400px}.site-structure__tabs{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);background:var(--ds-bg-surface);padding:var(--ds-space-2);border-radius:var(--ds-radius-lg)}.site-structure__tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent;border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);cursor:pointer;transition:var(--ds-transition-fast)}.site-structure__tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.site-structure__tab-btn--active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.site-structure__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-5)}.site-structure__section-header h2{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.site-structure__levels-grid,.site-structure__types-grid,.site-structure__templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-4)}@media(max-width:1200px){.site-structure__levels-grid,.site-structure__types-grid,.site-structure__templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.site-structure__levels-grid,.site-structure__types-grid,.site-structure__templates-grid{grid-template-columns:1fr}}.site-structure__level-card,.site-structure__type-card,.site-structure__template-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:var(--ds-transition-fast)}.site-structure__level-card:hover,.site-structure__type-card:hover,.site-structure__template-card:hover{box-shadow:var(--ds-shadow-lg);border-color:var(--ds-primary)}.site-structure__level-card--inactive,.site-structure__type-card--inactive,.site-structure__template-card--inactive{opacity:.6}.site-structure__template-card--default{border-color:var(--ds-primary);position:relative}.site-structure__default-badge{position:absolute;top:-10px;right:16px;background:var(--ds-primary);color:var(--ds-text-on-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full)}.site-structure__level-header,.site-structure__type-header,.site-structure__template-header{display:flex;align-items:flex-start;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.site-structure__level-order{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary);color:var(--ds-text-on-primary);font-weight:var(--ds-font-bold);border-radius:var(--ds-radius-full);flex-shrink:0}.site-structure__type-code{width:48px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);border-radius:var(--ds-radius-md);flex-shrink:0}.site-structure__level-info,.site-structure__type-info,.site-structure__template-info{flex:1;min-width:0}.site-structure__level-info h3,.site-structure__type-info h3,.site-structure__template-info h3{font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0}.site-structure__level-name-ar,.site-structure__type-name-ar,.site-structure__template-name-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl}.site-structure__level-actions,.site-structure__type-actions,.site-structure__template-actions{display:flex;gap:var(--ds-space-1)}.site-structure__level-description,.site-structure__type-description,.site-structure__template-description{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-3);line-height:1.5}.site-structure__level-permissions{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.site-structure__perm{display:inline-flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary)}.site-structure__perm--active{background:var(--ds-success-bg);color:var(--ds-success)}.site-structure__type-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-3)}.site-structure__type-meta .site-structure__meta-item{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.site-structure__uniform-color{display:inline-block;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);color:var(--ds-text-on-primary)}.site-structure__template-stats{display:flex;gap:var(--ds-space-4);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.site-structure__template-stats .site-structure__stat{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.site-structure__modal-lg{max-width:800px}.site-structure__checkbox-group{display:flex;flex-wrap:wrap;gap:var(--ds-space-4)}.site-structure__checkbox-label{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-primary);cursor:pointer}.site-structure__hierarchy-form-modal{max-width:900px;width:95%}.site-structure__hierarchy-form-layout{display:grid;grid-template-columns:1.2fr 1.8fr;gap:var(--ds-space-6);height:600px;overflow:hidden}.site-structure__hierarchy-form-left{padding-inline-end:var(--ds-space-4);border-inline-end:1px solid var(--ds-border-default);overflow-y:auto}.site-structure__hierarchy-form-right{display:flex;flex-direction:column;overflow:hidden}.site-structure__hierarchy-preview-panel{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);flex:1;overflow-y:auto;border:1px dashed var(--ds-border-default);margin-top:var(--ds-space-2)}.site-structure__management-levels-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.site-structure__level-selection-item{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.site-structure__level-selection-item--selected{border-color:var(--ds-primary);background:var(--ds-info-bg)}.site-structure__level-selection-item:hover{border-color:var(--ds-text-secondary)}.site-structure__level-rank-badge{font-size:10px;background:var(--ds-bg-surface);color:var(--ds-text-secondary);padding:2px 6px;border-radius:4px;margin-inline-start:8px;text-transform:uppercase}.site-structure__hierarchy-tree{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-4);align-items:center}.site-structure__tree-node{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.site-structure__tree-node-content{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3);width:280px;position:relative;z-index:2;box-shadow:var(--ds-shadow-sm)}.site-structure__tree-node-content--manager,.site-structure__tree-node-content--supervisor{border-left:4px solid var(--ds-info)}.site-structure__tree-node-content--team-leader{border-left:4px solid var(--ds-success)}.site-structure__tree-node-content--staff{border-left:4px solid var(--ds-warning)}.site-structure__tree-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-2)}.site-structure__tree-node-title{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);font-size:var(--ds-text-sm)}.site-structure__tree-node-max{font-size:10px;background:var(--ds-bg-surface);padding:2px 6px;border-radius:4px;color:var(--ds-text-secondary)}.site-structure__tree-connector{height:24px;width:2px;background-color:var(--ds-border-default);margin:4px 0}.site-structure__tree-config-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-2);margin-top:var(--ds-space-2)}.site-structure__mini-input{font-size:11px;padding:4px;border-radius:4px;border:1px solid var(--ds-border-default);background:var(--ds-bg-base);color:var(--ds-text-primary);width:100%}.site-structure__form-split-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--ds-space-3);border-top:1px solid var(--ds-border-default);padding-top:var(--ds-space-4);margin-top:var(--ds-space-4)}.site-structure__alert-error{background-color:var(--ds-danger-bg);border:1px solid var(--ds-danger-bg);color:var(--ds-danger);padding:var(--ds-space-3);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);font-size:var(--ds-text-sm)}.site-structure__hierarchy-card{position:relative;min-height:200px;padding-bottom:var(--ds-space-12)}.site-structure__hierarchy-card .site-structure__type-header{display:flex;align-items:flex-start;gap:var(--ds-space-3);flex-wrap:nowrap}.site-structure__hierarchy-card .site-structure__type-code{flex-shrink:0;font-size:8px;width:auto;padding:0 8px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary)}.site-structure__hierarchy-card .site-structure__type-info{flex:1;min-width:0}.site-structure__hierarchy-card .site-structure__type-info h3{font-size:var(--ds-text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-structure__hierarchy-card .site-structure__type-toggle{margin-inline-start:auto;flex-shrink:0}.site-structure__toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.site-structure__toggle-switch input{opacity:0;width:0;height:0}.site-structure__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--ds-text-muted);transition:.3s;border-radius:24px}.site-structure__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--ds-card-bg);transition:.3s;border-radius:50%}.site-structure__toggle-switch input:checked+.site-structure__toggle-slider{background-color:var(--ds-success)}.site-structure__toggle-switch input:checked+.site-structure__toggle-slider:before{transform:translate(20px)}.site-structure__hierarchy-arrow{color:var(--ds-text-muted);font-weight:var(--ds-font-light)}.site-structure__hierarchy-levels-info{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-3);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.site-structure__level-info-chip{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);color:var(--ds-text-primary)}.site-structure__level-max-badge{background:var(--ds-primary);color:var(--ds-text-on-primary);padding:1px 4px;border-radius:var(--ds-radius-sm);font-size:10px;font-weight:var(--ds-font-semibold)}.site-structure__hierarchy-card .site-structure__type-actions{position:absolute;bottom:var(--ds-space-4);right:var(--ds-space-4);display:flex;gap:var(--ds-space-1)}.site-structure__hierarchy-structure{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-1);margin-top:var(--ds-space-3);padding:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md)}.site-structure__role-badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);border:1px solid}.site-structure__role-badge--manager{background:var(--ds-bg-base);color:#2563eb;border-color:#93c5fd}.site-structure__role-badge--supervisor{background:var(--ds-bg-base);color:#7c3aed;border-color:#c4b5fd}.site-structure__role-badge--team-leader{background:var(--ds-bg-base);color:#059669;border-color:#6ee7b7}.site-structure__role-badge--staff{background:var(--ds-bg-base);color:#d97706;border-color:#fcd34d}[data-theme=dark] .site-structure__role-badge--manager{background:#2563eb1a;color:#60a5fa;border-color:#2563eb4d}[data-theme=dark] .site-structure__role-badge--supervisor{background:#7c3aed1a;color:#a78bfa;border-color:#7c3aed4d}[data-theme=dark] .site-structure__role-badge--team-leader{background:#0596691a;color:#34d399;border-color:#0596694d}[data-theme=dark] .site-structure__role-badge--staff{background:#d977061a;color:#fbbf24;border-color:#d977064d}.site-structure__hierarchy-count-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-full);font-size:11px;color:var(--ds-text-secondary)}.site-structure__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-10);text-align:center;color:var(--ds-text-secondary);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);grid-column:1 / -1}.site-structure__empty-state svg{margin-bottom:var(--ds-space-4);opacity:.5}.site-structure__empty-state p{margin-bottom:var(--ds-space-4)}.site-structure__btn-icon{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary);padding:var(--ds-space-2);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.site-structure__btn-icon:hover{background:var(--ds-bg-hover);border-color:var(--ds-primary);color:var(--ds-primary)}.site-structure__btn-icon--danger{background:var(--ds-danger-bg);border-color:var(--ds-danger-bg);color:var(--ds-danger)}.site-structure__btn-icon--danger:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger-bg)}[data-theme=dark] .site-structure__btn-icon--danger{background:var(--ds-danger-bg);border-color:var(--ds-danger-bg);color:#f87171}[data-theme=dark] .site-structure__btn-icon--danger:hover{background:var(--ds-danger-bg)}[data-theme=dark] .site-structure__perm{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default)}[data-theme=dark] .site-structure__perm--active{background:var(--ds-success-bg);border-color:var(--ds-success-bg);color:#34d399}.site-structure__type-description{min-height:40px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-structure__template-stats .site-structure__stat svg{color:var(--ds-primary)}[dir=rtl] .site-structure__hierarchy-arrow{transform:scaleX(-1)}[dir=rtl] .site-structure__level-name-ar,[dir=rtl] .site-structure__type-name-ar{direction:rtl;text-align:right}@media(max-width:768px){.site-structure__tabs{flex-direction:column}.site-structure__levels-grid,.site-structure__types-grid,.site-structure__templates-grid{grid-template-columns:1fr}}.site-structure-page{max-width:1400px;margin:0 auto}.site-structure-page.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.structure-tabs{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);background:var(--ds-bg-surface);padding:var(--ds-space-2);border-radius:var(--ds-radius-lg)}.structure-tabs .tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent;border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);cursor:pointer;transition:var(--ds-transition-fast)}.structure-tabs .tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.structure-tabs .tab-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-5)}.section-header h2{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.levels-grid,.types-grid,.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-4)}.level-card,.type-card,.template-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:var(--ds-transition-fast)}.level-card:hover,.type-card:hover,.template-card:hover{box-shadow:var(--ds-shadow-lg);border-color:var(--ds-primary)}.level-card.inactive,.type-card.inactive,.template-card.inactive{opacity:.6}.template-card.default{border-color:var(--ds-primary);position:relative}.default-badge{position:absolute;top:-10px;right:16px;background:var(--ds-primary);color:var(--ds-text-on-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full)}.level-header,.type-header,.template-header{display:flex;align-items:flex-start;gap:var(--ds-space-3);margin-bottom:var(--ds-space-3)}.level-order{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary);color:var(--ds-text-on-primary);font-weight:var(--ds-font-bold);border-radius:var(--ds-radius-full);flex-shrink:0}.type-code{width:48px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-bold);border-radius:var(--ds-radius-md);flex-shrink:0}.level-info,.type-info,.template-info{flex:1;min-width:0}.level-info h3,.type-info h3,.template-info h3{font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0}.level-name-ar,.type-name-ar,.template-name-ar{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);direction:rtl}.level-actions,.type-actions,.template-actions{display:flex;gap:var(--ds-space-1)}.level-description,.type-description,.template-description{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-3);line-height:1.5}.level-permissions{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.level-permissions .perm{display:inline-flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary)}.level-permissions .perm.active{background:var(--ds-success-bg);color:var(--ds-success)}.type-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-3)}.type-meta .meta-item{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.uniform-color{display:inline-block;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);color:var(--ds-text-on-primary)}.template-stats{display:flex;gap:var(--ds-space-4);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.template-stats .stat{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.modal-lg{max-width:800px}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--ds-space-4)}.checkbox-group .checkbox-label{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-primary);cursor:pointer}.hierarchy-form-modal{max-width:900px;width:95%}.hierarchy-form-layout{display:grid;grid-template-columns:1.2fr 1.8fr;gap:var(--ds-space-6);height:600px;overflow:hidden}.hierarchy-form-left{padding-right:var(--ds-space-4);border-right:1px solid var(--ds-border-default);overflow-y:auto}.hierarchy-form-right{display:flex;flex-direction:column;overflow:hidden}.hierarchy-preview-panel{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);flex:1;overflow-y:auto;border:1px dashed var(--ds-border-default);margin-top:var(--ds-space-2)}.management-levels-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.level-selection-item{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.level-selection-item.selected{border-color:var(--ds-primary);background:var(--ds-info-bg)}.level-selection-item:hover{border-color:var(--ds-text-secondary)}.level-rank-badge{font-size:10px;background:var(--ds-bg-surface);color:var(--ds-text-secondary);padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase}.hierarchy-tree{display:flex;flex-direction:column;gap:var(--ds-space-4);padding:var(--ds-space-4);align-items:center}.tree-node{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.tree-node-content{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3);width:280px;position:relative;z-index:2;box-shadow:var(--ds-shadow-sm)}.tree-node-content.manager,.tree-node-content.supervisor{border-left:4px solid var(--ds-info)}.tree-node-content.team_leader{border-left:4px solid var(--ds-success)}.tree-node-content.staff{border-left:4px solid var(--ds-warning)}.tree-node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-2)}.tree-node-title{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);font-size:var(--ds-text-sm)}.tree-node-max{font-size:10px;background:var(--ds-bg-surface);padding:2px 6px;border-radius:4px;color:var(--ds-text-secondary)}.tree-connector{height:24px;width:2px;background-color:var(--ds-border-default);margin:4px 0}.tree-config-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-2);margin-top:var(--ds-space-2)}.mini-input{font-size:11px;padding:4px;border-radius:4px;border:1px solid var(--ds-border-default);background:var(--ds-bg-base);color:var(--ds-text-primary);width:100%}.form-split-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--ds-space-3);border-top:1px solid var(--ds-border-default);padding-top:var(--ds-space-4);margin-top:var(--ds-space-4)}.alert-error{background-color:var(--ds-danger-bg);border:1px solid var(--ds-danger-bg);color:var(--ds-danger);padding:var(--ds-space-3);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);font-size:var(--ds-text-sm)}.hierarchy-card{position:relative;min-height:200px;padding-bottom:var(--ds-space-12)}.hierarchy-card .type-header{display:flex;align-items:flex-start;gap:var(--ds-space-3);flex-wrap:nowrap}.hierarchy-card .type-code{flex-shrink:0;font-size:8px;width:auto;padding:0 8px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary)}.hierarchy-card .type-info{flex:1;min-width:0}.hierarchy-card .type-info h3{font-size:var(--ds-text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hierarchy-card .type-toggle{margin-left:auto;flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--ds-text-muted);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--ds-card-bg);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--ds-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.hierarchy-arrow{color:var(--ds-text-muted);font-weight:var(--ds-font-light)}.hierarchy-levels-info{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-3);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.level-info-chip{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);color:var(--ds-text-primary)}.level-max-badge{background:var(--ds-primary);color:var(--ds-text-on-primary);padding:1px 4px;border-radius:var(--ds-radius-sm);font-size:10px;font-weight:var(--ds-font-semibold)}.hierarchy-card .type-actions{position:absolute;bottom:var(--ds-space-4);right:var(--ds-space-4);display:flex;gap:var(--ds-space-1)}.hierarchy-structure{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-1);margin-top:var(--ds-space-3);padding:var(--ds-space-2);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md)}.role-badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);border:1px solid}.role-badge.manager{background:var(--ds-bg-base);color:#2563eb;border-color:#93c5fd}.role-badge.supervisor{background:var(--ds-bg-base);color:#7c3aed;border-color:#c4b5fd}.role-badge.team-leader{background:var(--ds-bg-base);color:#059669;border-color:#6ee7b7}.role-badge.staff{background:var(--ds-bg-base);color:#d97706;border-color:#fcd34d}[data-theme=dark] .role-badge.manager{background:#2563eb1a;color:#60a5fa;border-color:#2563eb4d}[data-theme=dark] .role-badge.supervisor{background:#7c3aed1a;color:#a78bfa;border-color:#7c3aed4d}[data-theme=dark] .role-badge.team-leader{background:#0596691a;color:#34d399;border-color:#0596694d}[data-theme=dark] .role-badge.staff{background:#d977061a;color:#fbbf24;border-color:#d977064d}.hierarchy-count-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-full);font-size:11px;color:var(--ds-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-10);text-align:center;color:var(--ds-text-secondary);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);grid-column:1 / -1}.empty-state svg{margin-bottom:var(--ds-space-4);opacity:.5}.empty-state p{margin-bottom:var(--ds-space-4)}.hierarchy-card .btn-danger{background:var(--ds-danger-bg);border:1px solid var(--ds-danger-bg);color:var(--ds-danger)}.hierarchy-card .btn-danger:hover{background:var(--ds-danger-bg)}.level-card .btn-icon,.type-card .btn-icon,.template-card .btn-icon,.hierarchy-card .btn-icon{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary);padding:var(--ds-space-2);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.level-card .btn-icon:hover,.type-card .btn-icon:hover,.template-card .btn-icon:hover,.hierarchy-card .btn-icon:hover{background:var(--ds-bg-hover);border-color:var(--ds-primary);color:var(--ds-primary)}.btn-icon.btn-danger{background:var(--ds-danger-bg);border-color:var(--ds-danger-bg);color:var(--ds-danger)}.btn-icon.btn-danger:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger-bg)}[data-theme=dark] .btn-icon.btn-danger{background:var(--ds-danger-bg);border-color:var(--ds-danger-bg);color:#f87171}[data-theme=dark] .btn-icon.btn-danger:hover{background:var(--ds-danger-bg)}[data-theme=dark] .level-permissions .perm{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default)}[data-theme=dark] .level-permissions .perm.active{background:var(--ds-success-bg);border-color:var(--ds-success-bg);color:#34d399}[data-theme=dark] .type-meta .meta-item{color:var(--ds-text-secondary)}[data-theme=dark] .uniform-color{opacity:.9}.level-permissions .perm{border:1px solid transparent}.level-permissions .perm.active{border-color:var(--ds-success-bg)}.type-description{min-height:40px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-stats .stat{color:var(--ds-text-secondary)}.template-stats .stat svg{color:var(--ds-primary)}[dir=rtl] .hierarchy-arrow{transform:scaleX(-1)}[dir=rtl] .level-name-ar,[dir=rtl] .type-name-ar{direction:rtl;text-align:right}.hierarchy-card.default{border:2px solid var(--ds-primary)}.hierarchy-card .default-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--ds-primary);color:var(--ds-text-on-primary);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);padding:.2rem var(--ds-space-3);border-radius:0 0 8px 8px;text-transform:uppercase}.hierarchy-card .uses-count{position:absolute;bottom:var(--ds-space-3);left:var(--ds-space-3);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.count-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:var(--ds-font-bold);background:var(--ds-primary);color:var(--ds-text-on-primary);border-radius:var(--ds-radius-full);min-width:20px}@media(max-width:1200px){.levels-grid,.types-grid,.templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.structure-tabs{flex-direction:column}.levels-grid,.types-grid,.templates-grid{grid-template-columns:1fr}}.organization__page{padding:var(--ds-space-6);animation:organization-fadeIn .3s ease-out}.organization__page .organization__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.organization__header-title h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.organization__tabs-header{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);background:var(--ds-bg-surface);padding:var(--ds-space-2);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.organization__tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border:none;background:transparent;font-size:var(--ds-text-base);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.organization__tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-primary)}.organization__tab-btn--active{background:var(--ds-primary);color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-md)}.organization__filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap;align-items:center}.organization__filter-select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);min-width:200px}.organization__actions-bar{margin-bottom:var(--ds-space-6);display:flex;justify-content:flex-end}.organization__grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ds-space-5)}.organization__card{background:linear-gradient(145deg,var(--ds-bg-surface),var(--ds-bg-base));border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:0;overflow:hidden;transition:all .3s ease;position:relative}.organization__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ds-primary),var(--ds-primary),var(--ds-info))}.organization__card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg);border-color:var(--ds-primary)}.organization__card--inactive{opacity:.65}.organization__card--inactive:before{background:linear-gradient(90deg,#6b7280,#9ca3af)}.organization__card-header{display:flex;flex-direction:column;align-items:flex-start;padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-3);gap:var(--ds-space-3)}.organization__card-title-group{width:100%}.organization__card-header h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-bold);margin-bottom:.35rem;color:var(--ds-text-primary);line-height:1.3}.organization__card-header small{display:block;color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:var(--ds-font-normal)}.organization__status-badge{padding:.35rem var(--ds-space-3);border-radius:20px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.organization__status-badge--active{background:linear-gradient(135deg,var(--ds-success-bg),var(--ds-success-bg));color:var(--ds-success);border:1px solid var(--ds-success-bg)}.organization__status-badge--inactive{background:linear-gradient(135deg,var(--ds-danger-bg),var(--ds-danger-bg));color:var(--ds-danger);border:1px solid var(--ds-danger-bg)}.organization__dept-badge{display:inline-block;background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-primary-hover-bg));color:#818cf8;font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);padding:.3rem .6rem;border-radius:6px;margin-top:var(--ds-space-2);border:1px solid var(--ds-primary-hover-bg)}.organization__card-stats{display:flex;justify-content:space-around;gap:var(--ds-space-4);margin:0;padding:var(--ds-space-4) var(--ds-space-5);background:linear-gradient(180deg,transparent,rgba(0,0,0,.05));border-top:1px solid var(--ds-border-default);border-bottom:1px solid var(--ds-border-default)}.organization__stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);flex:1}.organization__stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-extrabold);background:linear-gradient(135deg,var(--ds-primary),var(--ds-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.organization__stat-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.75px;font-weight:var(--ds-font-medium)}.organization__card-actions{display:flex;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-5);flex-wrap:wrap;justify-content:flex-end}.organization__btn-action{display:inline-flex;align-items:center;gap:.4rem;padding:var(--ds-space-2) .85rem;font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.organization__btn-action:hover{background:var(--ds-bg-hover);transform:translateY(-1px)}.organization__btn-action--edit{color:var(--ds-primary);border-color:var(--ds-info-bg)}.organization__btn-action--edit:hover{background:var(--ds-info-bg);border-color:var(--ds-primary)}.organization__btn-action--delete{color:#f87171;border-color:var(--ds-danger-bg)}.organization__btn-action--delete:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger)}.organization__btn-action--activate{color:#4ade80;border-color:var(--ds-success-bg);background:var(--ds-success-bg)}.organization__btn-action--activate:hover{background:var(--ds-success-bg);border-color:var(--ds-success)}.organization__btn-action--deactivate{color:#fbbf24;border-color:var(--ds-warning-bg)}.organization__btn-action--deactivate:hover{background:var(--ds-warning-bg);border-color:var(--ds-warning)}.organization__data-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default)}.organization__data-table th,.organization__data-table td{padding:var(--ds-space-4);text-align:start;border-bottom:1px solid var(--ds-border-default)}.organization__data-table th{background:linear-gradient(180deg,var(--ds-bg-elevated),var(--ds-bg-surface));color:var(--ds-text-secondary);font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm);text-transform:uppercase;letter-spacing:.5px}.organization__data-table td{color:var(--ds-text-primary);font-size:var(--ds-text-base)}.organization__data-table tbody tr:hover{background:var(--ds-bg-hover)}.organization__data-table code{background:linear-gradient(135deg,var(--ds-bg-elevated),var(--ds-bg-base));padding:var(--ds-space-1) var(--ds-space-2);border-radius:6px;font-size:var(--ds-text-sm);font-family:JetBrains Mono,monospace;border:1px solid var(--ds-border-default)}.organization__cell-sub{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.organization__cell-sub+small{display:block;color:var(--ds-text-muted);font-size:var(--ds-text-sm);margin-top:.2rem}.organization__table-actions{display:flex;gap:var(--ds-space-2);justify-content:flex-start}.organization__btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.organization__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);transform:scale(1.05)}.organization__btn-icon--delete:hover{color:var(--ds-danger);border-color:var(--ds-danger-bg);background:var(--ds-danger-bg)}.organization__btn-icon--edit:hover{color:var(--ds-primary);border-color:var(--ds-info-bg);background:var(--ds-info-bg)}.organization__btn-icon--activate{color:var(--ds-success);border-color:var(--ds-success-bg)}.organization__btn-icon--deactivate{color:var(--ds-warning);border-color:var(--ds-warning-bg)}.organization__inactive-row{opacity:.55;background:#00000005}.organization__level-badge{display:inline-block;padding:.3rem .65rem;background:linear-gradient(135deg,var(--ds-info-bg),var(--ds-info-bg));color:#a78bfa;border-radius:16px;font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);border:1px solid var(--ds-info-bg)}.organization__modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:var(--ds-z-modal)}.organization__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--ds-border-default);box-shadow:var(--ds-shadow-xl)}.organization__modal-header{padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,var(--ds-bg-elevated),var(--ds-bg-surface))}.organization__modal-header h2{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);margin:0}.organization__modal-close{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;padding:var(--ds-space-2);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.organization__modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.organization__form-grid{padding:var(--ds-space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-4)}.organization__form-group{display:flex;flex-direction:column;gap:var(--ds-space-2)}.organization__form-group--full-width{grid-column:span 2}.organization__form-group label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);font-weight:var(--ds-font-medium)}.organization__form-group input,.organization__form-group select{padding:var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);background:var(--ds-input-bg);color:var(--ds-text-primary);transition:all var(--ds-transition-fast)}.organization__form-group input:focus,.organization__form-group select:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.organization__modal-actions{margin-top:var(--ds-space-4);display:flex;justify-content:flex-end}.organization__btn{padding:.65rem 1.3rem;border-radius:var(--ds-radius-md);border:none;cursor:pointer;font-weight:var(--ds-font-semibold);display:inline-flex;align-items:center;gap:var(--ds-space-2);transition:all var(--ds-transition-fast)}.organization__btn--primary{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);box-shadow:0 4px 12px var(--ds-info-bg)}.organization__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--ds-info-bg)}.organization__empty-text{text-align:center;color:var(--ds-text-muted);padding:var(--ds-space-12) var(--ds-space-8);font-size:var(--ds-text-base);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px dashed var(--ds-border-default)}.organization__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:organization-spin .8s linear infinite;margin:var(--ds-space-8) auto}@keyframes organization-spin{to{transform:rotate(360deg)}}@keyframes organization-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .organization__card-header{flex-direction:row-reverse}[dir=rtl] .organization__card-actions{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .organization__table-actions,[dir=rtl] .organization__tabs-header,[dir=rtl] .organization__filters-bar{flex-direction:row-reverse}@media(max-width:768px){.organization__grid-container{grid-template-columns:1fr}.organization__tabs-header{flex-wrap:wrap}.organization__tab-btn{flex:1;justify-content:center;padding:var(--ds-space-3) var(--ds-space-3);font-size:var(--ds-text-sm)}.organization__form-grid{grid-template-columns:1fr}.organization__form-group--full-width{grid-column:span 1}.organization__data-table{display:block;overflow-x:auto}}.organization-page{padding:var(--ds-space-6);animation:organization-fadeIn .3s ease-out}.organization-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.header-title h1{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.tabs-header{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-6);background:var(--ds-bg-surface);padding:var(--ds-space-2);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border:none;background:transparent;font-size:var(--ds-text-base);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-primary)}.tab-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-md)}.filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap;align-items:center}.filter-select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);min-width:200px}.actions-bar{margin-bottom:var(--ds-space-6);display:flex;justify-content:flex-end}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ds-space-5)}.organization-page .card{background:linear-gradient(145deg,var(--ds-bg-surface),var(--ds-bg-base));border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:0;overflow:hidden;transition:all .3s ease;position:relative}.organization-page .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ds-primary),var(--ds-primary),var(--ds-info))}.organization-page .card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg);border-color:var(--ds-primary)}.organization-page .card.inactive{opacity:.65}.organization-page .card.inactive:before{background:linear-gradient(90deg,#6b7280,#9ca3af)}.organization-page .card-header{display:flex;flex-direction:column;align-items:flex-start;padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-3);gap:var(--ds-space-3)}.card-title-group{width:100%}.organization-page .card-header h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-bold);margin-bottom:.35rem;color:var(--ds-text-primary);line-height:1.3}.organization-page .card-header small{display:block;color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:var(--ds-font-normal)}.organization-page .status-badge{padding:.35rem var(--ds-space-3);border-radius:20px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.organization-page .status-badge.active{background:linear-gradient(135deg,var(--ds-success-bg),var(--ds-success-bg));color:var(--ds-success);border:1px solid var(--ds-success-bg)}.organization-page .status-badge.inactive{background:linear-gradient(135deg,var(--ds-danger-bg),var(--ds-danger-bg));color:var(--ds-danger);border:1px solid var(--ds-danger-bg)}.dept-badge{display:inline-block;background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-primary-hover-bg));color:#818cf8;font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);padding:.3rem .6rem;border-radius:6px;margin-top:var(--ds-space-2);border:1px solid var(--ds-primary-hover-bg)}.organization-page .card-stats{display:flex;justify-content:space-around;gap:var(--ds-space-4);margin:0;padding:var(--ds-space-4) var(--ds-space-5);background:linear-gradient(180deg,transparent,rgba(0,0,0,.05));border-top:1px solid var(--ds-border-default);border-bottom:1px solid var(--ds-border-default)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);flex:1}.stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-extrabold);background:linear-gradient(135deg,var(--ds-primary),var(--ds-info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.75px;font-weight:var(--ds-font-medium)}.organization-page .card-actions{display:flex;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-5);flex-wrap:wrap;justify-content:flex-end}.btn-action{display:inline-flex;align-items:center;gap:.4rem;padding:var(--ds-space-2) .85rem;font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.btn-action:hover{background:var(--ds-bg-hover);transform:translateY(-1px)}.btn-action.edit{color:var(--ds-primary);border-color:var(--ds-info-bg)}.btn-action.edit:hover{background:var(--ds-info-bg);border-color:var(--ds-primary)}.btn-action.delete{color:#f87171;border-color:var(--ds-danger-bg)}.btn-action.delete:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger)}.btn-action.activate{color:#4ade80;border-color:var(--ds-success-bg);background:var(--ds-success-bg)}.btn-action.activate:hover{background:var(--ds-success-bg);border-color:var(--ds-success)}.btn-action.deactivate{color:#fbbf24;border-color:var(--ds-warning-bg)}.btn-action.deactivate:hover{background:var(--ds-warning-bg);border-color:var(--ds-warning)}.data-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default)}.data-table th,.data-table td{padding:var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}.data-table th{background:linear-gradient(180deg,var(--ds-bg-elevated),var(--ds-bg-surface));color:var(--ds-text-secondary);font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm);text-transform:uppercase;letter-spacing:.5px}.data-table td{color:var(--ds-text-primary);font-size:var(--ds-text-base)}.data-table code{background:linear-gradient(135deg,var(--ds-bg-elevated),var(--ds-bg-base));padding:var(--ds-space-1) var(--ds-space-2);border-radius:6px;font-size:var(--ds-text-sm);font-family:JetBrains Mono,monospace;border:1px solid var(--ds-border-default)}.cell-sub{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.cell-sub+small{display:block;color:var(--ds-text-muted);font-size:var(--ds-text-sm);margin-top:.2rem}.table-actions{display:flex;gap:var(--ds-space-2);justify-content:flex-start}.btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);transform:scale(1.05)}.btn-icon.delete:hover{color:var(--ds-danger);border-color:var(--ds-danger-bg);background:var(--ds-danger-bg)}.btn-icon.edit:hover{color:var(--ds-primary);border-color:var(--ds-info-bg);background:var(--ds-info-bg)}.btn-icon.activate{color:var(--ds-success);border-color:var(--ds-success-bg)}.btn-icon.deactivate{color:var(--ds-warning);border-color:var(--ds-warning-bg)}.inactive-row{opacity:.55;background:#00000005}.level-badge{display:inline-block;padding:.3rem .65rem;background:linear-gradient(135deg,var(--ds-info-bg),var(--ds-info-bg));color:#a78bfa;border-radius:16px;font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);border:1px solid var(--ds-info-bg)}.organization-page .modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:var(--ds-z-modal)}.organization-page .modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--ds-border-default);box-shadow:var(--ds-shadow-xl)}.organization-page .modal-header{padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,var(--ds-bg-elevated),var(--ds-bg-surface))}.organization-page .modal-header h2{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);margin:0}.organization-page .modal-close{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;padding:var(--ds-space-2);border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.organization-page .modal-close:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.form-grid{padding:var(--ds-space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-4)}.form-group{display:flex;flex-direction:column;gap:var(--ds-space-2)}.form-group label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);font-weight:var(--ds-font-medium)}.form-group input,.form-group select{padding:var(--ds-space-3);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);background:var(--ds-input-bg);color:var(--ds-text-primary);transition:all var(--ds-transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.modal-actions{margin-top:var(--ds-space-4);display:flex;justify-content:flex-end}.btn{padding:.65rem 1.3rem;border-radius:var(--ds-radius-md);border:none;cursor:pointer;font-weight:var(--ds-font-semibold);display:inline-flex;align-items:center;gap:var(--ds-space-2);transition:all var(--ds-transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);box-shadow:0 4px 12px var(--ds-info-bg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--ds-info-bg)}.empty-text{text-align:center;color:var(--ds-text-muted);padding:var(--ds-space-12) var(--ds-space-8);font-size:var(--ds-text-base);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px dashed var(--ds-border-default)}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:organization-spin .8s linear infinite;margin:var(--ds-space-8) auto}[dir=rtl] .organization-page .card-header{flex-direction:row-reverse}[dir=rtl] .organization-page .card-actions{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .table-actions,[dir=rtl] .tabs-header,[dir=rtl] .filters-bar{flex-direction:row-reverse}@media(max-width:768px){.grid-container{grid-template-columns:1fr}.tabs-header{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center;padding:var(--ds-space-3) var(--ds-space-3);font-size:var(--ds-text-sm)}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.data-table{display:block;overflow-x:auto}}.verification-management{background:var(--ds-card-bg, var(--ds-bg-surface));border-radius:16px;padding:24px;min-height:400px}.vm-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.vm-title{display:flex;align-items:center;gap:12px}.vm-title svg{color:var(--ds-primary, #3b82f6)}.vm-title h2{margin:0;font-size:20px;font-weight:600;color:var(--ds-text-primary)}.vm-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stat-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:24px;background:var(--ds-bg-surface, rgba(255, 255, 255, .05));font-size:13px}.stat-chip span:first-of-type:not(.stat-label){font-weight:700;font-size:16px}.stat-chip .stat-label{font-size:11px;opacity:.7}.stat-chip.active{background:#3b82f626;color:#60a5fa}.stat-chip.pending{background:#f59e0b26;color:#fbbf24}.stat-chip.success{background:#22c55e26;color:#4ade80}.stat-chip.danger{background:#ef444426;color:#f87171}.vm-stats .refresh-btn{padding:8px;background:var(--ds-bg-elevated, rgba(255, 255, 255, .05));border:none;border-radius:8px;color:var(--ds-text-secondary, var(--ds-text-secondary));cursor:pointer;transition:all .2s}.vm-stats .refresh-btn:hover{background:var(--ds-primary, #3b82f6);color:#fff}.section-tabs{display:flex;gap:8px;margin-bottom:24px}.section-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));border-radius:8px;color:var(--ds-text-secondary, var(--ds-text-secondary));font-size:14px;cursor:pointer;transition:all .2s ease}.section-tab:hover{background:var(--ds-bg-hover, rgba(255, 255, 255, .05))}.section-tab.active{background:var(--ds-primary, #3b82f6);border-color:var(--ds-primary, #3b82f6);color:#fff}.send-section{padding:20px;background:var(--ds-bg-surface, rgba(255, 255, 255, .02));border-radius:12px}.send-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.send-grid{grid-template-columns:1fr}}.target-selection h3,.preview-section h3{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--ds-text-primary)}.target-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}@media(max-width:600px){.target-type-grid{grid-template-columns:repeat(2,1fr)}}.target-type-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:var(--ds-bg-elevated, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));border-radius:10px;color:var(--ds-text-secondary, var(--ds-text-secondary));font-size:12px;cursor:pointer;transition:all .2s}.target-type-card:hover{background:var(--ds-bg-hover, rgba(255, 255, 255, .08));border-color:var(--ds-primary, #3b82f6)}.target-type-card.active{background:#3b82f626;border-color:var(--ds-primary, #3b82f6);color:#60a5fa}.target-type-card svg{color:inherit}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--ds-text-secondary, var(--ds-text-secondary))}.form-group select,.form-group input{width:100%;padding:10px 14px;background:var(--ds-input-bg, rgba(255, 255, 255, .05));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));border-radius:8px;color:var(--ds-text-primary);font-size:14px}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--ds-primary, #3b82f6)}.deadline-group .deadline-input{display:flex;align-items:center;gap:10px}.deadline-group input{width:80px;text-align:center}.deadline-group span{color:var(--ds-text-secondary, var(--ds-text-muted));font-size:14px}.employee-search-section{margin-bottom:16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:14px;color:var(--ds-text-muted, var(--ds-text-muted));pointer-events:none}.employee-search-input{width:100%;padding:12px 14px 12px 44px;background:var(--ds-input-bg, rgba(255, 255, 255, .05));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1));border-radius:10px;color:var(--ds-text-primary);font-size:14px}.employee-search-input:focus{outline:none;border-color:var(--ds-primary, #3b82f6)}.search-loading{position:absolute;right:14px;color:var(--ds-primary, #3b82f6)}.search-results{margin-top:8px;max-height:250px;overflow-y:auto;border-radius:10px;background:var(--ds-bg-elevated, rgba(255, 255, 255, .03));border:1px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--ds-border-default, rgba(255, 255, 255, .05))}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--ds-bg-hover, rgba(255, 255, 255, .08))}.search-result-item.selected{background:#3b82f626}.search-result-item .emp-avatar{width:36px;height:36px;border-radius:50%;background:var(--ds-bg-surface, rgba(255, 255, 255, .05));display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted, var(--ds-text-muted));overflow:hidden}.search-result-item .emp-details{flex:1;display:flex;flex-direction:column}.search-result-item .emp-name{font-weight:500;color:var(--ds-text-primary);font-size:14px}.search-result-item .emp-meta{font-size:12px;color:var(--ds-text-muted, var(--ds-text-muted))}.search-result-item .selected-icon{color:#22c55e}.selected-employees{margin-top:12px}.selected-employees .selection-label{display:block;font-size:12px;color:var(--ds-text-secondary, var(--ds-text-secondary));margin-bottom:8px}.selected-chips{display:flex;flex-wrap:wrap;gap:8px}.selected-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:20px;color:#60a5fa;font-size:13px}.selected-chip button{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;transition:opacity .15s}.selected-chip button:hover{opacity:1}.preview-section{background:var(--ds-bg-elevated, rgba(255, 255, 255, .03));border-radius:12px;padding:20px;border:1px dashed var(--ds-border-default, rgba(255, 255, 255, .1))}.preview-loading,.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--ds-text-secondary, var(--ds-text-muted));text-align:center}.preview-empty svg{opacity:.3;margin-bottom:12px}.preview-content{display:flex;flex-direction:column;gap:16px}.preview-count{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-radius:12px}.preview-count svg{color:var(--ds-primary, #3b82f6)}.preview-count .count-info{display:flex;flex-direction:column}.preview-count .count{font-size:32px;font-weight:700;color:var(--ds-text-primary);line-height:1}.preview-count .label{font-size:12px;color:var(--ds-text-secondary, var(--ds-text-secondary))}.preview-target{display:flex;gap:8px;font-size:13px}.preview-target .target-label{color:var(--ds-text-secondary, var(--ds-text-muted))}.preview-target .target-name{color:var(--ds-text-primary);font-weight:500}.preview-employees{display:flex;flex-direction:column;gap:8px}.preview-employees .employees-label{font-size:12px;color:var(--ds-text-secondary, var(--ds-text-muted))}.availability-stats{display:flex;gap:16px;padding:12px 16px;background:var(--ds-bg-surface, rgba(255, 255, 255, .03));border-radius:10px;margin-bottom:12px}.availability-stats .stat{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.availability-stats .stat.available{color:#22c55e}.availability-stats .stat.unavailable{color:#f59e0b}.availability-stats .stat-label{font-weight:400;font-size:12px;opacity:.8}.employee-list.detailed{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.employee-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--ds-bg-surface, rgba(255, 255, 255, .03));border-radius:8px;border-left:3px solid transparent}.employee-item.available{border-left-color:#22c55e}.employee-item.unavailable{border-left-color:#f59e0b;opacity:.7}.employee-item .emp-info{display:flex;flex-direction:column;gap:2px}.employee-item .emp-name{font-size:13px;font-weight:500;color:var(--ds-text-primary)}.employee-item .emp-id{font-size:11px;color:var(--ds-text-muted, var(--ds-text-muted))}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.status-badge.available{background:#22c55e26;color:#22c55e}.status-badge.unavailable{background:#f59e0b26;color:#f59e0b}.more-employees{text-align:center;padding:8px;color:var(--ds-text-secondary, var(--ds-text-secondary));font-size:12px}.unavailable-section{margin-top:16px;padding-top:12px;border-top:1px dashed rgba(245,158,11,.3)}.unavailable-label{display:flex;align-items:center;gap:6px;color:#f59e0b!important}.employee-list:not(.detailed){display:flex;flex-wrap:wrap;gap:6px}.employee-chip{padding:4px 10px;background:var(--ds-bg-surface, rgba(255, 255, 255, .05));border-radius:14px;font-size:12px;color:var(--ds-text-primary)}.employee-chip.more{background:var(--ds-primary, #3b82f6);color:#fff}.send-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn .btn-count{font-weight:400;opacity:.8}.history-section{padding:10px}.empty-state{text-align:center;padding:48px;color:var(--ds-text-secondary, var(--ds-text-muted))}.verifications-list{display:flex;flex-direction:column;gap:12px}.verification-card{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--ds-bg-surface, rgba(255, 255, 255, .02));border-radius:12px;border-left:4px solid var(--ds-text-muted)}.verification-card.approved{border-left-color:#22c55e;background:#22c55e0d}.verification-card.pending{border-left-color:#f59e0b;background:#f59e0b0d}.verification-card.marked_absent,.verification-card.expired{border-left-color:#ef4444;background:#ef44440d}.verification-card .card-left{flex-shrink:0}.photo-comparison{display:flex;align-items:center;gap:10px}.photo-box{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--ds-bg-elevated, rgba(255, 255, 255, .05));border:2px solid var(--ds-border-default, rgba(255, 255, 255, .1))}.photo-box.profile{border-color:#3b82f6}.photo-box.response.approved{border-color:#22c55e}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-box .photo-label{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:#000000b3;font-size:9px;text-align:center;color:#fff}.photo-box .no-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted, var(--ds-text-muted))}.photo-box .no-photo.waiting{color:#f59e0b}.photo-arrow{font-size:18px;color:var(--ds-text-muted, var(--ds-text-muted))}.verification-card .card-center{flex:1;min-width:0}.verification-card .employee-info{margin-bottom:8px}.verification-card .employee-info .name{display:block;font-weight:600;font-size:15px;color:var(--ds-text-primary)}.verification-card .employee-info .emp-id{font-size:12px;color:var(--ds-text-secondary, var(--ds-text-muted))}.verification-card .request-details{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.verification-card .type-badge{padding:3px 10px;background:var(--ds-bg-elevated, rgba(255, 255, 255, .05));border-radius:12px;color:var(--ds-text-secondary, var(--ds-text-secondary))}.verification-card .sent-at,.verification-card .responded-at{color:var(--ds-text-muted, var(--ds-text-muted))}.verification-card .card-right{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.success{background:#22c55e1a;color:#22c55e}.status-badge.warning{background:#f59e0b1a;color:#f59e0b}.status-badge.danger{background:#ef44441a;color:#ef4444}.settings-section{padding:10px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--ds-bg-surface, rgba(255, 255, 255, .02));border-radius:10px;margin-bottom:10px}.setting-item .setting-label span{display:block;font-size:14px;color:var(--ds-text-primary)}.setting-item input[type=number]{width:80px;padding:8px 12px;text-align:center}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--ds-bg-elevated, var(--ds-border-default));transition:.3s;border-radius:26px}.toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.slider{background-color:#22c55e}.toggle input:checked+.slider:before{transform:translate(22px)}@media(max-width:768px){.vm-header{flex-direction:column;align-items:flex-start}.vm-stats{width:100%;justify-content:flex-start}.section-tabs{overflow-x:auto;padding-bottom:4px}.target-type-grid{grid-template-columns:repeat(2,1fr)}.verification-card{flex-direction:column;align-items:flex-start;gap:12px}.verification-card .card-right{align-self:flex-end}.photo-comparison{justify-content:center;width:100%}}.photo-box img{cursor:pointer;transition:transform .2s,box-shadow .2s}.photo-box img:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.image-preview-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.image-preview-modal{position:relative;max-width:90vw;max-height:90vh;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.image-preview-modal img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.close-preview{position:absolute;top:-48px;right:0;background:#ffffff26;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.close-preview:hover{background:#ffffff40}.attendance-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh}.attendance-page.rtl{direction:rtl}.attendance-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.attendance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-content h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin:0 0 8px}.header-content p{color:var(--text-secondary, var(--ds-text-muted));margin:0}.header-actions{display:flex;gap:12px}.btn-refresh{width:42px;height:42px;border-radius:8px;border:1px solid var(--ds-border-default);background:var(--ds-card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary, var(--ds-text-muted))}.btn-refresh:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--ds-info) 0%,#2563eb 100%);color:var(--ds-text-on-primary);border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.attendance-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.attendance-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--ds-card-bg);border-radius:12px;border:1px solid var(--ds-border-default);box-shadow:0 2px 8px #0000000a;transition:all .2s}.attendance-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.attendance-stat-card.info .stat-icon{background:#dbeafe;color:var(--ds-info)}.attendance-stat-card.success .stat-icon{background:#dcfce7;color:#16a34a}.attendance-stat-card.warning .stat-icon{background:#fef3c7;color:#d97706}.attendance-stat-card.danger .stat-icon{background:#fee2e2;color:#dc2626}.attendance-stat-card.default .stat-icon{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.stat-content h3{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary);margin:0}.stat-title{font-size:.875rem;color:var(--text-secondary, var(--ds-text-muted));margin:4px 0 0}.stat-subtitle{font-size:.75rem;color:var(--text-muted, var(--ds-text-secondary))}.my-attendance-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;margin-bottom:24px;color:var(--ds-text-on-primary)}.my-attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.my-attendance-header h2{font-size:1.25rem;font-weight:600;margin:0}.today-date{font-size:.875rem;opacity:.8}.my-attendance-content{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.attendance-times{display:flex;align-items:center;gap:24px;flex:1}.time-box{display:flex;flex-direction:column;align-items:center;padding:20px 32px;background:#ffffff1a;border-radius:12px;min-width:140px}.time-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:8px}.time-value{font-size:2rem;font-weight:700;font-family:monospace}.time-divider{font-size:1.5rem;opacity:.5}.late-indicator{font-size:.75rem;background:var(--ds-danger);padding:2px 8px;border-radius:10px;margin-top:8px}.hours-indicator{font-size:.75rem;background:var(--ds-success);padding:2px 8px;border-radius:10px;margin-top:8px}.btn-attendance{display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-attendance.check-in{background:linear-gradient(135deg,var(--ds-success) 0%,#059669 100%);color:var(--ds-text-on-primary)}.btn-attendance.check-out{background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:var(--ds-text-on-primary)}.btn-attendance:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #0000004d}.btn-attendance:disabled{opacity:.5;cursor:not-allowed}.camera-section{width:100%;margin-top:16px}.attendance-records{background:var(--ds-card-bg);border-radius:16px;border:1px solid var(--ds-border-default);overflow:hidden;margin-bottom:24px}.records-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ds-border-default);flex-wrap:wrap;gap:16px}.records-header h2{font-size:1.125rem;font-weight:600;color:var(--ds-text-primary);margin:0}.records-filters{display:flex;gap:12px;align-items:center}.date-picker{display:flex;align-items:center;gap:4px}.date-picker button{width:32px;height:32px;border-radius:6px;border:1px solid var(--ds-border-default);background:var(--ds-card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, var(--ds-text-muted))}.date-picker button:hover{background:var(--ds-bg-hover)}.date-picker input{padding:6px 12px;border:1px solid var(--ds-border-default);border-radius:6px;font-size:.875rem;background:var(--ds-input-bg);color:var(--ds-text-primary)}.search-box{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--ds-border-default);border-radius:8px;background:var(--ds-input-bg)}.search-box input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--ds-text-primary);min-width:180px}.search-box input::placeholder{color:var(--text-muted, var(--ds-text-secondary))}.search-box svg{color:var(--text-muted, var(--ds-text-secondary))}.records-table-container{overflow-x:auto;background:var(--ds-bg-surface)}.records-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface)}.records-table th,.records-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--ds-border-default)}.rtl .records-table th,.rtl .records-table td{text-align:right}.records-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, var(--ds-text-muted));background:var(--ds-bg-surface)}.records-table tbody tr:hover{background:var(--ds-bg-hover)!important}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-info),var(--ds-info));display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);font-weight:600;font-size:.875rem;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.employee-cell .name{font-weight:500;color:var(--ds-text-primary)}.employee-cell .emp-id{font-size:.75rem;color:var(--text-muted, var(--ds-text-secondary))}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.present{background:#dcfce7;color:#16a34a}.status-badge.late{background:#fef3c7;color:#d97706}.status-badge.absent{background:#fee2e2;color:#dc2626}.status-badge.early_leave{background:#fef3c7;color:#d97706}.status-badge.on_leave{background:#dbeafe;color:var(--ds-info)}.late-badge{font-size:.75rem;color:#d97706}.no-records{text-align:center;color:var(--text-muted, var(--ds-text-secondary));padding:40px!important}.recent-activity{background:var(--ds-card-bg);border-radius:16px;border:1px solid var(--ds-border-default);padding:20px 24px}.recent-activity h3{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 16px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--ds-bg-surface);border-radius:8px}.activity-info{flex:1;display:flex;flex-direction:column}.activity-info .name{font-weight:500;color:var(--ds-text-primary)}.activity-info .time{font-size:.75rem;color:var(--text-muted, var(--ds-text-secondary))}.error-toast{position:fixed;bottom:24px;right:24px;background:#dc2626;color:var(--ds-text-on-primary);padding:12px 20px;border-radius:8px;font-size:.875rem;box-shadow:0 4px 20px #0003;z-index:1000}.rtl .error-toast{right:auto;left:24px}.loading-spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-info);border-radius:50%;animation:spin 1s linear infinite}[data-theme=dark] .attendance-page,.dark .attendance-page{--text-primary: var(--ds-text-primary);--text-secondary: var(--ds-text-secondary);--text-muted: var(--ds-text-muted);--card-bg: var(--ds-bg-surface);--bg-secondary: var(--ds-bg-base);--border-color: var(--ds-border-default);--input-bg: var(--ds-bg-base)}[data-theme=dark] .attendance-stat-card,.dark .attendance-stat-card,[data-theme=dark] .attendance-records,.dark .attendance-records{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .records-table th,.dark .records-table th{background:var(--ds-bg-base)}[data-theme=dark] .records-table tbody tr:hover,.dark .records-table tbody tr:hover{background:var(--ds-bg-hover)!important}[data-theme=dark] .recent-activity,.dark .recent-activity{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .activity-item,.dark .activity-item{background:var(--ds-bg-base)}[data-theme=dark] .status-badge.present,.dark .status-badge.present{background:#14532d;color:#86efac}[data-theme=dark] .status-badge.late,.dark .status-badge.late{background:#713f12;color:#fcd34d}[data-theme=dark] .status-badge.absent,.dark .status-badge.absent{background:#7f1d1d;color:#fca5a5}@media(max-width:1200px){.attendance-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.attendance-page{padding:16px}.attendance-stats-grid{grid-template-columns:repeat(2,1fr)}.attendance-header,.my-attendance-content{flex-direction:column}.attendance-times{flex-direction:column;width:100%}.time-box{width:100%}.time-divider{transform:rotate(90deg)}.records-filters{flex-direction:column;width:100%}.search-box{width:100%}.search-box input{min-width:auto;width:100%}}@media(max-width:480px){.attendance-stats-grid{grid-template-columns:1fr}}.attendance-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--ds-card-bg);padding:8px;border-radius:12px;border:1px solid var(--ds-border-default)}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:var(--text-secondary, var(--ds-text-muted));font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.tab-btn.active{background:linear-gradient(135deg,var(--ds-info) 0%,#2563eb 100%);color:var(--ds-text-on-primary)}.tab-btn .badge{background:var(--ds-danger);color:var(--ds-text-on-primary);font-size:.7rem;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:0}.approvals-content,.dayoffs-content,.history-content{background:var(--ds-card-bg);padding:24px;border-radius:16px;border:1px solid var(--ds-border-default)}.approvals-list,.dayoffs-list{display:flex;flex-direction:column;gap:16px}.approval-card,.dayoff-card{display:flex;align-items:center;gap:20px;padding:20px;background:var(--ds-bg-surface);border-radius:12px;border:1px solid var(--ds-border-default);transition:all .2s}.approval-card:hover,.dayoff-card:hover{box-shadow:0 4px 12px #0000001a}.approval-employee{display:flex;align-items:center;gap:12px;min-width:200px}.approval-employee .info{display:flex;flex-direction:column}.approval-employee .info strong{color:var(--ds-text-primary)}.employee-id{font-size:.75rem;color:var(--text-muted, var(--ds-text-secondary))}.approval-details{flex:1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.detail-row{display:flex;align-items:center;gap:8px;color:var(--text-secondary, var(--ds-text-muted));font-size:.875rem}.photo-link{display:flex;align-items:center;gap:6px;color:var(--ds-info);font-size:.875rem;text-decoration:none}.photo-link:hover{text-decoration:underline}.photo-comparison{display:flex;gap:8px;align-items:flex-start}.photo-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;border:2px solid #e5e7eb;transition:all .2s ease;display:flex;flex-direction:column;align-items:center}.photo-thumbnail img{width:100%;height:100%;object-fit:cover}.photo-thumbnail:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026;z-index:10}.photo-thumbnail.personal{border-color:var(--ds-info)}.photo-thumbnail.checkin{border-color:var(--ds-success)}.photo-thumbnail.checkout{border-color:var(--ds-warning)}.photo-label{position:absolute;bottom:0;left:0;right:0;background:#0009;color:var(--ds-text-on-primary);font-size:.55rem;text-align:center;padding:2px 0;text-transform:uppercase;letter-spacing:.5px}.photo-thumbnail.personal .photo-label{background:var(--ds-info-bg)}.photo-thumbnail.checkin .photo-label{background:var(--ds-success-bg)}.photo-thumbnail.checkout .photo-label{background:var(--ds-warning-bg)}.approval-actions{display:flex;gap:8px}.btn-approve{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--ds-success) 0%,#059669 100%);color:var(--ds-text-on-primary);border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ds-success-bg)}.btn-reject{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--ds-danger) 0%,#dc2626 100%);color:var(--ds-text-on-primary);border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-reject:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ds-danger-bg)}.btn-secondary{padding:10px 20px;background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default);border-radius:8px;cursor:pointer;font-weight:500}.btn-delete{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--ds-border-default);border-radius:8px;color:var(--text-secondary, var(--ds-text-muted));cursor:pointer;transition:all .2s}.btn-delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.dayoff-date{display:flex;align-items:center;gap:12px;min-width:160px;color:var(--ds-text-primary)}.dayoff-info{flex:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.type-badge,.target-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.type-badge.company_off{background:#dcfce7;color:#16a34a}.type-badge.weather{background:#fef3c7;color:#d97706}.target-badge{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.month-selector{display:flex;gap:12px;margin-bottom:20px}.month-selector select{padding:10px 16px;border:1px solid var(--ds-border-default);border-radius:8px;background:var(--ds-input-bg);color:var(--ds-text-primary);font-size:.875rem;cursor:pointer}.history-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.history-summary{background:var(--ds-bg-surface);border-radius:12px;padding:20px}.stats-row{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.stats-row .stat{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--ds-card-bg);border-radius:8px;border:1px solid var(--ds-border-default)}.stats-row .stat strong{font-size:1.25rem;color:var(--ds-text-primary)}.history-table{overflow-x:auto}.history-table table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--ds-border-default)}.history-table th{background:var(--ds-card-bg);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary, var(--ds-text-muted))}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted, var(--ds-text-secondary))}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:1rem;margin:0}.modal-content{background:var(--ds-card-bg);border-radius:16px;padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content.small{max-width:400px}.modal-content h3{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 20px}.modal-content textarea{width:100%;padding:12px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:.875rem;resize:vertical;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--ds-text-primary);margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:.875rem;background:var(--ds-input-bg);color:var(--ds-text-primary)}.form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group.checkbox input{width:auto}[data-theme=dark] .attendance-tabs,.dark .attendance-tabs{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .tab-btn:hover,.dark .tab-btn:hover{background:var(--ds-bg-hover)}[data-theme=dark] .approvals-content,[data-theme=dark] .dayoffs-content,[data-theme=dark] .history-content,.dark .approvals-content,.dark .dayoffs-content,.dark .history-content{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .approval-card,[data-theme=dark] .dayoff-card,.dark .approval-card,.dark .dayoff-card{background:var(--ds-bg-base);border-color:var(--ds-border-default)}[data-theme=dark] .modal-content,.dark .modal-content{background:var(--ds-bg-surface)}[data-theme=dark] .history-summary,.dark .history-summary{background:var(--ds-bg-base)}[data-theme=dark] .stats-row .stat,.dark .stats-row .stat{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .history-table th,.dark .history-table th{background:var(--ds-bg-surface)}.selfie-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--ds-info) 0%,#6d28d9 100%);color:var(--ds-text-on-primary);border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.selfie-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ds-info-bg)}.no-photo{color:var(--text-muted, var(--ds-text-secondary));font-size:.875rem}.modal-content.photo-compare{max-width:800px}.photo-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.photo-box{text-align:center}.photo-box h4{font-size:.875rem;font-weight:600;color:var(--text-secondary, var(--ds-text-muted));margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.photo-box img{width:100%;max-width:300px;height:auto;border-radius:12px;border:2px solid var(--ds-border-default);object-fit:cover}.photo-box .no-image{width:100%;max-width:300px;height:250px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface);border-radius:12px;border:2px dashed var(--ds-border-default);color:var(--text-muted, var(--ds-text-secondary));margin:0 auto}@media(max-width:600px){.photo-compare-grid{grid-template-columns:1fr}}[data-theme=dark] .photo-box img,.dark .photo-box img{border-color:var(--ds-border-default)}[data-theme=dark] .photo-box .no-image,.dark .photo-box .no-image{background:var(--ds-bg-base);border-color:var(--ds-border-default)}.btn-view-record{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:6px;color:var(--text-secondary, var(--ds-text-muted));cursor:pointer;transition:all .2s}.btn-view-record:hover{background:var(--primary-100, #ede9fe);color:var(--primary-600, var(--ds-info));border-color:var(--primary-300)}.search-content{padding:1.5rem}.search-header{margin-bottom:1.5rem}.search-header h2{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 .5rem}.search-header p{font-size:.875rem;color:var(--ds-text-secondary);margin:0}.employee-search-box{position:relative;max-width:500px;margin-bottom:1.5rem}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:10px}.search-input-wrapper svg{color:var(--ds-text-muted);flex-shrink:0}.search-input-wrapper input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--ds-text-primary)}.search-input-wrapper input:focus{outline:none}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:10px;box-shadow:0 8px 24px #00000026;z-index:100;max-height:300px;overflow-y:auto;margin-top:4px}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s}.search-result-item:hover{background:var(--ds-bg-hover)}.search-result-item .emp-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-info) 0%,#6d28d9 100%);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);font-weight:600;font-size:.875rem;overflow:hidden}.search-result-item .emp-avatar img{width:100%;height:100%;object-fit:cover}.search-result-item .emp-info{display:flex;flex-direction:column}.search-result-item .emp-name{font-weight:500;color:var(--ds-text-primary)}.search-result-item .emp-id{font-size:.75rem;color:var(--ds-text-muted)}.selected-employee-card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:12px;overflow:hidden}.selected-employee-card .employee-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--ds-info) 0%,#6d28d9 100%);color:var(--ds-text-on-primary)}.selected-employee-card .emp-avatar.large{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;overflow:hidden}.selected-employee-card .emp-avatar.large img{width:100%;height:100%;object-fit:cover}.selected-employee-card .emp-details{flex:1}.selected-employee-card .emp-details h3{font-size:1.25rem;font-weight:600;margin:0}.selected-employee-card .emp-details p{font-size:.875rem;opacity:.9;margin:.25rem 0}.selected-employee-card .hire-date{font-size:.75rem;opacity:.8}.selected-employee-card .btn-clear{width:36px;height:36px;padding:0;background:#fff3;border:none;border-radius:50%;color:var(--ds-text-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.selected-employee-card .btn-clear:hover{background:#ffffff4d}.attendance-table-wrapper{max-height:400px;overflow-y:auto}.full-attendance-table{width:100%;border-collapse:collapse}.full-attendance-table th,.full-attendance-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--ds-border-default)}.full-attendance-table th{background:var(--ds-bg-surface);font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--ds-text-secondary);position:sticky;top:0}.full-attendance-table td.no-records{text-align:center;padding:2rem;color:var(--ds-text-muted)}.record-details{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--ds-border-default)}.detail-label{font-size:.875rem;color:var(--ds-text-secondary)}.detail-value{font-weight:500;color:var(--ds-text-primary)}.detail-value.late{color:var(--ds-danger)}[data-theme=dark] .btn-view-record,.dark .btn-view-record,[data-theme=dark] .search-input-wrapper,.dark .search-input-wrapper,[data-theme=dark] .search-results-dropdown,.dark .search-results-dropdown,[data-theme=dark] .selected-employee-card,.dark .selected-employee-card{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .full-attendance-table th,.dark .full-attendance-table th{background:var(--ds-bg-base)}.attendance-details-modal{max-width:700px;width:95%}.details-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--ds-border-default)}.employee-info-header{display:flex;align-items:center;gap:1rem}.avatar-lg{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--ds-info) 0%,#6d28d9 100%);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);font-weight:600;font-size:1.25rem;overflow:hidden}.avatar-lg img{width:100%;height:100%;object-fit:cover}.emp-text h3{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 .25rem}.emp-text .emp-id{display:block;font-size:.8rem;color:var(--ds-text-muted);margin-bottom:.5rem}.close-btn{width:36px;height:36px;padding:0;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:50%;color:var(--ds-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#fee2e2;color:var(--ds-danger);border-color:var(--ds-danger)}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.detail-card{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:var(--ds-bg-surface);border-radius:10px;border:1px solid var(--ds-border-default)}.detail-card>svg{color:var(--primary-500, var(--ds-info));flex-shrink:0;margin-top:2px}.detail-card>div{display:flex;flex-direction:column}.detail-card .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted);margin-bottom:2px}.detail-card .value{font-size:.95rem;font-weight:600;color:var(--ds-text-primary)}.detail-card.warning{background:#fef3c7;border-color:#fbbf24}.detail-card.warning>svg{color:var(--ds-warning)}.photos-section{border-top:1px solid var(--ds-border-default);padding-top:1rem;margin-bottom:1rem}.photos-section h4{font-size:.875rem;font-weight:600;color:var(--ds-text-secondary);margin:0 0 1rem}.photos-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.photo-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:10px;overflow:hidden}.photo-card .photo-label{display:block;padding:.5rem .75rem;background:var(--bg-tertiary);font-size:.75rem;font-weight:500;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.photo-card img{width:100%;height:180px;object-fit:cover}.no-photo-placeholder{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--ds-text-muted)}.no-photo-placeholder svg{opacity:.5}.no-photo-placeholder span{font-size:.8rem}@media(max-width:600px){.details-grid{grid-template-columns:repeat(2,1fr)}.photos-grid{grid-template-columns:1fr}}[data-theme=dark] .detail-card,.dark .detail-card{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .detail-card.warning,.dark .detail-card.warning{background:#422006;border-color:#78350f}[data-theme=dark] .photo-card,.dark .photo-card{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .photo-card .photo-label,.dark .photo-card .photo-label{background:var(--ds-bg-base)}[data-theme=dark] .no-photo-placeholder,.dark .no-photo-placeholder{color:var(--ds-text-muted)}.photo-card img.clickable-photo{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.photo-card img.clickable-photo:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.photo-modal-overlay{z-index:2000;background:#000000e6}.photo-modal-content{background:var(--ds-card-bg);border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.photo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--ds-border-default);background:var(--ds-card-bg)}.photo-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color, var(--ds-bg-surface))}.photo-modal-header .close-btn{background:transparent;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.photo-modal-header .close-btn:hover{background:var(--hover-bg, #f3f4f6);color:var(--text-color, var(--ds-bg-surface))}.photo-modal-body{padding:1rem;display:flex;align-items:center;justify-content:center;overflow:auto;background:var(--ds-bg-surface)}.photo-modal-body img{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;border-radius:8px}[data-theme=dark] .photo-modal-content{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default)}[data-theme=dark] .photo-modal-header{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .photo-modal-header h3{color:var(--ds-bg-elevated)}[data-theme=dark] .photo-modal-header .close-btn{color:var(--ds-text-secondary)}[data-theme=dark] .photo-modal-header .close-btn:hover{background:var(--ds-border-default);color:var(--ds-bg-elevated)}[data-theme=dark] .photo-modal-body{background:var(--ds-bg-base)}.btn-schedule{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:var(--ds-text-on-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto;margin-right:8px}.btn-schedule:hover{background:#ffffff4d;transform:translateY(-1px)}[dir=rtl] .btn-schedule{margin-left:8px;margin-right:auto}.modal-content.schedule-modal{max-width:850px;width:95%;max-height:90vh;overflow-y:auto}.schedule-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,var(--ds-info) 0%,#6d28d9 100%);color:var(--ds-text-on-primary);border-radius:12px 12px 0 0}.schedule-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:600}.schedule-header .employee-badge{display:flex;flex-direction:column;margin-left:auto;text-align:right}[dir=rtl] .schedule-header .employee-badge{margin-left:0;margin-right:auto;text-align:left}.schedule-header .employee-badge span:first-child{font-weight:600;font-size:.95rem}.schedule-header .emp-id{font-size:.75rem;opacity:.8}.schedule-header .btn-close{width:36px;height:36px;padding:0;background:#fff3;border:none;border-radius:50%;color:var(--ds-text-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.schedule-header .btn-close:hover{background:#ffffff4d}.schedule-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.schedule-navigation .nav-btn{width:40px;height:40px;padding:0;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:50%;color:var(--ds-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.schedule-navigation .nav-btn:hover:not(:disabled){background:var(--primary-100, #ede9fe);color:var(--primary-600, var(--ds-info));border-color:var(--primary-300)}.schedule-navigation .current-month{min-width:200px;text-align:center}.schedule-navigation .month-name{font-size:1.125rem;font-weight:600;color:var(--ds-text-primary)}.schedule-legend{display:flex;justify-content:center;gap:16px;padding:12px 24px;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ds-text-secondary)}.legend-item .dot.present{background:var(--ds-success)}.legend-item .dot.late{background:var(--ds-warning)}.legend-item .dot.absent{background:var(--ds-danger)}.legend-item .dot.leave{background:var(--ds-info)}.legend-item .dot.off{background:var(--ds-text-secondary)}.day-header{text-align:center;font-size:.75rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;padding:8px 0}.day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:var(--ds-bg-surface);border:1px solid transparent;position:relative;cursor:default;transition:all .2s;min-height:48px}.day-cell.empty{background:transparent;border:none}.day-cell .day-number{font-size:.875rem;font-weight:600;color:var(--ds-text-primary)}.day-cell .time-badge{font-size:.6rem;color:var(--ds-text-muted);margin-top:2px}.day-cell.today{border:2px solid var(--primary-500, var(--ds-info));box-shadow:0 0 0 2px var(--ds-info-bg)}.day-cell.present{background:var(--ds-success-bg);border-color:var(--ds-success-bg)}.day-cell.present .day-number{color:#059669}.day-cell.late{background:var(--ds-warning-bg);border-color:var(--ds-warning-bg)}.day-cell.late .day-number{color:#d97706}.day-cell.absent{background:var(--ds-danger-bg);border-color:var(--ds-danger-bg)}.day-cell.absent .day-number{color:#dc2626}.day-cell.leave{background:var(--ds-info-bg);border-color:var(--ds-info-bg)}.day-cell.leave .day-number{color:#2563eb}.day-cell.off{background:#94a3b826;border-color:#94a3b84d}.day-cell.off .day-number{color:var(--ds-text-muted)}.day-cell.before-hire,.day-cell.future{background:transparent;opacity:.3}.day-cell.pending_approval{background:#ec489926;border-color:#ec48994d}.day-cell.pending_approval .day-number{color:#db2777}.schedule-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default)}.summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:var(--ds-bg-base);border-radius:10px;border:1px solid var(--ds-border-default)}.summary-item .count{font-size:1.5rem;font-weight:700;color:var(--primary-600, var(--ds-info))}.summary-item .label{font-size:.7rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.schedule-modal .modal-actions{padding:16px 24px;border-top:1px solid var(--ds-border-default);display:flex;justify-content:flex-end;background:var(--ds-bg-base);border-radius:0 0 12px 12px}@media(max-width:600px){.schedule-summary{grid-template-columns:repeat(2,1fr)}.schedule-navigation{gap:10px}.schedule-navigation .current-month{min-width:140px}.day-cell{min-height:36px}.day-cell .day-number{font-size:.75rem}.day-cell .time-badge{display:none}.schedule-legend{gap:10px}}[data-theme=dark] .schedule-navigation,.dark .schedule-navigation{background:var(--ds-bg-surface)}[data-theme=dark] .schedule-navigation .nav-btn,.dark .schedule-navigation .nav-btn{background:var(--ds-bg-base);border-color:var(--ds-border-default)}[data-theme=dark] .schedule-legend,.dark .schedule-legend,[data-theme=dark] .calendar-grid,.dark .calendar-grid{background:var(--ds-bg-surface)}[data-theme=dark] .day-cell,.dark .day-cell,[data-theme=dark] .schedule-summary,.dark .schedule-summary{background:var(--ds-bg-base)}[data-theme=dark] .summary-item,.dark .summary-item{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .schedule-modal .modal-actions,.dark .schedule-modal .modal-actions{background:var(--ds-bg-surface)}.photo-view-overlay{z-index:1100}.photo-view-modal{background:var(--ds-bg-base);border-radius:16px;max-width:600px;width:95%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.photo-view-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.photo-view-title h3{margin:0;font-size:1.1rem;color:var(--ds-text-primary)}.photo-view-title span{font-size:.875rem;color:var(--text-muted, var(--ds-text-secondary));display:block;margin-top:4px}.photo-view-header .btn-close{background:transparent;border:none;cursor:pointer;color:var(--text-muted, var(--ds-text-muted));padding:4px;border-radius:8px;transition:all .2s}.photo-view-header .btn-close:hover{background:var(--bg-hover, var(--ds-bg-elevated));color:var(--ds-text-primary)}.photo-view-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:#000;min-height:300px;max-height:60vh;overflow:hidden}.photo-view-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.photo-view-actions{display:flex;justify-content:center;gap:12px;padding:16px 24px;background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default)}.photo-view-actions .btn-download{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--ds-info),#2563eb);color:var(--ds-text-on-primary);border:none;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s}.photo-view-actions .btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--ds-info-bg)}[data-theme=dark] .photo-view-modal,.dark .photo-view-modal{background:var(--ds-bg-surface)}[data-theme=dark] .photo-view-header,.dark .photo-view-header{background:var(--ds-bg-base);border-color:var(--ds-border-default)}[data-theme=dark] .photo-view-title h3,.dark .photo-view-title h3{color:var(--ds-border-subtle)}[data-theme=dark] .photo-view-header .btn-close:hover,.dark .photo-view-header .btn-close:hover{background:var(--ds-border-default);color:var(--ds-border-subtle)}[data-theme=dark] .photo-view-actions,.dark .photo-view-actions{background:var(--ds-bg-base);border-color:var(--ds-border-default)}.time-cell{display:flex;flex-direction:column;gap:2px;font-size:13px}.time-cell .date-text{font-size:11px;color:var(--text-secondary, var(--ds-text-muted))}.time-cell .time-text{font-weight:600;color:var(--ds-text-primary)}.time-cell .shift-time{font-size:10px;color:var(--text-tertiary, var(--ds-text-secondary));font-style:italic}[data-theme=dark] .time-cell .date-text{color:var(--ds-text-secondary)}[data-theme=dark] .time-cell .time-text{color:var(--ds-border-subtle)}[data-theme=dark] .time-cell .shift-time{color:var(--ds-text-muted)}.dayoff-modal{max-width:580px;width:95vw}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;background:var(--ds-bg-base);border-radius:8px;border:1px solid var(--ds-border-default)}.checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ds-bg-surface);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.875rem;color:var(--ds-text-primary)}.checkbox-label:hover{background:var(--ds-bg-hover)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-info)}.checkbox-label input[type=checkbox]:checked+span{color:var(--ds-info);font-weight:500}.dayoff-info .type-badge{display:inline-block;padding:2px 8px;font-size:.7rem;border-radius:4px;text-transform:uppercase;font-weight:600}.type-badge.holiday{background:#dbeafe;color:#2563eb}.type-badge.eid{background:#fef3c7;color:#d97706}.type-badge.national{background:#dcfce7;color:#16a34a}.type-badge.religious{background:#f3e8ff;color:#9333ea}.type-badge.company_off{background:#e0f2fe;color:#0284c7}.type-badge.emergency{background:#fee2e2;color:#dc2626}.type-badge.weather{background:#f0f9ff;color:#0369a1}.target-badge{display:inline-block;padding:2px 8px;font-size:.7rem;border-radius:4px;background:var(--ds-bg-elevated);color:var(--ds-text-muted);text-transform:capitalize}[data-theme=dark] .checkbox-grid{background:var(--ds-bg-base)}[data-theme=dark] .checkbox-label{background:var(--ds-bg-surface);color:var(--ds-text-primary)}[data-theme=dark] .checkbox-label:hover{background:var(--ds-bg-hover)}[data-theme=dark] .type-badge.holiday{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .type-badge.eid{background:#451a03;color:#fcd34d}[data-theme=dark] .type-badge.national{background:#14532d;color:#86efac}[data-theme=dark] .type-badge.religious{background:#3b0764;color:#c084fc}[data-theme=dark] .type-badge.company_off{background:#0c4a6e;color:#7dd3fc}[data-theme=dark] .type-badge.emergency{background:#7f1d1d;color:#fca5a5}.preset-holidays{margin-bottom:20px}.preset-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary, var(--ds-text-muted));margin-bottom:10px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:200px;overflow-y:auto;padding:4px}.preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:60px}.preset-btn:hover{background:var(--ds-bg-hover);border-color:var(--ds-info);transform:translateY(-1px)}.preset-btn.selected{background:linear-gradient(135deg,var(--ds-info) 0%,#2563eb 100%);border-color:var(--ds-info);color:#fff}.preset-btn.selected .preset-name{color:#fff}.preset-icon{font-size:1.25rem;line-height:1}.preset-name{font-size:.65rem;font-weight:500;text-align:center;line-height:1.2;color:var(--ds-text-primary);word-break:break-word}.preset-btn.other{background:var(--ds-bg-surface);border-style:dashed}.preset-btn.other:hover{background:var(--ds-bg-hover)}.preset-btn.other.selected{background:var(--ds-bg-elevated);border-color:var(--ds-info);border-style:solid}.preset-grid::-webkit-scrollbar{width:4px}.preset-grid::-webkit-scrollbar-track{background:var(--ds-bg-base);border-radius:4px}.preset-grid::-webkit-scrollbar-thumb{background:var(--ds-border-default);border-radius:4px}[data-theme=dark] .preset-btn{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .preset-btn:hover{background:var(--ds-bg-hover)}[data-theme=dark] .preset-name{color:var(--ds-text-primary)}[data-theme=dark] .preset-btn.other{background:var(--ds-bg-base)}@media(max-width:480px){.preset-grid{grid-template-columns:repeat(3,1fr)}.dayoff-modal{max-width:95vw}}.level-dashboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--ds-space-4);color:var(--ds-text-secondary)}.level-dashboard__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:level-dashboard__spin .8s linear infinite}@keyframes level-dashboard__spin{to{transform:rotate(360deg)}}.level-dashboard__error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--ds-space-8);text-align:center}.level-dashboard__error-icon{font-size:4rem;margin-bottom:var(--ds-space-4)}.level-dashboard__error-container h2{color:var(--ds-danger-text);margin-bottom:var(--ds-space-2);font-size:1.5rem}.level-dashboard__error-container p{color:var(--ds-text-secondary);margin-bottom:var(--ds-space-6)}.level-dashboard__selector{padding:var(--ds-space-8);max-width:1200px;margin:0 auto}.level-dashboard__selector-header{text-align:center;margin-bottom:var(--ds-space-12)}.level-dashboard__header-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-hover) 100%);border-radius:var(--ds-radius-xl);color:var(--ds-text-on-primary);margin-bottom:var(--ds-space-6);box-shadow:0 10px 40px var(--ds-primary-hover-bg)}.level-dashboard__selector-header h1{font-size:2rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.level-dashboard__selector-header p{color:var(--ds-text-secondary);font-size:1.1rem}.level-dashboard__levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--ds-space-6);margin-bottom:var(--ds-space-12)}.level-dashboard__level-card{position:relative;display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-6);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);cursor:pointer;transition:all var(--ds-transition-normal);overflow:hidden}.level-dashboard__level-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color, var(--ds-primary));opacity:0;transition:opacity var(--ds-transition-normal)}.level-dashboard__level-card:hover{border-color:var(--accent-color, var(--ds-primary));transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.level-dashboard__level-card:hover:before{opacity:1}.level-dashboard__card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--ds-radius-lg);flex-shrink:0;box-shadow:0 4px 15px #0003}.level-dashboard__card-content{flex:1;min-width:0}.level-dashboard__card-content h3{font-size:1.15rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.level-dashboard__level-badge{display:inline-block;padding:var(--ds-space-1) var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:500;color:var(--ds-text-muted)}.level-dashboard__card-actions{display:flex;gap:var(--ds-space-2);opacity:0;transition:opacity var(--ds-transition-normal)}.level-dashboard__level-card:hover .level-dashboard__card-actions{opacity:1}.level-dashboard__action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.level-dashboard__action-btn--view{background:var(--ds-primary);color:var(--ds-text-on-primary)}.level-dashboard__action-btn--view:hover{background:var(--ds-primary-hover);transform:scale(1.1)}.level-dashboard__action-btn--manage{background:var(--ds-success-text);color:var(--ds-text-on-primary)}.level-dashboard__action-btn--manage:hover{background:#059669;transform:scale(1.1)}.level-dashboard__card-arrow{position:absolute;right:var(--ds-space-4);color:var(--ds-text-muted);opacity:0;transform:translate(-10px);transition:all var(--ds-transition-normal)}.level-dashboard__level-card:hover .level-dashboard__card-arrow{opacity:1;transform:translate(0)}.level-dashboard__selector-footer{display:flex;justify-content:center;gap:var(--ds-space-4);padding-top:var(--ds-space-8);border-top:1px solid var(--ds-border-default)}.level-dashboard__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-6);border-radius:var(--ds-radius-md);font-weight:500;font-size:.95rem;cursor:pointer;transition:all var(--ds-transition-fast);border:none}.level-dashboard__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.level-dashboard__btn--primary:hover{background:var(--ds-primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px var(--ds-primary-hover-bg)}.level-dashboard__btn--secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.level-dashboard__btn--secondary:hover{background:var(--ds-bg-hover);border-color:var(--ds-primary)}[dir=rtl] .level-dashboard__level-card:before{left:auto;right:0}[dir=rtl] .level-dashboard__card-arrow{right:auto;left:var(--ds-space-4);transform:rotate(180deg) translate(10px)}[dir=rtl] .level-dashboard__level-card:hover .level-dashboard__card-arrow{transform:rotate(180deg) translate(0)}@media(max-width:768px){.level-dashboard__selector{padding:var(--ds-space-4)}.level-dashboard__selector-header h1{font-size:1.5rem}.level-dashboard__levels-grid{grid-template-columns:1fr}.level-dashboard__card-actions{opacity:1}.level-dashboard__selector-footer{flex-direction:column}.level-dashboard__btn{width:100%;justify-content:center}}.level-management-dashboard__page{padding:1.5rem;max-width:1400px;margin:0 auto}.level-management-dashboard__page--rtl{direction:rtl}.level-management-dashboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--ds-text-muted)}.level-management-dashboard__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.level-management-dashboard__header .level-management-dashboard__back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.level-management-dashboard__header .level-management-dashboard__back-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.level-management-dashboard__header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;color:var(--ds-text-on-primary)}.level-management-dashboard__header-info{flex:1}.level-management-dashboard__header-info h1{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:.25rem}.level-management-dashboard__header-info p{font-size:.95rem;color:var(--ds-text-muted)}.level-management-dashboard__header-info strong{color:var(--ds-primary)}.level-management-dashboard__header-actions{display:flex;gap:.5rem}.level-management-dashboard__refresh-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.level-management-dashboard__refresh-btn:hover:not(:disabled){background:var(--ds-bg-elevated);border-color:var(--ds-primary);color:var(--ds-primary)}.level-management-dashboard__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.level-management-dashboard__spinning{animation:level-management-dashboard__spin 1s linear infinite}@keyframes level-management-dashboard__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-management-dashboard__search-bar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);margin-bottom:1.5rem;transition:border-color var(--ds-transition-base)}.level-management-dashboard__search-bar:focus-within{border-color:var(--ds-primary)}.level-management-dashboard__search-bar svg{color:var(--ds-text-muted);flex-shrink:0}.level-management-dashboard__search-bar input{flex:1;background:transparent;border:none;color:var(--ds-text-primary);font-size:1rem;outline:none}.level-management-dashboard__search-bar input::placeholder{color:var(--ds-text-muted)}.level-management-dashboard__search-bar button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--ds-bg-elevated);border:none;border-radius:50%;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-transition-base)}.level-management-dashboard__search-bar button:hover{background:var(--ds-danger);color:var(--ds-text-on-primary)}.level-management-dashboard__section{margin-bottom:1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.level-management-dashboard__section-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background var(--ds-transition-base);-webkit-user-select:none;user-select:none}.level-management-dashboard__section-header:hover{background:var(--ds-bg-hover)}.level-management-dashboard__section-header svg:first-child{flex-shrink:0}.level-management-dashboard__section-header span:first-of-type{flex:1;font-weight:600;font-size:1rem;color:var(--ds-text-primary)}.level-management-dashboard__section-header .level-management-dashboard__expand-icon{color:var(--ds-text-muted)}.level-management-dashboard__section-header--warning{background:var(--ds-warning-bg);border-bottom:1px solid var(--ds-warning-border)}.level-management-dashboard__section-header--warning svg:first-child{color:var(--ds-warning)}.level-management-dashboard__section-header--info{background:var(--ds-info-bg);border-bottom:1px solid var(--ds-info-border)}.level-management-dashboard__section-header--info svg:first-child{color:var(--ds-info)}.level-management-dashboard__section-header--success{background:var(--ds-success-bg);border-bottom:1px solid var(--ds-success-border)}.level-management-dashboard__section-header--success svg:first-child{color:var(--ds-success)}.level-management-dashboard__section-header--primary{background:var(--ds-primary-hover-bg);border-bottom:1px solid var(--ds-primary-hover-bg)}.level-management-dashboard__section-header--primary svg:first-child{color:var(--ds-secondary)}.level-management-dashboard__section-header--dark{background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.level-management-dashboard__section-header--dark svg:first-child{color:var(--ds-text-secondary)}.level-management-dashboard__count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .6rem;border-radius:100px;font-size:.85rem;font-weight:600}.level-management-dashboard__count-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.level-management-dashboard__count-badge--info{background:var(--ds-info-bg);color:var(--ds-info)}.level-management-dashboard__count-badge--success{background:var(--ds-success-bg);color:var(--ds-success)}.level-management-dashboard__count-badge--primary{background:var(--ds-primary-hover-bg);color:var(--ds-secondary)}.level-management-dashboard__section-content{padding:1.25rem;border-top:1px solid var(--ds-border-default)}.level-management-dashboard__empty-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--ds-text-muted)}.level-management-dashboard__empty-message svg{opacity:.5}.level-management-dashboard__table{width:100%;border-collapse:collapse}.level-management-dashboard__table th,.level-management-dashboard__table td{padding:.875rem 1rem;text-align:start;border-bottom:1px solid var(--ds-border-default)}.level-management-dashboard__table th{font-weight:600;font-size:.8rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--ds-bg-elevated)}.level-management-dashboard__table tbody tr{transition:background var(--ds-transition-base)}.level-management-dashboard__table tbody tr:hover{background:var(--ds-bg-hover)}.level-management-dashboard__table tbody tr:last-child td{border-bottom:none}.level-management-dashboard__employee-cell{display:flex;align-items:center;gap:.75rem}.level-management-dashboard__avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-900) 100%);border-radius:10px;font-size:.85rem;font-weight:600;color:var(--ds-text-on-primary);flex-shrink:0}.level-management-dashboard__avatar--manager{background:linear-gradient(135deg,#11998e,#38ef7d)}.level-management-dashboard__employee-name{color:var(--ds-primary);font-weight:500;text-decoration:none;transition:color var(--ds-transition-base)}.level-management-dashboard__employee-name:hover{color:var(--ds-red-300);text-decoration:underline}.level-management-dashboard__table code{padding:.25rem .5rem;background:var(--ds-bg-base);border-radius:var(--ds-radius-sm);font-size:.85rem;color:var(--ds-text-secondary)}.level-management-dashboard__level-badge{display:inline-flex;padding:.3rem .75rem;background:var(--ds-info-bg);color:var(--ds-info);border-radius:100px;font-size:.8rem;font-weight:500}.level-management-dashboard__manager-link{color:var(--ds-primary);text-decoration:none}.level-management-dashboard__manager-link:hover{text-decoration:underline}.level-management-dashboard__manager-select{padding:.5rem .75rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.85rem;min-width:160px;cursor:pointer}.level-management-dashboard__manager-select:focus{outline:none;border-color:var(--ds-primary)}.level-management-dashboard__manager-select--compact{padding:.35rem .5rem;min-width:120px;font-size:.8rem}.level-management-dashboard__row-actions{display:flex;gap:.5rem;align-items:center}.level-management-dashboard__row-actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-transition-base)}.level-management-dashboard__row-actions button:hover{background:var(--ds-bg-hover);border-color:var(--ds-border-default);color:var(--ds-primary)}.level-management-dashboard__row-actions button.level-management-dashboard__assign:hover{color:var(--ds-success)}.level-management-dashboard__view-btn{padding:.35rem .75rem;width:auto;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.8rem;font-weight:500}.level-management-dashboard__view-btn:hover{border-color:var(--ds-primary);color:var(--ds-primary)}.level-management-dashboard__move-btn{padding:.35rem .75rem;width:auto;background:var(--ds-info);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.level-management-dashboard__move-btn:hover{background:#7c3aed}.level-management-dashboard__assign-btn{background:var(--ds-success-bg);border:1px solid var(--ds-success-border);color:var(--ds-success)}.level-management-dashboard__assign-btn:hover{background:var(--ds-success-hover);border-color:var(--ds-success)}.level-management-dashboard__remove-btn{background:var(--ds-danger-bg);border:1px solid var(--ds-danger-border);color:var(--ds-danger)}.level-management-dashboard__remove-btn:hover{background:var(--ds-danger-hover);border-color:var(--ds-danger)}.level-management-dashboard__tabs{display:flex;gap:0;border-bottom:1px solid var(--ds-border-default);margin-bottom:1rem}.level-management-dashboard__tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--ds-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-base)}.level-management-dashboard__tabs button:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.level-management-dashboard__tabs button.level-management-dashboard__active{color:var(--ds-primary);border-bottom-color:var(--ds-primary)}.level-management-dashboard__tabs .level-management-dashboard__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;background:var(--ds-bg-base);border-radius:100px;font-size:.75rem;font-weight:600}.level-management-dashboard__tabs button.level-management-dashboard__active .level-management-dashboard__tab-count{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.level-management-dashboard__tabs .level-management-dashboard__close-tab{margin-left:auto;color:var(--ds-text-muted);font-size:.85rem}.level-management-dashboard__tabs .level-management-dashboard__close-tab:hover{color:var(--ds-danger)}.level-management-dashboard__more-hint{text-align:center;padding:1rem;color:var(--ds-text-muted);font-size:.9rem;font-style:italic}[dir=rtl] .level-management-dashboard__employee-cell,[dir=rtl] .level-management-dashboard__row-actions,[dir=rtl] .level-management-dashboard__header,.level-management-dashboard__page--rtl .level-management-dashboard__section-header,.level-management-dashboard__page--rtl .level-management-dashboard__tabs{flex-direction:row-reverse}.level-management-dashboard__page--rtl .level-management-dashboard__tabs .level-management-dashboard__close-tab{margin-left:0;margin-right:auto}@media(max-width:768px){.level-management-dashboard__page{padding:1rem}.level-management-dashboard__header-info h1{font-size:1.35rem}.level-management-dashboard__table{font-size:.85rem}.level-management-dashboard__table th,.level-management-dashboard__table td{padding:.625rem .5rem}.level-management-dashboard__manager-select{min-width:100px}.level-management-dashboard__tabs{flex-wrap:wrap}.level-management-dashboard__tabs button{padding:.625rem .875rem;font-size:.85rem}}.admin-dashboard__page{padding:1.5rem;max-width:1400px;margin:0 auto}.admin-dashboard__page--rtl{direction:rtl}.admin-dashboard__loading,.admin-dashboard__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--ds-text-secondary)}.admin-dashboard__error h2{color:var(--ds-text-primary);margin:0}.admin-dashboard__error svg{color:var(--ds-danger)}.admin-dashboard__spinner{width:40px;height:40px;border:3px solid var(--ds-primary-hover-bg);border-top-color:var(--ds-primary);border-radius:50%;animation:admin-dashboard__spin .8s linear infinite}@keyframes admin-dashboard__spin{to{transform:rotate(360deg)}}.admin-dashboard__spinning{animation:admin-dashboard__spin 1s linear infinite}.admin-dashboard__header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f5333f1a,#f5333f0d);border-radius:var(--ds-radius-lg);margin-bottom:1.5rem;border:1px solid rgba(245,51,63,.2)}.admin-dashboard__back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__back-btn:hover{background:#ffffff26;transform:translate(-2px)}.admin-dashboard__page--rtl .admin-dashboard__back-btn:hover{transform:translate(2px)}.admin-dashboard__header-icon{width:56px;height:56px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--ds-shadow-md)}.admin-dashboard__header-info{flex:1}.admin-dashboard__header-info h1{margin:0;font-size:1.5rem;color:var(--ds-text-primary);font-weight:600}.admin-dashboard__header-info p{margin:.25rem 0 0;color:var(--ds-text-secondary);font-size:.9rem}.admin-dashboard__refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5333f33;border:1px solid rgba(245,51,63,.3);border-radius:var(--ds-radius-md);color:var(--ds-primary);cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__refresh-btn:hover{background:#f5333f4d}.admin-dashboard__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard__alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--ds-radius-lg);margin-bottom:1rem;animation:admin-dashboard__slideIn .3s ease}@keyframes admin-dashboard__slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-dashboard__alert--success{background:var(--ds-success-bg);border:1px solid var(--ds-success-bg);color:var(--ds-success)}.admin-dashboard__alert--error{background:var(--ds-danger-bg);border:1px solid rgba(245,51,63,.3);color:var(--ds-danger)}.admin-dashboard__alert button{margin-left:auto;background:transparent;border:none;padding:.25rem;cursor:pointer;color:inherit;opacity:.7}.admin-dashboard__alert button:hover{opacity:1}.admin-dashboard__stats-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-dashboard__stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);transition:all var(--ds-transition-fast);flex:1 1 200px;min-width:200px}.admin-dashboard__stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.admin-dashboard__stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center}.admin-dashboard__stat-card--assigned .admin-dashboard__stat-icon{background:var(--ds-success-bg);color:var(--ds-success)}.admin-dashboard__stat-card--unassigned .admin-dashboard__stat-icon{background:var(--ds-warning-bg);color:var(--ds-warning)}.admin-dashboard__stat-card--total .admin-dashboard__stat-icon{background:#f5333f26;color:var(--ds-primary)}.admin-dashboard__stat-card--managers .admin-dashboard__stat-icon{background:var(--ds-info-bg);color:var(--ds-info)}.admin-dashboard__stat-info{display:flex;flex-direction:column}.admin-dashboard__stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);line-height:1}.admin-dashboard__stat-label{font-size:.85rem;color:var(--ds-text-secondary);margin-top:.25rem}.admin-dashboard__stat-sublabel{font-size:.75rem;color:var(--ds-text-secondary);opacity:.85;margin-top:.15rem}.admin-dashboard__profile-section{background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden;margin-bottom:1.5rem}.admin-dashboard__profile-section--unassigned{border-color:var(--ds-warning-bg)}.admin-dashboard__section-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#ffffff08;cursor:pointer;transition:background var(--ds-transition-fast)}.admin-dashboard__section-header:hover{background:#ffffff0d}.admin-dashboard__section-title{display:flex;align-items:center;gap:.75rem;color:var(--ds-text-primary)}.admin-dashboard__section-title h2{margin:0;font-size:1.1rem;font-weight:600}.admin-dashboard__section-title svg{color:var(--ds-primary)}.admin-dashboard__count-badge{padding:.25rem .75rem;background:#f5333f26;color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:.85rem;font-weight:600}.admin-dashboard__count-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.admin-dashboard__direct-assignment-section{border-left:3px solid var(--ds-warning)}.admin-dashboard__direct-assignment-section .admin-dashboard__section-header,.admin-dashboard__direct-assignment-section .admin-dashboard__section-header:hover{background:var(--ds-warning-bg)}.admin-dashboard__direct-assignment-section .admin-dashboard__section-title svg{color:var(--ds-warning)}.admin-dashboard__direct-assignment-section .admin-dashboard__count-badge{background:var(--ds-warning-bg);color:var(--ds-warning)}.admin-dashboard__direct-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;background:var(--ds-warning-bg);color:var(--ds-warning);border-radius:var(--ds-radius-sm);font-size:.7rem;font-weight:600;margin-left:.5rem;text-transform:uppercase}.admin-dashboard__section-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#0003;border-bottom:1px solid var(--ds-border-default)}.admin-dashboard__section-search svg{color:var(--ds-text-secondary)}.admin-dashboard__section-search input{flex:1;background:transparent;border:none;color:var(--ds-text-primary);font-size:.95rem;outline:none}.admin-dashboard__section-search input::placeholder{color:var(--ds-text-secondary)}.admin-dashboard__profiles-table{max-height:400px;overflow-y:auto}.admin-dashboard__table-header{display:grid;grid-template-columns:40px 2fr 100px 1.2fr 1.5fr 100px;gap:.75rem;padding:.75rem 1rem;background:#0003;font-size:.75rem;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:1;align-items:center}.admin-dashboard__profile-section--unassigned .admin-dashboard__table-header,.admin-dashboard__profile-section--unassigned .admin-dashboard__table-row{grid-template-columns:2fr 100px 2fr 100px}.admin-dashboard__table-row{display:grid;grid-template-columns:40px 2fr 100px 1.2fr 1.5fr 100px;gap:.75rem;padding:.65rem 1rem;align-items:center;border-bottom:1px solid var(--ds-border-subtle);transition:background var(--ds-transition-fast)}.admin-dashboard__table-row:hover{background:#ffffff08}.admin-dashboard__col-name{display:flex;align-items:center;gap:.6rem;min-width:0}.admin-dashboard__profile-avatar{width:32px;height:32px;border-radius:var(--ds-radius-md);background:linear-gradient(135deg,var(--ds-primary),var(--ds-red-700));display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--ds-text-on-primary);flex-shrink:0}.admin-dashboard__profile-avatar--unassigned{background:linear-gradient(135deg,#fb923c,#f97316)}.admin-dashboard__col-name span{color:var(--ds-text-primary);font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard__col-emp-id{color:var(--ds-text-secondary);font-size:.85rem}.admin-dashboard__assignee-badge{display:inline-flex;padding:.35rem .75rem;background:var(--ds-success-bg);color:var(--ds-success);border-radius:var(--ds-radius-md);font-size:.85rem;font-weight:500}.admin-dashboard__col-transfer,.admin-dashboard__col-assign{display:flex;align-items:center;gap:.5rem}.admin-dashboard__col-transfer select,.admin-dashboard__col-assign select{flex:1;padding:.5rem .75rem;background:var(--ds-input-bg);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.85rem;cursor:pointer;max-width:180px}.admin-dashboard__col-transfer select:focus,.admin-dashboard__col-assign select:focus{outline:none;border-color:var(--ds-input-focus)}.admin-dashboard__transfer-btn,.admin-dashboard__assign-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:linear-gradient(135deg,var(--ds-primary),var(--ds-red-700));border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast);white-space:nowrap}.admin-dashboard__transfer-btn:hover,.admin-dashboard__assign-btn:hover{transform:scale(1.02);box-shadow:var(--ds-shadow-glow)}.admin-dashboard__transfer-btn:disabled,.admin-dashboard__assign-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard__col-actions{display:flex;gap:.5rem;justify-content:flex-end}.admin-dashboard__action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__action-btn--view{background:#f5333f26;color:var(--ds-primary)}.admin-dashboard__action-btn--view:hover{background:#f5333f40}.admin-dashboard__action-btn--unassign{background:var(--ds-danger-bg);color:var(--ds-danger)}.admin-dashboard__action-btn--unassign:hover{background:var(--ds-danger-bg)}.admin-dashboard__action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ds-text-secondary);gap:.5rem}.admin-dashboard__empty-state--success{color:var(--ds-success)}.admin-dashboard__empty-state svg{opacity:.5}.admin-dashboard__btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--ds-primary),var(--ds-red-700));border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__btn-primary:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-glow)}@media(max-width:1024px){.admin-dashboard__stats-row{grid-template-columns:repeat(2,1fr)}.admin-dashboard__table-header,.admin-dashboard__table-row{grid-template-columns:2fr 1.5fr 120px}.admin-dashboard__col-emp-id,.admin-dashboard__col-assigned{display:none}}@media(max-width:640px){.admin-dashboard__page{padding:1rem}.admin-dashboard__header{flex-wrap:wrap;padding:1rem}.admin-dashboard__header-info h1{font-size:1.2rem}.admin-dashboard__stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-dashboard__stat-card{padding:1rem}.admin-dashboard__stat-value{font-size:1.5rem}.admin-dashboard__table-header,.admin-dashboard__table-row{grid-template-columns:1.5fr 1fr 100px;gap:.5rem;padding:.75rem 1rem}.admin-dashboard__col-emp-id,.admin-dashboard__col-assigned,.admin-dashboard__col-transfer{display:none}.admin-dashboard__profile-section--unassigned .admin-dashboard__table-header,.admin-dashboard__profile-section--unassigned .admin-dashboard__table-row{grid-template-columns:1.5fr 1.5fr 80px}.admin-dashboard__assign-btn span{display:none}}.admin-dashboard__level-profiles-section{border-color:var(--ds-info-bg);background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);margin-top:1.5rem}.admin-dashboard__level-profiles-grid{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto;background:transparent}.admin-dashboard__level-profile-card{background:#0003;border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default);transition:all var(--ds-transition-fast);flex-shrink:0}.admin-dashboard__level-profile-card:hover{border-color:var(--ds-info-bg)}.admin-dashboard__profile-card-header{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;transition:background var(--ds-transition-fast);min-height:60px}.admin-dashboard__profile-card-header:hover{background:#ffffff08}.admin-dashboard__profile-card-avatar{width:44px;height:44px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:var(--ds-text-on-primary);flex-shrink:0}.admin-dashboard__profile-card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.admin-dashboard__profile-card-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard__profile-employee-id{font-size:.85rem;color:var(--ds-text-secondary)}.admin-dashboard__profile-card-stats{display:flex;align-items:center;gap:.5rem}.admin-dashboard__team-count-badge{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--ds-info-bg);color:var(--ds-info);border-radius:var(--ds-radius-md);font-size:.85rem;font-weight:600}.admin-dashboard__profile-card-header>svg{color:var(--ds-text-secondary);flex-shrink:0}.admin-dashboard__profile-team-list{border-top:1px solid var(--ds-border-default);background:#0000001a;max-height:400px;overflow-y:auto}.admin-dashboard__team-level-group{border-bottom:1px solid var(--ds-border-subtle)}.admin-dashboard__team-level-group:last-child{border-bottom:none}.admin-dashboard__team-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--ds-info-bg);font-size:.85rem;color:var(--ds-text-secondary)}.admin-dashboard__team-count{font-weight:600;color:var(--ds-info)}.admin-dashboard__no-team-members{padding:2rem;text-align:center;color:var(--ds-text-secondary);font-size:.9rem}.admin-dashboard__team-members-table{padding:.5rem}.admin-dashboard__team-member-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--ds-radius-md);transition:background var(--ds-transition-fast)}.admin-dashboard__team-member-row:hover{background:#ffffff08}.admin-dashboard__member-avatar{width:32px;height:32px;border-radius:var(--ds-radius-md);background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--ds-text-on-primary);flex-shrink:0}.admin-dashboard__member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.admin-dashboard__member-name{font-size:.9rem;font-weight:500;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard__member-details{font-size:.8rem;color:var(--ds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard__member-status{padding:.25rem .6rem;border-radius:var(--ds-radius-md);font-size:.75rem;font-weight:500;text-transform:capitalize}.admin-dashboard__member-status--active{background:var(--ds-success-bg);color:var(--ds-success)}.admin-dashboard__member-status--inactive{background:var(--ds-danger-bg);color:var(--ds-danger)}.admin-dashboard__member-status--onleave{background:var(--ds-warning-bg);color:var(--ds-warning)}.admin-dashboard__action-btn--small{width:28px;height:28px}.admin-dashboard__multi-level-section{margin-bottom:1rem}.admin-dashboard__multi-level-section .admin-dashboard__profile-section{margin-bottom:.75rem}@media(max-width:640px){.admin-dashboard__level-profiles-grid{padding:.75rem}.admin-dashboard__profile-card-header{padding:.75rem;gap:.75rem}.admin-dashboard__profile-card-avatar{width:36px;height:36px}.admin-dashboard__profile-card-info h4{font-size:.9rem}.admin-dashboard__team-member-row{flex-wrap:wrap;gap:.5rem}.admin-dashboard__member-info{flex:1 1 60%}.admin-dashboard__member-status{order:3;flex:0 0 auto}}.admin-dashboard__main-grid{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;margin-top:1rem}.admin-dashboard__content{min-width:0}.admin-dashboard__col-select{width:40px;display:flex;align-items:center;justify-content:center}.admin-dashboard__select-btn,.admin-dashboard__select-all-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.admin-dashboard__select-btn:hover,.admin-dashboard__select-all-btn:hover{background:#f5333f26;color:var(--ds-primary)}.admin-dashboard__table-row--selected{background:#f5333f1a;border-color:#f5333f4d}.admin-dashboard__table-row--selected .admin-dashboard__select-btn{color:var(--ds-primary)}.admin-dashboard__bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--ds-danger-bg);border-bottom:1px solid var(--ds-danger-bg);border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;margin:.5rem .5rem 0}.admin-dashboard__bulk-actions-bar span{font-size:.9rem;font-weight:500;color:var(--ds-text-primary)}.admin-dashboard__bulk-unassign-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-danger);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__bulk-unassign-btn:hover{background:#dc2626}.admin-dashboard__bulk-unassign-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboard__activity-log-panel{background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);display:flex;flex-direction:column;height:fit-content;max-height:calc(100vh - 200px);position:sticky;top:1rem}.admin-dashboard__activity-log-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--ds-border-default)}.admin-dashboard__activity-log-title{display:flex;align-items:center;gap:.75rem}.admin-dashboard__activity-log-title h3{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.admin-dashboard__activity-log-title svg{color:var(--ds-primary)}.admin-dashboard__toggle-activity{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.admin-dashboard__toggle-activity:hover{background:#ffffff1a}.admin-dashboard__activity-log-content{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.admin-dashboard__activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--ds-text-secondary);gap:.5rem}.admin-dashboard__activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#0003;border-radius:var(--ds-radius-md);transition:background var(--ds-transition-fast)}.admin-dashboard__activity-item:hover{background:#0000004d}.admin-dashboard__activity-icon{width:32px;height:32px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-dashboard__activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.admin-dashboard__activity-employee{font-size:.85rem;font-weight:500;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboard__activity-action{font-size:.8rem;color:var(--ds-text-secondary)}.admin-dashboard__activity-reason{font-size:.75rem;color:var(--ds-warning);font-style:italic;margin-top:.15rem}.admin-dashboard__activity-performer{font-size:.7rem;color:var(--ds-text-muted);margin-top:.15rem}.admin-dashboard__activity-time{font-size:.7rem;color:var(--ds-text-muted);white-space:nowrap;flex-shrink:0}.admin-dashboard__modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal-backdrop);padding:1rem}.admin-dashboard__unassign-modal{background:var(--ds-modal-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ds-shadow-lg)}.admin-dashboard__modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.admin-dashboard__modal-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.admin-dashboard__modal-header h3 svg{color:var(--ds-danger)}.admin-dashboard__modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-fast)}.admin-dashboard__modal-close:hover{background:var(--ds-danger-bg);color:var(--ds-danger)}.admin-dashboard__modal-body{padding:1.5rem;overflow-y:auto}.admin-dashboard__unassign-info{margin:0 0 1rem;padding:.75rem 1rem;background:var(--ds-danger-bg);border-radius:var(--ds-radius-md);color:#f87171;font-size:.9rem}.admin-dashboard__unassign-profiles-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto;margin-bottom:1rem;padding:.5rem;background:#0003;border-radius:var(--ds-radius-md)}.admin-dashboard__unassign-profile-item{display:flex;align-items:center;gap:.75rem;padding:.5rem}.admin-dashboard__unassign-profile-item .admin-dashboard__profile-avatar--small{width:28px;height:28px;font-size:.65rem;background:linear-gradient(135deg,var(--ds-danger),#f87171)}.admin-dashboard__reason-field{display:flex;flex-direction:column;gap:.5rem}.admin-dashboard__reason-field label{font-size:.9rem;font-weight:500;color:var(--ds-text-primary)}.admin-dashboard__reason-field textarea{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;resize:vertical;min-height:80px;transition:border-color var(--ds-transition-fast)}.admin-dashboard__reason-field textarea:focus{outline:none;border-color:var(--ds-input-focus)}.admin-dashboard__reason-field textarea::placeholder{color:var(--ds-text-muted)}.admin-dashboard__modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--ds-border-default);background:#0000001a}.admin-dashboard__btn-cancel{padding:.65rem 1.25rem;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__btn-cancel:hover{background:#ffffff0d;border-color:var(--ds-border-strong)}.admin-dashboard__btn-unassign{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--ds-danger);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__btn-unassign:hover{background:#dc2626}.admin-dashboard__btn-unassign:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.admin-dashboard__main-grid{grid-template-columns:1fr}.admin-dashboard__activity-log-panel{position:relative;top:auto;max-height:400px}}@media(max-width:768px){.admin-dashboard__bulk-actions-bar{flex-direction:column;gap:.75rem;align-items:stretch}.admin-dashboard__bulk-unassign-btn{justify-content:center}.admin-dashboard__col-select{width:30px}.admin-dashboard__unassign-modal{max-width:100%;margin:.5rem}}.admin-dashboard__filters-bar{display:flex;gap:1rem;padding:1rem 1.25rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg);margin-bottom:1.5rem;flex-wrap:wrap;align-items:center;border:1px solid var(--ds-border-default)}.admin-dashboard__filter-group{display:flex;align-items:center;gap:.5rem;color:var(--ds-text-secondary)}.admin-dashboard__department-select{padding:.625rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.875rem;min-width:180px;cursor:pointer;transition:all var(--ds-transition-fast)}.admin-dashboard__department-select:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-hover-bg)}.admin-dashboard__search-box{display:flex;align-items:center;gap:.75rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);padding:.5rem 1rem;flex:1;min-width:200px;max-width:400px;transition:all var(--ds-transition-fast)}.admin-dashboard__search-box:focus-within{border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-primary-hover-bg)}.admin-dashboard__search-box svg{color:var(--ds-text-secondary);flex-shrink:0}.admin-dashboard__search-box input{flex:1;background:transparent;border:none;color:var(--ds-text-primary);font-size:.875rem;outline:none}.admin-dashboard__search-box input::placeholder{color:var(--ds-text-muted)}.admin-dashboard__filter-badge{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#f5333f26;color:var(--ds-primary);border-radius:var(--ds-radius-md);font-size:.8rem;font-weight:500}.admin-dashboard__filter-badge button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.125rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .15s}.admin-dashboard__filter-badge button:hover{opacity:1}.admin-dashboard__profile-section--no-level{border-color:var(--ds-danger-bg)}.admin-dashboard__profile-section--no-level .admin-dashboard__section-header{background:#ef44441a}.admin-dashboard__profile-section--no-level .admin-dashboard__section-title svg{color:var(--ds-danger)}.admin-dashboard__count-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger)}@media(max-width:768px){.admin-dashboard__filters-bar{flex-direction:column;gap:.75rem}.admin-dashboard__search-box{max-width:100%;width:100%}.admin-dashboard__department-select{width:100%}}.admin-dashboard__tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);margin-bottom:1rem;border:1px solid var(--ds-border-default)}.admin-dashboard__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast);font-size:.9rem;font-weight:500}.admin-dashboard__tab:hover{background:#f5333f1a;color:var(--ds-text-primary)}.admin-dashboard__tab--active{background:linear-gradient(135deg,var(--ds-primary),var(--ds-red-700));color:#fff;box-shadow:var(--ds-shadow-md)}.admin-dashboard__tab-count{padding:.15rem .5rem;background:#fff3;border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:600}.admin-dashboard__tab--active .admin-dashboard__tab-count{background:#ffffff4d}.admin-dashboard__tab-count--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.admin-dashboard__tab--active .admin-dashboard__tab-count--warning{background:#fbbf244d;color:#fff}.admin-dashboard__tab-content{background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.admin-dashboard__subtabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:.75rem 1rem;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.admin-dashboard__subtab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;font-size:.85rem;transition:all var(--ds-transition-fast)}.admin-dashboard__subtab:hover{background:#f5333f0d;border-color:var(--ds-primary)}.admin-dashboard__subtab--active{background:#f5333f1a;border-color:var(--ds-primary);color:var(--ds-primary)}.admin-dashboard__subtab--warning{border-color:var(--ds-warning)}.admin-dashboard__subtab--warning.admin-dashboard__subtab--active{background:#fbbf241a;border-color:var(--ds-warning);color:var(--ds-warning)}.admin-dashboard__subtab-count{padding:.15rem .4rem;background:var(--ds-bg-surface);border-radius:var(--ds-radius-sm);font-size:.75rem;font-weight:600}.admin-dashboard__subtab--active .admin-dashboard__subtab-count{background:var(--ds-primary);color:#fff}.admin-dashboard__subtab-count--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.admin-dashboard__level-table-container{padding:0}.admin-dashboard__data-table{width:100%;border-collapse:collapse}.admin-dashboard__data-table thead{background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.admin-dashboard__data-table th{padding:.75rem 1rem;text-align:left;font-size:.8rem;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-dashboard__data-table tbody tr{border-bottom:1px solid var(--ds-border-subtle);transition:background var(--ds-transition-fast)}.admin-dashboard__data-table tbody tr:hover{background:#f5333f08}.admin-dashboard__data-table td{padding:.75rem 1rem;font-size:.9rem;color:var(--ds-text-primary);vertical-align:middle}.admin-dashboard__data-row--selected{background:#f5333f14!important}.admin-dashboard__data-row{cursor:pointer}.admin-dashboard__profile-cell{display:flex;align-items:center;gap:.75rem}.admin-dashboard__col-checkbox{width:40px;text-align:center}.admin-dashboard__empty-cell{text-align:center;padding:2rem!important;color:var(--ds-text-secondary)}.admin-dashboard__empty-cell--success{color:var(--ds-success);display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-dashboard__transfer-cell,.admin-dashboard__assign-cell{display:flex;align-items:center;gap:.5rem}.admin-dashboard__transfer-cell select,.admin-dashboard__assign-cell select{flex:1;padding:.4rem .75rem;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:.85rem;min-width:120px}.admin-dashboard__actions-cell{display:flex;align-items:center;gap:.5rem}.admin-dashboard__overview-tab{padding:1rem}.admin-dashboard__overview-table-container{margin-top:1.5rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);overflow:hidden}.admin-dashboard__overview-table-container h3{display:flex;align-items:center;gap:.5rem;margin:0;padding:1rem;font-size:1rem;font-weight:600;color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default)}.admin-dashboard__section-title-text{display:flex;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin:0;border-bottom:1px solid var(--ds-border-default)}@media(max-width:768px){.admin-dashboard__tabs{flex-wrap:wrap}.admin-dashboard__tab{flex:1 1 auto;justify-content:center;padding:.6rem .75rem;font-size:.8rem}.admin-dashboard__subtabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.admin-dashboard__subtab{white-space:nowrap}.admin-dashboard__data-table{display:block;overflow-x:auto}}[dir=rtl] .admin-dashboard__tabs,.admin-dashboard__page--rtl .admin-dashboard__tabs,[dir=rtl] .admin-dashboard__subtabs,.admin-dashboard__page--rtl .admin-dashboard__subtabs{flex-direction:row-reverse}[dir=rtl] .admin-dashboard__data-table th,.admin-dashboard__page--rtl .admin-dashboard__data-table th{text-align:right}[dir=rtl] .admin-dashboard__profile-cell,.admin-dashboard__page--rtl .admin-dashboard__profile-cell{flex-direction:row-reverse}.admin-dashboards__page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto}.admin-dashboards__page.admin-dashboards__rtl{direction:rtl}.admin-dashboards__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--ds-space-4);color:var(--ds-text-secondary)}.admin-dashboards__spinner{width:40px;height:40px;border:3px solid var(--ds-primary-hover-bg);border-top-color:var(--ds-primary);border-radius:50%;animation:admin-dashboards__spin .8s linear infinite}@keyframes admin-dashboards__spin{to{transform:rotate(360deg)}}.admin-dashboards__spinning{animation:admin-dashboards__spin 1s linear infinite}.admin-dashboards__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-6);background:var(--ds-primary-hover-bg);border-radius:var(--ds-radius-xl);margin-bottom:var(--ds-space-6);border:1px solid var(--ds-card-hover-border)}.admin-dashboards__header-content{display:flex;align-items:center;gap:var(--ds-space-4)}.admin-dashboards__header-icon{width:60px;height:60px;border-radius:var(--ds-radius-xl);background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-active) 100%);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-glow)}.admin-dashboards__header-info h1{margin:0;font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.admin-dashboards__header-info p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-text-base)}.admin-dashboards__refresh-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-base)}.admin-dashboards__refresh-btn:hover{background:var(--ds-bg-hover)}.admin-dashboards__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admin-dashboards__summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.admin-dashboards__summary-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5);background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);transition:all var(--ds-transition-base)}.admin-dashboards__summary-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.admin-dashboards__summary-icon{width:52px;height:52px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center}.admin-dashboards__summary-content{display:flex;flex-direction:column}.admin-dashboards__summary-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary);line-height:1}.admin-dashboards__summary-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-top:var(--ds-space-1)}.admin-dashboards__main-content{display:grid;grid-template-columns:1fr 380px;gap:var(--ds-space-6);margin-bottom:var(--ds-space-6)}.admin-dashboards__cards-section{background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);border:1px solid var(--ds-border-default)}.admin-dashboards__section-title{display:flex;align-items:center;gap:var(--ds-space-3);margin:0 0 var(--ds-space-5);font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.admin-dashboards__section-title svg{color:var(--ds-primary)}.admin-dashboards__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}.admin-dashboards__card{background:#0003;border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);border:1px solid var(--ds-border-default);cursor:pointer;transition:all var(--ds-transition-slow)}.admin-dashboards__card:hover{transform:translateY(-4px);border-color:var(--ds-card-hover-border);box-shadow:var(--ds-card-hover-shadow)}.admin-dashboards__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-4)}.admin-dashboards__card-icon{width:52px;height:52px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-md)}.admin-dashboards__card-arrow{width:32px;height:32px;border-radius:var(--ds-radius-md);background:var(--ds-bg-glass);display:flex;align-items:center;justify-content:center;color:var(--ds-text-secondary);transition:all var(--ds-transition-base)}.admin-dashboards__card:hover .admin-dashboards__card-arrow{background:var(--ds-primary-hover-bg);color:var(--ds-primary);transform:translate(2px)}.admin-dashboards__rtl .admin-dashboards__card:hover .admin-dashboards__card-arrow{transform:translate(-2px)}.admin-dashboards__card-body h3{margin:0 0 var(--ds-space-2);font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.admin-dashboards__card-desc{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-secondary);line-height:var(--ds-leading-normal)}.admin-dashboards__card-stats{display:flex;gap:var(--ds-space-4);padding:var(--ds-space-3) 0;border-top:1px solid var(--ds-border-default);border-bottom:1px solid var(--ds-border-default)}.admin-dashboards__stat-item{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-sm)}.admin-dashboards__stat-item svg{color:var(--ds-text-secondary)}.admin-dashboards__stat-item .admin-dashboards__stat-value{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.admin-dashboards__stat-item .admin-dashboards__stat-label{color:var(--ds-text-secondary);font-size:var(--ds-text-xs)}.admin-dashboards__stat-item--assigned svg,.admin-dashboards__stat-item--assigned .admin-dashboards__stat-value{color:var(--ds-success)}.admin-dashboards__stat-item--unassigned svg,.admin-dashboards__stat-item--unassigned .admin-dashboards__stat-value{color:var(--ds-warning)}.admin-dashboards__card-progress{display:flex;align-items:center;gap:var(--ds-space-3);margin-top:var(--ds-space-3)}.admin-dashboards__progress-bar{flex:1;height:6px;background:var(--ds-bg-glass);border-radius:3px;overflow:hidden}.admin-dashboards__progress-fill{height:100%;background:linear-gradient(90deg,var(--ds-success),#4ade80);border-radius:3px;transition:width .5s ease}.admin-dashboards__progress-text{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);white-space:nowrap}.admin-dashboards__activity-section{background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);border:1px solid var(--ds-border-default);display:flex;flex-direction:column}.admin-dashboards__activity-list{flex:1;display:flex;flex-direction:column;gap:var(--ds-space-2);max-height:500px;overflow-y:auto}.admin-dashboards__activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-8);color:var(--ds-text-secondary);gap:var(--ds-space-2)}.admin-dashboards__activity-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:#0003;border-radius:var(--ds-radius-md);transition:background var(--ds-transition-base)}.admin-dashboards__activity-item:hover{background:#0000004d}.admin-dashboards__activity-icon{width:36px;height:36px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-dashboards__activity-content{flex:1;min-width:0;display:flex;flex-direction:column}.admin-dashboards__activity-employee{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-dashboards__activity-details{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.admin-dashboards__activity-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ds-space-1)}.admin-dashboards__activity-level{font-size:.7rem;padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-primary-hover-bg);color:var(--ds-primary);border-radius:var(--ds-radius-sm);font-weight:var(--ds-font-medium)}.admin-dashboards__activity-time{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.admin-dashboards__quick-links{background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);border:1px solid var(--ds-border-default)}.admin-dashboards__quick-links h3{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-base);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.admin-dashboards__quick-links-grid{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.admin-dashboards__quick-links-grid button{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:#0003;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-sm);cursor:pointer;transition:all var(--ds-transition-base)}.admin-dashboards__quick-links-grid button:hover{background:var(--ds-primary-hover-bg);border-color:var(--ds-card-hover-border)}.admin-dashboards__quick-links-grid button svg{color:var(--ds-primary)}@media(max-width:1200px){.admin-dashboards__main-content{grid-template-columns:1fr}.admin-dashboards__activity-section{max-height:350px}}@media(max-width:900px){.admin-dashboards__summary-row{grid-template-columns:repeat(2,1fr)}.admin-dashboards__grid{grid-template-columns:1fr}}@media(max-width:640px){.admin-dashboards__page{padding:var(--ds-space-4)}.admin-dashboards__header{flex-direction:column;gap:var(--ds-space-4);text-align:center}.admin-dashboards__header-content{flex-direction:column}.admin-dashboards__header-info h1{font-size:var(--ds-text-xl)}.admin-dashboards__summary-row{grid-template-columns:1fr 1fr;gap:var(--ds-space-3)}.admin-dashboards__summary-card{padding:var(--ds-space-4)}.admin-dashboards__summary-value{font-size:var(--ds-text-xl)}.admin-dashboards__quick-links-grid{flex-direction:column}.admin-dashboards__quick-links-grid button{width:100%;justify-content:center}}.searchable-select{position:relative;width:100%}.searchable-select--disabled{opacity:.6;pointer-events:none}.searchable-select__control{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:.5rem .75rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.searchable-select--open .searchable-select__control,.searchable-select__control:hover{border-color:var(--ds-primary)}.searchable-select--open .searchable-select__control{border-bottom-left-radius:0;border-bottom-right-radius:0}.searchable-select__value-container{flex:1;overflow:hidden}.searchable-select__value{display:block;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select__placeholder{color:var(--ds-text-muted)}.searchable-select__input{width:100%;border:none;background:transparent;color:var(--ds-text-primary);font-size:inherit;outline:none}.searchable-select__input::placeholder{color:var(--ds-text-muted)}.searchable-select__indicators{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.searchable-select__clear{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast)}.searchable-select__clear:hover{color:var(--ds-danger);background:var(--ds-danger-bg)}.searchable-select__separator{width:1px;height:20px;background:var(--ds-border-default);margin:0 .25rem}.searchable-select__dropdown-indicator{display:flex;align-items:center;color:var(--ds-text-muted);transition:transform var(--ds-transition-fast)}.searchable-select--open .searchable-select__dropdown-indicator{transform:rotate(180deg)}.searchable-select__menu{position:absolute;top:100%;left:0;right:0;z-index:var(--ds-z-dropdown, 100);background:var(--ds-bg-surface);border:1px solid var(--ds-primary);border-top:none;border-radius:0 0 var(--ds-radius-md) var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);animation:searchable-select-slide-down .15s ease-out}@keyframes searchable-select-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.searchable-select__search-container{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-elevated)}.searchable-select__search-container svg{color:var(--ds-text-muted);flex-shrink:0}.searchable-select__search-input{flex:1;border:none;background:transparent;color:var(--ds-text-primary);font-size:.875rem;outline:none}.searchable-select__search-input::placeholder{color:var(--ds-text-muted)}.searchable-select__options{list-style:none;margin:0;padding:.25rem 0;max-height:250px;overflow-y:auto}.searchable-select__option{display:flex;flex-direction:column;gap:.125rem;padding:.625rem .75rem;cursor:pointer;transition:background var(--ds-transition-fast)}.searchable-select__option:hover,.searchable-select__option--highlighted{background:var(--ds-bg-hover)}.searchable-select__option--selected,.searchable-select__option--selected:hover,.searchable-select__option--selected.searchable-select__option--highlighted{background:var(--ds-primary-hover-bg)}.searchable-select__option-label{color:var(--ds-text-primary);font-size:.9rem}.searchable-select__option-sublabel{color:var(--ds-text-muted);font-size:.75rem}.searchable-select__option mark{background:var(--ds-warning-bg);color:var(--ds-warning);padding:0 .125rem;border-radius:2px}.searchable-select__no-options{padding:1rem;text-align:center;color:var(--ds-text-muted);font-size:.875rem}[dir=rtl] .searchable-select__indicators,[dir=rtl] .searchable-select__search-container{flex-direction:row-reverse}.searchable-select__options::-webkit-scrollbar{width:6px}.searchable-select__options::-webkit-scrollbar-track{background:var(--ds-bg-surface)}.searchable-select__options::-webkit-scrollbar-thumb{background:var(--ds-black-600);border-radius:3px}.searchable-select__options::-webkit-scrollbar-thumb:hover{background:var(--ds-black-500)}.leave__page{padding:var(--ds-space-6);animation:leave-fadeIn .3s ease-out}@keyframes leave-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leave__page .leave__page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-6);flex-wrap:wrap;gap:var(--ds-space-4)}.leave__page .leave__header-content h1{display:flex;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0}.leave__page .leave__subtitle{color:var(--ds-text-muted);margin-top:var(--ds-space-1)}.leave__page .leave__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.leave__page .leave__stat-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-fast)}.leave__page .leave__stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.leave__page .leave__stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.leave__page .leave__stat-pending .leave__stat-icon{background:var(--ds-warning-bg);color:var(--ds-warning)}.leave__page .leave__stat-today .leave__stat-icon{background:var(--ds-info-bg);color:var(--ds-info)}.leave__page .leave__stat-month .leave__stat-icon{background:var(--ds-success-bg);color:var(--ds-success)}.leave__page .leave__stat-info{display:flex;flex-direction:column}.leave__page .leave__stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary);line-height:1}.leave__page .leave__stat-label{font-size:var(--ds-text-sm);color:var(--ds-text-muted);margin-top:var(--ds-space-1)}.leave__page .leave__tabs-header{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);padding-bottom:var(--ds-space-2)}.leave__page .leave__tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent;border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-base);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.leave__page .leave__tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.leave__page .leave__tab-btn--active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.leave__page .leave__filter-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.leave__page .leave__filter-group{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-muted)}.leave__page .leave__filter-select{padding:.6rem var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-sm);min-width:180px}.leave__page .leave__data-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default)}.leave__page .leave__data-table th,.leave__page .leave__data-table td{padding:var(--ds-space-4);text-align:start;border-bottom:1px solid var(--ds-border-default)}.leave__page .leave__data-table th{background:var(--ds-bg-elevated);font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm);color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.leave__page .leave__data-table tbody tr:hover{background:var(--ds-bg-hover)}.leave__page .leave__employee-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.leave__page .leave__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm)}.leave__page .leave__employee-cell .leave__info{display:flex;flex-direction:column}.leave__page .leave__employee-cell .leave__name{font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.leave__page .leave__employee-cell .leave__id{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.leave__type-badge{display:inline-flex;align-items:center;padding:.35rem var(--ds-space-3);border-radius:20px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.leave__page .leave__dates-cell{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.leave__page .leave__duration-badge{display:inline-flex;padding:.3rem .6rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.leave__page .leave__status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem var(--ds-space-3);border-radius:20px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.leave__page .leave__status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.leave__page .leave__status-badge--success{background:var(--ds-success-bg);color:var(--ds-success)}.leave__page .leave__status-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.leave__page .leave__status-badge--muted{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.leave__page .leave__actions-cell{display:flex;gap:var(--ds-space-2)}.leave__page .leave__btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-card-bg);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.leave__page .leave__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.leave__page .leave__btn-icon--approve:hover{color:var(--ds-success);border-color:var(--ds-success);background:var(--ds-success-bg)}.leave__page .leave__btn-icon--reject:hover{color:var(--ds-danger);border-color:var(--ds-danger);background:var(--ds-danger-bg)}.leave__page .leave__types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-6)}.leave__page .leave__type-card{background:var(--ds-bg-surface);border:2px solid;border-radius:var(--ds-radius-lg);overflow:hidden;transition:all var(--ds-transition-fast)}.leave__page .leave__type-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.leave__page .leave__type-header{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5)}.leave__page .leave__type-header h3{margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.leave__page .leave__type-body{padding:var(--ds-space-5);border-top:1px solid var(--ds-border-default)}.leave__page .leave__type-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-4)}.leave__page .leave__type-stat .leave__label{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.leave__page .leave__type-stat .leave__value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.leave__page .leave__type-badges{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.leave__page .leave__badge{padding:var(--ds-space-1) .6rem;border-radius:12px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.leave__page .leave__badge--paid{background:var(--ds-success-bg);color:var(--ds-success)}.leave__page .leave__badge--unpaid{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.leave__page .leave__badge--document{background:var(--ds-info-bg);color:var(--ds-info)}.leave__page .leave__calendar-view{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-12)}.leave__page .leave__calendar-placeholder{text-align:center;color:var(--ds-text-muted)}.leave__page .leave__calendar-placeholder h3{margin:var(--ds-space-4) 0 var(--ds-space-2);color:var(--ds-text-primary)}.leave__page .leave__loading-state,.leave__page .leave__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16) var(--ds-space-8);text-align:center;color:var(--ds-text-muted)}.leave__page .leave__loading-state .leave__spin,.leave__spin{animation:leave-spin 1s linear infinite}@keyframes leave-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leave__page .leave__empty-state h3{margin:var(--ds-space-4) 0 var(--ds-space-2);color:var(--ds-text-primary)}.leave__modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-4)}.leave__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--ds-border-default);box-shadow:var(--ds-shadow-xl)}.leave__modal-content--lg{max-width:700px}.leave__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.leave__modal-header h2{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;font-size:var(--ds-text-xl)}.leave__modal-close{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;padding:var(--ds-space-1)}.leave__modal-close:hover{color:var(--ds-text-primary)}.leave__modal-body{padding:var(--ds-space-6)}.leave__modal-footer{padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border-default);display:flex;justify-content:flex-end;gap:var(--ds-space-3)}.leave__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-4)}.leave__form-group{display:flex;flex-direction:column;gap:.4rem}.leave__form-group--full-width{grid-column:span 2}.leave__form-group label{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)}.leave__form-group input,.leave__form-group select,.leave__form-group textarea{padding:.7rem;background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-base)}.leave__form-group input:focus,.leave__form-group select:focus,.leave__form-group textarea:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.leave__modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border-default)}.leave__alert{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);font-size:var(--ds-text-sm)}.leave__alert--danger{background:var(--ds-danger-bg);color:var(--ds-danger);border:1px solid var(--ds-danger-border)}.leave__detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-6);margin-bottom:var(--ds-space-6)}.leave__detail-section h4{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.leave__detail-row{display:flex;justify-content:space-between;padding:var(--ds-space-2) 0;border-bottom:1px solid var(--ds-border-default)}.leave__detail-row .leave__label{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.leave__detail-row .leave__value{color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.leave__approval-section{background:var(--ds-bg-elevated);padding:var(--ds-space-5);border-radius:var(--ds-radius-md);margin-top:var(--ds-space-6)}.leave__approval-section h4{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-base);color:var(--ds-text-primary)}.leave__approval-section textarea{width:100%;padding:var(--ds-space-3);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);resize:vertical;margin-bottom:var(--ds-space-4)}.leave__approval-actions{display:flex;gap:var(--ds-space-3)}.leave__history-section{margin-top:var(--ds-space-6)}.leave__history-section h4{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-muted);text-transform:uppercase}.leave__history-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.leave__history-item{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.leave__history-icon{width:28px;height:28px;border-radius:50%;background:var(--ds-bg-surface);display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted)}.leave__history-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.leave__history-action{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);text-transform:capitalize}.leave__history-user{font-size:var(--ds-text-sm);color:var(--ds-text-muted)}.leave__history-comment{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);font-style:italic}.leave__history-time{font-size:var(--ds-text-xs);color:var(--ds-text-muted);white-space:nowrap}.leave__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:.65rem var(--ds-space-5);border-radius:var(--ds-radius-md);font-weight:var(--ds-font-medium);font-size:var(--ds-text-sm);cursor:pointer;transition:all var(--ds-transition-fast);border:none}.leave__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.leave__btn--primary:hover{background:var(--ds-primary-hover)}.leave__btn--secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.leave__btn--secondary:hover{background:var(--ds-bg-hover)}.leave__btn--success{background:var(--ds-success);color:var(--ds-text-on-primary)}.leave__btn--success:hover{background:var(--ds-success-dark)}.leave__btn--danger{background:var(--ds-danger);color:var(--ds-text-on-primary)}.leave__btn--danger:hover{background:var(--ds-danger-dark)}.leave__btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.leave__page .leave__page-header{flex-direction:column;align-items:stretch}.leave__page .leave__stats-grid,.leave__form-grid{grid-template-columns:1fr}.leave__form-group--full-width{grid-column:span 1}.leave__detail-grid{grid-template-columns:1fr}.leave__page .leave__data-table{display:block;overflow-x:auto}}.leave-page{padding:var(--ds-space-6);animation:leave-fadeIn .3s ease-out}.leave-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-6);flex-wrap:wrap;gap:var(--ds-space-4)}.leave-page .header-content h1{display:flex;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-text-2xl);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)!important;margin:0}.leave-page .subtitle{color:var(--ds-text-muted)!important;margin-top:var(--ds-space-1)}.leave-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.leave-page .stat-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5);background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-fast)}.leave-page .stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)!important}.leave-page .stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.leave-page .stat-pending .stat-icon{background:var(--ds-warning-bg)!important;color:var(--ds-warning)!important}.leave-page .stat-today .stat-icon{background:var(--ds-info-bg)!important;color:var(--ds-info)!important}.leave-page .stat-month .stat-icon{background:var(--ds-success-bg)!important;color:var(--ds-success)!important}.leave-page .stat-info{display:flex;flex-direction:column}.leave-page .stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)!important;line-height:1}.leave-page .stat-label{font-size:var(--ds-text-sm);color:var(--ds-text-muted)!important;margin-top:var(--ds-space-1)}.leave-page .tabs-header{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);padding-bottom:var(--ds-space-2)}.leave-page .tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent!important;border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-base);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)!important;cursor:pointer;transition:all var(--ds-transition-fast)}.leave-page .tab-btn:hover{background:var(--ds-bg-hover)!important;color:var(--ds-text-primary)!important}.leave-page .tab-btn.active{background:var(--ds-primary)!important;color:var(--ds-text-on-primary)!important}.leave-page .filter-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.leave-page .filter-group{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-muted)!important}.leave-page .filter-select{padding:.6rem var(--ds-space-4);background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary)!important;font-size:var(--ds-text-sm);min-width:180px}.leave-page .data-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface)!important;border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default)}.leave-page .data-table th,.leave-page .data-table td{padding:var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}.leave-page .data-table th{background:var(--ds-bg-elevated)!important;font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)!important;text-transform:uppercase;letter-spacing:.5px}.leave-page .data-table tbody tr:hover{background:var(--ds-bg-hover)!important}.leave-page .employee-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.leave-page .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover))!important;color:var(--ds-text-on-primary)!important;display:flex;align-items:center;justify-content:center;font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm)}.leave-page .employee-cell .info{display:flex;flex-direction:column}.leave-page .employee-cell .name{font-weight:var(--ds-font-medium);color:var(--ds-text-primary)!important}.leave-page .employee-cell .id{font-size:var(--ds-text-xs);color:var(--ds-text-muted)!important}.leave-type-badge{display:inline-flex;align-items:center;padding:.35rem var(--ds-space-3);border-radius:20px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.leave-page .dates-cell{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)!important}.leave-page .duration-badge{display:inline-flex;padding:.3rem .6rem;background:var(--ds-bg-elevated)!important;border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)!important}.leave-page .status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem var(--ds-space-3);border-radius:20px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.leave-page .status-warning{background:var(--ds-warning-bg)!important;color:var(--ds-warning)!important}.leave-page .status-success{background:var(--ds-success-bg)!important;color:var(--ds-success)!important}.leave-page .status-danger{background:var(--ds-danger-bg)!important;color:var(--ds-danger)!important}.leave-page .status-muted{background:var(--ds-bg-elevated)!important;color:var(--ds-text-muted)!important}.leave-page .actions-cell{display:flex;gap:var(--ds-space-2)}.leave-page .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-card-bg)!important;border-radius:var(--ds-radius-md);color:var(--ds-text-secondary)!important;cursor:pointer;transition:all var(--ds-transition-fast)}.leave-page .btn-icon:hover{background:var(--ds-bg-hover)!important;color:var(--ds-primary)!important;border-color:var(--ds-primary)!important}.leave-page .btn-icon.approve:hover{color:var(--ds-success)!important;border-color:var(--ds-success)!important;background:var(--ds-success-bg)!important}.leave-page .btn-icon.reject:hover{color:var(--ds-danger)!important;border-color:var(--ds-danger)!important;background:var(--ds-danger-bg)!important}.leave-page .leave-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-6)}.leave-page .leave-type-card{background:var(--ds-bg-surface)!important;border:2px solid;border-radius:var(--ds-radius-lg);overflow:hidden;transition:all var(--ds-transition-fast)}.leave-page .leave-type-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)!important}.leave-page .type-header{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5)}.leave-page .type-header h3{margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)!important}.leave-page .type-body{padding:var(--ds-space-5);border-top:1px solid var(--ds-border-default)}.leave-page .type-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-4)}.leave-page .type-stat .label{color:var(--ds-text-muted)!important;font-size:var(--ds-text-sm)}.leave-page .type-stat .value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)!important}.leave-page .type-badges{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.leave-page .badge{padding:var(--ds-space-1) .6rem;border-radius:12px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.leave-page .badge.paid{background:var(--ds-success-bg)!important;color:var(--ds-success)!important}.leave-page .badge.unpaid{background:var(--ds-bg-elevated)!important;color:var(--ds-text-muted)!important}.leave-page .badge.document{background:var(--ds-info-bg)!important;color:var(--ds-info)!important}.leave-page .calendar-view{background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-12)}.leave-page .calendar-placeholder{text-align:center;color:var(--ds-text-muted)!important}.leave-page .calendar-placeholder h3{margin:var(--ds-space-4) 0 var(--ds-space-2);color:var(--ds-text-primary)!important}.leave-page .loading-state,.leave-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16) var(--ds-space-8);text-align:center;color:var(--ds-text-muted)!important}.leave-page .loading-state .spin,.spin{animation:leave-spin 1s linear infinite}.leave-page .empty-state h3{margin:var(--ds-space-4) 0 var(--ds-space-2);color:var(--ds-text-primary)!important}.modal-overlay{position:fixed;inset:0;background:#00000080!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-4)}.modal-content{background:var(--ds-bg-surface)!important;border-radius:var(--ds-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--ds-border-default);box-shadow:var(--ds-shadow-xl)!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.modal-header h2{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;font-size:var(--ds-text-xl)}.modal-close{background:none!important;border:none;color:var(--ds-text-muted)!important;cursor:pointer;padding:var(--ds-space-1)}.modal-close:hover{color:var(--ds-text-primary)!important}.modal-footer{padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border-default);display:flex;justify-content:flex-end;gap:var(--ds-space-3)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-4)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full-width{grid-column:span 2}.form-group label{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)!important}.form-group input,.form-group select,.form-group textarea{padding:.7rem;background:var(--ds-input-bg)!important;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary)!important;font-size:var(--ds-text-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-primary)!important;box-shadow:0 0 0 3px var(--ds-input-focus-ring)!important}.modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border-default)}.alert{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);font-size:var(--ds-text-sm)}.alert-danger{background:var(--ds-danger-bg)!important;color:var(--ds-danger)!important;border:1px solid var(--ds-danger-border)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-5);margin-bottom:var(--ds-space-5)}.detail-section{background:var(--ds-bg-elevated, var(--ds-bg-surface))!important;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.detail-section h4{margin:0;padding:var(--ds-space-3) var(--ds-space-4);font-size:11px;font-weight:700;color:var(--ds-text-muted)!important;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,var(--ds-primary, var(--ds-info)) 0%,#1e40af 100%)!important;color:#fffffff2!important}.detail-section .detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-3) var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)!important;transition:background .15s ease}.detail-section .detail-row:last-child{border-bottom:none}.detail-section .detail-row:hover{background:var(--ds-bg-hover, rgba(0, 0, 0, .02))!important}.detail-row .label{color:var(--ds-text-secondary, var(--ds-text-muted))!important;font-size:13px;font-weight:500}.detail-row .value{color:var(--ds-text-primary)!important;font-weight:600;font-size:13px;text-align:right;max-width:60%}.approval-section{background:linear-gradient(180deg,var(--ds-bg-elevated, var(--ds-bg-surface)) 0%,var(--ds-bg-surface) 100%)!important;padding:var(--ds-space-5);border-radius:var(--ds-radius-lg);margin-top:var(--ds-space-5);border:1px solid var(--ds-border-default)}.approval-section h4{display:flex;align-items:center;gap:var(--ds-space-2);margin:0 0 var(--ds-space-4);font-size:14px;font-weight:600;color:var(--ds-text-primary)!important;padding-bottom:var(--ds-space-3);border-bottom:1px solid var(--ds-border-default)}.approval-section textarea{width:100%;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-input-bg)!important;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary)!important;resize:vertical;margin-bottom:var(--ds-space-4);font-size:14px;min-height:80px;transition:border-color .2s,box-shadow .2s}.approval-section textarea:focus{outline:none;border-color:var(--ds-primary)!important;box-shadow:0 0 0 3px var(--ds-input-focus-ring, var(--ds-info-bg))!important}.approval-actions{display:flex;gap:var(--ds-space-3)}.history-section{margin-top:var(--ds-space-5);background:var(--ds-bg-elevated, var(--ds-bg-surface))!important;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.history-section h4{margin:0;padding:var(--ds-space-3) var(--ds-space-4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--ds-bg-surface)!important;color:var(--ds-text-muted)!important;border-bottom:1px solid var(--ds-border-default)}.history-list{display:flex;flex-direction:column;padding:var(--ds-space-3);gap:0}.history-item{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-2);background:transparent!important;border-radius:0;position:relative;border-left:2px solid var(--ds-border-default);margin-left:14px;padding-left:var(--ds-space-4)}.history-item:last-child{border-left-color:transparent}.history-icon{position:absolute;left:-15px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--ds-primary, var(--ds-info))!important;display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary)!important;font-size:12px;box-shadow:0 2px 8px var(--ds-info-bg)}.history-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.history-action{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)!important;text-transform:capitalize}.history-user{font-size:var(--ds-text-sm);color:var(--ds-text-muted)!important}.history-comment{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)!important;font-style:italic}.history-time{font-size:var(--ds-text-xs);color:var(--ds-text-muted)!important;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:.65rem var(--ds-space-5);border-radius:var(--ds-radius-md);font-weight:var(--ds-font-medium);font-size:var(--ds-text-sm);cursor:pointer;transition:all var(--ds-transition-fast);border:none}.btn-primary{background:var(--ds-primary)!important;color:var(--ds-text-on-primary)!important}.btn-primary:hover{background:var(--ds-primary-hover)!important}.btn-secondary{background:var(--ds-bg-elevated)!important;color:var(--ds-text-primary)!important;border:1px solid var(--ds-border-default)}.btn-secondary:hover{background:var(--ds-bg-hover)!important}.btn-success{background:var(--ds-success)!important;color:var(--ds-text-on-primary)!important}.btn-success:hover{background:var(--ds-success-dark)!important}.btn-danger{background:var(--ds-danger)!important;color:var(--ds-text-on-primary)!important}.btn-danger:hover{background:var(--ds-danger-dark)!important}@media(max-width:768px){.leave-page .page-header{flex-direction:column;align-items:stretch}.leave-page .stats-grid,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.detail-grid{grid-template-columns:1fr}.leave-page .data-table{display:block;overflow-x:auto}}.leave-page .types-header{display:flex;justify-content:flex-end;margin-bottom:var(--ds-space-4)}.leave-page .type-actions{display:flex;gap:var(--ds-space-1);margin-left:auto}.leave-page .type-header{position:relative}.leave-page .type-header h3{flex:1}.btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-bg-surface)!important;border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary)!important;cursor:pointer;transition:all var(--ds-transition-fast)}.btn-icon-sm:hover{background:var(--ds-bg-hover)!important;color:var(--ds-primary)!important;border-color:var(--ds-primary)!important}.btn-icon-sm.delete:hover{color:var(--ds-danger)!important;border-color:var(--ds-danger)!important;background:var(--ds-danger-bg)!important}.color-picker{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:var(--ds-radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--ds-transition-fast)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--ds-text-primary);box-shadow:0 0 0 2px var(--ds-bg-surface),0 0 0 4px currentColor}.checkbox-label{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)!important;cursor:pointer;padding:var(--ds-space-2) 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--ds-primary)}.modal-content.modal-md{max-width:550px}.leave-page .leave-type-card.inactive{opacity:.6;border-style:dashed!important}.leave-page .leave-type-card.inactive:hover{opacity:.8}.inactive-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--ds-danger-bg, #fee2e2)!important;color:var(--ds-danger, #dc2626)!important;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.checkbox-label.active-toggle{flex-wrap:wrap;padding:var(--ds-space-3);background:var(--ds-bg-elevated)!important;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.status-indicator{font-weight:600;padding:4px 12px;border-radius:12px;font-size:12px}.status-indicator.active{background:var(--ds-success-bg, #dcfce7)!important;color:var(--ds-success, #16a34a)!important}.status-indicator.inactive{background:var(--ds-danger-bg, #fee2e2)!important;color:var(--ds-danger, #dc2626)!important}.toggle-hint{width:100%;font-size:12px;color:var(--ds-text-muted)!important;margin-top:4px;font-weight:400}.discipline__page{padding:var(--ds-space-6);animation:discipline__fadeIn .3s ease-out}@keyframes discipline__fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discipline__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-6);flex-wrap:wrap;gap:var(--ds-space-4)}.discipline__header-content h1{display:flex;align-items:center;gap:var(--ds-space-3);font-size:1.75rem;font-weight:600;color:var(--ds-text-primary);margin:0}.discipline__subtitle{color:var(--ds-text-muted);margin-top:var(--ds-space-1)}.discipline__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.discipline__stat-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-base)}.discipline__stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.discipline__stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.discipline__stat-card--open .discipline__stat-icon{background:var(--ds-danger-bg);color:var(--ds-danger)}.discipline__stat-card--month .discipline__stat-icon{background:var(--ds-warning-bg);color:var(--ds-warning)}.discipline__stat-card--warnings .discipline__stat-icon{background:var(--ds-info-bg);color:var(--ds-info)}.discipline__stat-info{display:flex;flex-direction:column}.discipline__stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);line-height:1}.discipline__stat-label{font-size:.85rem;color:var(--ds-text-muted);margin-top:var(--ds-space-1)}.discipline__tabs-header{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);padding-bottom:var(--ds-space-2)}.discipline__tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent;border:none;border-radius:var(--ds-radius-md);font-size:.95rem;font-weight:500;color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.discipline__tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.discipline__tab-btn--active{background:var(--ds-danger);color:var(--ds-text-on-primary)}.discipline__filter-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.discipline__filter-group{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-muted)}.discipline__filter-select{padding:.6rem var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;min-width:180px}.discipline__data-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default)}.discipline__data-table th,.discipline__data-table td{padding:var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}.discipline__data-table th{background:var(--ds-bg-elevated);font-weight:600;font-size:.85rem;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px}.discipline__data-table tbody tr:hover{background:var(--ds-bg-hover)}.discipline__employee-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.discipline__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-danger),#dc2626);color:var(--ds-text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.discipline__employee-info{display:flex;flex-direction:column}.discipline__employee-name{font-weight:500;color:var(--ds-text-primary)}.discipline__employee-id{font-size:.8rem;color:var(--ds-text-muted)}.discipline__type-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.discipline__severity-badge{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:var(--ds-radius-sm);font-size:.8rem;font-weight:500}.discipline__severity-badge--info{background:var(--ds-info-bg);color:var(--ds-info)}.discipline__severity-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.discipline__severity-badge--orange{background:#f9731626;color:#f97316}.discipline__severity-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.discipline__severity-badge--critical{background:#b91c1c26;color:#b91c1c}.discipline__status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.discipline__status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.discipline__status-badge--info{background:var(--ds-info-bg);color:var(--ds-info)}.discipline__status-badge--success{background:var(--ds-success-bg);color:var(--ds-success)}.discipline__status-badge--purple{background:var(--ds-info-bg);color:var(--ds-info)}.discipline__status-badge--muted{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.discipline__actions-cell{display:flex;gap:var(--ds-space-2)}.discipline__btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.discipline__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.discipline__btn-icon--resolve:hover{color:var(--ds-success);border-color:var(--ds-success);background:var(--ds-success-bg)}.discipline__types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-6)}.discipline__type-card{background:var(--ds-bg-surface);border:2px solid;border-radius:var(--ds-radius-lg);overflow:hidden;transition:all var(--ds-transition-base)}.discipline__type-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.discipline__type-header{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5)}.discipline__type-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.discipline__type-body{padding:var(--ds-space-5);border-top:1px solid var(--ds-border-default)}.discipline__type-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-4)}.discipline__type-stat-label{color:var(--ds-text-muted);font-size:.9rem}.discipline__type-stat-value{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)}.discipline__type-badges{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.discipline__badge{padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.discipline__badge--ack{background:var(--ds-warning-bg);color:var(--ds-warning)}.discipline__badge--eval{background:var(--ds-info-bg);color:var(--ds-info)}.discipline__loading-state,.discipline__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--ds-text-muted)}.discipline__spin{animation:discipline__spin 1s linear infinite}@keyframes discipline__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.discipline__empty-state h3{margin:var(--ds-space-4) 0 var(--ds-space-2);color:var(--ds-text-primary)}.discipline__modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-4)}.discipline__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--ds-border-default);box-shadow:var(--ds-shadow-xl)}.discipline__modal-content--lg{max-width:700px}.discipline__description-section,.discipline__action-section{background:var(--ds-bg-elevated);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);margin-top:var(--ds-space-6)}.discipline__description-section h4,.discipline__action-section h4{margin:0 0 var(--ds-space-3);font-size:.9rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase}.discipline__description-section p,.discipline__action-section p{margin:0;color:var(--ds-text-primary);line-height:1.6}.discipline__resolution-section{background:var(--ds-bg-elevated);padding:var(--ds-space-5);border-radius:var(--ds-radius-md);margin-top:var(--ds-space-6)}.discipline__resolution-section h4{margin:0 0 var(--ds-space-4);font-size:1rem;color:var(--ds-text-primary)}.discipline__resolution-section textarea{width:100%;padding:var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);resize:vertical;margin-bottom:var(--ds-space-4)}.discipline__resolution-actions{display:flex;gap:var(--ds-space-3)}@media(max-width:768px){.discipline__header{flex-direction:column;align-items:stretch}.discipline__stats-grid{grid-template-columns:1fr}.discipline__data-table{display:block;overflow-x:auto}}.discipline__category-tabs{display:flex;gap:var(--ds-space-2);padding:var(--ds-space-3) 0;margin-bottom:var(--ds-space-4);flex-wrap:wrap}.discipline__cat-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--ds-text-secondary);cursor:pointer;transition:all .2s ease}.discipline__cat-btn:hover{background:var(--ds-bg-hover);border-color:var(--ds-border-strong)}.discipline__cat-btn--active{background:var(--ds-info);color:#fff;border-color:var(--ds-info)}.discipline__cat-btn--A.discipline__cat-btn--active{background:#f59e0b;border-color:#f59e0b}.discipline__cat-btn--B.discipline__cat-btn--active{background:#6366f1;border-color:#6366f1}.discipline__cat-btn--C.discipline__cat-btn--active{background:#8b5cf6;border-color:#8b5cf6}.discipline__cat-btn--D.discipline__cat-btn--active{background:#0ea5e9;border-color:#0ea5e9}.discipline__type-code{padding:.2rem .5rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-sm);font-size:.75rem;font-weight:600;color:var(--ds-text-muted);font-family:monospace}.discipline__type-stats{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-3)}.discipline__type-stats .discipline__type-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:0}.discipline__type-stats .discipline__type-stat-value{font-size:1.25rem}.discipline__badge--termination{background:#dc262626;color:#dc2626;font-weight:600}[data-theme=dark] .discipline__badge--termination{background:#ef444433;color:#fca5a5}.discipline__type-header{flex-wrap:wrap}.discipline__type-header h3{flex:1;font-size:.95rem}.history-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;margin-left:.5rem}.history-badge--auto{background:var(--ds-info-bg);color:var(--ds-info)}.history-icon--system{background:var(--ds-info-bg);border-color:var(--ds-info)}.discipline__source-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.discipline__source-badge--manual{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.discipline__source-badge--attendance_auto{background:#f59e0b26;color:#f59e0b}.discipline__source-badge--system{background:var(--ds-info-bg);color:var(--ds-info)}[data-theme=dark] .discipline__source-badge--attendance_auto{background:#f59e0b33;color:#fbbf24}.discipline__integrations{animation:discipline__fadeIn .3s ease-out}.discipline__integrations-header{display:flex;align-items:flex-start;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);padding:var(--ds-space-5);background:linear-gradient(135deg,var(--ds-info-bg),transparent);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-info)}.discipline__integrations-header svg{color:var(--ds-info);flex-shrink:0}.discipline__integrations-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--ds-text-primary)}.discipline__integrations-header p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-muted);font-size:.9rem}.discipline__integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--ds-space-5);margin-bottom:var(--ds-space-6)}.discipline__integration-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:all var(--ds-transition-base)}.discipline__integration-card:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-2px)}.discipline__integration-card--active{border-color:var(--ds-success);border-width:2px}.discipline__integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-3)}.discipline__integration-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.discipline__integration-icon--attendance{background:#f59e0b26;color:#f59e0b}.discipline__integration-icon--salary{background:var(--ds-success-bg);color:var(--ds-success)}.discipline__integration-icon--notification{background:var(--ds-info-bg);color:var(--ds-info)}.discipline__integration-icon--manual{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.discipline__integration-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.discipline__integration-badge--active{background:var(--ds-success-bg);color:var(--ds-success)}.discipline__integration-badge--manual{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.discipline__integration-card h3{margin:0 0 var(--ds-space-2);font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.discipline__integration-card>p{margin:0 0 var(--ds-space-4);color:var(--ds-text-muted);font-size:.875rem;line-height:1.5}.discipline__integration-rules{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.discipline__integration-rules h4{display:flex;align-items:center;gap:var(--ds-space-2);margin:0 0 var(--ds-space-3);font-size:.85rem;font-weight:600;color:var(--ds-text-secondary)}.discipline__integration-rules ul{margin:0;padding-left:var(--ds-space-5)}.discipline__integration-rules li{margin-bottom:var(--ds-space-2);font-size:.85rem;color:var(--ds-text-primary)}.discipline__integration-rules li strong{color:var(--ds-info)}.discipline__integration-flow{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:var(--ds-space-4)}.discipline__integration-flow h4{margin:0 0 var(--ds-space-3);font-size:.85rem;font-weight:600;color:var(--ds-text-secondary)}.discipline__flow-steps{display:flex;align-items:center;gap:var(--ds-space-2);flex-wrap:wrap}.discipline__flow-step{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1);min-width:80px;text-align:center}.discipline__flow-step-num{width:24px;height:24px;border-radius:50%;background:var(--ds-info);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.discipline__flow-step span{font-size:.7rem;color:var(--ds-text-muted)}.discipline__flow-arrow{color:var(--ds-text-muted);font-size:1.25rem}.discipline__integrations-legend{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5)}.discipline__integrations-legend h4{margin:0 0 var(--ds-space-4);font-size:.95rem;font-weight:600;color:var(--ds-text-primary)}.discipline__legend-items{display:flex;flex-wrap:wrap;gap:var(--ds-space-4)}.discipline__legend-item{display:flex;align-items:center;gap:var(--ds-space-3)}.discipline__legend-item>span:last-child{color:var(--ds-text-muted);font-size:.85rem}.discipline__flow-horizontal{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-1);padding:var(--ds-space-2) 0;direction:ltr}.discipline__flow-horizontal.discipline__flow-rtl{direction:rtl}.discipline__flow-horizontal.discipline__flow-rtl .discipline__flow-chevron{transform:scaleX(-1)}.discipline__flow-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px;max-width:65px;text-align:center}.discipline__flow-num{width:24px;height:24px;border-radius:50%;background:var(--ds-info);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.discipline__flow-item span{font-size:.65rem;color:var(--ds-text-muted);line-height:1.1;white-space:nowrap}.discipline__flow-chevron{color:var(--ds-info);flex-shrink:0;opacity:.6}[dir=rtl] .discipline__integration-card,html[lang=ar] .discipline__integration-card{text-align:right}[dir=rtl] .discipline__integration-rules ul,html[lang=ar] .discipline__integration-rules ul{padding-right:var(--ds-space-5);padding-left:0}[dir=rtl] .discipline__integration-rules h4,html[lang=ar] .discipline__integration-rules h4{flex-direction:row-reverse}@media(max-width:768px){.discipline__integrations-grid{grid-template-columns:1fr}.discipline__flow-horizontal{flex-wrap:wrap;justify-content:center}.discipline__flow-item{min-width:60px}}.performance__{padding:1.5rem;animation:performance__fadeIn .3s ease-out}@keyframes performance__fadeIn{0%{opacity:0}to{opacity:1}}.performance__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.performance__header-content h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:600;color:var(--ds-text-primary);margin:0}.performance__subtitle{color:var(--ds-text-muted);margin-top:.25rem}.performance__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.performance__stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all .2s}.performance__stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.performance__stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.performance__stat-card--pending .performance__stat-icon{background:var(--ds-warning-bg);color:var(--ds-warning)}.performance__stat-card--completed .performance__stat-icon{background:var(--ds-success-bg);color:var(--ds-success)}.performance__stat-card--average .performance__stat-icon{background:var(--ds-info-bg);color:var(--ds-info)}.performance__stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary)}.performance__stat-label{font-size:.85rem;color:var(--ds-text-muted)}.performance__tabs-header{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--ds-border-default);padding-bottom:.5rem}.performance__tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:var(--ds-radius-md);font-size:.95rem;font-weight:500;color:var(--ds-text-secondary);cursor:pointer;transition:all .2s}.performance__tab-btn:hover{background:var(--ds-bg-hover)}.performance__tab-btn--active{background:linear-gradient(135deg,var(--ds-info),#7c3aed);color:var(--ds-text-on-primary)}.performance__filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.performance__filter-group{display:flex;align-items:center;gap:.5rem;color:var(--ds-text-muted)}.performance__filter-select{padding:.6rem 1rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem;min-width:180px}.performance__data-table{width:100%;border-collapse:collapse;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default)}.performance__data-table th,.performance__data-table td{padding:1rem;text-align:start;border-bottom:1px solid var(--ds-border-default)}.performance__data-table th{background:var(--ds-bg-elevated);font-weight:600;font-size:.85rem;color:var(--ds-text-secondary);text-transform:uppercase}.performance__data-table tbody tr:hover{background:var(--ds-bg-hover)}.performance__employee-cell{display:flex;align-items:center;gap:.75rem}.performance__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-info),#7c3aed);color:var(--ds-text-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.performance__avatar--large{width:64px;height:64px;font-size:1.25rem}.performance__employee-cell .performance__name{font-weight:500;color:var(--ds-text-primary)}.performance__employee-cell .performance__id{font-size:.8rem;color:var(--ds-text-muted)}.performance__score-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--ds-bg-elevated);border-radius:50%;font-weight:700;font-size:1rem;color:var(--ds-text-primary)}.performance__rating-badge{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:var(--ds-radius-md);font-size:.75rem;font-weight:500}.performance__rating-badge .performance__stars{display:flex;gap:2px}.performance__rating-badge .performance__stars svg{fill:transparent;stroke:currentColor}.performance__rating-badge .performance__stars svg.filled{fill:currentColor}.performance__rating-badge--excellent{background:var(--ds-success-bg);color:var(--ds-success)}.performance__rating-badge--good{background:var(--ds-info-bg);color:var(--ds-info)}.performance__rating-badge--satisfactory{background:var(--ds-warning-bg);color:var(--ds-warning)}.performance__rating-badge--needs-improvement{background:#f9731626;color:#f97316}.performance__rating-badge--unsatisfactory{background:var(--ds-danger-bg);color:var(--ds-danger)}.performance__status-badge{display:inline-flex;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.performance__status-badge--muted{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.performance__status-badge--info{background:var(--ds-info-bg);color:var(--ds-info)}.performance__status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.performance__status-badge--success{background:var(--ds-success-bg);color:var(--ds-success)}.performance__status-badge--primary{background:var(--ds-info-bg);color:var(--ds-info)}.performance__actions-cell{display:flex;gap:.5rem}.performance__btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all .2s}.performance__btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-info);border-color:var(--ds-info)}.performance__periods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.performance__period-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.performance__period-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--ds-bg-elevated)}.performance__period-header h3{margin:0;flex:1;font-size:1.1rem}.performance__period-status{padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.performance__period-status--draft{background:var(--ds-bg-elevated)}.performance__period-status--active{background:var(--ds-success-bg);color:var(--ds-success)}.performance__period-status--closed{background:var(--ds-bg-elevated);color:var(--ds-text-muted)}.performance__period-body{padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.performance__period-dates{display:flex;gap:.5rem;color:var(--ds-text-secondary);font-size:.9rem}.performance__period-type{text-transform:capitalize;color:var(--ds-text-muted);font-size:.85rem}.performance__criteria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.performance__criteria-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:1.25rem}.performance__criteria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.performance__criteria-code{font-size:.75rem;font-weight:600;color:var(--ds-info);background:var(--ds-info-bg);padding:.2rem .5rem;border-radius:4px}.performance__criteria-weight{font-size:.85rem;font-weight:600;color:var(--ds-text-muted)}.performance__criteria-card h4{margin:0 0 .75rem;font-size:1rem;color:var(--ds-text-primary)}.performance__criteria-meta{display:flex;justify-content:space-between;align-items:center}.performance__category-badge{font-size:.75rem;padding:.2rem .5rem;background:var(--ds-bg-elevated);border-radius:4px;color:var(--ds-text-muted);text-transform:capitalize}.performance__max-score{font-size:.8rem;color:var(--ds-text-muted)}.performance__loading-state,.performance__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--ds-text-muted)}.performance__empty-state h3{margin:1rem 0 .5rem;color:var(--ds-text-primary)}.performance__spin{animation:performance__spin 1s linear infinite}@keyframes performance__spin{to{transform:rotate(360deg)}}.performance__modal-content--xl{max-width:900px}.performance__criteria-section{margin:1.5rem 0;padding:1.25rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.performance__criteria-section h4{margin:0 0 1rem;font-size:1rem;color:var(--ds-text-primary)}.performance__criteria-scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.performance__criteria-score-item{display:flex;flex-direction:column;gap:.5rem}.performance__criteria-label{display:flex;justify-content:space-between;align-items:center}.performance__criteria-label .performance__name{font-weight:500;color:var(--ds-text-primary);font-size:.9rem}.performance__criteria-label .performance__weight{font-size:.8rem;color:var(--ds-text-muted)}.performance__score-input{display:flex;gap:.35rem}.performance__score-btn{width:32px;height:32px;border:1px solid var(--ds-border-default);background:var(--ds-bg-base);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);font-weight:500;cursor:pointer;transition:all .15s}.performance__score-btn:hover{border-color:var(--ds-info);color:var(--ds-info)}.performance__score-btn--active{background:var(--ds-info);border-color:var(--ds-info);color:var(--ds-text-on-primary)}.performance__overall-calculated{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ds-border-default);display:flex;justify-content:space-between;align-items:center}.performance__overall-calculated span{color:var(--ds-text-muted)}.performance__overall-calculated strong{font-size:1.5rem;color:var(--ds-info)}.performance__eval-summary{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);margin-bottom:1.5rem}.performance__eval-summary .performance__employee-info{display:flex;align-items:center;gap:1rem}.performance__eval-summary .performance__info h3{margin:0;font-size:1.25rem}.performance__eval-summary .performance__info p{margin:.25rem 0 0;color:var(--ds-text-muted)}.performance__eval-score{display:flex;flex-direction:column;align-items:center;gap:.5rem}.performance__score-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--ds-info),#7c3aed);color:var(--ds-text-on-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.performance__scores-section{margin:1.5rem 0}.performance__scores-section h4{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase}.performance__scores-list{display:flex;flex-direction:column;gap:.75rem}.performance__score-item{display:flex;align-items:center;gap:1rem}.performance__score-item .performance__score-info{width:180px;flex-shrink:0}.performance__score-item .performance__criteria-name{display:block;font-weight:500;color:var(--ds-text-primary);font-size:.9rem}.performance__score-item .performance__category{font-size:.75rem;color:var(--ds-text-muted);text-transform:capitalize}.performance__score-bar{flex:1;height:8px;background:var(--ds-bg-elevated);border-radius:4px;overflow:hidden}.performance__score-bar .performance__bar-fill{height:100%;background:linear-gradient(90deg,var(--ds-info),#7c3aed);border-radius:4px;transition:width .3s}.performance__score-item .performance__score-value{width:50px;text-align:end;font-weight:600;color:var(--ds-text-primary)}.performance__feedback-section{margin:1.5rem 0;padding:1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md)}.performance__feedback-section h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:var(--ds-text-muted)}.performance__feedback-section p{margin:0;color:var(--ds-text-primary);line-height:1.6}@media(max-width:768px){.performance__stats-grid,.performance__criteria-scores-grid{grid-template-columns:1fr}.performance__eval-summary{flex-direction:column;gap:1.5rem;text-align:center}.performance__eval-summary .performance__employee-info{flex-direction:column}}.employee-levels-settings__page{padding:var(--ds-space-8);max-width:1000px;margin:0 auto}.employee-levels-settings__page--rtl{direction:rtl}.employee-levels-settings__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--ds-space-4);color:var(--ds-text-muted)}.employee-levels-settings__header{display:flex;align-items:center;gap:var(--ds-space-5);margin-bottom:var(--ds-space-8)}.employee-levels-settings__header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-hover) 100%);border-radius:18px;color:var(--ds-text-on-primary)}.employee-levels-settings__header-info{flex:1}.employee-levels-settings__header-info h1{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.employee-levels-settings__header-info p{font-size:.95rem;color:var(--ds-text-muted)}.employee-levels-settings__add-btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-primary);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--ds-transition-base)}.employee-levels-settings__add-btn:hover{background:var(--ds-primary-hover);transform:translateY(-2px)}.employee-levels-settings__alert{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-6)}.employee-levels-settings__alert--error{background:var(--ds-danger-bg);border:1px solid var(--ds-danger-border);color:var(--ds-danger-text)}.employee-levels-settings__alert--success{background:var(--ds-success-bg);border:1px solid var(--ds-success-border);color:var(--ds-success-text)}.employee-levels-settings__alert button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.7}.employee-levels-settings__alert button:hover{opacity:1}.employee-levels-settings__add-form{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);margin-bottom:var(--ds-space-8)}.employee-levels-settings__add-form h3{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-5)}.employee-levels-settings__form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4);margin-bottom:var(--ds-space-5)}.employee-levels-settings__form-group{display:flex;flex-direction:column;gap:.35rem}.employee-levels-settings__form-group--full-width{grid-column:span 2}.employee-levels-settings__form-group label{font-size:.85rem;font-weight:500;color:var(--ds-text-secondary)}.employee-levels-settings__form-group input,.employee-levels-settings__form-group select,.employee-levels-settings__form-group textarea{padding:.625rem .875rem;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:.9rem}.employee-levels-settings__form-group input:focus,.employee-levels-settings__form-group select:focus,.employee-levels-settings__form-group textarea:focus{outline:none;border-color:var(--ds-primary)}.employee-levels-settings__permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3);margin-bottom:var(--ds-space-5)}.employee-levels-settings__checkbox-label{display:flex;align-items:center;gap:var(--ds-space-2);cursor:pointer}.employee-levels-settings__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-primary)}.employee-levels-settings__checkbox-label span{font-size:.9rem;color:var(--ds-text-primary)}.employee-levels-settings__form-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3)}.employee-levels-settings__cancel-btn,.employee-levels-settings__save-btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:.625rem var(--ds-space-5);border-radius:var(--ds-radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-base)}.employee-levels-settings__cancel-btn{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.employee-levels-settings__cancel-btn:hover{border-color:var(--ds-text-muted);color:var(--ds-text-primary)}.employee-levels-settings__save-btn{background:var(--ds-primary);border:none;color:var(--ds-text-on-primary)}.employee-levels-settings__save-btn:hover:not(:disabled){background:var(--ds-primary-hover)}.employee-levels-settings__save-btn:disabled{opacity:.6;cursor:not-allowed}.employee-levels-settings__levels-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.employee-levels-settings__level-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-5);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-base)}.employee-levels-settings__level-card:hover{border-color:var(--ds-primary)}.employee-levels-settings__order-controls{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1)}.employee-levels-settings__order-controls button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-transition-base)}.employee-levels-settings__order-controls button:hover:not(:disabled){background:var(--ds-bg-elevated);color:var(--ds-primary);border-color:var(--ds-primary)}.employee-levels-settings__order-controls button:disabled{opacity:.3;cursor:not-allowed}.employee-levels-settings__order-number{font-size:.75rem;font-weight:600;color:var(--ds-text-muted)}.employee-levels-settings__level-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:var(--ds-text-on-primary);flex-shrink:0}.employee-levels-settings__level-info{flex:1;min-width:0}.employee-levels-settings__level-info h4{font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.employee-levels-settings__level-info p{font-size:.85rem;color:var(--ds-text-muted);margin-bottom:var(--ds-space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-levels-settings__level-badges{display:flex;flex-wrap:wrap;gap:.35rem}.employee-levels-settings__badge{display:inline-flex;padding:.2rem .5rem;background:var(--ds-primary-hover-bg);color:var(--ds-primary);border-radius:100px;font-size:.7rem;font-weight:500}.employee-levels-settings__badge--system{background:var(--ds-warning-bg);color:var(--ds-warning)}.employee-levels-settings__level-stats{display:flex;align-items:center;gap:var(--ds-space-4)}.employee-levels-settings__stat{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-base);border-radius:var(--ds-radius-md)}.employee-levels-settings__stat svg{color:var(--ds-text-muted)}.employee-levels-settings__stat span{font-size:.9rem;font-weight:600;color:var(--ds-text-primary)}.employee-levels-settings__level-actions{display:flex;gap:var(--ds-space-2)}.employee-levels-settings__level-actions button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-base)}.employee-levels-settings__edit-btn:hover{color:var(--ds-primary);border-color:var(--ds-primary)}.employee-levels-settings__delete-btn:hover{color:var(--ds-danger);border-color:var(--ds-danger);background:var(--ds-danger-bg)}.employee-levels-settings__edit-form{width:100%;display:flex;flex-direction:column;gap:var(--ds-space-4)}.employee-levels-settings__edit-form .employee-levels-settings__form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-4)}.employee-levels-settings__edit-form .employee-levels-settings__form-group{display:flex;flex-direction:column;gap:var(--ds-space-1)}.employee-levels-settings__edit-form .employee-levels-settings__form-group label{font-size:.75rem}.employee-levels-settings__edit-form .employee-levels-settings__permissions-row{display:flex;flex-wrap:wrap;gap:var(--ds-space-4)}.employee-levels-settings__edit-form .employee-levels-settings__permissions-row .employee-levels-settings__checkbox-label span{font-size:.85rem}.employee-levels-settings__edit-form .employee-levels-settings__edit-actions{display:flex;gap:var(--ds-space-2);justify-content:flex-end}.employee-levels-settings__edit-form .employee-levels-settings__edit-actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-sm);cursor:pointer}.employee-levels-settings__edit-form .employee-levels-settings__edit-actions .employee-levels-settings__cancel-btn{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.employee-levels-settings__edit-form .employee-levels-settings__edit-actions .employee-levels-settings__save-btn{background:var(--ds-primary);border:none;color:var(--ds-text-on-primary)}.employee-levels-settings__confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal)}.employee-levels-settings__confirm-modal{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-8);max-width:400px;text-align:center}.employee-levels-settings__confirm-modal h3{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:var(--ds-space-4) 0 var(--ds-space-2)}.employee-levels-settings__confirm-modal p{font-size:.95rem;color:var(--ds-text-muted);margin-bottom:var(--ds-space-6)}.employee-levels-settings__confirm-actions{display:flex;gap:var(--ds-space-3);justify-content:center}.employee-levels-settings__confirm-actions .employee-levels-settings__cancel-btn{padding:.625rem var(--ds-space-6)}.employee-levels-settings__delete-confirm-btn{display:inline-flex;align-items:center;padding:.625rem var(--ds-space-6);background:var(--ds-danger);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-base)}.employee-levels-settings__delete-confirm-btn:hover:not(:disabled){background:#dc2626}.employee-levels-settings__delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.employee-levels-settings__page--rtl .employee-levels-settings__header,.employee-levels-settings__page--rtl .employee-levels-settings__level-card,.employee-levels-settings__page--rtl .employee-levels-settings__level-badges,.employee-levels-settings__page--rtl .employee-levels-settings__level-actions{flex-direction:row-reverse}.employee-levels-settings__page--rtl .employee-levels-settings__alert button{margin-left:0;margin-right:auto}.employee-levels-settings__page--rtl .employee-levels-settings__form-actions{flex-direction:row-reverse}@media(max-width:768px){.employee-levels-settings__page{padding:var(--ds-space-4)}.employee-levels-settings__header{flex-direction:column;text-align:center}.employee-levels-settings__form-grid{grid-template-columns:1fr}.employee-levels-settings__form-group--full-width{grid-column:span 1}.employee-levels-settings__permissions-grid{grid-template-columns:1fr}.employee-levels-settings__level-card{flex-wrap:wrap}.employee-levels-settings__edit-form .employee-levels-settings__form-row{grid-template-columns:1fr 1fr}.employee-levels-settings__level-info{order:2;flex-basis:100%}.employee-levels-settings__level-stats{order:3}.employee-levels-settings__level-actions{order:4}}.submissions__page{padding:2rem}.submissions__page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.submissions__page-header-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.submissions__page-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.submissions__back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--ds-text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:.5rem;transition:color var(--ds-transition-fast)}.submissions__back-link:hover{color:var(--ds-primary)}[dir=rtl] .submissions__back-link svg{transform:scaleX(-1)}.submissions__page h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--ds-text-primary)}.submissions__page-header p{margin:0;color:var(--ds-text-secondary);font-size:.9rem}.submissions__btn--register{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary-dark, #a11e26));color:#fff;border:none;border-radius:var(--ds-radius-md);font-weight:500;font-size:.875rem;text-decoration:none;cursor:pointer;transition:all var(--ds-transition-fast);box-shadow:var(--ds-shadow-sm)}.submissions__btn--register:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md);background:linear-gradient(135deg,var(--ds-secondary-dark, #a11e26),var(--ds-secondary))}.submissions__btn--register svg{flex-shrink:0}.submissions__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.submissions__stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);cursor:pointer;transition:all var(--ds-transition-fast)}.submissions__stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.submissions__stat-card svg{padding:.75rem;border-radius:var(--ds-radius-md)}.submissions__stat-card--pending svg{background:var(--ds-warning-bg);color:var(--ds-warning)}.submissions__stat-card--approved svg{background:var(--ds-success-bg);color:var(--ds-success)}.submissions__stat-card--declined svg{background:var(--ds-danger-bg);color:var(--ds-danger)}.submissions__stat-card--total svg{background:var(--ds-primary-hover-bg);color:var(--ds-secondary)}.submissions__stat-content{display:flex;flex-direction:column}.submissions__stat-value{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)}.submissions__stat-label{font-size:.875rem;color:var(--ds-text-secondary)}.submissions__filters-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.submissions__search-box{position:relative;flex:1;min-width:200px}.submissions__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--ds-text-muted)}.submissions__search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-base);color:var(--ds-text-primary)}.submissions__filter-group{display:flex;align-items:center;gap:.5rem}.submissions__filter-group svg{color:var(--ds-text-secondary)}.submissions__form-select{padding:.75rem 1rem;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-base);color:var(--ds-text-primary);min-width:150px}.submissions__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.submissions__table{width:100%;border-collapse:collapse}.submissions__table th{padding:1rem;text-align:start;font-weight:600;color:var(--ds-text-secondary);background:var(--ds-bg-elevated);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.submissions__table td{padding:1rem;border-top:1px solid var(--ds-border-default);color:var(--ds-text-primary)}.submissions__table tr:hover td{background:var(--ds-bg-hover)}.submissions__name-cell{display:flex;flex-direction:column;gap:.25rem}.submissions__name-en{font-weight:500;color:var(--ds-text-primary)}.submissions__name-ar{font-size:.85rem;color:var(--ds-text-secondary)}.submissions__actions-cell{display:flex;gap:.5rem}.submissions__btn-success-ghost{color:var(--ds-success)}.submissions__btn-success-ghost:hover{background:var(--ds-success-bg)}.submissions__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:500}.submissions__badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.submissions__badge--success{background:var(--ds-success-bg);color:var(--ds-success)}.submissions__badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.submissions__table-loading{display:flex;justify-content:center;align-items:center;padding:4rem}.submissions__pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:1rem}.submissions__pagination-info{color:var(--ds-text-secondary);font-size:.875rem}.submissions__pagination-buttons{display:flex;align-items:center;gap:.5rem}.submissions__pagination-pages{padding:0 1rem;color:var(--ds-text-primary)}.submissions__modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:var(--ds-z-modal);padding:2rem}.submissions__modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.submissions__submission-detail-modal{max-width:700px}.submissions__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.submissions__modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--ds-text-primary)}.submissions__modal-close{background:none;border:none;font-size:1.5rem;color:var(--ds-text-secondary);cursor:pointer;padding:0;line-height:1}.submissions__modal-close:hover{color:var(--ds-text-primary)}.submissions__modal-body{padding:1.5rem}.submissions__modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid var(--ds-border-default)}.submissions__detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.submissions__detail-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--ds-text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--ds-border-default)}.submissions__detail-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.submissions__detail-row label{font-size:.75rem;color:var(--ds-text-secondary);text-transform:uppercase}.submissions__detail-row span{font-size:.9rem;color:var(--ds-text-primary)}.submissions__decline-reason{color:var(--ds-danger);font-style:italic}.submissions__decline-modal .submissions__form-group{display:flex;flex-direction:column;gap:.5rem}.submissions__decline-modal label{font-weight:500;color:var(--ds-text-primary)}.submissions__decline-modal textarea{width:100%;padding:.75rem;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-base);color:var(--ds-text-primary);resize:vertical}.submissions__decline-modal textarea:focus{outline:none;border-color:var(--ds-primary)}.submissions__btn-success{background:linear-gradient(135deg,var(--ds-success),#16a34a);color:var(--ds-text-on-primary)}.submissions__btn-success:hover{box-shadow:0 4px 12px var(--ds-success-bg)}.submissions__btn-danger{background:linear-gradient(135deg,var(--ds-danger),#dc2626);color:var(--ds-text-on-primary)}.submissions__btn-danger:hover{box-shadow:0 4px 12px var(--ds-danger-bg)}.submissions__spinner-sm{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--ds-text-on-primary);border-radius:50%;animation:submissions__spin .8s linear infinite}@keyframes submissions__spin{to{transform:rotate(360deg)}}@media(max-width:768px){.submissions__stats-grid{grid-template-columns:repeat(2,1fr)}.submissions__detail-grid{grid-template-columns:1fr}}[dir=rtl] .submissions__search-icon{left:auto;right:1rem}[dir=rtl] .submissions__search-box input{padding-inline-start:1rem;padding-inline-end:2.75rem}.submissions__large-modal{max-width:1000px;width:95%}.submissions__modal-header-right{display:flex;align-items:center;gap:1rem}.submissions__submission-details-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:1rem 1.5rem}.submissions__section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--ds-primary);padding-bottom:.75rem;border-bottom:2px solid var(--ds-primary)}.submissions__section-title svg{opacity:.8}.submissions__submission-details-body .submissions__detail-section{margin-bottom:1.5rem;padding:1rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.submissions__submission-details-body .submissions__detail-section:last-child{margin-bottom:0}.submissions__detail-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.submissions__detail-item{display:flex;flex-direction:column;gap:.25rem}.submissions__detail-item--full-width{grid-column:span 4}.submissions__detail-item label{font-size:.7rem;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.submissions__detail-item span{font-size:.9rem;color:var(--ds-text-primary);word-break:break-word}.submissions__highlight-value{color:var(--ds-primary);font-weight:600}.submissions__decline-reason-text{color:var(--ds-danger);background:var(--ds-danger-bg);padding:.5rem .75rem;border-radius:var(--ds-radius-md);font-style:italic}.submissions__submission-meta{background:var(--ds-bg-base);border:2px dashed var(--ds-border-default)}.submissions__images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.submissions__image-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--ds-bg-base);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);transition:all var(--ds-transition-fast)}.submissions__image-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md);border-color:var(--ds-primary)}.submissions__image-card img{width:100%;height:120px;object-fit:cover;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.submissions__image-placeholder{width:100%;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);font-size:.75rem}.submissions__image-label{font-size:.75rem;color:var(--ds-text-secondary);text-align:center;font-weight:500}.submissions__image-card-header{width:100%;padding:.5rem;background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg));border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0;margin:-.75rem -.75rem .5rem;width:calc(100% + 1.5rem)}.submissions__image-type-label{display:block;font-size:.75rem;font-weight:600;color:var(--ds-primary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.submissions__image-path{font-size:.65rem;color:var(--ds-text-muted);word-break:break-all;text-align:center;background:var(--ds-bg-elevated);padding:.25rem .5rem;border-radius:var(--ds-radius-sm);max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block}.submissions__selfie-card{border-color:var(--ds-primary);box-shadow:0 0 0 1px var(--ds-primary-hover-bg)}.submissions__selfie-card .submissions__image-card-header{background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-info-bg))}.submissions__no-images{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;background:var(--ds-bg-base);border-radius:var(--ds-radius-md);border:2px dashed var(--ds-border-default);color:var(--ds-text-muted)}@media(max-width:992px){.submissions__detail-grid-4{grid-template-columns:repeat(2,1fr)}.submissions__detail-item--full-width{grid-column:span 2}.submissions__images-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(max-width:576px){.submissions__detail-grid-4{grid-template-columns:1fr}.submissions__detail-item--full-width{grid-column:span 1}.submissions__large-modal{width:100%;max-height:100vh;border-radius:0}.submissions__submission-details-body{padding:.75rem}.submissions__images-gallery{grid-template-columns:repeat(2,1fr)}}.submissions__image-card--clickable{cursor:pointer}.submissions__image-card--clickable:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}.submissions__lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;animation:submissions__fadeIn .2s ease}@keyframes submissions__fadeIn{0%{opacity:0}to{opacity:1}}.submissions__lightbox-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:submissions__zoomIn .2s ease}@keyframes submissions__zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.submissions__lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-elevated)}.submissions__lightbox-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.submissions__lightbox-close{background:none;border:none;font-size:2rem;color:var(--ds-text-secondary);cursor:pointer;padding:0;line-height:1;transition:color var(--ds-transition-fast)}.submissions__lightbox-close:hover{color:var(--ds-danger)}.submissions__lightbox-body{padding:1rem;overflow:auto;display:flex;justify-content:center;align-items:center;background:var(--ds-bg-base)}.submissions__lightbox-body img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg)}@media(max-width:576px){.submissions__lightbox-overlay{padding:0}.submissions__lightbox-content{max-width:100vw;max-height:100vh;border-radius:0}.submissions__lightbox-body img{max-height:85vh}}.submissions__email-language-group{margin-top:1rem}.submissions__email-language-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.submissions__language-toggle{display:flex;gap:.5rem;background:var(--ds-bg-elevated);padding:.25rem;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.submissions__lang-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--ds-text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);flex:1;justify-content:center}.submissions__lang-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.submissions__lang-btn--active{background:linear-gradient(135deg,#1e40af,#7c3aed);color:var(--ds-text-on-primary);box-shadow:0 2px 8px #1e40af4d}.submissions__lang-btn svg{opacity:.8}[dir=rtl] .submissions__lang-btn{flex-direction:row-reverse}.secondary-management-page{padding:24px;max-width:1400px;margin:0 auto}.secondary-management-page.rtl{direction:rtl}.secondary-management-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--ds-border-default)}.secondary-management-page .header-content{display:flex;align-items:center;gap:16px}.secondary-management-page .header-content svg{color:var(--ds-secondary)}.secondary-management-page .header-content h1{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary);margin:0 0 4px}.secondary-management-page .header-content p{font-size:.875rem;color:var(--ds-text-muted);margin:0}.message-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:20px}.message-banner.success{background:var(--ds-success-bg);color:var(--ds-success);border:1px solid var(--ds-success-bg)}.message-banner.error{background:var(--ds-danger-bg);color:var(--ds-danger);border:1px solid var(--ds-danger-bg)}.message-banner button{margin-inline-start:auto;background:none;border:none;font-size:1.25rem;color:inherit;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-card svg{color:var(--ds-secondary)}.stat-card.active svg{color:var(--ds-success)}.stat-card.warning svg{color:var(--ds-warning)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary)}.filters-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:250px;padding:10px 14px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:8px}.search-box svg{color:var(--ds-text-muted)}.search-box input{flex:1;border:none;background:transparent;color:var(--ds-text-primary);font-size:.9375rem;outline:none}.filter-group svg{color:var(--ds-text-muted)}.filter-group select{padding:10px 14px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:8px;color:var(--ds-text-primary);font-size:.875rem;cursor:pointer}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--ds-text-muted);text-align:center}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-secondary);border-radius:50%;animation:spin 1s linear infinite}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:var(--ds-text-secondary)}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:20px}.employee-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:12px;overflow:hidden;transition:all .2s}.employee-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.employee-card.coverage-active{border-color:var(--ds-success);box-shadow:0 0 0 1px var(--ds-success-bg)}.card-header{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-tertiary)}.employee-avatar{position:relative;width:50px;height:50px}.employee-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--ds-border-default)}.employee-avatar .active-badge{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;background:var(--ds-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);border:2px solid var(--ds-card-bg)}.employee-info{flex:1;display:flex;flex-direction:column;gap:2px}.employee-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.employee-info .arabic-name{font-size:.8125rem;color:var(--ds-text-secondary)}.employee-info .employee-id{font-size:.75rem;color:var(--ds-text-muted);font-family:monospace}.card-body{padding:16px;display:flex;flex-direction:column;gap:10px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{font-size:.8125rem;color:var(--ds-text-muted)}.info-row .value{font-size:.875rem;color:var(--ds-text-primary);font-weight:500}.info-row .value.warning{color:var(--ds-warning)}.secondary-row .value{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{padding:12px 16px;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--ds-secondary);color:var(--ds-text-on-primary)}.toggle-btn:hover:not(:disabled){background:var(--ds-secondary-hover)}.toggle-btn.active{background:var(--ds-danger)}.toggle-btn.active:hover:not(:disabled){background:#dc2626}.toggle-btn:disabled{opacity:.7;cursor:not-allowed}.no-secondary-warning{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8125rem;color:var(--ds-warning)}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.search-box{width:100%}.employee-grid{grid-template-columns:1fr}}.level-badge{display:inline-block;padding:2px 8px;background:var(--ds-secondary);color:var(--ds-text-on-primary);border-radius:12px;font-size:.6875rem;font-weight:500;margin-top:4px}.info-row .label{display:flex;align-items:center;gap:6px}.info-row .label svg{opacity:.7}.secondary-assigned{color:var(--ds-success)!important}.assign-link{font-size:.8125rem;color:var(--ds-secondary);text-decoration:none;font-weight:500}.assign-link:hover{text-decoration:underline}.staff-section{margin-top:8px;padding-top:10px;border-top:1px dashed var(--ds-border-default)}.staff-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--ds-border-default);border-radius:6px;color:var(--ds-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s}.staff-toggle:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.staff-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.staff-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--ds-bg-surface);border-radius:4px}.staff-name{font-size:.8125rem;color:var(--ds-text-primary)}.staff-level{font-size:.6875rem;color:var(--ds-text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.more-staff{font-size:.75rem;color:var(--ds-text-muted);text-align:center;padding:4px}.coverage-timer{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ds-success-bg);border:1px solid var(--ds-success-bg);border-radius:6px;color:var(--ds-success);font-size:.8125rem}.coverage-timer svg{flex-shrink:0}.coverage-timer strong{font-weight:600}.coverage-timer .started-at{color:var(--ds-text-muted);font-size:.75rem;margin-inline-start:auto}.last-coverage{font-size:.75rem;color:var(--ds-text-muted);padding:6px 10px;background:var(--ds-bg-surface);border-radius:4px;text-align:center}.staff-count-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:.8125rem;color:var(--ds-text-secondary)}.staff-count-badge svg{opacity:.7}.vip-staff-group-scheduler{background:var(--ds-bg-surface, #ffffff);border-radius:12px;padding:20px;border:1px solid var(--ds-border-default, #e5e7eb)}.vip-staff-group-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--ds-text-secondary, #6b7280)}.vip-staff-group-scheduler .scheduler-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.vip-staff-group-scheduler .scheduler-title{display:flex;align-items:center;gap:8px}.vip-staff-group-scheduler .scheduler-title h4{margin:0;font-size:16px;font-weight:600;color:var(--ds-text-primary, #111827)}.vip-staff-group-scheduler .scheduler-controls{display:flex;align-items:center;gap:12px}.num-groups-control{display:flex;align-items:center;gap:6px}.num-groups-control label{font-size:13px;color:var(--ds-text-secondary, #6b7280)}.num-groups-control select{padding:4px 8px;border-radius:6px;border:1px solid var(--ds-border-default, #e5e7eb);font-size:13px}.rotation-pattern-control{display:flex;align-items:center;gap:6px}.rotation-pattern-control label{font-size:13px;color:var(--ds-text-secondary, #6b7280)}.rotation-pattern-control select{padding:4px 8px;border-radius:6px;border:1px solid var(--ds-border-default, #e5e7eb);font-size:13px}.shift-period-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.shift-period-badge.day{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.shift-period-badge.night{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#5b21b6;border:1px solid #8b5cf6}.shift-period-badge.rest{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#4b5563;border:1px solid #9ca3af}.group-card.rest-period{opacity:.75;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(156,163,175,.05) 10px,rgba(156,163,175,.05) 20px)}.vip-staff-group-scheduler .scheduler-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:13px}.vip-staff-group-scheduler .scheduler-alert.error{background:#ef44441a;color:#dc2626}.vip-staff-group-scheduler .scheduler-alert.success{background:#10b9811a;color:#059669}.unassigned-pool{background:var(--ds-bg-elevated, #f9fafb);border-radius:10px;padding:14px;margin-bottom:20px;border:1px dashed var(--ds-border-default, #e5e7eb)}.pool-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:500;color:var(--ds-text-secondary, #6b7280)}.pool-header .count{background:var(--ds-primary, #6366f1);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px}.pool-header .btn-link{margin-left:auto;background:none;border:none;color:var(--ds-primary, #6366f1);font-size:12px;cursor:pointer;text-decoration:underline}.staff-pool{display:flex;flex-wrap:wrap;gap:8px}.staff-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--ds-card-bg);border-radius:24px;border:1px solid var(--ds-border-default, #e5e7eb);font-size:13px;transition:all .2s ease}.staff-chip.unassigned{background:#f59e0b0d;border-color:#f59e0b4d}.staff-chip.assigned{background:#10b9810d;border-color:#10b9814d}.staff-avatar{width:24px;height:24px;border-radius:50%;background:var(--ds-bg-elevated, #f3f4f6);display:flex;align-items:center;justify-content:center;overflow:hidden}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-avatar svg{color:var(--ds-text-muted, #9ca3af)}.staff-name{font-weight:500;color:var(--ds-text-primary, #111827);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-actions{display:flex;gap:4px}.assign-btn{padding:2px 8px;border-radius:4px;border:1px solid var(--ds-primary, #6366f1);background:transparent;color:var(--ds-primary, #6366f1);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.assign-btn:hover{background:var(--ds-primary, #6366f1);color:#fff}.remove-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:#ef44441a;color:#ef4444;cursor:pointer;transition:all .15s ease}.remove-btn:hover{background:#ef4444;color:#fff}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.vip-staff-group-scheduler .group-card{background:var(--ds-card-bg);border-radius:12px;border:1px solid var(--ds-border-default, #e5e7eb);padding:16px;transition:all .2s ease}.vip-staff-group-scheduler .group-card:hover{box-shadow:0 4px 12px #00000014}.vip-staff-group-scheduler .group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light, #f3f4f6)}.vip-staff-group-scheduler .group-number{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--ds-primary, #6366f1)}.staff-count{font-size:12px;color:var(--ds-text-muted, #9ca3af);background:var(--ds-bg-elevated, #f3f4f6);padding:4px 10px;border-radius:12px}.vip-staff-group-scheduler .group-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.vip-staff-group-scheduler .date-field{display:flex;flex-direction:column;gap:4px}.vip-staff-group-scheduler .date-field label{font-size:11px;color:var(--ds-text-muted, #9ca3af);text-transform:uppercase}.vip-staff-group-scheduler .date-field input{padding:8px 10px;border-radius:6px;border:1px solid var(--ds-border-default, #e5e7eb);font-size:13px}.vip-staff-group-scheduler .group-times{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--ds-bg-elevated, #f9fafb);border-radius:8px;margin-bottom:14px}.vip-staff-group-scheduler .group-times input{width:80px;padding:4px 6px;border-radius:4px;border:1px solid var(--ds-border-default, #e5e7eb);font-size:13px;text-align:center}.vip-staff-group-scheduler .group-times span{color:var(--ds-text-muted, #9ca3af)}.assigned-staff{display:flex;flex-wrap:wrap;gap:8px;min-height:40px}.no-staff{width:100%;text-align:center;padding:16px;background:var(--ds-bg-elevated, #f9fafb);border-radius:8px;color:var(--ds-text-muted, #9ca3af);font-size:13px;border:1px dashed var(--ds-border-default, #e5e7eb)}.vip-staff-group-scheduler .scheduler-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--border-light, #f3f4f6)}.vip-staff-group-scheduler .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.vip-staff-group-scheduler .btn-small{padding:6px 12px;font-size:13px}.vip-staff-group-scheduler .btn-primary{background:var(--ds-primary, #6366f1);color:#fff}.vip-staff-group-scheduler .btn-primary:hover{background:var(--primary-hover, #4f46e5)}.vip-staff-group-scheduler .btn-outline{background:transparent;border:1px solid var(--ds-border-default, #e5e7eb);color:var(--ds-text-primary, #111827)}.vip-staff-group-scheduler .btn-outline:hover{background:var(--ds-bg-elevated, #f9fafb)}[data-theme=dark] .vip-staff-group-scheduler{background:var(--ds-bg-surface);border-color:var(--ds-border-default))}[data-theme=dark] .unassigned-pool{background:#ffffff08}[data-theme=dark] .group-card{background:#ffffff05;border-color:var(--ds-border-default))}[data-theme=dark] .staff-chip{background:#ffffff0d;border-color:var(--ds-border-default))}[dir=rtl] .pool-header .btn-link{margin-left:0;margin-right:auto}[dir=rtl] .scheduler-header,[dir=rtl] .group-header{flex-direction:row-reverse}@media(max-width:600px){.groups-grid{grid-template-columns:1fr}.vip-staff-group-scheduler .scheduler-header{flex-direction:column;align-items:stretch}.scheduler-controls{justify-content:space-between}}.vip-form-modal{max-width:1000px!important;width:95%!important;max-height:90vh!important;display:flex!important;flex-direction:column!important}.vip-form-modal .modal-tabs{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:var(--ds-space-1);padding:0 var(--ds-space-5);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface);overflow-x:auto;flex-wrap:nowrap;min-height:48px;direction:ltr!important}.vip-form-modal .tab-btn{display:flex!important;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);background:transparent!important;border:none;color:var(--ds-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease;white-space:nowrap;min-height:40px;visibility:visible!important;opacity:1!important}.vip-form-modal .tab-btn:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)!important}.vip-form-modal .tab-btn.active{color:var(--ds-primary)!important;border-bottom-color:var(--ds-primary)!important;background:transparent!important}.vip-form-modal .tab-btn svg{flex-shrink:0;width:16px;height:16px}.vip-form-modal .tab-btn.active svg{color:var(--ds-primary)}[dir=rtl] .vip-form-modal .modal-tabs{direction:ltr!important}[dir=rtl] .vip-form-modal .tab-btn{direction:rtl}.modal-content{max-width:1000px!important}.vip-form-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.vip-form-modal .modal-header h2{display:flex;align-items:center;gap:12px;margin:0;font-size:1.25rem}.vip-form-modal .modal-body{flex:1;padding:24px;overflow-y:auto}.vip-form-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.alert{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:16px 24px 0;border-radius:8px}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group label{font-size:.85rem;font-weight:500;color:var(--ds-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:.95rem;background:var(--ds-bg-base);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-primary)}.staff-section{display:flex;flex-direction:column;gap:24px}.staff-section h4{margin:0 0 12px;font-size:1rem;color:var(--ds-text-primary)}.assignment-controls{display:flex;gap:8px;flex-wrap:wrap}.assignment-controls input{flex:1;min-width:150px;padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:8px}.assignment-controls select{min-width:150px;padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:8px}.staff-list{display:flex;flex-direction:column;gap:8px}.staff-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--ds-bg-surface);border-radius:8px}.staff-item.pending{border:2px dashed var(--ds-primary);background:rgba(var(--primary-rgb),.05)}.staff-item .staff-avatar{width:40px;height:40px;border-radius:50%;background:var(--ds-bg-base);display:flex;align-items:center;justify-content:center;overflow:hidden}.staff-item .staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-item .staff-info{flex:1;display:flex;flex-direction:column}.staff-item .staff-name{font-weight:500;color:var(--ds-text-primary)}.staff-item .staff-role{font-size:.85rem;color:var(--ds-text-secondary)}.documents-section{display:flex;flex-direction:column;gap:24px}.documents-section h4{margin:0 0 12px;font-size:1rem}.documents-section .documents-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--ds-bg-surface);border-radius:8px}.document-item.pending{border:2px dashed var(--ds-primary)}.document-info{flex:1;display:flex;flex-direction:column}.document-name{font-weight:500;color:var(--ds-text-primary)}.document-type{font-size:.8rem;color:var(--ds-text-secondary);text-transform:capitalize}.upload-controls{display:flex;gap:8px;flex-wrap:wrap}.upload-controls input[type=text]{flex:1;min-width:150px;padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:8px}.upload-controls select{min-width:120px;padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:8px}.file-input-wrapper{position:relative;flex:1;min-width:150px}.file-input-wrapper input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-input-wrapper span{display:block;padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:8px;background:var(--ds-bg-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-text-secondary)}.empty-state.small{padding:20px;text-align:center;color:var(--ds-text-secondary)}.empty-state.small svg{opacity:.3;margin-bottom:8px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-label:hover{border-color:var(--ds-primary);background:rgba(var(--primary-rgb),.05)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--ds-primary)}.checkbox-label span{font-size:.85rem;color:var(--ds-text-secondary)}.checkbox-label:has(input:checked){border-color:var(--ds-primary);background:rgba(var(--primary-rgb),.1)}.checkbox-label:has(input:checked) span{color:var(--ds-text-primary);font-weight:500}.risk-level-section{margin-top:8px}.risk-level-cards{display:flex;gap:12px;margin-top:8px}.risk-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:2px solid var(--ds-border-default);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.risk-card:hover{transform:translateY(-2px)}.risk-card.green{border-color:#22c55e}.risk-card.green.selected{background:#22c55e26;border-width:3px}.risk-card.yellow{border-color:#eab308}.risk-card.yellow.selected{background:#eab30826;border-width:3px}.risk-card.red{border-color:#ef4444}.risk-card.red.selected{background:#ef444426;border-width:3px}.risk-label-ar{font-size:.9rem;font-weight:500;color:var(--ds-text-primary);margin-bottom:4px}.risk-multiplier{font-size:1.5rem;font-weight:700}.risk-card.green .risk-multiplier{color:#22c55e}.risk-card.yellow .risk-multiplier{color:#eab308}.risk-card.red .risk-multiplier{color:#ef4444}.risk-rate{font-size:.8rem;color:var(--ds-text-secondary);margin-top:4px}.team-requirements{background:var(--ds-bg-surface);padding:16px;border-radius:12px;margin-bottom:16px}.team-requirements h4{margin:0 0 12px}.team-req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.team-req-item{display:flex;flex-direction:column;gap:4px}.team-req-item label{font-size:.8rem;color:var(--ds-text-secondary)}.team-req-item input{padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:6px;text-align:center;font-size:1rem}.team-req-options{display:flex;gap:16px;flex-wrap:wrap}.btn-suggest{display:flex;align-items:center;gap:8px;margin-top:12px;background:linear-gradient(135deg,var(--primary),#8b5cf6)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.assignment-controls,.upload-controls{flex-direction:column}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.risk-level-cards{flex-direction:column}.team-req-grid{grid-template-columns:1fr}}.locations-section{display:flex;flex-direction:column;gap:24px}.locations-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1rem;color:var(--ds-text-primary)}.location-add-form{background:var(--ds-bg-surface);padding:16px;border-radius:12px}.location-add-form .btn{margin-top:16px}.location-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.location-card{padding:16px;background:var(--ds-bg-surface);border-radius:10px;border:1px solid var(--ds-border-default);transition:all .2s ease}.location-card:hover{border-color:var(--primary)}.location-card.pending{border:2px dashed var(--primary)}.location-card.primary{border-left:4px solid #22c55e}.location-card.secondary{border-left:4px solid #3b82f6}.location-card.frequent{border-left:4px solid #8b5cf6}.location-card.temporary{border-left:4px solid #f59e0b}.location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.location-type-badge{font-size:.7rem;padding:3px 8px;border-radius:12px;text-transform:uppercase;font-weight:600}.location-type-badge.primary{background:#22c55e26;color:#22c55e}.location-type-badge.secondary{background:#3b82f626;color:#3b82f6}.location-type-badge.frequent{background:#8b5cf626;color:#8b5cf6}.location-type-badge.temporary{background:#f59e0b26;color:#f59e0b}.location-name{font-weight:600;font-size:1rem;color:var(--ds-text-primary);margin-bottom:8px}.location-coords{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--ds-text-secondary)}.location-coords .radius{margin-left:auto;font-weight:500;color:var(--primary)}.pending-badge{display:inline-block;font-size:.75rem;padding:2px 8px;background:#3b82f626;color:var(--primary);border-radius:10px;margin-top:8px}.hierarchy-section{display:flex;flex-direction:column;gap:24px}.hierarchy-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hierarchy-header h4{display:flex;align-items:center;gap:8px;margin:0;font-size:1.1rem;color:var(--ds-text-primary)}.hierarchy-list{display:flex;flex-direction:column;gap:8px;position:relative}.hierarchy-level-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--ds-bg-surface);border-radius:12px;border:1px solid var(--ds-border-default);transition:all .2s ease;position:relative}.hierarchy-level-card:hover{border-color:var(--primary);transform:translate(4px)}.level-order{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.level-icon{display:flex;align-items:center;justify-content:center}.level-info{flex:1;display:flex;align-items:center;gap:8px}.level-name{font-weight:600;font-size:1rem;color:var(--ds-text-primary)}.default-badge{font-size:.7rem;padding:2px 8px;background:#22c55e26;color:#22c55e;border-radius:10px;font-weight:500}.level-connector{position:absolute;left:28px;bottom:-16px;color:var(--ds-text-secondary);opacity:.5;z-index:1}.add-level-form{background:var(--ds-bg-surface);padding:16px;border-radius:12px;margin-top:8px}.add-level-form h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;color:var(--ds-text-primary)}.form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:120px}.form-row input[type=color]{width:100%;height:38px;padding:2px;border:1px solid var(--ds-border-default);border-radius:8px;cursor:pointer}.form-row .btn{height:40px;min-width:40px}.vip-services__page{padding:var(--ds-space-6);max-width:1600px;margin:0 auto}.vip-services__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-6);gap:var(--ds-space-5)}.vip-services__header h1{display:flex;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-text-2xl);font-weight:600;color:var(--ds-text-primary);margin:0}.vip-services__header h1 .vip-services__page-icon{color:var(--ds-primary)}.vip-services__subtitle{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.vip-services__filters{display:flex;flex-wrap:wrap;gap:var(--ds-space-3);margin-bottom:var(--ds-space-6);padding:var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg)}.vip-services__search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.vip-services__search-box input{flex:1;border:none;background:transparent;outline:none;font-size:var(--ds-text-sm);color:var(--ds-text-primary)}.vip-services__filters select{padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-base);font-size:var(--ds-text-sm);min-width:150px;color:var(--ds-text-primary)}.vip-services__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--ds-space-6);justify-items:stretch}.vip-services__card{background:var(--ds-bg-base);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border-default);overflow:hidden;transition:all var(--ds-transition-base);display:flex;flex-direction:column;box-shadow:var(--ds-shadow-sm)}.vip-services__card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg);border-color:var(--ds-primary)}.vip-services__card--active{border-color:var(--ds-success-bg)}.vip-services__card--completed{border-color:var(--ds-info-bg)}.vip-services__card--pending{border-color:var(--ds-warning-bg)}.vip-services__card--stopped{border-color:var(--ds-danger-bg)}.vip-services__card--inactive{opacity:.65;filter:grayscale(.2)}.vip-services__card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-4) var(--ds-space-5);background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-hover) 100%);color:var(--ds-text-on-primary);gap:var(--ds-space-3)}.vip-services__service-code{font-family:JetBrains Mono,monospace;font-size:var(--ds-text-sm);font-weight:700;letter-spacing:.5px;background:#ffffff26;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm)}.vip-services__card-body{padding:var(--ds-space-5);flex:1;display:flex;flex-direction:column;gap:var(--ds-space-3)}.vip-services__service-name{font-size:var(--ds-text-lg);font-weight:600;color:var(--ds-text-primary);margin:0;line-height:1.4}.vip-services__type-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-3);background:var(--ds-primary-hover-bg);color:var(--ds-primary);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:500;width:fit-content}.vip-services__client{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md)}.vip-services__client svg{color:var(--ds-primary);flex-shrink:0}.vip-services__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3);margin-top:auto;padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-default)}.vip-services__meta-item{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary);padding:var(--ds-space-1) 0}.vip-services__meta-item svg{color:var(--ds-text-muted);flex-shrink:0}.vip-services__card-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default)}.vip-services__status-badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:500;text-transform:capitalize}.vip-services__status-badge--success{background:var(--ds-success-bg);color:var(--ds-success)}.vip-services__status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning)}.vip-services__status-badge--info{background:var(--ds-info-bg);color:var(--ds-info)}.vip-services__status-badge--secondary{background:#6b728026;color:#6b7280}.vip-services__status-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger)}.vip-services__status-select{padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:500;text-transform:capitalize;border:none;cursor:pointer;outline:none;background-color:#fff3;color:var(--ds-text-on-primary);min-width:90px}.vip-services__status-select:hover{background-color:#ffffff4d}.vip-services__status-select--active{background-color:var(--ds-success-bg)}.vip-services__status-select--pending{background-color:var(--ds-warning-bg)}.vip-services__status-select--completed{background-color:var(--ds-info-bg)}.vip-services__status-select--inactive{background-color:#6b7280e6}.vip-services__status-select--stopped{background-color:var(--ds-danger-bg)}.vip-services__status-select option{color:var(--ds-bg-surface);background:var(--ds-bg-elevated)}.vip-services__badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:500}.vip-services__badge--purple,.vip-services__badge--blue{background:var(--ds-info-bg);color:var(--ds-info)}.vip-services__badge--orange{background:#f9731626;color:#f97316}.vip-services__badge--green{background:var(--ds-success-bg);color:var(--ds-success)}.vip-services__badge--secondary{background:#6b728026;color:#6b7280}.vip-services__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--ds-space-5);text-align:center;color:var(--ds-text-secondary)}.vip-services__empty-state svg{opacity:.3;margin-bottom:var(--ds-space-4)}.vip-services__empty-state h3{font-size:var(--ds-text-xl);margin:0 0 var(--ds-space-2);color:var(--ds-text-primary)}.vip-services__empty-state p{margin:0 0 var(--ds-space-5)}.vip-services__empty-state--small{padding:30px var(--ds-space-5)}.vip-services__empty-state--small svg{width:32px;height:32px}.vip-services__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--ds-space-5)}.vip-services__loading-spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:vip-services-spin 1s linear infinite}@keyframes vip-services-spin{to{transform:rotate(360deg)}}.vip-services__modal{max-width:1200px;width:95%;min-width:700px;max-height:90vh;display:flex;flex-direction:column;border-radius:var(--ds-radius-xl);overflow:hidden}.vip-services__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface);flex-shrink:0}.vip-services__modal-header h2{display:flex;align-items:center;gap:var(--ds-space-3);margin:0;font-size:var(--ds-text-2xl);font-weight:600;color:var(--ds-text-primary)}.vip-services__modal-tabs{display:flex;gap:var(--ds-space-1);padding:0 var(--ds-space-6);background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default);flex-shrink:0}.vip-services__tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:transparent;border:none;cursor:pointer;font-size:var(--ds-text-base);font-weight:500;color:var(--ds-text-secondary);border-bottom:2px solid transparent;transition:all var(--ds-transition-fast)}.vip-services__tab-btn:hover{color:var(--ds-text-primary);background:var(--ds-primary-hover-bg)}.vip-services__tab-btn--active{color:var(--ds-primary);border-bottom-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.vip-services__modal-body{padding:var(--ds-space-6);max-height:none;min-height:450px;flex:1;overflow-y:auto;background:var(--ds-bg-base)}.vip-services__details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-4)}.vip-services__detail-item{display:flex;flex-direction:column;gap:var(--ds-space-1);padding:var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.vip-services__detail-item--full-width{grid-column:1 / -1}.vip-services__detail-item label{font-size:.7rem;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.vip-services__detail-item span{font-size:var(--ds-text-base);color:var(--ds-text-primary);font-weight:500}.vip-services__staff-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.vip-services__staff-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);transition:all var(--ds-transition-fast)}.vip-services__staff-card:hover{background:var(--ds-primary-hover-bg);border-color:var(--ds-primary)}.vip-services__staff-avatar{width:52px;height:52px;border-radius:50%;background:var(--ds-bg-base);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--ds-border-default)}.vip-services__staff-avatar img{width:100%;height:100%;object-fit:cover}.vip-services__staff-info{flex:1}.vip-services__staff-name{font-weight:600;color:var(--ds-text-primary);font-size:var(--ds-text-base)}.vip-services__staff-role{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-top:2px}.vip-services__staff-phone{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary);color:var(--ds-text-on-primary);border-radius:50%;text-decoration:none;transition:all var(--ds-transition-fast)}.vip-services__staff-phone:hover{background:var(--ds-primary-hover);transform:scale(1.05)}.vip-services__documents-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.vip-services__document-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);transition:all var(--ds-transition-fast)}.vip-services__document-item:hover{border-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.vip-services__document-info{flex:1;display:flex;flex-direction:column}.vip-services__document-name{font-weight:500;color:var(--ds-text-primary);font-size:var(--ds-text-base)}.vip-services__document-type{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);text-transform:capitalize;margin-top:2px}.vip-services__locations-tab{display:flex;flex-direction:column;gap:var(--ds-space-5)}.vip-services__locations-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--ds-space-3);border-bottom:1px solid var(--ds-border-default)}.vip-services__locations-header h3{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-lg);font-weight:600;color:var(--ds-text-primary);margin:0}.vip-services__location-count{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);padding:var(--ds-space-1) var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-full)}.vip-services__locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--ds-space-4)}.vip-services__location-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);border:1px solid var(--ds-border-default);transition:all var(--ds-transition-fast)}.vip-services__location-card:hover{box-shadow:var(--ds-shadow-md)}.vip-services__location-card--primary{border-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.vip-services__location-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-2)}.vip-services__location-type-badge{font-size:var(--ds-text-xs);font-weight:600;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-lg);text-transform:uppercase;letter-spacing:.5px}.vip-services__location-type-badge--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.vip-services__location-type-badge--secondary{background:var(--ds-info);color:var(--ds-text-on-primary)}.vip-services__location-type-badge--frequent{background:var(--ds-warning);color:var(--ds-text-on-primary)}.vip-services__location-type-badge--temporary{background:var(--ds-text-muted);color:var(--ds-text-on-primary)}.vip-services__geofence-badge{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);padding:3px var(--ds-space-2);background:var(--ds-bg-base);border-radius:var(--ds-radius-sm);border:1px solid var(--ds-border-default)}.vip-services__location-card-name{font-weight:600;font-size:var(--ds-text-base);color:var(--ds-text-primary);margin-bottom:var(--ds-space-1)}.vip-services__location-address{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-3)}.vip-services__no-coords-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-6);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.vip-services__staff-hierarchy-view{display:flex;flex-direction:column;gap:var(--ds-space-6)}.vip-services__staff-section{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);border:1px solid var(--ds-border-default)}.vip-services__staff-section-header{display:flex;align-items:center;gap:var(--ds-space-2);padding-bottom:var(--ds-space-3);margin-bottom:var(--ds-space-4);border-bottom:2px solid}.vip-services__staff-section-header h3{margin:0;font-size:var(--ds-text-base);font-weight:600;flex:1}.vip-services__staff-section-header .vip-services__count-badge{padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:600;color:var(--ds-text-on-primary)}.vip-services__staff-section-header--manager{border-color:var(--ds-info);color:var(--ds-info)}.vip-services__staff-section-header--manager .vip-services__count-badge{background:var(--ds-info)}.vip-services__staff-card--hierarchy-manager{border-left:4px solid var(--ds-info)}.vip-services__staff-section-header--supervisor{border-color:var(--ds-info);color:var(--ds-info)}.vip-services__staff-section-header--supervisor .vip-services__count-badge{background:var(--ds-info)}.vip-services__staff-card--hierarchy-supervisor{border-left:4px solid var(--ds-info)}.vip-services__staff-section-header--team-leader{border-color:var(--ds-success);color:var(--ds-success)}.vip-services__staff-section-header--team-leader .vip-services__count-badge{background:var(--ds-success)}.vip-services__staff-card--hierarchy-team-leader{border-left:4px solid var(--ds-success)}.vip-services__staff-section-header--officer{border-color:#f97316;color:#f97316}.vip-services__staff-section-header--officer .vip-services__count-badge{background:#f97316}.vip-services__staff-card--hierarchy-officer{border-left:4px solid #f97316}.vip-services__staff-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--ds-space-3)}.vip-services__staff-hierarchy-view .vip-services__staff-card{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-bg-base);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default);transition:all var(--ds-transition-fast)}.vip-services__staff-hierarchy-view .vip-services__staff-card:hover{background:var(--ds-primary-hover-bg);transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.vip-services__staff-hierarchy-view .vip-services__staff-id{font-size:var(--ds-text-xs);color:var(--ds-text-muted);margin-top:2px;font-family:monospace}@media(max-width:992px){.vip-services__details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vip-services__header,.vip-services__filters{flex-direction:column}.vip-services__filters select{width:100%}.vip-services__grid,.vip-services__details-grid{grid-template-columns:1fr}.vip-services__modal{min-width:auto;width:98%}.vip-services__locations-grid,.vip-services__staff-cards-grid{grid-template-columns:1fr}}[dir=rtl] .vip-services__card-actions{justify-content:flex-start}[dir=rtl] .vip-services__modal-header h2{flex-direction:row-reverse}[dir=rtl] .vip-services__detail-item{text-align:end}.vip-services__groups-view{display:flex;flex-direction:column;gap:var(--ds-space-4)}.vip-services__active-group-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-4);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-4)}.vip-services__active-group-banner--active{background:linear-gradient(135deg,var(--ds-success-bg),var(--ds-success-bg));border:1px solid var(--ds-success-bg)}.vip-services__active-group-banner--upcoming{background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-primary-hover-bg));border:1px solid var(--ds-primary-hover-bg)}.vip-services__active-group-info{display:flex;align-items:center;gap:var(--ds-space-3)}.vip-services__active-group-banner--active .vip-services__active-group-info svg{color:#16a34a}.vip-services__active-group-banner--upcoming .vip-services__active-group-info svg{color:var(--ds-primary)}.vip-services__active-group-info div{display:flex;flex-direction:column;gap:2px}.vip-services__active-group-info strong{font-size:var(--ds-text-base);color:var(--ds-text-primary)}.vip-services__active-group-info span{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.vip-services__shift-time-badge{padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-text-primary)}.vip-services__groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-4)}.vip-services__group-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);transition:all .2s ease}.vip-services__group-card:hover{border-color:var(--ds-primary);box-shadow:0 4px 12px #0000001a}.vip-services__group-card--active{border-color:#16a34a;background:linear-gradient(135deg,var(--ds-success-bg),transparent);box-shadow:0 0 0 2px var(--ds-success-bg)}.vip-services__group-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-3);padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-subtle)}.vip-services__group-number{font-size:var(--ds-text-base);font-weight:600;color:var(--ds-text-primary)}.vip-services__active-badge{padding:2px 10px;background:#dcfce7;color:#16a34a;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vip-services__group-schedule{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.vip-services__group-time,.vip-services__group-dates{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.vip-services__group-time svg,.vip-services__group-dates svg{color:var(--ds-primary)}.vip-services__group-staff{background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);padding:var(--ds-space-3)}.vip-services__group-staff-header{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.vip-services__group-staff-header svg{color:var(--ds-primary)}.vip-services__group-staff-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.vip-services__group-staff-item{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.vip-services__staff-mini-avatar{width:24px;height:24px;border-radius:50%;background:var(--ds-bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.vip-services__staff-mini-avatar img{width:100%;height:100%;object-fit:cover}.vip-services__staff-mini-avatar svg{color:var(--ds-text-muted)}.vip-services__group-staff-more{font-size:var(--ds-text-xs);color:var(--ds-primary);font-weight:500;padding-top:var(--ds-space-1)}.vip-services__group-no-staff{font-size:var(--ds-text-sm);color:var(--ds-text-muted);font-style:italic;text-align:center;padding:var(--ds-space-2)}@media(max-width:640px){.vip-services__groups-grid{grid-template-columns:1fr}.vip-services__active-group-banner{flex-direction:column;gap:var(--ds-space-2);text-align:center}}.vip-services__tl-mode-section{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.vip-services__tl-mode-header{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-text-primary)}.vip-services__tl-mode-header svg{color:var(--ds-warning)}.vip-services__tl-mode-badge{margin-left:auto;padding:4px 12px;background:var(--ds-warning-bg);color:var(--ds-warning);border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vip-services__tl-list{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-3);padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-subtle)}.vip-services__tl-item{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.vip-services__group-tl{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3);background:var(--ds-warning-bg);border:1px solid var(--ds-warning-bg);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-3)}.vip-services__group-tl-avatar{width:36px;height:36px;border-radius:50%;background:var(--ds-bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative;border:2px solid var(--ds-warning)}.vip-services__group-tl-avatar img{width:100%;height:100%;object-fit:cover}.vip-services__group-tl-avatar svg{color:var(--ds-text-muted)}.vip-services__crown-badge{position:absolute;top:-8px;right:-4px;font-size:12px}.vip-services__group-tl-info{display:flex;flex-direction:column;gap:1px}.vip-services__tl-name{font-size:var(--ds-text-sm);font-weight:600;color:var(--ds-text-primary)}.vip-services__tl-role{font-size:11px;color:var(--ds-warning);font-weight:500}.vip-hierarchy-types__page{padding:var(--ds-space-6);min-height:100vh;background:var(--ds-bg-base)}.vip-hierarchy-types__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6);padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.vip-hierarchy-types__header-left{display:flex;align-items:center;gap:var(--ds-space-4)}.vip-hierarchy-types__header-left h1{font-size:var(--ds-text-2xl);margin:0;color:var(--ds-text-primary)}.vip-hierarchy-types__header-left p{margin:0;color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.vip-hierarchy-types__error-banner{background:var(--ds-danger-bg);border:1px solid var(--ds-danger-bg);color:var(--ds-danger);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);display:flex;justify-content:space-between;align-items:center}.vip-hierarchy-types__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ds-space-5)}.vip-hierarchy-types__card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);transition:var(--ds-transition-base)}.vip-hierarchy-types__card:hover{border-color:var(--ds-primary);transform:translateY(-2px);box-shadow:var(--ds-shadow-lg)}.vip-hierarchy-types__card--default{border-color:var(--ds-success)}.vip-hierarchy-types__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-3)}.vip-hierarchy-types__card-title{display:flex;align-items:center;gap:var(--ds-space-2)}.vip-hierarchy-types__card-title h3{margin:0;font-size:var(--ds-text-lg);color:var(--ds-text-primary)}.vip-hierarchy-types__default-badge{background:var(--ds-success);color:var(--ds-text-on-primary);padding:2px var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:600}.vip-hierarchy-types__card-actions{display:flex;gap:var(--ds-space-1)}.vip-hierarchy-types__card-description{color:var(--ds-text-secondary);font-size:var(--ds-text-sm);margin:0 0 var(--ds-space-4) 0;line-height:1.4}.vip-hierarchy-types__preview{display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4)}.vip-hierarchy-types__level-item{display:flex;align-items:center;gap:var(--ds-space-2);position:relative}.vip-hierarchy-types__level-icon{width:32px;height:32px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.vip-hierarchy-types__level-item span{color:var(--ds-text-primary);font-size:var(--ds-text-sm);font-weight:500}.vip-hierarchy-types__level-item .vip-hierarchy-types__arrow{position:absolute;left:9px;bottom:-12px;color:var(--ds-text-muted)}.vip-hierarchy-types__card-meta{display:flex;gap:var(--ds-space-3);font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.vip-hierarchy-types__card-meta .vip-hierarchy-types__code{background:var(--ds-bg-surface);padding:2px var(--ds-space-2);border-radius:var(--ds-radius-sm)}.vip-hierarchy-types__empty-state{grid-column:1 / -1;text-align:center;padding:60px var(--ds-space-5);color:var(--ds-text-secondary)}.vip-hierarchy-types__empty-state h3{margin:var(--ds-space-4) 0 var(--ds-space-2);color:var(--ds-text-primary)}.vip-hierarchy-types__loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--ds-space-4);color:var(--ds-text-secondary)}.modal__vip-hierarchy-types__overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal-backdrop);padding:var(--ds-space-5)}.modal__vip-hierarchy-types__content{background:var(--ds-modal-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal__vip-hierarchy-types__header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5);border-bottom:1px solid var(--ds-border-default)}.modal__vip-hierarchy-types__header h2{display:flex;align-items:center;gap:var(--ds-space-3);margin:0;font-size:var(--ds-text-xl);color:var(--ds-text-primary)}.modal__vip-hierarchy-types__content form{padding:var(--ds-space-5)}.vip-hierarchy-types__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ds-space-4);margin-bottom:var(--ds-space-5)}.vip-hierarchy-types__form-group{display:flex;flex-direction:column;gap:var(--ds-space-2)}.vip-hierarchy-types__form-group--full-width{grid-column:1 / -1}.vip-hierarchy-types__form-group label{font-size:var(--ds-text-sm);font-weight:500;color:var(--ds-text-secondary)}.vip-hierarchy-types__form-group input{padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-input-border);background:var(--ds-input-bg);border-radius:var(--ds-radius-md);color:var(--ds-text-primary)}.vip-hierarchy-types__form-group input:focus{outline:none;border-color:var(--ds-input-focus);box-shadow:0 0 0 2px #f5333f33}.vip-hierarchy-types__hierarchy-config{background:var(--ds-bg-surface);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-5)}.vip-hierarchy-types__hierarchy-config h4{margin:0 0 var(--ds-space-3) 0;font-size:var(--ds-text-sm);color:var(--ds-text-primary)}.vip-hierarchy-types__toggle-group{display:flex;gap:var(--ds-space-4);flex-wrap:wrap}.vip-hierarchy-types__toggle-item{display:flex;align-items:center;gap:var(--ds-space-2);cursor:pointer;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-md);background:var(--ds-card-bg);border:1px solid var(--ds-border-default);transition:var(--ds-transition-fast)}.vip-hierarchy-types__toggle-item:hover{border-color:var(--ds-primary)}.vip-hierarchy-types__toggle-item input{width:16px;height:16px;accent-color:var(--ds-primary)}.modal__vip-hierarchy-types__footer{display:flex;justify-content:flex-end;gap:var(--ds-space-3);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border-default)}@keyframes vip-hierarchy-types__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vip-hierarchy-types__spin{animation:vip-hierarchy-types__spin 1s linear infinite}.requests-page{padding:24px;min-height:100vh;background:var(--ds-bg-surface)!important}.requests-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.requests-page .page-header h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.requests-page .page-header .subtitle{color:var(--ds-text-secondary)!important;margin:4px 0 0 36px;font-size:14px}.requests-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.requests-page .stat-card{background:var(--ds-card-bg)!important;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--ds-shadow-sm)!important}.requests-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.requests-page .stat-pending .stat-icon{background:var(--ds-warning-bg, var(--ds-warning-bg))!important;color:var(--ds-warning, var(--ds-warning))!important}.requests-page .stat-progress .stat-icon{background:var(--ds-info-bg, var(--ds-info-bg))!important;color:var(--ds-info, var(--ds-info))!important}.requests-page .stat-today .stat-icon{background:var(--ds-secondary-bg, var(--ds-primary-hover-bg))!important;color:var(--ds-secondary, var(--ds-secondary))!important}.requests-page .stat-resolved .stat-icon{background:var(--ds-success-bg, rgba(22, 163, 74, .15))!important;color:var(--ds-success, #16a34a)!important}.requests-page .stat-info{display:flex;flex-direction:column}.requests-page .stat-value{font-size:28px;font-weight:700;color:var(--ds-text-primary)!important}.requests-page .stat-label{font-size:13px;color:var(--ds-text-secondary)!important}.filter-bar{display:flex;gap:16px;margin-bottom:20px;background:var(--ds-card-bg)!important;padding:16px;border-radius:12px;box-shadow:var(--ds-shadow-sm)!important}.search-box{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ds-bg-elevated)!important;border-radius:8px}.search-box svg{color:var(--ds-text-muted)!important}.search-box input{flex:1;border:none;background:transparent!important;font-size:14px;color:var(--ds-text-primary)!important;outline:none}.filter-group{display:flex;align-items:center;gap:8px}.filter-group svg{color:var(--ds-text-muted)!important}.filter-group select{padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px;color:var(--ds-text-primary)!important;background:var(--ds-card-bg)!important;cursor:pointer}.requests-page .loading-state,.requests-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--ds-card-bg)!important;border-radius:12px;color:var(--ds-text-secondary)!important}.requests-page .loading-state svg,.requests-page .empty-state svg{color:var(--ds-text-muted)!important;margin-bottom:16px}.requests-page .spin{animation:requests-spin 1s linear infinite}@keyframes requests-spin{to{transform:rotate(360deg)}}.requests-table-wrapper{background:var(--ds-card-bg)!important;border-radius:12px;overflow:hidden;box-shadow:var(--ds-shadow-sm)!important}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:start;border-bottom:1px solid var(--ds-border-default)}.data-table th{background:var(--ds-bg-elevated)!important;font-weight:600;font-size:13px;color:var(--ds-text-secondary)!important;text-transform:uppercase}.data-table tbody tr:hover{background:var(--ds-bg-hover, rgba(0, 0, 0, .02))!important}.employee-cell{display:flex;align-items:center;gap:12px}.employee-cell .avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--ds-primary, var(--ds-secondary)) 0%,var(--ds-info) 100%)!important;color:var(--ds-text-on-primary)!important;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.employee-cell .info{display:flex;flex-direction:column}.employee-cell .name{font-weight:500;color:var(--ds-text-primary)!important}.employee-cell .id{font-size:12px;color:var(--ds-text-muted)!important}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.type-primary{background:var(--ds-primary-bg, var(--ds-info-bg))!important;color:var(--ds-primary, #2563eb)!important}.type-danger{background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important}.type-info{background:var(--ds-info-bg, var(--ds-primary-hover-bg))!important;color:var(--ds-info, var(--ds-secondary))!important}.type-success{background:var(--ds-success-bg, rgba(22, 163, 74, .15))!important;color:var(--ds-success, #16a34a)!important}.type-muted{background:var(--ds-bg-elevated, rgba(107, 114, 128, .15))!important;color:var(--ds-text-muted)!important}.type-transfer{background:var(--ds-info-bg, rgba(8, 145, 178, .15))!important;color:var(--ds-info, #0891b2)!important}.priority-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.priority-muted{background:var(--ds-bg-elevated, rgba(107, 114, 128, .15))!important;color:var(--ds-text-muted)!important}.priority-info{background:var(--ds-primary-bg, var(--ds-info-bg))!important;color:var(--ds-primary, #2563eb)!important}.priority-warning{background:var(--ds-warning-bg, rgba(217, 119, 6, .15))!important;color:var(--ds-warning, #d97706)!important}.priority-danger{background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-warning{background:var(--ds-warning-bg, rgba(217, 119, 6, .15))!important;color:var(--ds-warning, #d97706)!important}.status-info{background:var(--ds-primary-bg, var(--ds-info-bg))!important;color:var(--ds-primary, #2563eb)!important}.status-success{background:var(--ds-success-bg, rgba(22, 163, 74, .15))!important;color:var(--ds-success, #16a34a)!important}.status-danger{background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important}.status-muted{background:var(--ds-bg-elevated, rgba(107, 114, 128, .15))!important;color:var(--ds-text-muted)!important}.subject-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ds-text-primary)!important}.date-text{font-size:13px;color:var(--ds-text-secondary)!important}.actions-cell{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:none;border-radius:8px;background:var(--ds-bg-elevated)!important;color:var(--ds-text-secondary)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:var(--ds-primary, var(--ds-info))!important;color:var(--ds-text-on-primary)!important}.modal-overlay{position:fixed;inset:0;background:#00000080!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--ds-bg-surface)!important;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;border:1px solid var(--ds-border-default)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.modal-header h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0;color:var(--ds-text-primary)!important}.modal-close{background:var(--ds-bg-elevated)!important;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ds-text-secondary)!important}.modal-close:hover{background:var(--ds-bg-hover)!important;color:var(--ds-text-primary)!important}.modal-footer{padding:16px 24px;border-top:1px solid var(--ds-border-default);display:flex;justify-content:flex-end;gap:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.detail-section h4{font-size:14px;font-weight:600;color:var(--ds-text-secondary)!important;margin:0 0 12px;text-transform:uppercase}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--ds-border-default)}.detail-row .label{font-size:13px;color:var(--ds-text-secondary)!important}.detail-row .value{font-size:14px;font-weight:500;color:var(--ds-text-primary)!important}.detail-full{margin-bottom:20px}.detail-full h4{font-size:14px;font-weight:600;color:var(--ds-text-secondary)!important;margin:0 0 8px;text-transform:uppercase}.description-text{padding:12px;background:var(--ds-bg-elevated)!important;border-radius:8px;font-size:14px;color:var(--ds-text-primary)!important;line-height:1.6;margin:0}.profile-edit-info .change-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ds-primary-bg, var(--ds-info-bg))!important;border-radius:8px}.change-box .field-name{font-weight:500;color:var(--ds-primary, #2563eb)!important}.change-box .new-value{font-weight:600;color:var(--ds-primary-hover, #1e40af)!important}.comment-item{padding:12px;background:var(--ds-bg-elevated)!important;border-radius:8px}.comment-item.internal{background:var(--ds-warning-bg, rgba(217, 119, 6, .15))!important;border-left:3px solid var(--ds-warning, #d97706)!important}.comment-header{display:flex;justify-content:space-between;margin-bottom:6px}.comment-header .author{font-weight:500;font-size:13px;color:var(--ds-text-primary)!important}.comment-header .time{font-size:12px;color:var(--ds-text-muted)!important}.comment-text{font-size:14px;color:var(--ds-text-primary)!important;margin:0}.response-section{padding:16px;background:var(--ds-info-bg, var(--ds-info-bg))!important;border-radius:12px;border:1px solid var(--ds-info-border, var(--ds-info-bg))!important;margin-top:20px}.response-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ds-info, #0369a1)!important}.response-section textarea{width:100%;padding:12px;border:1px solid var(--ds-border-default)!important;border-radius:8px;resize:vertical;font-size:14px;background:var(--ds-card-bg)!important;color:var(--ds-text-primary)!important;margin-bottom:12px}.response-section textarea:focus{outline:none;border-color:var(--ds-primary)!important}.action-buttons{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--ds-primary, var(--ds-info)) 0%,var(--ds-secondary) 100%)!important;color:var(--ds-text-on-primary)!important}.btn-secondary{background:var(--ds-bg-elevated)!important;color:var(--ds-text-primary)!important}.btn-success{background:linear-gradient(135deg,var(--ds-success, #16a34a) 0%,#15803d 100%)!important;color:var(--ds-text-on-primary)!important}.btn-danger{background:linear-gradient(135deg,var(--ds-danger, #dc2626) 0%,#b91c1c 100%)!important;color:var(--ds-text-on-primary)!important}.btn-info{background:linear-gradient(135deg,var(--ds-primary, #2563eb) 0%,#1d4ed8 100%)!important;color:var(--ds-text-on-primary)!important}.hr-response{background:var(--ds-success-bg, rgba(22, 163, 74, .15))!important;padding:16px;border-radius:8px}.hr-response h4{color:var(--ds-success, #16a34a)!important}.hr-response p{color:var(--ds-success-dark, #15803d)!important;margin:0}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column}.detail-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.standby-employees__page{padding:24px}.standby-employees__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--ds-border-default)}.standby-employees__header-content{display:flex;align-items:center;gap:16px}.standby-employees__header-icon{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,var(--ds-warning),#d97706);color:var(--ds-text-on-primary);border-radius:var(--ds-radius-lg)}.standby-employees__page-header h1{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin:0}.standby-employees__page-header p{color:var(--ds-text-secondary);margin:4px 0 0;font-size:.9rem}.standby-employees__btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-fast)}.standby-employees__btn-refresh:hover{background:var(--ds-bg-hover)}.standby-employees__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.standby-employees__stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default)}.standby-employees__stat-card--total{background:linear-gradient(135deg,var(--ds-bg-surface),var(--ds-bg-base));border:none}.standby-employees__stat-card--total .standby-employees__stat-icon{background:#fbbf2433;color:#fbbf24}.standby-employees__stat-card--total .standby-employees__stat-value,.standby-employees__stat-card--total .standby-employees__stat-label{color:var(--ds-text-on-primary)}.standby-employees__stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--ds-primary-hover-bg);color:var(--ds-primary);border-radius:var(--ds-radius-md)}.standby-employees__stat-icon--level{background:var(--ds-success-bg);color:var(--ds-success)}.standby-employees__stat-content{display:flex;flex-direction:column}.standby-employees__stat-value{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary)}.standby-employees__stat-label{font-size:.85rem;color:var(--ds-text-secondary)}.standby-employees__filters-section{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.standby-employees__search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:300px;padding:10px 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.standby-employees__search-box svg{color:var(--ds-text-muted)}.standby-employees__search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--ds-text-primary);font-size:.95rem}.standby-employees__search-box input::placeholder{color:var(--ds-text-muted)}.standby-employees__filter-group{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.standby-employees__filter-group svg{color:var(--ds-text-muted)}.standby-employees__filter-group select{background:transparent;border:none;outline:none;color:var(--ds-text-primary);font-size:.95rem;cursor:pointer;min-width:150px}.standby-employees__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.standby-employees__table{width:100%;border-collapse:collapse}.standby-employees__table th{padding:14px 16px;text-align:start;font-weight:600;font-size:.85rem;color:var(--ds-text-secondary);background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.standby-employees__table td{padding:14px 16px;border-bottom:1px solid var(--ds-border-default);color:var(--ds-text-primary)}.standby-employees__table tbody tr:hover{background:var(--ds-bg-hover)}.standby-employees__table tbody tr:last-child td{border-bottom:none}.standby-employees__employee-cell{display:flex;align-items:center;gap:12px}.standby-employees__employee-avatar{width:40px;height:40px;border-radius:var(--ds-radius-md);background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.standby-employees__employee-avatar img{width:100%;height:100%;object-fit:cover}.standby-employees__employee-avatar svg{color:var(--ds-text-muted)}.standby-employees__employee-name{font-weight:500}.standby-employees__employee-id{font-family:Monaco,monospace;font-size:.85rem;color:var(--ds-text-secondary);background:var(--ds-bg-elevated);padding:4px 8px;border-radius:var(--ds-radius-sm)}.standby-employees__level-badge{display:inline-block;padding:4px 10px;background:var(--ds-primary-hover-bg);color:var(--ds-primary);border-radius:var(--ds-radius-md);font-size:.85rem;font-weight:500}.standby-employees__phone-cell,.standby-employees__location-cell{display:flex;align-items:center;gap:6px;color:var(--ds-text-secondary);font-size:.9rem}.standby-employees__phone-cell svg,.standby-employees__location-cell svg{color:var(--ds-text-muted)}.standby-employees__actions-cell{display:flex;gap:8px}.standby-employees__btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast)}.standby-employees__btn-action--view{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.standby-employees__btn-action--view:hover{background:var(--ds-primary);color:var(--ds-text-on-primary)}.standby-employees__loading-state,.standby-employees__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.standby-employees__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:standby-employees__spin .8s linear infinite}@keyframes standby-employees__spin{to{transform:rotate(360deg)}}.standby-employees__empty-state svg{color:var(--ds-text-muted);margin-bottom:16px}.standby-employees__empty-state h3{color:var(--ds-text-primary);margin:0 0 8px}.standby-employees__empty-state p{color:var(--ds-text-secondary);margin:0}@media(max-width:768px){.standby-employees__page-header{flex-direction:column;align-items:flex-start;gap:16px}.standby-employees__stats-grid{grid-template-columns:1fr 1fr}.standby-employees__filters-section{flex-direction:column}.standby-employees__search-box{min-width:100%}}.standby-employees__header-actions{display:flex;gap:12px;align-items:center}.standby-employees__btn-settings{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--ds-primary-hover-bg);border:1px solid var(--ds-card-hover-border);border-radius:var(--ds-radius-md);color:var(--ds-primary);cursor:pointer;transition:all var(--ds-transition-fast);position:relative}.standby-employees__btn-settings:hover,.standby-employees__btn-settings--has-filters{background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-active) 100%);color:var(--ds-text-on-primary);border-color:var(--ds-primary)}.standby-employees__filter-badge{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:var(--ds-danger);color:var(--ds-text-on-primary);border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.standby-employees__active-filters-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--ds-primary-hover-bg);border:1px solid var(--ds-card-hover-border);border-radius:var(--ds-radius-md);margin-bottom:16px;color:var(--ds-primary);font-size:.875rem}.standby-employees__active-filters-banner span{flex:1}.standby-employees__active-filters-banner button{display:flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--ds-primary);border-radius:var(--ds-radius-md);color:var(--ds-primary);cursor:pointer;font-size:.75rem;transition:all var(--ds-transition-fast)}.standby-employees__active-filters-banner button:hover{background:var(--ds-primary);color:var(--ds-text-on-primary)}.standby-employees__settings-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:20px}.standby-employees__settings-modal{background:var(--ds-bg-base);border-radius:var(--ds-radius-xl);width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--ds-shadow-xl);border:1px solid var(--ds-border-default)}.standby-employees__settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ds-border-default);background:linear-gradient(135deg,var(--ds-primary-hover-bg),var(--ds-primary-hover-bg))}.standby-employees__settings-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;color:var(--ds-text-primary)}.standby-employees__settings-header h2 svg{color:var(--ds-primary)}.standby-employees__close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.standby-employees__close-btn:hover{background:var(--ds-danger);color:var(--ds-text-on-primary);border-color:var(--ds-danger)}.standby-employees__settings-body{padding:24px;overflow-y:auto;flex:1}.standby-employees__settings-description{margin:0 0 20px;padding:12px 16px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.9rem;line-height:1.5}.standby-employees__settings-section{margin-bottom:24px}.standby-employees__settings-section:last-child{margin-bottom:0}.standby-employees__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--ds-border-default)}.standby-employees__section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.standby-employees__section-actions{display:flex;gap:8px}.standby-employees__section-actions button{padding:4px 10px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);color:var(--ds-text-secondary);cursor:pointer;font-size:.75rem;transition:all var(--ds-transition-fast)}.standby-employees__section-actions button:hover{background:var(--ds-primary);color:var(--ds-text-on-primary);border-color:var(--ds-primary)}.standby-employees__checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.standby-employees__checkbox-grid--scrollable{max-height:200px;overflow-y:auto;padding-inline-end:8px}.standby-employees__checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);cursor:pointer;transition:all var(--ds-transition-fast);font-size:.875rem;color:var(--ds-text-primary)}.standby-employees__checkbox-item:hover{border-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}.standby-employees__checkbox-item input{display:none}.standby-employees__checkmark{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-elevated);border:2px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);flex-shrink:0;transition:all var(--ds-transition-fast)}.standby-employees__checkmark svg{opacity:0;color:var(--ds-text-on-primary);transition:opacity var(--ds-transition-fast)}.standby-employees__checkbox-item input:checked+.standby-employees__checkmark{background:var(--ds-primary);border-color:var(--ds-primary)}.standby-employees__checkbox-item input:checked+.standby-employees__checkmark svg{opacity:1}.standby-employees__settings-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-surface)}.standby-employees__btn-cancel{padding:10px 20px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.standby-employees__btn-cancel:hover{background:var(--ds-bg-hover)}.standby-employees__btn-save{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-active) 100%);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);cursor:pointer;font-weight:500;transition:all var(--ds-transition-fast)}.standby-employees__btn-save:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-glow)}.standby-employees__no-selection-message{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ds-bg-surface);border:1px dashed var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);text-align:center}.standby-employees__no-selection-message p{margin:0;font-size:.875rem}.unassigned-employees__page{padding:24px;max-width:1600px;margin:0 auto}.unassigned-employees__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.unassigned-employees__header-content{display:flex;align-items:center;gap:16px}.unassigned-employees__header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-active) 100%);border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary)}.unassigned-employees__header-text h1{font-size:1.5rem;font-weight:600;color:var(--ds-text-primary);margin:0}.unassigned-employees__header-text p{font-size:.875rem;color:var(--ds-text-muted);margin:4px 0 0}.unassigned-employees__header-actions{display:flex;gap:12px}.unassigned-employees__btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);cursor:pointer;font-weight:500;transition:all var(--ds-transition-fast)}.unassigned-employees__btn-refresh:hover{background:var(--ds-bg-hover);border-color:var(--ds-primary)}.unassigned-employees__spinning{animation:unassigned-employees__spin 1s linear infinite}@keyframes unassigned-employees__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unassigned-employees__success-toast{position:fixed;top:80px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--ds-success);color:var(--ds-text-on-primary);border-radius:var(--ds-radius-md);box-shadow:0 4px 12px var(--ds-success-bg);z-index:var(--ds-z-tooltip);animation:unassigned-employees__slideIn .3s ease}@keyframes unassigned-employees__slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.unassigned-employees__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.unassigned-employees__stat-card{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:16px;display:flex;align-items:center;gap:12px}.unassigned-employees__stat-card--total{background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-active) 100%);border:none;color:var(--ds-text-on-primary)}.unassigned-employees__stat-card--total .unassigned-employees__stat-icon,.unassigned-employees__stat-card--total .unassigned-employees__stat-label{color:#ffffffe6}.unassigned-employees__stat-card--total .unassigned-employees__stat-value{color:var(--ds-text-on-primary)}.unassigned-employees__stat-icon{width:44px;height:44px;background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;color:var(--ds-primary)}.unassigned-employees__stat-card--total .unassigned-employees__stat-icon{background:#fff3;color:var(--ds-text-on-primary)}.unassigned-employees__stat-content{display:flex;flex-direction:column}.unassigned-employees__stat-value{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)}.unassigned-employees__stat-label{font-size:.75rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.5px}.unassigned-employees__filters-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.unassigned-employees__search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-muted)}.unassigned-employees__search-box input{flex:1;border:none;background:transparent;padding:12px 0;color:var(--ds-text-primary);font-size:.875rem}.unassigned-employees__search-box input:focus{outline:none}.unassigned-employees__search-box input::placeholder{color:var(--ds-text-muted)}.unassigned-employees__filter-select{display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-muted)}.unassigned-employees__filter-select select{border:none;background:transparent;padding:12px 0;color:var(--ds-text-primary);font-size:.875rem;cursor:pointer;min-width:150px}.unassigned-employees__filter-select select:focus{outline:none}.unassigned-employees__table-container{background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.unassigned-employees__loading-state,.unassigned-employees__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--ds-text-muted)}.unassigned-employees__empty-state svg{color:var(--ds-success);margin-bottom:16px}.unassigned-employees__empty-state h3{font-size:1.125rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 8px}.unassigned-employees__empty-state p{margin:0}.unassigned-employees__table{width:100%;border-collapse:collapse}.unassigned-employees__table th{text-align:start;padding:12px 16px;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted)}.unassigned-employees__table td{padding:12px 16px;border-bottom:1px solid var(--ds-border-default);font-size:.875rem;color:var(--ds-text-primary)}.unassigned-employees__table tr:hover td{background:var(--ds-bg-surface)}.unassigned-employees__table tr.unassigned-employees__selected td{background:var(--ds-primary-hover-bg)}.unassigned-employees__checkbox-col{width:48px;text-align:center}.unassigned-employees__select-all-btn,.unassigned-employees__row-checkbox{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;padding:4px;border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast)}.unassigned-employees__select-all-btn:hover,.unassigned-employees__row-checkbox:hover{color:var(--ds-primary);background:var(--ds-bg-hover)}.unassigned-employees__table tr.unassigned-employees__selected .unassigned-employees__row-checkbox{color:var(--ds-primary)}.unassigned-employees__bulk-actions-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--ds-primary-hover-bg);border-bottom:1px solid var(--ds-border-default)}.unassigned-employees__selected-count{font-weight:600;color:var(--ds-primary)}.unassigned-employees__bulk-assign-wrapper{position:relative}.unassigned-employees__btn-bulk-assign{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-active));border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.unassigned-employees__btn-bulk-assign:hover{transform:translateY(-1px);box-shadow:var(--ds-shadow-glow)}.unassigned-employees__btn-bulk-assign:disabled{opacity:.6;cursor:not-allowed;transform:none}.unassigned-employees__btn-clear-selection{padding:8px 14px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.unassigned-employees__btn-clear-selection:hover{background:var(--ds-bg-hover);border-color:var(--ds-text-muted)}.unassigned-employees__assign-dropdown--bulk{top:100%;left:0;right:auto}.unassigned-employees__employee-cell{display:flex;align-items:center;gap:10px}.unassigned-employees__employee-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-active));display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);font-weight:600;font-size:.875rem;overflow:hidden}.unassigned-employees__employee-avatar img{width:100%;height:100%;object-fit:cover}.unassigned-employees__employee-name{font-weight:500}.unassigned-employees__employee-id{font-family:monospace;background:var(--ds-bg-elevated);padding:4px 8px;border-radius:var(--ds-radius-sm);font-size:.75rem}.unassigned-employees__level-badge{display:inline-block;padding:4px 10px;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:500;color:var(--ds-text-secondary)}.unassigned-employees__site-assigned{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--ds-success-bg);color:var(--ds-success);border-radius:var(--ds-radius-md);font-size:.8rem;font-weight:500}.unassigned-employees__site-none{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--ds-warning-bg);color:var(--ds-warning);border-radius:var(--ds-radius-md);font-size:.8rem;font-weight:500}.unassigned-employees__action-buttons{display:flex;align-items:center;gap:8px}.unassigned-employees__assign-dropdown-wrapper{position:relative}.unassigned-employees__btn-assign{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-active));border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast)}.unassigned-employees__btn-assign:hover{transform:translateY(-1px);box-shadow:var(--ds-shadow-glow)}.unassigned-employees__btn-assign:disabled{opacity:.6;cursor:not-allowed;transform:none}.unassigned-employees__btn-view{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-transition-fast)}.unassigned-employees__btn-view:hover{background:var(--ds-bg-hover);color:var(--ds-primary);border-color:var(--ds-primary)}.unassigned-employees__assign-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:220px;background:var(--ds-bg-base);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);z-index:var(--ds-z-dropdown);overflow:hidden}.unassigned-employees__dropdown-header{padding:10px 14px;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ds-text-muted)}.unassigned-employees__dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:start;color:var(--ds-text-primary);font-size:.875rem;cursor:pointer;transition:background var(--ds-transition-fast)}.unassigned-employees__dropdown-item:hover{background:var(--ds-bg-hover)}.unassigned-employees__dropdown-item--remove{color:var(--ds-danger);border-top:1px solid var(--ds-border-default)}.unassigned-employees__dropdown-item--remove:hover{background:var(--ds-danger-bg)}.unassigned-employees__dropdown-backdrop{position:fixed;inset:0;z-index:50}[dir=rtl] .unassigned-employees__assign-dropdown{right:auto;left:0}[dir=rtl] .unassigned-employees__success-toast{right:auto;left:24px}[data-theme=dark] .unassigned-employees__stat-card{background:var(--ds-bg-surface)}[data-theme=dark] .unassigned-employees__stat-card--total{background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-active) 100%)}[data-theme=dark] .unassigned-employees__assign-dropdown{background:var(--ds-bg-surface);box-shadow:0 4px 20px #0006}@media(max-width:1024px){.unassigned-employees__table-container{overflow-x:auto}.unassigned-employees__table{min-width:900px}}@media(max-width:768px){.unassigned-employees__page{padding:16px}.unassigned-employees__page-header{flex-direction:column;align-items:flex-start}.unassigned-employees__stats-grid{grid-template-columns:1fr 1fr}.unassigned-employees__filters-bar{flex-direction:column}.unassigned-employees__search-box,.unassigned-employees__filter-select{width:100%}}.flagged-attendance__page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto}.flagged-attendance__page .flagged-attendance__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6);padding:var(--ds-space-5);background:linear-gradient(135deg,var(--ds-warning) 0%,var(--ds-warning-dark) 100%);border-radius:var(--ds-radius-lg);color:var(--ds-text-on-primary)}.flagged-attendance__page .flagged-attendance__header-content{display:flex;align-items:center;gap:var(--ds-space-4)}.flagged-attendance__page .flagged-attendance__header-icon{width:48px;height:48px;padding:10px;background:#fff3;border-radius:var(--ds-radius-lg)}.flagged-attendance__page .flagged-attendance__header-content h1{margin:0;font-size:var(--ds-text-2xl)}.flagged-attendance__page .flagged-attendance__header-content p{margin:var(--ds-space-1) 0 0 0;opacity:.9;font-size:var(--ds-text-sm)}.flagged-attendance__page .flagged-attendance__btn-refresh{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--ds-radius-md);color:var(--ds-text-on-primary);cursor:pointer;transition:all var(--ds-transition-fast)}.flagged-attendance__page .flagged-attendance__btn-refresh:hover{background:#ffffff4d}.flagged-attendance__stats-summary{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.flagged-attendance__stat-item{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-6);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border-left:4px solid var(--ds-warning)}.flagged-attendance__stat-item .flagged-attendance__warning{color:var(--ds-warning)}.flagged-attendance__stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.flagged-attendance__stat-label{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.flagged-attendance__page .flagged-attendance__filters-section{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);padding:var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);flex-wrap:wrap}.flagged-attendance__page .flagged-attendance__filter-group{display:flex;align-items:center;gap:var(--ds-space-2)}.flagged-attendance__page .flagged-attendance__filter-group label{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.flagged-attendance__page .flagged-attendance__filter-group select,.flagged-attendance__page .flagged-attendance__filter-group input{padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-sm)}.flagged-attendance__records-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);overflow:hidden}.flagged-attendance__records-table{width:100%;border-collapse:collapse}.flagged-attendance__records-table th,.flagged-attendance__records-table td{padding:14px var(--ds-space-4);text-align:start;border-bottom:1px solid var(--ds-border-default)}.flagged-attendance__records-table th{background:var(--ds-bg-elevated);color:var(--ds-text-muted);font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm);text-transform:uppercase;letter-spacing:.5px}.flagged-attendance__records-table td{color:var(--ds-text-primary)}.flagged-attendance__records-table tr:hover{background:var(--ds-bg-hover)}.flagged-attendance__records-table tr.flagged-attendance__mock-warning{background:var(--ds-danger-bg)}.flagged-attendance__employee-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.flagged-attendance__employee-avatar{width:40px;height:40px;border-radius:50%;background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.flagged-attendance__employee-avatar img{width:100%;height:100%;object-fit:cover}.flagged-attendance__employee-avatar svg{color:var(--ds-text-muted)}.flagged-attendance__employee-info{display:flex;flex-direction:column}.flagged-attendance__employee-info .flagged-attendance__name{font-weight:var(--ds-font-medium)}.flagged-attendance__employee-info .flagged-attendance__id{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.flagged-attendance__datetime-cell{display:flex;align-items:center;gap:6px;color:var(--ds-text-muted)}.flagged-attendance__action-type{font-size:var(--ds-text-xs);color:var(--ds-text-muted);display:block;margin-top:var(--ds-space-1)}.flagged-attendance__assignment-cell{display:flex;align-items:center;gap:6px}.flagged-attendance__assignment-type{font-size:var(--ds-text-xs);color:var(--ds-text-muted);display:block;margin-top:var(--ds-space-1)}.flagged-attendance__distance-cell{display:flex;align-items:center;gap:6px;font-weight:var(--ds-font-semibold)}.flagged-attendance__distance-cell--far{color:var(--ds-danger)}.flagged-attendance__distance-cell--near{color:var(--ds-success)}.flagged-attendance__allowed{font-size:var(--ds-text-xs);color:var(--ds-text-muted);display:block;margin-top:var(--ds-space-1)}.flagged-attendance__status-badge{display:inline-flex;align-items:center;gap:6px;padding:var(--ds-space-1) var(--ds-space-3);border-radius:20px;font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.flagged-attendance__status-badge--flagged{background:var(--ds-warning-bg);color:var(--ds-warning)}.flagged-attendance__status-badge--verified{background:var(--ds-success-bg);color:var(--ds-success)}.flagged-attendance__status-badge--override{background:var(--ds-info-bg);color:var(--ds-info)}.flagged-attendance__status-badge--rejected{background:var(--ds-danger-bg);color:var(--ds-danger)}.flagged-attendance__mock-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:2px var(--ds-space-2);background:var(--ds-danger-bg);color:var(--ds-danger);border-radius:12px;font-size:var(--ds-text-xs);margin-left:var(--ds-space-2)}.flagged-attendance__actions-cell{display:flex;gap:var(--ds-space-2)}.flagged-attendance__btn-action{width:32px;height:32px;border-radius:var(--ds-radius-md);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--ds-transition-fast)}.flagged-attendance__btn-action--approve{background:var(--ds-success-bg);color:var(--ds-success)}.flagged-attendance__btn-action--approve:hover{background:var(--ds-success-hover)}.flagged-attendance__override-badge{padding:var(--ds-space-1) var(--ds-space-3);border-radius:12px;font-size:var(--ds-text-xs)}.flagged-attendance__override-badge--approved{background:var(--ds-success-bg);color:var(--ds-success)}.flagged-attendance__override-badge--rejected{background:var(--ds-danger-bg);color:var(--ds-danger)}.flagged-attendance__pagination{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-4);padding:var(--ds-space-4);border-top:1px solid var(--ds-border-default)}.flagged-attendance__pagination button{padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-bg-elevated);border:none;border-radius:var(--ds-radius-md);color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-fast)}.flagged-attendance__pagination button:hover:not(:disabled){background:var(--ds-bg-hover)}.flagged-attendance__pagination button:disabled{opacity:.5;cursor:not-allowed}.flagged-attendance__pagination span{color:var(--ds-text-muted)}.flagged-attendance__loading-state,.flagged-attendance__empty-state{padding:var(--ds-space-16) var(--ds-space-5);text-align:center;color:var(--ds-text-muted)}.flagged-attendance__loading-state .flagged-attendance__spinner,.flagged-attendance__empty-state svg{margin-bottom:var(--ds-space-4)}.flagged-attendance__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:flagged-spin 1s linear infinite;margin:0 auto var(--ds-space-4)}@keyframes flagged-spin{to{transform:rotate(360deg)}}.flagged-attendance__empty-state svg{color:var(--ds-success)}.flagged-attendance__empty-state h3{color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.flagged-attendance__modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal);padding:var(--ds-space-5)}.flagged-attendance__review-modal{background:var(--ds-bg-surface);border-radius:var(--ds-radius-xl);width:100%;max-width:600px;max-height:90vh;overflow:auto}.flagged-attendance__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default)}.flagged-attendance__modal-header h2{margin:0;font-size:var(--ds-text-xl);color:var(--ds-text-primary)}.flagged-attendance__close-btn{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;padding:var(--ds-space-1);transition:color var(--ds-transition-fast)}.flagged-attendance__close-btn:hover{color:var(--ds-danger)}.flagged-attendance__modal-body{padding:var(--ds-space-6)}.flagged-attendance__info-section{margin-bottom:var(--ds-space-6)}.flagged-attendance__info-section h3{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-primary);font-size:var(--ds-text-base);margin-bottom:var(--ds-space-3);padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-default)}.flagged-attendance__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-3)}.flagged-attendance__info-grid div{color:var(--ds-text-muted)}.flagged-attendance__info-grid strong{color:var(--ds-text-primary)}.flagged-attendance__highlight{color:var(--ds-warning)!important;font-weight:var(--ds-font-semibold)}.flagged-attendance__danger{color:var(--ds-danger)!important}.flagged-attendance__safe{color:var(--ds-success)!important}.flagged-attendance__coords-display{display:flex;flex-direction:column;gap:var(--ds-space-3)}.flagged-attendance__coords-display code{background:var(--ds-bg-elevated);padding:var(--ds-space-2) var(--ds-space-3);border-radius:6px;font-family:monospace;color:var(--ds-info);margin-left:var(--ds-space-2)}.flagged-attendance__override-section{margin-top:var(--ds-space-6)}.flagged-attendance__override-section label{display:block;color:var(--ds-text-muted);margin-bottom:var(--ds-space-2)}.flagged-attendance__override-section textarea{width:100%;padding:var(--ds-space-3);background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);resize:vertical;font-family:inherit}.flagged-attendance__modal-footer{display:flex;gap:var(--ds-space-3);padding:var(--ds-space-5) var(--ds-space-6);border-top:1px solid var(--ds-border-default);justify-content:flex-end}.flagged-attendance__modal-footer button{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-md);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast);border:none}.flagged-attendance__btn-reject{background:var(--ds-danger-bg);color:var(--ds-danger)}.flagged-attendance__btn-reject:hover{background:var(--ds-danger-hover)}.flagged-attendance__btn-approve{background:var(--ds-success);color:var(--ds-text-on-primary)}.flagged-attendance__btn-approve:hover{background:var(--ds-success-dark)}[dir=rtl] .flagged-attendance__stat-item{border-left:none;border-right:4px solid var(--ds-warning)}.flagged-attendance__map-section{margin-top:var(--ds-space-4)}.flagged-attendance__map-container{border-radius:var(--ds-radius-lg);overflow:hidden;border:1px solid var(--ds-border-default)}.flagged-attendance__map-legend{display:flex;gap:var(--ds-space-6);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-elevated);border-top:1px solid var(--ds-border-default)}.flagged-attendance__legend-item{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.flagged-attendance__legend-dot{width:12px;height:12px;border-radius:50%}.flagged-attendance__legend-dot--expected{background:var(--ds-success)}.flagged-attendance__legend-dot--actual{background:var(--ds-danger)}.flagged-attendance__legend-circle{width:16px;height:16px;border-radius:50%;border:2px solid var(--ds-success);background:var(--ds-success-bg)}.coverage-management__page{padding:1.5rem;max-width:1600px;margin:0 auto}.coverage-management__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--ds-text-secondary)}.coverage-management__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.coverage-management__header-content{display:flex;align-items:center;gap:1rem}.coverage-management__header-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-active));border-radius:16px;color:var(--ds-text-on-primary)}.coverage-management__page-header h1{margin:0;font-size:1.5rem;font-weight:600}.coverage-management__page-header p{margin:.25rem 0 0;color:var(--ds-text-secondary);font-size:.9rem}.coverage-management__btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--ds-primary-hover-bg);border:1px solid var(--ds-card-hover-border);border-radius:8px;color:var(--ds-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.coverage-management__btn-refresh:hover:not(:disabled){background:var(--ds-primary-active-bg)}.coverage-management__btn-refresh--refreshing svg{animation:coverage-management-spin 1s linear infinite}@keyframes coverage-management-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coverage-management__filters-section{display:flex;gap:1rem;margin-bottom:1.5rem}.coverage-management__filter-group{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-bg-surface);border-radius:8px;color:var(--ds-text-secondary)}.coverage-management__filter-group select,.coverage-management__filter-group input{background:transparent;border:none;color:var(--ds-text-primary);font-size:.9rem;min-width:150px}.coverage-management__filter-group select:focus,.coverage-management__filter-group input:focus{outline:none}.coverage-management__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.coverage-management__stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ds-bg-surface);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.coverage-management__stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}.coverage-management__stat-card--warning .coverage-management__stat-icon{background:var(--ds-warning-bg);color:var(--ds-warning)}.coverage-management__stat-card--info .coverage-management__stat-icon{background:var(--ds-info-bg);color:var(--ds-info)}.coverage-management__stat-card--success .coverage-management__stat-icon{background:var(--ds-success-bg);color:var(--ds-success)}.coverage-management__stat-card--primary .coverage-management__stat-icon{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.coverage-management__stat-value{font-size:1.75rem;font-weight:700;line-height:1}.coverage-management__stat-label{font-size:.85rem;color:var(--ds-text-secondary);margin-top:.25rem}.coverage-management__panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.coverage-management__panel{background:var(--ds-bg-surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:600px}.coverage-management__panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.coverage-management__panel-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600}.coverage-management__panel-header .coverage-management__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#ffffff1a;border-radius:12px;font-size:.8rem;font-weight:600}.coverage-management__needs-panel .coverage-management__panel-header{border-left:4px solid var(--ds-warning)}.coverage-management__available-panel .coverage-management__panel-header{border-left:4px solid var(--ds-success)}.coverage-management__panel-content{flex:1;overflow-y:auto;padding:1rem}.coverage-management__search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border-radius:8px}.coverage-management__search-box svg{color:var(--ds-text-secondary)}.coverage-management__search-box input{background:transparent;border:none;color:var(--ds-text-primary);font-size:.85rem;width:120px}.coverage-management__search-box input:focus{outline:none}.coverage-management__assign-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--ds-primary-hover-bg);border:1px solid var(--ds-card-hover-border);border-radius:8px;font-size:.85rem}.coverage-management__assign-hint strong{color:var(--ds-primary)}.coverage-management__assign-hint .coverage-management__btn-cancel{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--ds-danger-bg);border:none;border-radius:4px;color:var(--ds-danger);cursor:pointer}.coverage-management__employee-list{display:flex;flex-direction:column;gap:.5rem}.coverage-management__employee-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff05;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s}.coverage-management__employee-card:hover{background:#ffffff0d}.coverage-management__employee-card--selected{background:var(--ds-primary-hover-bg);border-color:var(--ds-card-hover-border)}.coverage-management__employee-card--needs-cover{border-left:3px solid var(--ds-warning)}.coverage-management__employee-card--covered{opacity:.6;cursor:default}.coverage-management__employee-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-active));color:var(--ds-text-on-primary);font-weight:600;font-size:1rem}.coverage-management__employee-avatar--standby{background:linear-gradient(135deg,var(--ds-success),#059669)}.coverage-management__employee-avatar--available{background:linear-gradient(135deg,var(--ds-info),#2563eb)}.coverage-management__employee-info{flex:1;display:flex;flex-direction:column}.coverage-management__employee-info .coverage-management__name{font-weight:500;font-size:.9rem}.coverage-management__employee-info .coverage-management__details{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.8rem;color:var(--ds-text-secondary)}.coverage-management__employee-info .coverage-management__leave-type{font-weight:500}.coverage-management__employee-info .coverage-management__site,.coverage-management__employee-info .coverage-management__phone,.coverage-management__employee-info .coverage-management__level{display:flex;align-items:center;gap:.25rem}.coverage-management__status-badge{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.coverage-management__status-badge--covered{background:var(--ds-success-bg);color:var(--ds-success)}.coverage-management__status-badge--pending{background:var(--ds-warning-bg);color:var(--ds-warning)}.coverage-management__availability-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.coverage-management__availability-badge--standby{background:var(--ds-success-bg);color:var(--ds-success)}.coverage-management__availability-badge--available,.coverage-management__availability-badge--unassigned{background:var(--ds-info-bg);color:var(--ds-info)}.coverage-management__employee-actions{display:flex;align-items:center;gap:.5rem}.coverage-management__btn-assign{padding:.4rem .75rem;background:linear-gradient(135deg,var(--ds-success),#059669);border:none;border-radius:6px;color:var(--ds-text-on-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.coverage-management__btn-assign:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px var(--ds-success-bg)}.coverage-management__btn-assign:disabled{opacity:.6;cursor:not-allowed}.coverage-management__chevron{color:var(--ds-text-secondary)}.coverage-management__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--ds-text-secondary);text-align:center}.coverage-management__empty-state svg{opacity:.3;margin-bottom:1rem}@media(max-width:1024px){.coverage-management__panels{grid-template-columns:1fr}.coverage-management__stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.coverage-management__page{padding:1rem}.coverage-management__page-header{flex-direction:column;gap:1rem;align-items:flex-start}.coverage-management__filters-section{flex-direction:column}.coverage-management__stats-grid{grid-template-columns:1fr}}.admin-messaging__page{padding:24px;max-width:1400px;margin:0 auto}.admin-messaging__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border-default)}.admin-messaging__header-content{display:flex;align-items:center;gap:16px}.admin-messaging__header-content svg{color:var(--ds-primary)}.admin-messaging__header-content h1{font-size:1.5rem;font-weight:600;margin:0;color:var(--ds-text-primary)}.admin-messaging__header-content p{margin:0;font-size:.875rem;color:var(--ds-text-secondary)}.admin-messaging__permission-badge{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--ds-text-secondary)}.admin-messaging__approval-required{background:var(--ds-warning-bg);color:var(--ds-warning-text);padding:4px 12px;border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:500}.admin-messaging__tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--ds-border-default)}.admin-messaging__tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--ds-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:var(--ds-radius-md);transition:all var(--ds-transition-base)}.admin-messaging__tab-btn:hover{background:var(--ds-bg-glass);color:var(--ds-text-primary)}.admin-messaging__tab-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.admin-messaging__form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.admin-messaging__content-card,.admin-messaging__target-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:24px}.admin-messaging__content-card h3,.admin-messaging__target-card h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;margin:0 0 20px;color:var(--ds-text-primary)}.admin-messaging__content-card h3 svg,.admin-messaging__target-card h3 svg{color:var(--ds-primary)}.admin-messaging__templates-section{margin-bottom:20px}.admin-messaging__templates-section label{display:block;font-size:.875rem;color:var(--ds-text-secondary);margin-bottom:8px}.admin-messaging__template-chips{display:flex;flex-wrap:wrap;gap:8px}.admin-messaging__template-chip{padding:6px 14px;background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-full);font-size:.8rem;color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-base)}.admin-messaging__template-chip:hover{background:#c12a3326;border-color:var(--ds-primary);color:var(--ds-primary)}.admin-messaging__form-group{margin-bottom:16px}.admin-messaging__form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--ds-text-primary);margin-bottom:8px}.admin-messaging__form-group input,.admin-messaging__form-group select,.admin-messaging__form-group textarea{width:100%;padding:12px 16px;background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:.9rem;color:var(--ds-text-primary);transition:all var(--ds-transition-base)}.admin-messaging__form-group input:focus,.admin-messaging__form-group select:focus,.admin-messaging__form-group textarea:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.admin-messaging__form-group textarea{resize:vertical;min-height:120px}.admin-messaging__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-messaging__target-type-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.admin-messaging__target-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--ds-bg-glass);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:.85rem;color:var(--ds-text-primary);cursor:pointer;transition:all var(--ds-transition-base)}.admin-messaging__target-btn:hover{border-color:var(--ds-primary);background:#c12a331a}.admin-messaging__target-btn.active{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.admin-messaging__selection-list{margin-bottom:20px}.admin-messaging__selection-list>label{display:block;font-size:.875rem;font-weight:500;color:var(--ds-text-primary);margin-bottom:12px}.admin-messaging__search-filter{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ds-input-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);margin-bottom:12px;transition:all var(--ds-transition-base)}.admin-messaging__search-filter:focus-within{border-color:var(--ds-primary);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.admin-messaging__search-filter svg{color:var(--ds-text-muted);flex-shrink:0}.admin-messaging__search-filter input{flex:1;border:none;background:transparent;font-size:.9rem;color:var(--ds-text-primary);outline:none}.admin-messaging__search-filter input::placeholder{color:var(--ds-text-muted)}.admin-messaging__checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;overflow-y:auto;padding:12px;background:var(--ds-bg-glass);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.admin-messaging__checkbox-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--ds-radius-sm);cursor:pointer;transition:background var(--ds-transition-base);font-size:.85rem;color:var(--ds-text-primary)}.admin-messaging__checkbox-item:hover{background:#c12a331a}.admin-messaging__checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--ds-primary)}.admin-messaging__recipient-count{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#c12a331a,#c12a330d);border-radius:var(--ds-radius-lg);margin-bottom:20px}.admin-messaging__count-display{display:flex;align-items:center;gap:12px}.admin-messaging__count-display svg{color:var(--ds-primary)}.admin-messaging__count-number{font-size:1.5rem;font-weight:700;color:var(--ds-primary)}.admin-messaging__count-label{display:block;font-size:.75rem;color:var(--ds-text-secondary)}.admin-messaging__preview-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);cursor:pointer;font-size:.85rem;transition:all var(--ds-transition-base)}.admin-messaging__preview-btn:hover{background:var(--ds-bg-glass);border-color:var(--ds-primary);color:var(--ds-primary)}.admin-messaging__send-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));border:none;border-radius:var(--ds-radius-lg);font-size:1rem;font-weight:600;color:var(--ds-text-on-primary);cursor:pointer;transition:all var(--ds-transition-slow)}.admin-messaging__send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c12a334d}.admin-messaging__send-btn:disabled{opacity:.5;cursor:not-allowed}.admin-messaging__campaigns-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.admin-messaging__campaign-card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:20px;transition:all var(--ds-transition-base)}.admin-messaging__campaign-card:hover{border-color:var(--ds-primary);box-shadow:var(--ds-shadow-md)}.admin-messaging__campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.admin-messaging__campaign-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.admin-messaging__status-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--ds-radius-full);font-size:.75rem;font-weight:500}.admin-messaging__status-badge.success{background:var(--ds-success-bg);color:var(--ds-success-text)}.admin-messaging__status-badge.warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.admin-messaging__status-badge.danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.admin-messaging__status-badge.info{background:var(--ds-info-bg);color:var(--ds-info-text)}.admin-messaging__status-badge.secondary{background:var(--ds-bg-glass);color:var(--ds-text-secondary)}.admin-messaging__campaign-message{margin:0 0 16px;font-size:.875rem;color:var(--ds-text-secondary);line-height:1.5}.admin-messaging__campaign-stats{display:flex;gap:16px;margin-bottom:12px;font-size:.8rem;color:var(--ds-text-secondary)}.admin-messaging__campaign-stats span{display:flex;align-items:center;gap:4px}.admin-messaging__campaign-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--ds-border-default)}.admin-messaging__campaign-date{font-size:.8rem;color:var(--ds-text-muted)}.admin-messaging__empty-state{text-align:center;padding:60px 20px;color:var(--ds-text-secondary)}.admin-messaging__empty-state svg{opacity:.3;margin-bottom:16px}.admin-messaging__loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--ds-text-secondary)}.admin-messaging__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:admin-messaging-spin 1s linear infinite;margin-bottom:16px}.admin-messaging__spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--ds-text-on-primary);border-radius:50%;animation:admin-messaging-spin 1s linear infinite}@keyframes admin-messaging-spin{to{transform:rotate(360deg)}}.admin-messaging__no-permission-card{text-align:center;padding:80px 20px;background:var(--ds-card-bg);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border-default)}.admin-messaging__no-permission-card svg{color:var(--ds-text-muted);margin-bottom:20px}.admin-messaging__no-permission-card h2{margin:0 0 12px;font-size:1.25rem;color:var(--ds-text-primary)}.admin-messaging__no-permission-card p{margin:0;color:var(--ds-text-secondary)}.admin-messaging__preview-modal{max-width:500px}.admin-messaging__preview-list{max-height:400px;overflow-y:auto}.admin-messaging__preview-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--ds-radius-md);transition:background var(--ds-transition-base)}.admin-messaging__preview-item:hover{background:var(--ds-bg-glass)}.admin-messaging__recipient-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));display:flex;align-items:center;justify-content:center;color:var(--ds-text-on-primary);font-weight:600;overflow:hidden}.admin-messaging__recipient-avatar img{width:100%;height:100%;object-fit:cover}.admin-messaging__recipient-info{display:flex;flex-direction:column}.admin-messaging__recipient-name{font-weight:500;color:var(--ds-text-primary)}.admin-messaging__recipient-level{font-size:.8rem;color:var(--ds-text-secondary)}.admin-messaging__preview-note{text-align:center;padding:12px;color:var(--ds-text-secondary);font-size:.875rem;border-top:1px solid var(--ds-border-default);margin-top:12px}.admin-messaging__delete-campaign-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ds-danger-bg);border:1px solid var(--ds-danger-border);border-radius:var(--ds-radius-sm);color:var(--ds-danger-text);font-size:12px;cursor:pointer;transition:all var(--ds-transition-base)}.admin-messaging__delete-campaign-btn:hover{background:var(--ds-danger-hover);border-color:var(--ds-danger)}.admin-messaging__delete-timer{font-size:11px;opacity:.8;background:var(--ds-danger-bg);padding:2px 6px;border-radius:var(--ds-radius-sm)}.admin-messaging__arabic-input{font-family:Cairo,Tajawal,Arial,sans-serif;text-align:right;border-left:3px solid var(--ds-primary)}.admin-messaging__form-group label{display:flex;align-items:center;gap:8px}@media(max-width:1024px){.admin-messaging__form-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-messaging__page{padding:16px}.admin-messaging__header{flex-direction:column;gap:16px;text-align:center}.admin-messaging__tabs{overflow-x:auto;padding-bottom:12px}.admin-messaging__form-row,.admin-messaging__checkbox-grid,.admin-messaging__campaigns-list{grid-template-columns:1fr}}[dir=rtl] .admin-messaging__header-content,[dir=rtl] .admin-messaging__tab-btn,[dir=rtl] .admin-messaging__target-btn,[dir=rtl] .admin-messaging__checkbox-item,[dir=rtl] .admin-messaging__campaign-stats span,[dir=rtl] .admin-messaging__preview-btn,[dir=rtl] .admin-messaging__count-display{flex-direction:row-reverse}.notification-settings{padding:24px;max-width:1200px;margin:0 auto}.notification-settings.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.page-header{margin-bottom:24px}.header-content{display:flex;align-items:center;gap:16px}.header-content svg{color:var(--primary-color, #3b82f6)}.header-content h1{margin:0;font-size:24px;color:var(--text-primary, var(--ds-bg-surface))}.header-content p{margin:4px 0 0;color:var(--text-secondary, #6b7280)}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:16px;background:var(--card-bg, #fff);border-radius:12px;box-shadow:0 1px 3px #0000001a}.filter-btn{padding:8px 16px;border:1px solid var(--ds-border-default);background:transparent;border-radius:20px;cursor:pointer;font-size:13px;color:var(--text-secondary, #6b7280);transition:all .2s ease}.filter-btn:hover{border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.filter-btn.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-card{background:var(--card-bg, #fff);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.rule-card.disabled{opacity:.6}.rule-header{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer}.rule-header:hover{background:var(--hover-bg, #f9fafb)}.rule-icon{width:44px;height:44px;border-radius:10px;background:var(--primary-light, #dbeafe);color:var(--primary-color, #3b82f6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-info{flex:1;min-width:0}.rule-info h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, var(--ds-bg-surface))}.rule-info p{margin:4px 0 0;font-size:13px;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-meta{display:flex;align-items:center;gap:12px}.recipient-count{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary, #6b7280)}.category-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.category-badge.team{background:#3b82f61a;color:#3b82f6}.category-badge.attendance{background:#22c55e1a;color:#22c55e}.category-badge.requests{background:#f59e0b1a;color:#f59e0b}.category-badge.profile{background:#9333ea1a;color:#9333ea}.category-badge.shift{background:#ec48991a;color:#ec4899}.category-badge.verification{background:#ef44441a;color:#ef4444}.category-badge.system{background:#6b72801a;color:#6b7280}.rule-actions{display:flex;align-items:center;gap:8px}.toggle-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted, #9ca3af);transition:color .2s}.toggle-btn.active{color:var(--success-color, #22c55e)}.expand-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary, #6b7280)}.rule-details{padding:16px 16px 20px;background:var(--ds-bg-surface);border-top:1px solid var(--ds-border-default)}.recipients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recipients-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, var(--ds-bg-surface))}.add-recipient-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px}.add-recipient-btn:hover{background:var(--primary-hover, #2563eb)}.no-recipients{text-align:center;padding:24px;color:var(--text-muted, #9ca3af);font-style:italic}.recipients-list{display:flex;flex-direction:column;gap:8px}.recipient-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg, #fff);border-radius:8px;border:1px solid var(--ds-border-default)}.recipient-item.disabled{opacity:.5}.recipient-info{flex:1;display:flex;align-items:center;gap:10px}.type-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.type-badge.level{background:#dbeafe;color:#1d4ed8}.type-badge.department{background:#dcfce7;color:#15803d}.type-badge.role{background:#fef3c7;color:#b45309}.type-badge.specific_user{background:#fae8ff;color:#a21caf}.recipient-label{font-weight:500;color:var(--text-primary, var(--ds-bg-surface))}.recipient-options{display:flex;gap:8px}.option-badge{padding:2px 8px;background:var(--bg-tertiary, #e5e7eb);border-radius:10px;font-size:11px;color:var(--text-secondary, #6b7280)}.recipient-actions{display:flex;gap:6px}.toggle-sm,.delete-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-sm{background:var(--bg-tertiary, #e5e7eb);color:var(--text-muted, #9ca3af)}.toggle-sm.active{background:#22c55e1a;color:#22c55e}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-recipient-modal{background:var(--card-bg, #fff);border-radius:16px;width:100%;max-width:480px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ds-border-default)}.modal-header h3{margin:0;font-size:18px}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary, #6b7280)}.modal-body{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary, var(--ds-bg-surface))}.type-buttons{display:flex;gap:8px}.type-btn{flex:1;padding:10px;border:1px solid var(--ds-border-default);background:transparent;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}.type-btn:hover{border-color:var(--primary-color, #3b82f6)}.type-btn.active{background:var(--primary-color, #3b82f6);border-color:var(--primary-color, #3b82f6);color:#fff}.form-group select{width:100%;padding:10px 12px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px;background:var(--card-bg, #fff)}.checkbox-label{display:flex;align-items:center;gap:10px;margin-bottom:10px;cursor:pointer}.checkbox-label input{width:18px;height:18px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--ds-border-default)}.cancel-btn,.save-btn{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.cancel-btn{background:var(--ds-bg-surface);border:none;color:var(--text-primary, var(--ds-bg-surface))}.save-btn{background:var(--primary-color, #3b82f6);border:none;color:#fff}.save-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .rule-card,[data-theme=dark] .category-filter,[data-theme=dark] .add-recipient-modal{background:var(--card-bg, var(--ds-bg-surface))}[data-theme=dark] .rule-details,[data-theme=dark] .recipient-item{background:var(--ds-bg-elevated)}.audit-logs__page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto}.audit-logs__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.audit-logs__header-content{display:flex;align-items:center;gap:var(--ds-space-4)}.audit-logs__header-content svg{color:var(--ds-primary)}.audit-logs__header-content h1{margin:0;font-size:var(--ds-text-2xl)}.audit-logs__header-content p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-secondary)}.audit-logs__header-actions{display:flex;gap:var(--ds-space-2)}.audit-logs__filter-toggle,.audit-logs__refresh-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-border-default);background:var(--ds-card-bg);border-radius:var(--ds-radius-md);cursor:pointer;font-size:var(--ds-text-sm);color:var(--ds-text-primary);transition:background var(--ds-transition-fast)}.audit-logs__filter-toggle:hover,.audit-logs__refresh-btn:hover{background:var(--ds-bg-hover)}.audit-logs__filters-panel{background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);margin-bottom:var(--ds-space-5);box-shadow:var(--ds-shadow-sm)}.audit-logs__filter-row{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);flex-wrap:wrap}.audit-logs__filter-row:last-child{margin-bottom:0}.audit-logs__filter-group{flex:1;min-width:150px}.audit-logs__filter-group--search{flex:3}.audit-logs__filter-group label{display:block;margin-bottom:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)}.audit-logs__filter-group select,.audit-logs__filter-group input[type=date]{width:100%;padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);background:var(--ds-input-bg);color:var(--ds-input-text)}.audit-logs__search-input{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-3);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg)}.audit-logs__search-input input{flex:1;border:none;outline:none;font-size:var(--ds-text-sm);background:transparent;color:var(--ds-input-text)}.audit-logs__search-input input::placeholder{color:var(--ds-input-placeholder)}.audit-logs__filter-actions{display:flex;align-items:flex-end;gap:var(--ds-space-2)}.audit-logs__apply-btn,.audit-logs__clear-btn{padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-md);cursor:pointer;font-size:var(--ds-text-sm);transition:background var(--ds-transition-fast)}.audit-logs__apply-btn{background:var(--ds-primary);color:var(--ds-text-on-primary);border:none}.audit-logs__apply-btn:hover{background:var(--ds-primary-hover)}.audit-logs__clear-btn{background:var(--ds-bg-elevated);border:none;color:var(--ds-text-primary)}.audit-logs__clear-btn:hover{background:var(--ds-bg-hover)}.audit-logs__stats-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.audit-logs__container{background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);overflow:hidden}.audit-logs__loading-state,.audit-logs__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--ds-space-5);color:var(--ds-text-secondary);gap:var(--ds-space-4)}.audit-logs__spinner{width:32px;height:32px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:audit-logs__spin .8s linear infinite}@keyframes audit-logs__spin{to{transform:rotate(360deg)}}.audit-logs__table{width:100%;border-collapse:collapse}.audit-logs__table th{padding:var(--ds-space-3) var(--ds-space-4);text-align:left;font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase;color:var(--ds-text-secondary);background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}[dir=rtl] .audit-logs__table th{text-align:right}.audit-logs__table td{padding:var(--ds-space-4) var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);font-size:var(--ds-text-sm)}.audit-logs__table tbody tr{cursor:pointer;transition:background var(--ds-transition-fast)}.audit-logs__table tbody tr:hover{background:var(--ds-bg-hover)}.audit-logs__date-cell{display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.audit-logs__user-cell .audit-logs__user-info{display:flex;flex-direction:column}.audit-logs__user-name{font-weight:var(--ds-font-medium)}.audit-logs__user-role{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.audit-logs__action-badge{display:inline-block;padding:var(--ds-space-1) var(--ds-space-3);border-radius:var(--ds-radius-lg);font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);text-transform:uppercase}.audit-logs__entity-cell{display:flex;align-items:center;gap:var(--ds-space-2)}.audit-logs__entity-type{font-weight:var(--ds-font-medium);text-transform:capitalize}.audit-logs__entity-name{color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.audit-logs__changes-count{background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs)}.audit-logs__view-btn{background:none;border:none;padding:var(--ds-space-2);cursor:pointer;color:var(--ds-text-secondary);border-radius:var(--ds-radius-md);transition:background var(--ds-transition-fast),color var(--ds-transition-fast)}.audit-logs__view-btn:hover{background:var(--ds-danger-bg);color:var(--ds-primary)}.audit-logs__pagination{display:flex;justify-content:center;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-5)}.audit-logs__prev-btn,.audit-logs__next-btn,.audit-logs__page-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-default);background:var(--ds-card-bg);border-radius:var(--ds-radius-md);cursor:pointer;color:var(--ds-text-primary);transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast)}.audit-logs__prev-btn:disabled,.audit-logs__next-btn:disabled{opacity:.5;cursor:not-allowed}.audit-logs__page-num--active{background:var(--ds-primary);border-color:var(--ds-primary);color:var(--ds-text-on-primary)}.audit-logs__page-numbers{display:flex;gap:var(--ds-space-1)}.audit-logs__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal-backdrop);padding:var(--ds-space-5)}.audit-logs__modal{background:var(--ds-modal-bg);border-radius:var(--ds-radius-xl);width:100%;max-width:700px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ds-shadow-lg)}.audit-logs__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border-default)}.audit-logs__modal-header h3{margin:0;font-size:var(--ds-text-lg)}.audit-logs__close-btn{background:none;border:none;font-size:var(--ds-text-2xl);cursor:pointer;color:var(--ds-text-secondary);transition:color var(--ds-transition-fast)}.audit-logs__close-btn:hover{color:var(--ds-text-primary)}.audit-logs__modal-body{padding:var(--ds-space-5);overflow-y:auto}.audit-logs__detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.audit-logs__detail-item label{display:block;font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-1)}.audit-logs__detail-item span{font-weight:var(--ds-font-medium)}.audit-logs__changes-section h4{margin:0 0 var(--ds-space-3);font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.audit-logs__changes-table{width:100%;border-collapse:collapse}.audit-logs__changes-table th,.audit-logs__changes-table td{padding:var(--ds-space-3) var(--ds-space-3);border:1px solid var(--ds-border-default);font-size:var(--ds-text-sm)}.audit-logs__changes-table th{background:var(--ds-bg-surface);font-weight:var(--ds-font-semibold)}.audit-logs__field-name{font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.audit-logs__old-value{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.audit-logs__new-value{background:var(--ds-success-bg);color:var(--ds-success-text)}.audit-logs__arrow{text-align:center;color:var(--ds-text-muted)}.audit-access-settings__page{padding:24px;max-width:1200px;margin:0 auto}.audit-access-settings__page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.audit-access-settings__spinner{width:32px;height:32px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:audit-access-settings-spin .8s linear infinite}@keyframes audit-access-settings-spin{to{transform:rotate(360deg)}}.audit-access-settings__page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.audit-access-settings__header-content{display:flex;align-items:center;gap:16px}.audit-access-settings__header-content svg{color:var(--ds-primary)}.audit-access-settings__header-content h1{margin:0;font-size:24px}.audit-access-settings__header-content p{margin:4px 0 0;color:var(--ds-text-secondary)}.audit-access-settings__add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--ds-primary);color:var(--ds-text-on-primary);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.audit-access-settings__add-btn:hover{background:var(--ds-primary-hover)}.audit-access-settings__rules-list{display:flex;flex-direction:column;gap:12px}.audit-access-settings__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--ds-card-bg);border-radius:12px;color:var(--ds-text-secondary);gap:16px}.audit-access-settings__rule-card{background:var(--ds-card-bg);border-radius:12px;padding:16px 20px;box-shadow:0 1px 3px #0000001a}.audit-access-settings__rule-card--disabled{opacity:.6}.audit-access-settings__rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.audit-access-settings__rule-header h3{margin:0;font-size:16px}.audit-access-settings__rule-actions{display:flex;gap:6px}.audit-access-settings__toggle-btn,.audit-access-settings__edit-btn,.audit-access-settings__delete-btn{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.audit-access-settings__toggle-btn{background:var(--ds-bg-surface);color:var(--ds-text-muted)}.audit-access-settings__toggle-btn--active{color:var(--ds-success-text)}.audit-access-settings__edit-btn{background:var(--ds-info-bg);color:var(--ds-primary)}.audit-access-settings__delete-btn{background:var(--ds-danger-bg);color:var(--ds-danger)}.audit-access-settings__rule-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.audit-access-settings__detail-tags{display:flex;gap:8px;flex-wrap:wrap}.audit-access-settings__tag{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.audit-access-settings__tag--entity{background:#dbeafe;color:#1d4ed8}.audit-access-settings__tag--role{background:#fef3c7;color:#b45309}.audit-access-settings__tag--level{background:#dcfce7;color:#15803d}.audit-access-settings__tag--dept{background:#fae8ff;color:#a21caf}.audit-access-settings__permissions{display:flex;gap:6px;flex-wrap:wrap}.audit-access-settings__perm{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.audit-access-settings__perm--all{background:var(--ds-success-bg);color:#16a34a}.audit-access-settings__perm--site{background:var(--ds-info-bg);color:#2563eb}.audit-access-settings__perm--dept{background:#9333ea1a;color:#9333ea}.audit-access-settings__perm--own{background:#6b72801a;color:#6b7280}.audit-access-settings__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.audit-access-settings__access-modal{background:var(--ds-card-bg);border-radius:16px;width:100%;max-width:550px;overflow:hidden}.audit-access-settings__modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ds-border-default)}.audit-access-settings__modal-header h3{margin:0;font-size:18px}.audit-access-settings__close-btn{background:none;border:none;cursor:pointer;color:var(--ds-text-secondary)}.audit-access-settings__modal-body{padding:20px}.audit-access-settings__form-group{margin-bottom:16px}.audit-access-settings__form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.audit-access-settings__form-group input,.audit-access-settings__form-group select{width:100%;padding:10px 12px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px}.audit-access-settings__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audit-access-settings__permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audit-access-settings__checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--ds-bg-surface);border-radius:8px;cursor:pointer}.audit-access-settings__checkbox-item input{width:18px;height:18px}.audit-access-settings__modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--ds-border-default)}.audit-access-settings__cancel-btn,.audit-access-settings__save-btn{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.audit-access-settings__cancel-btn{background:var(--ds-bg-surface);border:none;color:var(--ds-text-primary)}.audit-access-settings__save-btn{background:var(--ds-primary);border:none;color:var(--ds-text-on-primary)}.audit-access-settings__save-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .audit-access-settings__rule-card,[data-theme=dark] .audit-access-settings__empty-state,[data-theme=dark] .audit-access-settings__access-modal{background:var(--ds-card-bg)}.payroll-report__page{padding:var(--ds-space-6)}.payroll-report__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-6)}.payroll-report__header-title{display:flex;align-items:center;gap:var(--ds-space-3)}.payroll-report__header-title svg{color:var(--ds-success-text)}.payroll-report__header-title h1{font-size:1.75rem;font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.payroll-report__filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);flex-wrap:wrap}.payroll-report__search-box{display:flex;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);flex:1;min-width:200px;max-width:300px}.payroll-report__search-box svg{color:var(--ds-text-muted)}.payroll-report__search-box input{flex:1;background:none;border:none;outline:none;color:var(--ds-text-primary);font-size:var(--ds-text-sm)}.payroll-report__filter-group select{padding:var(--ds-space-3) var(--ds-space-4);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-primary);font-size:var(--ds-text-sm);cursor:pointer;min-width:140px}.payroll-report__filter-group select:focus{outline:none;border-color:var(--ds-primary)}.payroll-report__stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.payroll-report__stat-card{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-5);background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg)}.payroll-report__stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--ds-info-bg);border-radius:var(--ds-radius-md);color:var(--ds-info-text)}.payroll-report__stat-info{display:flex;flex-direction:column}.payroll-report__stat-value{font-size:var(--ds-text-xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.payroll-report__stat-label{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.payroll-report__table-container{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow-x:auto;overflow-y:hidden}.payroll-report__table{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}.payroll-report__table th,.payroll-report__table td{padding:var(--ds-space-3) var(--ds-space-4);text-align:start;border-bottom:1px solid var(--ds-border-default);white-space:nowrap}.payroll-report__table th{background:var(--ds-bg-elevated);color:var(--ds-text-secondary);font-weight:var(--ds-font-semibold);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.05em}.payroll-report__table td{color:var(--ds-text-primary)}.payroll-report__table tr:hover td{background:var(--ds-bg-hover)}.payroll-report__employee-cell{display:flex;align-items:center;gap:var(--ds-space-3)}.payroll-report__emp-avatar{width:36px;height:36px;border-radius:50%;background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);overflow:hidden;flex-shrink:0}.payroll-report__emp-avatar img{width:100%;height:100%;object-fit:cover}.payroll-report__emp-info{display:flex;flex-direction:column}.payroll-report__emp-name{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.payroll-report__emp-id{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.payroll-report__currency{font-family:Roboto Mono,monospace;font-weight:var(--ds-font-medium)}.payroll-report__currency--positive{color:var(--ds-success-text)}.payroll-report__currency--negative{color:var(--ds-danger-text)}.payroll-report__currency--net-salary{font-weight:var(--ds-font-bold);color:var(--ds-primary)}.payroll-report__grade-badge{display:inline-block;padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-warning-bg);color:var(--ds-warning-text);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.payroll-report__days-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:var(--ds-space-1) var(--ds-space-2);background:var(--ds-info-bg);color:var(--ds-info-text);border-radius:var(--ds-radius-sm);font-weight:var(--ds-font-semibold);font-size:var(--ds-text-sm)}.payroll-report__loading-state,.payroll-report__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16) var(--ds-space-8);color:var(--ds-text-secondary);text-align:center}.payroll-report__empty-state svg{color:var(--ds-text-muted);margin-bottom:var(--ds-space-4)}.payroll-report__empty-state h3{font-size:var(--ds-text-lg);color:var(--ds-text-primary);margin-bottom:var(--ds-space-2)}.payroll-report__spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:payroll-report__spin .8s linear infinite;margin-bottom:var(--ds-space-4)}@keyframes payroll-report__spin{to{transform:rotate(360deg)}}.payroll-report__btn{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:all var(--ds-transition-fast);border:none}.payroll-report__btn--primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.payroll-report__btn--primary:hover{background:var(--ds-primary-hover)}@media(max-width:1200px){.payroll-report__table{font-size:var(--ds-text-sm)}.payroll-report__table th,.payroll-report__table td{padding:var(--ds-space-3) var(--ds-space-2)}}@media(max-width:768px){.payroll-report__filters-bar{flex-direction:column}.payroll-report__search-box{max-width:100%}.payroll-report__table{display:block;overflow-x:auto}}[dir=rtl] .payroll-report__employee-cell{flex-direction:row-reverse}[dir=rtl] .payroll-report__emp-info{text-align:end}.overtime-settings__page{padding:24px;max-width:1400px;margin:0 auto}.overtime-settings__page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--ds-text-muted)}.overtime-settings__header{margin-bottom:32px}.overtime-settings__header h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin:0 0 8px}.overtime-settings__header h1 svg{color:var(--ds-primary)}.overtime-settings__subtitle{color:var(--ds-text-secondary);font-size:.95rem;margin:0}.overtime-settings__message{padding:12px 20px;border-radius:var(--ds-radius-md);margin-bottom:24px;font-weight:500}.overtime-settings__message--success{background:var(--ds-success-bg);color:var(--ds-success);border:1px solid var(--ds-success)}.overtime-settings__message--error{background:var(--ds-danger-bg);color:var(--ds-danger);border:1px solid var(--ds-danger)}.overtime-settings__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}@media(max-width:900px){.overtime-settings__grid{grid-template-columns:1fr}}.overtime-settings__card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:24px}.overtime-settings__card h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary);margin:0 0 8px}.overtime-settings__card h3 svg{color:var(--ds-primary)}.overtime-settings__card-desc{color:var(--ds-text-muted);font-size:.85rem;margin:0 0 20px;line-height:1.5}.overtime-settings__field{margin-bottom:16px}.overtime-settings__field:last-child{margin-bottom:0}.overtime-settings__field label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--ds-text-secondary);margin-bottom:6px}.overtime-settings__field label svg{width:14px;height:14px}.overtime-settings__field input,.overtime-settings__field select{width:100%;padding:10px 14px;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:.9rem;transition:border-color .2s}.overtime-settings__field input:focus,.overtime-settings__field select:focus{outline:none;border-color:var(--ds-primary)}.overtime-settings__hint{display:block;margin-top:4px;font-size:.75rem;color:var(--ds-text-muted)}.overtime-settings__weekdays{display:flex;flex-wrap:wrap;gap:12px}.overtime-settings__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);transition:all .2s}.overtime-settings__checkbox:has(input:checked){background:var(--ds-primary-hover-bg);border-color:var(--ds-primary)}.overtime-settings__checkbox input{width:auto;margin:0}.overtime-settings__checkbox span{font-size:.875rem;color:var(--ds-text-primary)}.overtime-settings__section{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);padding:24px;margin-bottom:24px}.overtime-settings__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.overtime-settings__section-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:var(--ds-text-primary);margin:0}.overtime-settings__section-header h2 svg{color:var(--ds-primary)}.overtime-settings__holidays-list{display:flex;flex-direction:column;gap:12px}.overtime-settings__empty{text-align:center;color:var(--ds-text-muted);padding:32px}.overtime-settings__holiday-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.overtime-settings__holiday-info{display:flex;align-items:center;gap:16px}.overtime-settings__holiday-name{font-weight:600;color:var(--ds-text-primary)}.overtime-settings__holiday-date{font-size:.875rem;color:var(--ds-text-muted)}.overtime-settings__holiday-type{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.overtime-settings__holiday-type--official{background:var(--ds-info-bg);color:var(--ds-info)}.overtime-settings__holiday-type--eid{background:var(--ds-warning-bg);color:var(--ds-warning)}.overtime-settings__holiday-type--national{background:var(--ds-success-bg);color:var(--ds-success)}.overtime-settings__holiday-type--company{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.overtime-settings__footer{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--ds-border-default)}.overtime-settings__modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.overtime-settings__modal{background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow:hidden}.overtime-settings__modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.overtime-settings__modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)}.overtime-settings__modal-header button{background:none;border:none;color:var(--ds-text-muted);cursor:pointer;padding:4px}.overtime-settings__modal-header button:hover{color:var(--ds-danger)}.overtime-settings__modal-body{padding:24px}.overtime-settings__modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--ds-border-default)}.overtime-report__page{padding:24px;max-width:1600px;margin:0 auto}.overtime-report__header{margin-bottom:24px}.overtime-report__header h1{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;color:var(--ds-text-primary);margin:0}.overtime-report__header h1 svg{color:var(--ds-primary)}.overtime-report__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}@media(max-width:1000px){.overtime-report__summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.overtime-report__summary{grid-template-columns:1fr}}.overtime-report__summary-card{padding:24px;border-radius:var(--ds-radius-lg);display:flex;flex-direction:column;gap:6px}.overtime-report__summary-card--approved{background:linear-gradient(135deg,var(--ds-success) 0%,#059669 100%);color:#fff}.overtime-report__summary-card--pending{background:linear-gradient(135deg,var(--ds-warning) 0%,#d97706 100%);color:#fff}.overtime-report__summary-card--amount{background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-red-800) 100%);color:#fff}.overtime-report__summary-card--employees{background:linear-gradient(135deg,var(--ds-secondary) 0%,#4f46e5 100%);color:#fff}.overtime-report__summary-value{font-size:1.75rem;font-weight:700}.overtime-report__summary-label{font-size:.85rem;opacity:.9}.overtime-report__filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.overtime-report__filter select{padding:10px 14px;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:.9rem;min-width:140px}.overtime-report__filter select:focus{outline:none;border-color:var(--ds-primary)}.overtime-report__tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--ds-bg-surface);padding:4px;border-radius:var(--ds-radius-md);width:fit-content}.overtime-report__tab{padding:10px 20px;border:none;background:transparent;color:var(--ds-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:var(--ds-radius-sm);transition:all .2s}.overtime-report__tab:hover{color:var(--ds-text-primary)}.overtime-report__tab--active{background:var(--ds-primary);color:#fff!important}.overtime-report__loading{display:flex;justify-content:center;padding:60px}.overtime-report__table-container{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.overtime-report__table{width:100%;border-collapse:collapse}.overtime-report__table th{background:var(--ds-bg-surface);padding:14px 16px;text-align:start;font-size:.75rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ds-border-default)}.overtime-report__table td{padding:14px 16px;font-size:.875rem;color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default)}.overtime-report__table tbody tr:hover{background:var(--ds-bg-hover)}.overtime-report__empty{text-align:center;color:var(--ds-text-muted);padding:40px!important}.overtime-report__employee{display:flex;flex-direction:column;gap:2px}.overtime-report__employee-name{font-weight:600;color:var(--ds-text-primary)}.overtime-report__employee-id{font-size:.75rem;color:var(--ds-text-muted)}.overtime-report__type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.overtime-report__type-badge--regular{background:var(--ds-info-bg);color:var(--ds-info)}.overtime-report__type-badge--nighttime{background:#8b5cf626;color:#a78bfa}.overtime-report__type-badge--weekend{background:var(--ds-warning-bg);color:var(--ds-warning)}.overtime-report__type-badge--holiday{background:var(--ds-danger-bg);color:var(--ds-danger)}.overtime-report__status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.overtime-report__status-badge--pending{background:var(--ds-warning-bg);color:var(--ds-warning)}.overtime-report__status-badge--approved{background:var(--ds-success-bg);color:var(--ds-success)}.overtime-report__status-badge--rejected{background:var(--ds-danger-bg);color:var(--ds-danger)}.overtime-report__actions{display:flex;gap:8px}.overtime-report__pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid var(--ds-border-default)}.overtime-report__pagination button{padding:8px;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-surface);color:var(--ds-text-primary);cursor:pointer}.overtime-report__pagination button:disabled{opacity:.5;cursor:not-allowed}.overtime-report__pagination span{font-size:.875rem;color:var(--ds-text-muted)}.overtime-report__summary-list{display:flex;flex-direction:column;gap:12px}.overtime-report__employee-summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.overtime-report__employee-info{display:flex;flex-direction:column;gap:2px}.overtime-report__employee-dept{font-size:.8rem;color:var(--ds-text-muted)}.overtime-report__employee-stats{display:flex;gap:32px}.overtime-report__stat{display:flex;flex-direction:column;align-items:center;gap:4px}.overtime-report__stat-value{font-size:1.1rem;font-weight:700}.overtime-report__stat-value--approved{color:var(--ds-success)}.overtime-report__stat-value--pending{color:var(--ds-warning)}.overtime-report__stat-value--amount{color:var(--ds-primary)}.overtime-report__stat-label{font-size:.7rem;color:var(--ds-text-muted);text-transform:uppercase}.attendance-report{padding:24px;max-width:100%}.attendance-report__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.attendance-report__title{display:flex;align-items:center;gap:12px}.attendance-report__title h1{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary);margin:0}.attendance-report__title svg{color:var(--ds-primary)}.attendance-report__filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md)}.attendance-report__filter-group{display:flex;flex-direction:column;gap:6px}.attendance-report__filter-group label{font-size:.75rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase}.attendance-report__filter-group select,.attendance-report__filter-group input{padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:.875rem;min-width:140px}.attendance-report__search{flex:1;min-width:200px}.attendance-report__search-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-surface)}.attendance-report__search-input svg{color:var(--ds-text-muted)}.attendance-report__search-input input{border:none;background:transparent;padding:0;min-width:0;flex:1}.attendance-report__loading{display:flex;justify-content:center;padding:60px}.attendance-report__table-container{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow-x:auto}.attendance-report__table{width:100%;border-collapse:collapse;min-width:1000px}.attendance-report__table thead th{background:var(--ds-bg-surface);padding:12px 14px;text-align:start;font-size:.7rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--ds-border-default);white-space:nowrap}.attendance-report__th-sticky{position:sticky;left:0;z-index:2;background:var(--ds-bg-surface)!important}.attendance-report__th-number{text-align:center!important}.attendance-report__th-currency{text-align:end!important}.attendance-report__th-icon{display:flex;align-items:center;justify-content:center;gap:4px}.attendance-report__table tbody tr{cursor:pointer;transition:background .15s}.attendance-report__table tbody tr:hover{background:var(--ds-bg-hover)}.attendance-report__table tbody td{padding:14px;font-size:.875rem;color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default)}.attendance-report__empty{text-align:center;color:var(--ds-text-muted);padding:40px!important}.attendance-report__td-employee{position:sticky;left:0;background:var(--ds-card-bg);z-index:1}.attendance-report__row--expanded .attendance-report__td-employee{background:var(--ds-bg-hover)}.attendance-report__employee-info{display:flex;align-items:center;gap:12px}.attendance-report__employee-avatar{width:36px;height:36px;border-radius:50%;background:var(--ds-primary-hover-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.attendance-report__employee-avatar img{width:100%;height:100%;object-fit:cover}.attendance-report__employee-avatar span{font-size:.75rem;font-weight:600;color:var(--ds-primary)}.attendance-report__employee-details{display:flex;flex-direction:column}.attendance-report__employee-name{font-weight:600;color:var(--ds-text-primary)}.attendance-report__employee-id{font-size:.75rem;color:var(--ds-text-muted)}.attendance-report__site-shift{display:flex;flex-direction:column;gap:2px}.attendance-report__site{font-weight:500;color:var(--ds-text-primary)}.attendance-report__shift{font-size:.75rem;color:var(--ds-text-muted)}.attendance-report__td-number{text-align:center!important;font-weight:500}.attendance-report__td-late{color:var(--ds-warning)}.attendance-report__td-overtime{color:var(--ds-success)}.attendance-report__td-absent{color:var(--ds-danger)}.attendance-report__td-currency{text-align:end!important;font-weight:600;font-family:SF Mono,Monaco,monospace}.attendance-report__td-deduction{color:var(--ds-danger)}.attendance-report__td-bonus{color:var(--ds-success)}.attendance-report__td-total{font-size:.95rem;color:var(--ds-primary)}.attendance-report__summary{display:flex;justify-content:flex-end;gap:32px;padding:20px 24px;background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);margin-top:20px}.attendance-report__summary-item{display:flex;flex-direction:column;align-items:center;gap:4px}.attendance-report__summary-label{font-size:.7rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase}.attendance-report__summary-value{font-size:1.25rem;font-weight:700;color:var(--ds-text-primary)}.attendance-report__summary-value--success{color:var(--ds-success)}.attendance-report__summary-value--warning{color:var(--ds-warning)}@media print{.attendance-report__filters,.attendance-report__header button{display:none!important}.attendance-report__table-container{overflow:visible}}.training-records-page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto}.training-records-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-6);flex-wrap:wrap;gap:var(--ds-space-4)}.training-records-page .header-content h1{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-2xl);color:var(--ds-text-primary);margin:0}.training-records-page .header-content p{color:var(--ds-text-secondary);margin:var(--ds-space-1) 0 0 0}.training-records-page .header-actions{display:flex;gap:var(--ds-space-2)}.training-records-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}@media(max-width:1024px){.training-records-page .stats-grid{grid-template-columns:repeat(2,1fr)}}.training-records-page .stat-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);display:flex;align-items:center;gap:var(--ds-space-4);border:1px solid var(--ds-border-default);transition:var(--ds-transition-base)}.training-records-page .stat-card:hover{box-shadow:var(--ds-shadow-md)}.training-records-page .stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.training-records-page .stat-icon.total{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.training-records-page .stat-icon.active{background:var(--ds-success-bg);color:var(--ds-success-text)}.training-records-page .stat-icon.warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.training-records-page .stat-icon.pending{background:var(--ds-info-bg);color:var(--ds-info-text)}.training-records-page .stat-info{display:flex;flex-direction:column}.training-records-page .stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.training-records-page .stat-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.training-records-page .tabs-bar{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);padding-bottom:var(--ds-space-2)}.training-records-page .tab-btn{display:flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-4);border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);transition:var(--ds-transition-fast)}.training-records-page .tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.training-records-page .tab-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.training-records-page .tab-btn .badge{background:var(--ds-danger-bg);color:var(--ds-danger-text);padding:2px 6px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs)}.training-records-page .filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);flex-wrap:wrap}.training-records-page .search-box{position:relative;flex:1;min-width:200px}.training-records-page .search-box svg{position:absolute;left:var(--ds-space-2);top:50%;transform:translateY(-50%);color:var(--ds-text-secondary)}[dir=rtl] .training-records-page .search-box svg{left:auto;right:var(--ds-space-2)}.training-records-page .search-box input{width:100%;padding:var(--ds-space-2) var(--ds-space-2) var(--ds-space-2) calc(var(--ds-space-2) + 24px);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary)}[dir=rtl] .training-records-page .search-box input{padding:var(--ds-space-2) calc(var(--ds-space-2) + 24px) var(--ds-space-2) var(--ds-space-2)}.training-records-page .search-box input:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.training-records-page .filters-bar select{padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary)}.training-records-page .table-wrapper{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.training-records-page .data-table{width:100%;border-collapse:collapse}.training-records-page .data-table th,.training-records-page .data-table td{padding:var(--ds-space-2) var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}[dir=rtl] .training-records-page .data-table th,[dir=rtl] .training-records-page .data-table td{text-align:right}.training-records-page .data-table th{background:var(--ds-bg-elevated);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.training-records-page .data-table tbody tr:hover{background:var(--ds-bg-hover)}.training-records-page .employee-cell{min-width:180px}.training-records-page .employee-info{display:flex;align-items:center;gap:var(--ds-space-2)}.training-records-page .employee-info .avatar{width:32px;height:32px;border-radius:var(--ds-radius-full);background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.training-records-page .employee-info .avatar img{width:100%;height:100%;object-fit:cover}.training-records-page .employee-info .name{display:block;font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.training-records-page .employee-info .emp-id{display:block;font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.training-records-page .training-name{font-weight:var(--ds-font-medium);max-width:200px;color:var(--ds-text-primary)}.training-records-page .type-badge,.training-records-page .cert-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);background:var(--ds-bg-elevated);color:var(--ds-text-primary)}.training-records-page .cert-badge{color:var(--ds-success-text);background:var(--ds-success-bg-subtle)}.training-records-page .status-badge{display:inline-flex;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.training-records-page .status-badge--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.training-records-page .status-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.training-records-page .status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.training-records-page .status-badge--info{background:var(--ds-info-bg);color:var(--ds-info-text)}.training-records-page .status-badge--default{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.training-records-page .actions-cell{white-space:nowrap}.training-records-page .actions-cell .btn-icon{padding:var(--ds-space-1);border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-sm);transition:var(--ds-transition-fast)}.training-records-page .actions-cell .btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary)}.training-records-page .actions-cell .btn-icon.danger:hover{color:var(--ds-danger-text)}.training-records-page .loading-state,.training-records-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16);color:var(--ds-text-secondary)}.training-records-page .spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin 1s linear infinite}.training-records-page .needs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--ds-space-4)}.training-records-page .need-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);border:1px solid var(--ds-border-default);border-left:4px solid var(--ds-border-default);transition:var(--ds-transition-base)}[dir=rtl] .training-records-page .need-card{border-left:1px solid var(--ds-border-default);border-right:4px solid var(--ds-border-default)}.training-records-page .need-card:hover{box-shadow:var(--ds-shadow-sm)}.training-records-page .need-card.priority-urgent{border-left-color:var(--ds-danger)}[dir=rtl] .training-records-page .need-card.priority-urgent{border-right-color:var(--ds-danger)}.training-records-page .need-card.priority-high{border-left-color:var(--ds-warning)}[dir=rtl] .training-records-page .need-card.priority-high{border-right-color:var(--ds-warning)}.training-records-page .need-card.priority-medium{border-left-color:var(--ds-info)}[dir=rtl] .training-records-page .need-card.priority-medium{border-right-color:var(--ds-info)}.training-records-page .need-card.priority-low{border-left-color:var(--ds-text-secondary)}[dir=rtl] .training-records-page .need-card.priority-low{border-right-color:var(--ds-text-secondary)}.training-records-page .need-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-2)}.training-records-page .need-header h4{margin:0;font-size:var(--ds-text-base);color:var(--ds-text-primary)}.training-records-page .need-employee{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-2)}.training-records-page .need-reason{font-size:var(--ds-text-sm);color:var(--ds-text-primary);margin:0 0 var(--ds-space-2) 0;line-height:var(--ds-leading-normal)}.training-records-page .need-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--ds-space-2);border-top:1px solid var(--ds-border-default)}.training-records-page .need-date{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.training-records-page .need-actions{display:flex;gap:var(--ds-space-1);margin-top:var(--ds-space-2)}.training-records-page .btn-sm{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-xs)}.training-records-page .btn-success{background:var(--ds-success);color:var(--ds-text-on-primary)}.training-records-page .btn-success:hover{background:var(--ds-success-dark)}.training-records-page .btn-danger{background:var(--ds-danger);color:var(--ds-text-on-primary)}.training-records-page .btn-danger:hover{background:var(--ds-danger-dark)}.modal-content.modal-sm{max-width:500px}.checkbox-group label{display:flex;align-items:center;gap:var(--ds-space-1);cursor:pointer;font-weight:400;color:var(--ds-text-primary)}.checkbox-group input[type=checkbox]{width:16px;height:16px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--ds-space-4)}.plan-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);border:1px solid var(--ds-border-default);border-left:4px solid var(--ds-primary);transition:var(--ds-transition-base)}[dir=rtl] .plan-card{border-left:1px solid var(--ds-border-default);border-right:4px solid var(--ds-primary)}.plan-card:hover{box-shadow:var(--ds-shadow-md)}.plan-card.status-draft{border-left-color:var(--ds-warning)}[dir=rtl] .plan-card.status-draft{border-right-color:var(--ds-warning)}.plan-card.status-completed{border-left-color:var(--ds-success)}[dir=rtl] .plan-card.status-completed{border-right-color:var(--ds-success)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-4)}.plan-header .employee-info{display:flex;align-items:center;gap:var(--ds-space-2)}.plan-header .avatar{width:40px;height:40px;border-radius:var(--ds-radius-full);background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.plan-header .avatar img{width:100%;height:100%;object-fit:cover}.plan-header h3{margin:0;font-size:var(--ds-text-base);color:var(--ds-text-primary)}.plan-header .plan-title{font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.plan-progress{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.progress-bar{flex:1;height:8px;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--ds-primary);transition:width var(--ds-transition-slow)}.plan-progress span{font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);min-width:40px}.plan-actions{display:flex;gap:var(--ds-space-2)}.plan-overview{background:var(--ds-bg-surface);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-6);border:1px solid var(--ds-border-default)}.plan-overview p{margin:var(--ds-space-1) 0;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.overall-progress{margin-top:var(--ds-space-4)}.overall-progress span{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);display:block;margin-bottom:var(--ds-space-1);color:var(--ds-text-primary)}.goals-section{margin-top:var(--ds-space-4)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-4)}.section-header h3{margin:0;font-size:var(--ds-text-base);color:var(--ds-text-primary)}.empty-text{color:var(--ds-text-secondary);font-style:italic;text-align:center;padding:var(--ds-space-6)}.goals-list{display:flex;flex-direction:column;gap:var(--ds-space-2)}.goal-card{background:var(--ds-bg-surface);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);border-left:3px solid var(--ds-border-default);border:1px solid var(--ds-border-default)}[dir=rtl] .goal-card{border-left:1px solid var(--ds-border-default);border-right:3px solid var(--ds-border-default)}.goal-card.priority-high{border-left-color:var(--ds-danger)}[dir=rtl] .goal-card.priority-high{border-right-color:var(--ds-danger)}.goal-card.priority-medium{border-left-color:var(--ds-warning)}[dir=rtl] .goal-card.priority-medium{border-right-color:var(--ds-warning)}.goal-card.priority-low{border-left-color:var(--ds-info)}[dir=rtl] .goal-card.priority-low{border-right-color:var(--ds-info)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-1)}.goal-header h4{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-primary)}.goal-card p{margin:0 0 var(--ds-space-2) 0;font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.goal-progress{display:flex;align-items:center;gap:var(--ds-space-2);margin-bottom:var(--ds-space-1)}.goal-progress input[type=range]{flex:1;accent-color:var(--ds-primary)}.goal-progress span{font-size:var(--ds-text-xs);font-weight:var(--ds-font-semibold);min-width:35px;color:var(--ds-text-primary)}.goal-card small{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);display:flex;align-items:center;gap:var(--ds-space-1)}.goal-form{background:var(--ds-bg-elevated);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);margin-top:var(--ds-space-4);border:1px solid var(--ds-border-default)}.form-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2);margin-top:var(--ds-space-4)}.employment-contracts-page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto}.employment-contracts-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-6);flex-wrap:wrap;gap:var(--ds-space-4)}.employment-contracts-page .header-content h1{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-2xl);color:var(--ds-text-primary);margin:0}.employment-contracts-page .header-content p{color:var(--ds-text-secondary);margin:var(--ds-space-1) 0 0 0}.employment-contracts-page .header-actions{display:flex;gap:var(--ds-space-2)}.employment-contracts-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}@media(max-width:1024px){.employment-contracts-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.employment-contracts-page .stats-grid{grid-template-columns:1fr}}.employment-contracts-page .stat-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);display:flex;align-items:center;gap:var(--ds-space-4);border:1px solid var(--ds-border-default);transition:var(--ds-transition-base)}.employment-contracts-page .stat-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.employment-contracts-page .stat-card.warning{border-color:var(--ds-warning);background:var(--ds-warning-bg-subtle)}.employment-contracts-page .stat-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center}.employment-contracts-page .stat-icon.total{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.employment-contracts-page .stat-icon.active{background:var(--ds-success-bg);color:var(--ds-success-text)}.employment-contracts-page .stat-icon.expired{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.employment-contracts-page .stat-icon.warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.employment-contracts-page .stat-info{display:flex;flex-direction:column}.employment-contracts-page .stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.employment-contracts-page .stat-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.employment-contracts-page .expiring-alert{background:var(--ds-warning-bg-subtle);border:1px solid var(--ds-warning);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);margin-bottom:var(--ds-space-6);display:flex;align-items:center;gap:var(--ds-space-4);flex-wrap:wrap}.employment-contracts-page .expiring-alert svg{color:var(--ds-warning-text);flex-shrink:0}.employment-contracts-page .expiring-alert>span{font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.employment-contracts-page .expiring-list{display:flex;gap:var(--ds-space-2);flex-wrap:wrap;margin-left:auto}[dir=rtl] .employment-contracts-page .expiring-list{margin-left:0;margin-right:auto}.employment-contracts-page .expiring-item{background:var(--ds-bg-base);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm);cursor:pointer;transition:var(--ds-transition-fast);color:var(--ds-text-primary)}.employment-contracts-page .expiring-item:hover{background:var(--ds-bg-hover)}.employment-contracts-page .filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);flex-wrap:wrap}.employment-contracts-page .search-box{position:relative;flex:1;min-width:200px}.employment-contracts-page .search-box svg{position:absolute;left:var(--ds-space-2);top:50%;transform:translateY(-50%);color:var(--ds-text-secondary)}[dir=rtl] .employment-contracts-page .search-box svg{left:auto;right:var(--ds-space-2)}.employment-contracts-page .search-box input{width:100%;padding:var(--ds-space-2) var(--ds-space-2) var(--ds-space-2) calc(var(--ds-space-2) + 24px);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary)}[dir=rtl] .employment-contracts-page .search-box input{padding:var(--ds-space-2) calc(var(--ds-space-2) + 24px) var(--ds-space-2) var(--ds-space-2)}.employment-contracts-page .search-box input:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.employment-contracts-page .filters-bar select{padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary);min-width:150px}.employment-contracts-page .contracts-table-wrapper{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:hidden}.employment-contracts-page .contracts-table{width:100%;border-collapse:collapse}.employment-contracts-page .contracts-table th,.employment-contracts-page .contracts-table td{padding:var(--ds-space-2) var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}[dir=rtl] .employment-contracts-page .contracts-table th,[dir=rtl] .employment-contracts-page .contracts-table td{text-align:right}.employment-contracts-page .contracts-table th{background:var(--ds-bg-elevated);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);font-size:var(--ds-text-sm);text-transform:uppercase}.employment-contracts-page .contracts-table tbody tr:hover{background:var(--ds-bg-hover)}.employment-contracts-page .employee-cell{min-width:200px}.employment-contracts-page .employee-info{display:flex;align-items:center;gap:var(--ds-space-2)}.employment-contracts-page .employee-info .avatar{width:36px;height:36px;border-radius:var(--ds-radius-full);background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.employment-contracts-page .employee-info .avatar img{width:100%;height:100%;object-fit:cover}.employment-contracts-page .employee-info .name{display:block;font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.employment-contracts-page .employee-info .emp-id{display:block;font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.employment-contracts-page .status-badge{display:inline-flex;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.employment-contracts-page .status-badge--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.employment-contracts-page .status-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.employment-contracts-page .status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.employment-contracts-page .status-badge--info{background:var(--ds-info-bg);color:var(--ds-info-text)}.employment-contracts-page .type-badge{display:inline-flex;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);background:var(--ds-bg-elevated);color:var(--ds-text-primary)}.employment-contracts-page .actions-cell{white-space:nowrap}.employment-contracts-page .actions-cell .btn-icon{padding:var(--ds-space-1);border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-sm);transition:var(--ds-transition-fast)}.employment-contracts-page .actions-cell .btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary)}.employment-contracts-page .actions-cell .btn-icon.danger:hover{color:var(--ds-danger-text)}.employment-contracts-page .loading-state,.employment-contracts-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16);color:var(--ds-text-secondary)}.employment-contracts-page .spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin 1s linear infinite}.modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);max-width:700px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--ds-shadow-xl)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border-default);position:sticky;bottom:0;background:var(--ds-bg-elevated)}.form-group textarea{resize:vertical;min-height:80px}.contract-view-modal .contract-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-6)}@media(max-width:600px){.contract-view-modal .contract-details-grid{grid-template-columns:1fr}}.contract-view-modal .detail-section{background:var(--ds-bg-surface);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.contract-view-modal .detail-section.full-width{grid-column:1 / -1}.contract-view-modal .detail-section h3{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-base);color:var(--ds-text-primary);margin:0 0 var(--ds-space-2) 0;padding-bottom:var(--ds-space-2);border-bottom:1px solid var(--ds-border-default)}.contract-view-modal .detail-row{display:flex;justify-content:space-between;padding:var(--ds-space-1) 0;font-size:var(--ds-text-sm)}.contract-view-modal .detail-row .label{color:var(--ds-text-secondary)}.contract-view-modal .detail-row .value{color:var(--ds-text-primary);font-weight:var(--ds-font-medium)}.contract-view-modal .terms-text,.contract-view-modal .notes-text{font-size:var(--ds-text-sm);color:var(--ds-text-primary);white-space:pre-wrap;margin:0}.btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-6)}.business-card-preview{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);border:1px solid var(--ds-border-default);transition:var(--ds-transition-base)}.business-card-preview:hover{box-shadow:var(--ds-shadow-md);border-color:var(--ds-card-hover-border)}.card-front{aspect-ratio:3.5 / 2;background:linear-gradient(135deg,var(--ds-black-900),var(--ds-black-700));border-radius:var(--ds-radius-md);padding:var(--ds-space-4);color:var(--ds-text-inverse);display:flex;flex-direction:column;justify-content:center}.card-content h3{margin:0 0 var(--ds-space-1) 0;font-size:var(--ds-text-lg);color:inherit}.card-content .job-title{color:var(--ds-primary);font-size:var(--ds-text-sm);margin:0 0 var(--ds-space-2) 0}.card-content .contact{font-size:var(--ds-text-xs);color:var(--ds-black-200);margin:2px 0}.card-content .company{font-size:var(--ds-text-xs);color:var(--ds-black-400);margin-top:var(--ds-space-2)}.card-actions{display:flex;justify-content:center;gap:var(--ds-space-2);margin-top:var(--ds-space-4)}.print-count{display:block;text-align:center;margin-top:var(--ds-space-2);color:var(--ds-text-secondary);font-size:var(--ds-text-xs)}.card-preview-large{display:flex;justify-content:center}.card-front-large{width:350px;aspect-ratio:3.5 / 2;background:linear-gradient(135deg,var(--ds-black-900),var(--ds-black-700));border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);color:var(--ds-text-inverse);display:flex;flex-direction:column;justify-content:center}.card-front-large h2{margin:0 0 var(--ds-space-1) 0;font-size:var(--ds-text-xl);color:inherit}.card-front-large .name-ar{margin:0 0 var(--ds-space-2) 0;font-size:var(--ds-text-base);color:var(--ds-black-200);direction:rtl}.card-front-large .title{color:var(--ds-primary);font-size:var(--ds-text-base);margin:0 0 var(--ds-space-4) 0}.card-front-large .contact-info p{font-size:var(--ds-text-sm);color:var(--ds-black-200);margin:2px 0}.card-front-large .company-info{margin-top:var(--ds-space-4);padding-top:var(--ds-space-2);border-top:1px solid var(--ds-black-600)}.card-front-large .company-info p{font-size:var(--ds-text-sm);color:var(--ds-black-400);margin:0}.vacancies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ds-space-4)}.vacancy-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);border:1px solid var(--ds-border-default);border-left:4px solid var(--ds-primary);transition:var(--ds-transition-base)}[dir=rtl] .vacancy-card{border-left:1px solid var(--ds-border-default);border-right:4px solid var(--ds-primary)}.vacancy-card:hover{box-shadow:var(--ds-shadow-md);transform:translateY(-2px)}.vacancy-card.closed{border-left-color:var(--ds-text-secondary);opacity:.7}[dir=rtl] .vacancy-card.closed{border-right-color:var(--ds-text-secondary)}.vacancy-card h3{margin:0 0 var(--ds-space-1) 0;color:var(--ds-text-primary)}.vacancy-card>p{margin:0 0 var(--ds-space-2) 0;color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.vacancy-meta{display:flex;gap:var(--ds-space-4);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-2)}.vacancy-meta span{display:flex;align-items:center;gap:var(--ds-space-1)}.interviews-list{display:flex;flex-direction:column;gap:var(--ds-space-4)}.interview-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);display:flex;align-items:center;gap:var(--ds-space-4);border:1px solid var(--ds-border-default);transition:var(--ds-transition-base)}.interview-card:hover{box-shadow:var(--ds-shadow-sm)}.interview-time{display:flex;align-items:center;gap:var(--ds-space-1);color:var(--ds-primary);font-weight:var(--ds-font-medium);min-width:180px}.interview-info{flex:1}.interview-info h4{margin:0;font-size:var(--ds-text-base);color:var(--ds-text-primary)}.interview-info p{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.employees-list{max-height:300px;overflow-y:auto;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);padding:var(--ds-space-2)}.employee-checkbox{display:flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1);cursor:pointer;border-radius:var(--ds-radius-sm);transition:var(--ds-transition-fast)}.employee-checkbox:hover{background:var(--ds-bg-hover)}.tabs-filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-4);flex-wrap:wrap;gap:var(--ds-space-4)}.tabs-filters-bar .tabs-bar{border-bottom:none;padding-bottom:0;margin-bottom:0}.type-badge.type-complaint{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.type-badge.type-suggestion{background:var(--ds-info-bg);color:var(--ds-info-text)}.type-badge.type-feedback{background:var(--ds-success-bg);color:var(--ds-success-text)}.priority-badge{display:inline-flex;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.priority-badge.priority-low{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.priority-badge.priority-medium{background:var(--ds-info-bg);color:var(--ds-info-text)}.priority-badge.priority-high{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.priority-badge.priority-urgent{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.subject-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-number{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-top:var(--ds-space-1);display:block}.complaint-details{display:flex;flex-wrap:wrap;gap:var(--ds-space-4) var(--ds-space-6);padding:var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-space-4);border:1px solid var(--ds-border-default)}.detail-row{display:flex;align-items:center;gap:var(--ds-space-2)}.detail-row .label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.description-section,.resolution-section,.updates-section,.actions-section{margin-top:var(--ds-space-6)}.description-section h4,.resolution-section h4,.updates-section h4,.actions-section h4{font-size:var(--ds-text-sm);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-2) 0}.description-section p,.resolution-section p{background:var(--ds-bg-surface);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);margin:0;color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.resolution-section{background:var(--ds-success-bg-subtle);padding:var(--ds-space-4);border-radius:var(--ds-radius-md);border-left:3px solid var(--ds-success)}[dir=rtl] .resolution-section{border-left:none;border-right:3px solid var(--ds-success)}.updates-list{display:flex;flex-direction:column;gap:var(--ds-space-2);max-height:200px;overflow-y:auto}.update-item{background:var(--ds-bg-surface);padding:var(--ds-space-2);border-radius:var(--ds-radius-sm);border-left:3px solid var(--ds-border-default)}[dir=rtl] .update-item{border-left:none;border-right:3px solid var(--ds-border-default)}.update-item.status_change{border-left-color:var(--ds-info)}[dir=rtl] .update-item.status_change{border-right-color:var(--ds-info)}.update-item.resolution{border-left-color:var(--ds-success)}[dir=rtl] .update-item.resolution{border-right-color:var(--ds-success)}.update-header{display:flex;justify-content:space-between;font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-1)}.update-item p{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-primary)}.action-row{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.action-row select,.action-row input{flex:1;padding:var(--ds-space-2);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary)}.action-row select:focus,.action-row input:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.resolve-section{display:flex;gap:var(--ds-space-2)}.resolve-section textarea{flex:1;padding:var(--ds-space-2);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary);resize:none}.resolve-section textarea:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.btn-success{background:var(--ds-success);color:var(--ds-text-on-primary)}.btn-success:hover{background:var(--ds-success-dark)}.announcements-list{display:flex;flex-direction:column;gap:var(--ds-space-4)}.announcement-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);border:1px solid var(--ds-border-default);border-left:4px solid var(--ds-border-default);transition:var(--ds-transition-base)}[dir=rtl] .announcement-card{border-left:1px solid var(--ds-border-default);border-right:4px solid var(--ds-border-default)}.announcement-card:hover{box-shadow:var(--ds-shadow-md)}.announcement-card.published{border-left-color:var(--ds-success)}[dir=rtl] .announcement-card.published{border-right-color:var(--ds-success)}.announcement-card.draft{border-left-color:var(--ds-warning);opacity:.85}[dir=rtl] .announcement-card.draft{border-right-color:var(--ds-warning)}.announcement-card.pinned{border-left-color:var(--ds-primary);background:var(--ds-primary-hover-bg)}[dir=rtl] .announcement-card.pinned{border-right-color:var(--ds-primary)}.announcement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-2)}.title-row{display:flex;align-items:center;gap:var(--ds-space-2)}.title-row h3{margin:0;font-size:var(--ds-text-base);color:var(--ds-text-primary)}.pin-icon{color:var(--ds-primary)}.type-badge{display:inline-flex;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.type-badge.type-announcement{background:var(--ds-info-bg);color:var(--ds-info-text)}.type-badge.type-circular{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.type-badge.type-alert{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.type-badge.type-policy{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.type-badge.type-event{background:var(--ds-success-bg);color:var(--ds-success-text)}.status-indicator{font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full)}.status-indicator.published{background:var(--ds-success-bg);color:var(--ds-success-text)}.status-indicator.draft{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.announcement-preview{margin:0 0 var(--ds-space-4) 0;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);line-height:var(--ds-leading-normal)}.announcement-meta{display:flex;gap:var(--ds-space-4);font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-4)}.announcement-meta span{display:flex;align-items:center;gap:var(--ds-space-1)}.announcement-actions{display:flex;gap:var(--ds-space-2);flex-wrap:wrap}.btn-warning{background:var(--ds-warning);color:var(--ds-black-900)}.btn-warning:hover{background:var(--ds-warning-dark)}.btn-danger{background:var(--ds-danger);color:var(--ds-text-on-primary)}.btn-danger:hover{background:var(--ds-danger-dark)}.announcement-view .view-meta{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);align-items:center;flex-wrap:wrap}.announcement-view .view-meta span{display:flex;align-items:center;gap:var(--ds-space-1);color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.announcement-view .view-content{background:var(--ds-bg-surface);padding:var(--ds-space-6);border-radius:var(--ds-radius-md);line-height:var(--ds-leading-relaxed);border:1px solid var(--ds-border-default)}.read-list{margin-top:var(--ds-space-6)}.read-list h4{margin:0 0 var(--ds-space-2) 0;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.readers{display:flex;flex-wrap:wrap;gap:var(--ds-space-1)}.reader{background:var(--ds-bg-elevated);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);color:var(--ds-text-primary)}.hr-forms-page,.recruitment-page,.idp-page,.business-cards-page,.analytics-page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--ds-space-6);flex-wrap:wrap;gap:var(--ds-space-4)}.header-content h1{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-2xl);color:var(--ds-text-primary);margin:0}.header-content p{color:var(--ds-text-secondary);margin:var(--ds-space-1) 0 0 0}.header-actions{display:flex;gap:var(--ds-space-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.stat-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4);display:flex;align-items:center;gap:var(--ds-space-4);border:1px solid var(--ds-border-default)}.stat-card svg{color:var(--ds-primary)}.stat-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary)}.stat-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.tabs-bar{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default);padding-bottom:var(--ds-space-2)}.tab-btn{display:flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-4);border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);transition:var(--ds-transition-fast)}.tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.tab-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.tab-btn .badge{background:var(--ds-danger-bg);color:var(--ds-danger-text);padding:2px 6px;border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ds-space-4)}.template-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-6);text-align:center;border:1px solid var(--ds-border-default);transition:var(--ds-transition-base)}.template-card:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-md);border-color:var(--ds-card-hover-border)}.template-card .template-icon{color:var(--ds-primary);margin-bottom:var(--ds-space-2)}.template-card h3{margin:0 0 var(--ds-space-1) 0;font-size:var(--ds-text-base);color:var(--ds-text-primary)}.template-card .template-type{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);display:block;margin-bottom:var(--ds-space-4)}.template-card .template-actions{display:flex;gap:var(--ds-space-1);justify-content:center}.table-wrapper{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table th,.data-table td{padding:var(--ds-space-2) var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}[dir=rtl] .data-table th,[dir=rtl] .data-table td{text-align:right}.data-table th{background:var(--ds-bg-elevated);font-weight:var(--ds-font-semibold);color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.data-table tbody tr:hover{background:var(--ds-bg-hover)}.actions-cell{white-space:nowrap}.actions-cell .btn-icon{padding:var(--ds-space-1);border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-sm);transition:var(--ds-transition-fast)}.actions-cell .btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-primary)}.status-badge{display:inline-flex;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium)}.status-badge--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.status-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.status-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.status-badge--info{background:var(--ds-info-bg);color:var(--ds-info-text)}.status-badge--primary{background:var(--ds-primary-hover-bg);color:var(--ds-primary)}.status-badge--default{background:var(--ds-bg-elevated);color:var(--ds-text-secondary)}.status-select{padding:var(--ds-space-1) var(--ds-space-2);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-sm);background:var(--ds-bg-base);color:var(--ds-text-primary);font-size:var(--ds-text-xs)}.filters-bar{display:flex;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);flex-wrap:wrap}.filters-bar select{padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary)}.year-filter{padding:var(--ds-space-2) var(--ds-space-4);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-primary)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ds-space-16);color:var(--ds-text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin 1s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal-backdrop);padding:var(--ds-space-4)}.modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border-default);max-width:600px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--ds-shadow-xl)}.modal-content.modal-lg{max-width:800px}.modal-content.modal-sm{max-width:450px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--ds-space-4) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default);position:sticky;top:0;background:var(--ds-bg-elevated);z-index:1}.modal-header h2{display:flex;align-items:center;gap:var(--ds-space-2);margin:0;font-size:var(--ds-text-lg);color:var(--ds-text-primary)}.modal-close{padding:var(--ds-space-1);border:none;background:transparent;color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-sm);transition:var(--ds-transition-fast)}.modal-close:hover{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.modal-body{padding:var(--ds-space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-elevated)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--ds-space-1)}.form-group label{font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:var(--ds-space-2);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-input-bg);color:var(--ds-text-primary);font-size:var(--ds-text-base);transition:var(--ds-transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.form-group textarea{resize:vertical;min-height:60px}.checkbox-label{display:flex;align-items:center;gap:var(--ds-space-1);cursor:pointer}.btn{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-4);border:none;border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);cursor:pointer;transition:var(--ds-transition-fast)}.btn-primary{background:var(--ds-primary);color:var(--ds-text-on-primary)}.btn-primary:hover{background:var(--ds-primary-hover)}.btn-secondary:hover{background:var(--ds-bg-hover)}.btn-icon{padding:var(--ds-space-2);border:1px solid var(--ds-border-default);background:var(--ds-bg-surface);color:var(--ds-text-secondary);cursor:pointer;border-radius:var(--ds-radius-md)}.btn-icon:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.btn-sm{padding:var(--ds-space-1) var(--ds-space-2);font-size:var(--ds-text-xs)}.btn:disabled{opacity:.6;cursor:not-allowed}.help-text{font-size:var(--ds-text-xs);color:var(--ds-text-secondary);margin-top:var(--ds-space-1)}.error-text{font-size:var(--ds-text-sm);color:var(--ds-danger-text);margin-top:var(--ds-space-1)}.preview-content{background:var(--ds-bg-base);color:var(--ds-text-primary);padding:var(--ds-space-6);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ds-space-4)}.detail-item label{display:block;font-size:var(--ds-text-xs);color:var(--ds-text-secondary)}.detail-item span{display:block;font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}.detail-section{margin-top:var(--ds-space-4);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border-default)}.detail-section h4{margin:0 0 var(--ds-space-2) 0;font-size:var(--ds-text-sm);color:var(--ds-text-primary)}.analytics-page{padding:var(--ds-space-6);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--ds-space-4);min-height:calc(100vh - 64px)}.analytics-page .page-header{margin-bottom:var(--ds-space-6);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--ds-space-4)}.analytics-page .header-content h1{display:flex;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-2xl);color:var(--ds-text-primary);margin:0;font-weight:var(--ds-font-bold)}.analytics-page .header-content p{color:var(--ds-text-secondary);margin:var(--ds-space-1) 0 0 0;font-size:var(--ds-text-sm)}.analytics-page .header-actions{display:flex;gap:var(--ds-space-2)}.analytics-page .tabs-bar{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-5);border-bottom:1px solid var(--ds-border-subtle);padding-bottom:var(--ds-space-3)}.analytics-page .tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);background:transparent;border:none;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);cursor:pointer;border-radius:var(--ds-radius-md);transition:var(--ds-transition-base)}.analytics-page .tab-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.analytics-page .tab-btn.active{background:var(--ds-primary);color:var(--ds-text-on-primary)}.analytics-page .tab-btn .badge{background:var(--ds-danger-bg);color:var(--ds-danger-text);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);font-size:var(--ds-text-xs)}.analytics-page .metrics-grid,.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6);width:100%}.analytics-page .metric-card,.metric-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);display:flex;align-items:center;gap:var(--ds-space-4);border:1px solid var(--ds-border-default);position:relative;transition:var(--ds-transition-base)}.metric-card:hover{border-color:var(--ds-card-hover-border);box-shadow:var(--ds-shadow-md)}.metric-icon{width:48px;height:48px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.blue{background:var(--ds-info-bg);color:var(--ds-info-text)}.metric-icon.green{background:var(--ds-success-bg);color:var(--ds-success-text)}.metric-icon.orange{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.metric-icon.red{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.metric-content{flex:1;display:flex;flex-direction:column}.metric-value{font-size:var(--ds-text-2xl);font-weight:var(--ds-font-bold);color:var(--ds-text-primary);line-height:var(--ds-leading-tight)}.metric-label{font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.metric-badge{position:absolute;top:var(--ds-space-2);right:var(--ds-space-2);font-size:var(--ds-text-xs);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-full);background:var(--ds-success-bg);color:var(--ds-success-text)}.metric-badge.warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.metric-sub{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.warning-summary-bar{display:flex;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-6);background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);margin-bottom:var(--ds-space-6);border:1px solid var(--ds-border-default)}.warning-summary-bar h3{margin:0;font-size:var(--ds-text-base);display:flex;align-items:center;gap:var(--ds-space-1);color:var(--ds-text-primary)}.warning-counts{display:flex;gap:var(--ds-space-4);flex:1}.warning-count{display:flex;align-items:center;gap:var(--ds-space-1);font-size:var(--ds-text-sm);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm)}.warning-count.critical{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.warning-count.warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.warning-count.info{background:var(--ds-info-bg);color:var(--ds-info-text)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--ds-space-4);margin-bottom:var(--ds-space-6)}.chart-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);border:1px solid var(--ds-border-default)}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{margin:0 0 var(--ds-space-4) 0;font-size:var(--ds-text-base);display:flex;align-items:center;gap:var(--ds-space-1);color:var(--ds-text-secondary)}.simple-bar-chart{display:flex;flex-direction:column;gap:var(--ds-space-3)}.bar-row{display:flex;align-items:center;gap:var(--ds-space-3)}.bar-label{width:120px;font-size:var(--ds-text-sm);color:var(--ds-text-secondary);text-align:right;flex-shrink:0}[dir=rtl] .bar-label{text-align:left}.bar-container{flex:1;height:24px;background:var(--ds-bg-elevated);border-radius:var(--ds-radius-sm);position:relative;display:flex;align-items:center}.bar-fill{height:100%;border-radius:var(--ds-radius-sm);transition:width var(--ds-transition-slow);min-width:4px}.bar-value{position:absolute;right:var(--ds-space-2);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);color:var(--ds-text-primary)}[dir=rtl] .bar-value{right:auto;left:var(--ds-space-2)}.warnings-list{display:flex;flex-direction:column;gap:var(--ds-space-3)}.warning-item{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-4);background:var(--ds-bg-surface);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border-default)}.warning-item.critical{border-left:3px solid var(--ds-danger)}[dir=rtl] .warning-item.critical{border-left:none;border-right:3px solid var(--ds-danger)}.warning-item.warning{border-left:3px solid var(--ds-warning)}[dir=rtl] .warning-item.warning{border-left:none;border-right:3px solid var(--ds-warning)}.warning-item.info{border-left:3px solid var(--ds-info)}[dir=rtl] .warning-item.info{border-left:none;border-right:3px solid var(--ds-info)}.warning-icon{flex-shrink:0}.warning-icon.critical{color:var(--ds-danger-text)}.warning-icon.warning{color:var(--ds-warning-text)}.warning-icon.info{color:var(--ds-info-text)}.warning-content{flex:1}.warning-content h4{margin:0 0 var(--ds-space-1) 0;font-size:var(--ds-text-sm);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary)}.warning-content p{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-secondary)}.warning-actions{display:flex;gap:var(--ds-space-2)}.warning-actions button{padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-text-xs);border-radius:var(--ds-radius-sm);cursor:pointer;transition:var(--ds-transition-fast)}.warning-actions .btn-resolve{background:var(--ds-success-bg);color:var(--ds-success-text);border:1px solid var(--ds-success-border)}.warning-actions .btn-resolve:hover{background:var(--ds-success-hover)}.workforce-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--ds-space-4)}.workforce-card{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:var(--ds-space-5);border:1px solid var(--ds-border-default)}.workforce-card h3{margin:0 0 var(--ds-space-4) 0;font-size:var(--ds-text-base);display:flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text-primary)}.workforce-stat{display:flex;justify-content:space-between;padding:var(--ds-space-2) 0;border-bottom:1px solid var(--ds-border-subtle)}.workforce-stat:last-child{border-bottom:none}.workforce-stat span:first-child{color:var(--ds-text-secondary);font-size:var(--ds-text-sm)}.workforce-stat span:last-child{color:var(--ds-text-primary);font-weight:var(--ds-font-semibold)}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:var(--ds-radius-full);animation:spin 1s linear infinite}.empty-state{text-align:center;padding:var(--ds-space-12);color:var(--ds-text-muted)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--ds-space-4);opacity:.5}.empty-state h3{margin:0 0 var(--ds-space-2) 0;color:var(--ds-text-primary)}.empty-state p{margin:0;font-size:var(--ds-text-sm)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--ds-space-1);background:var(--ds-dropdown-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);min-width:180px;z-index:var(--ds-z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--ds-transition-fast)}[dir=rtl] .dropdown-menu{right:auto;left:0}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu button{display:block;width:100%;padding:var(--ds-space-2) var(--ds-space-4);text-align:left;background:transparent;border:none;color:var(--ds-text-primary);font-size:var(--ds-text-sm);cursor:pointer;transition:var(--ds-transition-fast)}[dir=rtl] .dropdown-menu button{text-align:right}.dropdown-menu button:hover{background:var(--ds-dropdown-hover-bg)}@media(max-width:768px){.analytics-page{padding:var(--ds-space-4)}.analytics-page .page-header{flex-direction:column;align-items:stretch}.analytics-page .tabs-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.charts-grid{grid-template-columns:1fr}.bar-label{width:80px}}.profile-completion-widget{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:16px;padding:20px;margin-bottom:20px}.profile-completion-widget.incomplete{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.05),transparent)}.profile-completion-widget.partial{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.05),transparent)}.profile-completion-widget.loading{display:flex;align-items:center;justify-content:center;min-height:150px}.profile-completion-widget .widget-spinner{width:32px;height:32px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:pcw-spin 1s linear infinite}@keyframes pcw-spin{to{transform:rotate(360deg)}}.profile-completion-widget .widget-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile-completion-widget .completion-circle{width:60px;height:60px;flex-shrink:0}.profile-completion-widget .circular-chart{display:block;width:100%;height:100%}.profile-completion-widget .circle-bg{fill:none;stroke:var(--ds-border-default);stroke-width:2.8}.profile-completion-widget .circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}.profile-completion-widget.incomplete .circle{stroke:#ef4444}.profile-completion-widget.partial .circle{stroke:#f59e0b}.profile-completion-widget.complete .circle{stroke:#22c55e}@keyframes progress{0%{stroke-dasharray:0 100}}.profile-completion-widget .percentage{fill:var(--ds-text-primary);font-size:.35em;font-weight:700;text-anchor:middle}.profile-completion-widget .widget-title h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--ds-text-primary)}.profile-completion-widget .widget-title p{margin:0;font-size:.8rem;color:var(--ds-text-secondary)}.profile-completion-widget .widget-categories{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.profile-completion-widget .category-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ds-bg-glass);border-radius:8px;font-size:.85rem;color:var(--ds-text-primary);transition:all .2s ease}.profile-completion-widget .category-item svg{color:var(--ds-text-secondary);flex-shrink:0}.profile-completion-widget .category-item.complete{opacity:.6}.profile-completion-widget .category-item.complete svg{color:#22c55e}.profile-completion-widget .category-name{flex:1}.profile-completion-widget .category-status{font-size:.75rem;color:var(--ds-text-secondary)}.profile-completion-widget .check-icon{color:#22c55e}.profile-completion-widget .missing-count{background:#f59e0b26;color:#f59e0b;padding:2px 8px;border-radius:50px;font-weight:500}.profile-completion-widget .complete-profile-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-completion-widget .complete-profile-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--ds-primary-rgb),.3)}[dir=rtl] .profile-completion-widget .widget-header,[dir=rtl] .profile-completion-widget .category-item,[dir=rtl] .profile-completion-widget .complete-profile-btn{flex-direction:row-reverse}[dir=rtl] .profile-completion-widget .complete-profile-btn svg{transform:rotate(180deg)}@media(max-width:480px){.profile-completion-widget{padding:16px}.profile-completion-widget .completion-circle{width:50px;height:50px}.profile-completion-widget .widget-title h4{font-size:.9rem}}.team-view-widget{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.widget-section{background:var(--ds-card-bg);border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:12px;border-bottom:1px solid var(--ds-border-default)}.section-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ds-text-primary)}.section-title .badge,.team-count{background:var(--ds-primary);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.header-actions{display:flex;align-items:center;gap:8px}.add-btn{background:var(--ds-success);color:#fff;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.add-btn:hover{background:var(--ds-success-hover, #16a34a);transform:scale(1.05)}.hierarchy-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.hierarchy-member{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(135deg,#3b82f60f,#9333ea0f);border-radius:10px;border-left:3px solid var(--ds-primary)}[dir=rtl] .hierarchy-member{border-left:none;border-right:3px solid var(--ds-primary)}.team-group-list{margin-top:12px}.team-leader-card{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#22c55e14,#10b98114);border-radius:10px;margin-bottom:12px}.leader-avatar{width:48px;height:48px;border-radius:50%;background:var(--ds-success);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.leader-avatar img{width:100%;height:100%;object-fit:cover}.leader-info{flex:1}.leader-label{display:block;font-size:11px;color:var(--ds-success);font-weight:600;text-transform:uppercase}.leader-name{font-weight:600;color:var(--ds-text-primary)}.teammates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.teammate-card{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--ds-bg-surface);border-radius:8px}.teammate-avatar{width:28px;height:28px;border-radius:50%;background:var(--ds-primary-light, #dbeafe);display:flex;align-items:center;justify-content:center;overflow:hidden}.teammate-avatar img{width:100%;height:100%;object-fit:cover}.teammate-name{font-size:12px;font-weight:500;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}.summary-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:var(--ds-bg-surface);border-radius:8px;gap:4px}.summary-item .count{font-size:20px;font-weight:700}.summary-item .label{font-size:11px;color:var(--ds-text-secondary)}.summary-item.present{background:#22c55e1a;color:#16a34a}.summary-item.absent{background:#ef44441a;color:#dc2626}.summary-item.late{background:#f59e0b1a;color:#d97706}.team-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.team-member{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--ds-bg-surface);border-radius:8px;transition:all .2s ease}.team-member:hover{background:var(--ds-bg-hover)}.member-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:var(--ds-primary-light, #dbeafe);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid white}.status-dot.present{background:#22c55e}.status-dot.absent{background:#ef4444}.status-dot.late{background:#f59e0b}.member-info{flex:1;min-width:0}.member-name{display:block;font-weight:500;font-size:13px;color:var(--ds-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:11px;color:var(--ds-text-secondary)}.member-shift{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ds-text-secondary);padding:4px 8px;background:var(--ds-bg-elevated);border-radius:4px}.member-shift .no-shift{color:var(--ds-text-muted);font-style:italic}.member-contact,.unassign-btn{display:flex;align-items:center}.contact-btn{padding:6px;background:var(--ds-primary-light, #dbeafe);color:var(--ds-primary, #3b82f6);border-radius:6px;display:flex;align-items:center;justify-content:center;text-decoration:none}.contact-btn:hover{background:var(--ds-primary, #3b82f6);color:#fff}.unassign-btn{background:none;border:none;padding:6px;color:var(--ds-text-muted);cursor:pointer;border-radius:6px}.unassign-btn:hover{background:#ef44441a;color:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.assign-modal{background:var(--ds-card-bg);border-radius:16px;padding:20px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.assign-modal h3{margin:0 0 16px;font-size:18px;color:var(--ds-text-primary)}.no-staff{text-align:center;color:var(--ds-text-secondary);padding:20px}.available-list{display:flex;flex-direction:column;gap:8px}.available-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--ds-bg-surface);border-radius:8px}.staff-info{display:flex;align-items:center;gap:8px}.assign-btn{background:var(--ds-primary, #3b82f6);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px}.assign-btn:hover{background:var(--ds-primary-hover, #2563eb)}.assign-btn:disabled{opacity:.6;cursor:not-allowed}.close-modal{width:100%;margin-top:16px;padding:10px;background:var(--ds-bg-surface);border:none;border-radius:8px;color:var(--ds-text-primary);cursor:pointer}.close-modal:hover{background:var(--ds-bg-hover)}.loading-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--ds-text-secondary)}.spinner-small{width:16px;height:16px;border:2px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .widget-section{background:var(--ds-card-bg)}[data-theme=dark] .section-header{border-color:var(--ds-border-default)}[data-theme=dark] .team-member,[data-theme=dark] .summary-item,[data-theme=dark] .teammate-card,[data-theme=dark] .available-item{background:var(--ds-bg-surface)}[data-theme=dark] .hierarchy-member{background:linear-gradient(135deg,#3b82f61f,#9333ea1f)}[data-theme=dark] .team-leader-card{background:linear-gradient(135deg,#22c55e26,#10b98126)}[data-theme=dark] .assign-modal{background:var(--ds-card-bg)}.shift-team-widget{background:linear-gradient(145deg,var(--ds-bg-surface),var(--ds-bg-base));border:1px solid var(--ds-border-default);border-radius:16px;padding:1.25rem;overflow:hidden}.shift-team-widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-border-default)}.shift-team-widget .widget-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--ds-text-primary);margin:0}.shift-team-widget .team-count{font-size:.8rem;color:var(--ds-text-muted);background:var(--ds-bg-elevated);padding:.25rem .6rem;border-radius:12px}.shift-team-widget .site-info{font-size:.85rem;color:var(--ds-primary);margin-bottom:1rem;padding:.5rem .75rem;background:#3b82f61a;border-radius:8px}.shift-team-widget .team-list{display:flex;flex-direction:column;gap:.75rem;max-height:280px;overflow-y:auto}.shift-team-widget .team-member{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--ds-bg-elevated);border-radius:12px;transition:all .2s}.shift-team-widget .team-member:hover{background:var(--ds-bg-hover);transform:translate(4px)}[dir=rtl] .shift-team-widget .team-member:hover{transform:translate(-4px)}.shift-team-widget .team-member.manager{border-left:3px solid #f59e0b}.shift-team-widget .team-member.team_leader{border-left:3px solid #8b5cf6}[dir=rtl] .shift-team-widget .team-member.manager,[dir=rtl] .shift-team-widget .team-member.team_leader{border-left:none;border-right:3px solid}[dir=rtl] .shift-team-widget .team-member.manager{border-right-color:#f59e0b}[dir=rtl] .shift-team-widget .team-member.team_leader{border-right-color:#8b5cf6}.shift-team-widget .member-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:var(--ds-bg-surface);display:flex;align-items:center;justify-content:center;color:var(--ds-text-muted);flex-shrink:0}.shift-team-widget .member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.shift-team-widget .member-avatar .role-icon{position:absolute;bottom:-2px;right:-2px;padding:2px;background:var(--ds-bg-surface);border-radius:50%}.shift-team-widget .member-avatar .role-icon.manager{color:#f59e0b}.shift-team-widget .member-avatar .role-icon.leader{color:#8b5cf6}.shift-team-widget .member-info{flex:1;min-width:0}.shift-team-widget .member-name{font-weight:600;color:var(--ds-text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-team-widget .member-role{font-size:.75rem;color:var(--ds-text-muted);display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.shift-team-widget .role-badge{padding:.15rem .4rem;border-radius:6px;font-size:.65rem;font-weight:600;text-transform:uppercase}.shift-team-widget .role-badge.manager{background:#f59e0b26;color:#f59e0b}.shift-team-widget .role-badge.team_leader{background:#8b5cf626;color:#8b5cf6}.shift-team-widget .member-phone{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface);border-radius:50%;color:var(--ds-primary);transition:all .2s}.shift-team-widget .member-phone:hover{background:var(--ds-primary);color:#fff}.shift-team-widget .empty-message{text-align:center;color:var(--ds-text-muted);padding:2rem;font-size:.9rem}.shift-team-widget.loading .loading-spinner{width:30px;height:30px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}.shift-team-widget .team-list::-webkit-scrollbar{width:4px}.shift-team-widget .team-list::-webkit-scrollbar-track{background:var(--ds-bg-elevated);border-radius:2px}.shift-team-widget .team-list::-webkit-scrollbar-thumb{background:var(--ds-border-default);border-radius:2px}.shift-team-widget .team-list::-webkit-scrollbar-thumb:hover{background:var(--ds-primary)}.employee-dashboard{padding:1.5rem 2rem;background:var(--ds-bg-base)!important;min-height:calc(100vh - 60px)}.employee-dashboard.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary)!important;border-radius:50%;animation:spin 1s linear infinite}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.greeting-section{display:flex;align-items:center;gap:1rem}.greeting-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover))!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important}.greeting-text h1{font-size:1.75rem;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.current-date{font-size:.95rem;color:var(--ds-text-secondary)!important;margin-top:.25rem}.profile-quick-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--ds-bg-surface)!important;border-radius:var(--ds-radius-lg);text-decoration:none;color:var(--ds-text-primary)!important;transition:all .2s}.profile-quick-link:hover{background:var(--ds-bg-hover)!important;transform:translateY(-2px)}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--ds-primary-subtle)!important;display:flex;align-items:center;justify-content:center;color:var(--ds-primary)!important;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--ds-bg-surface)!important;border-radius:var(--ds-radius-xl);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s;border:1px solid var(--ds-border-default)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026!important}.stat-icon{width:50px;height:50px;border-radius:var(--ds-radius-lg);display:flex;align-items:center;justify-content:center}.stat-card.attendance-rate .stat-icon{background:#22c55e26!important;color:var(--ds-success)!important}.stat-card.leave-balance .stat-icon{background:#3b82f626!important;color:var(--ds-primary)!important}.stat-card.pending-requests .stat-icon{background:#f59e0b26!important;color:var(--ds-warning)!important}.stat-card.notifications .stat-icon{background:#a855f726!important;color:#a855f7!important}.stat-content h3{font-size:1.75rem;font-weight:700;color:var(--ds-text-primary)!important;margin:0}.stat-content p{font-size:.85rem;color:var(--ds-text-secondary)!important;margin:0}.dashboard-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.content-card{background:var(--ds-bg-surface)!important;border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border-default);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.card-header h2{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.view-all{font-size:.85rem;color:var(--ds-primary)!important;text-decoration:none}.view-all:hover{text-decoration:underline}.attendance-status{padding:1.5rem}.time-display{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem}.check-in-box,.check-out-box{text-align:center;padding:1rem 2rem;background:var(--ds-bg-elevated)!important;border-radius:var(--ds-radius-lg);min-width:120px}.check-in-box .label,.check-out-box .label{display:block;font-size:.8rem;color:var(--ds-text-secondary)!important;margin-bottom:.5rem}.check-in-box .time,.check-out-box .time{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)!important}.divider{font-size:1.5rem;color:var(--ds-text-secondary)!important}.btn-attendance{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover))!important;color:#fff!important;border:none;border-radius:var(--ds-radius-lg);font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.btn-attendance:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6366f14d!important}.shift-info{padding:1.5rem}.shift-name{font-size:1.25rem;font-weight:600;color:var(--ds-text-primary)!important;margin-bottom:1rem}.shift-time,.shift-location{display:flex;align-items:center;gap:.5rem;color:var(--ds-text-secondary)!important;font-size:.9rem;margin-bottom:.5rem}.no-shift{padding:2rem 1.5rem;text-align:center;color:var(--ds-text-secondary)!important}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.action-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--ds-bg-elevated)!important;border-radius:var(--ds-radius-lg);text-decoration:none;color:var(--ds-text-primary)!important;transition:all .2s}.action-item:hover{background:var(--ds-primary)!important;color:#fff!important;transform:translateY(-3px)}.action-item span{font-size:.85rem;font-weight:500;text-align:center}.notifications-list{padding:1rem 1.5rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--ds-border-default)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#6366f10d!important;margin:0 -1.5rem;padding:.75rem 1.5rem}.notif-icon{color:var(--ds-primary)!important}.notif-content{flex:1}.notif-title{font-size:.9rem;color:var(--ds-text-primary)!important;margin:0 0 .25rem}.notif-time{font-size:.75rem;color:var(--ds-text-secondary)!important}.no-notifications{text-align:center;color:var(--ds-text-secondary)!important;padding:1rem}.employee-dashboard.rtl{direction:rtl}.employee-dashboard.rtl .divider{transform:scaleX(-1)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr}}@media(max-width:768px){.employee-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-content h3{font-size:1.25rem}.actions-grid{grid-template-columns:repeat(2,1fr)}}.employee-login-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#231f20,#1a1718,#231f20)!important;position:relative;overflow:hidden}.bg-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.circle-1{width:500px;height:500px;background:linear-gradient(135deg,#f5333f,#d62d38)!important;top:-200px;right:-100px}.circle-2{width:400px;height:400px;background:linear-gradient(135deg,#f5333f,#b22a32)!important;bottom:-150px;left:-100px}.circle-3{width:300px;height:300px;background:linear-gradient(135deg,#f5333f,#d62d38)!important;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.2}.lang-toggle{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff!important;font-size:.875rem;cursor:pointer;transition:all .2s;z-index:10}.lang-toggle:hover{background:#fff3!important}[dir=rtl] .lang-toggle{right:auto;left:1.5rem}.login-card{background:#231f20e6!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 25px 50px #0006!important;position:relative;z-index:5}.login-header{text-align:center;margin-bottom:2rem}.logo-icon{width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(135deg,#f5333f,#d62d38)!important;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff!important}.logo-image{width:80px;height:80px;margin:0 auto 1rem;object-fit:contain}.login-header h1{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;letter-spacing:-.5px}.login-header .subtitle{margin:.5rem 0 0;color:#fff9!important;font-size:.9rem}.el-step-indicator{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;margin-bottom:24px!important;padding:0!important}.el-step{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important}.el-step-circle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:50%!important;background:#ffffff1a!important;border:2px solid rgba(255,255,255,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:600!important;color:#ffffff80!important;transition:all .3s ease!important;box-sizing:border-box!important}.el-step-circle svg{width:18px!important;height:18px!important;color:inherit!important}.el-step.active .el-step-circle{background:linear-gradient(135deg,#f5333f,#d62d38)!important;border:none!important;color:#fff!important;box-shadow:0 4px 15px #f5333f66!important}.el-step.completed .el-step-circle{background:#22c55e!important;border:none!important;color:#fff!important}.el-step-label{font-size:12px!important;font-weight:500!important;color:#ffffff80!important;white-space:nowrap!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important}.el-step.active .el-step-label{color:#fff!important}.el-step-line{width:50px!important;height:2px!important;min-height:2px!important;max-height:2px!important;background:#fff3!important;margin-top:19px!important;flex-shrink:0!important;border:none!important;border-radius:0!important}.error-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#f5333f26!important;border:1px solid rgba(245,51,63,.3);border-radius:10px;color:#ff9a9e!important;font-size:.875rem;margin-bottom:1.5rem}.user-greeting{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#f5333f1a!important;border:1px solid rgba(245,51,63,.2);border-radius:12px;margin-bottom:1.5rem;color:#fff!important;font-weight:500}.user-greeting svg{color:#ff7a7f!important}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.welcome-text{text-align:center;margin-bottom:1.5rem}.welcome-text h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff!important}.welcome-text p{margin:.5rem 0 0;color:#fff9!important;font-size:.875rem}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:1.25rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#fffc!important;margin-bottom:.5rem}.form-group label svg{color:#f5333f!important}.form-group input{width:100%;padding:.875rem 1rem;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff!important;font-size:1rem;transition:all .2s}.form-group input::placeholder{color:#ffffff4d!important}.form-group input:focus{outline:none;border-color:#f5333f!important;background:#ffffff14!important;box-shadow:0 0 0 3px #f5333f33!important}.password-input{position:relative}.password-input input{padding-right:3rem}[dir=rtl] .password-input input{padding-right:1rem;padding-left:3rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none!important;border:none;color:#ffffff80!important;cursor:pointer;padding:.25rem;transition:color .2s}.toggle-password:hover{color:#fff!important}[dir=rtl] .toggle-password{right:auto;left:.75rem}.auth-type-selector{display:flex;gap:.75rem;margin-bottom:1.5rem}.auth-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3!important;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-type-btn:hover{background:#ffffff1a!important}.auth-type-btn.active{background:linear-gradient(135deg,#f5333f33,#d62d3833)!important;border-color:#f5333f!important;color:#fff!important}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#f5333f,#d62d38)!important;border:none;border-radius:12px;color:#fff!important;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f5333f66!important}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff!important;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff26!important}.button-group{display:flex;gap:.75rem;margin-top:.5rem}.button-group .btn-secondary{flex:.4}.button-group .btn-primary{flex:.6}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff!important;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:1.5rem;text-align:center}.link-secondary{color:#fff9!important;font-size:.875rem;text-decoration:none;transition:color .2s}.link-secondary:hover{color:#fff!important}.page-footer{margin-top:2rem;text-align:center}.page-footer p{color:#fff6!important;font-size:.75rem;margin:0}@media(max-width:480px){.employee-login-page{padding:1rem}.login-card{padding:1.5rem;border-radius:20px}.logo-icon{width:56px;height:56px}.login-header h1{font-size:1.5rem}}.employee-profile{padding:24px;min-height:100vh;background:var(--ds-bg-surface)!important}.employee-profile.loading,.employee-profile.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:var(--ds-text-secondary)!important}.employee-profile.error svg{color:var(--ds-danger, #dc2626)!important}.btn-back{padding:10px 20px;background:var(--ds-primary, #3b82f6)!important;color:#fff!important;border-radius:8px;text-decoration:none}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:16px}.back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ds-card-bg)!important;color:var(--ds-text-secondary)!important;text-decoration:none;transition:all .2s;box-shadow:var(--ds-shadow-sm)!important}.back-link:hover{background:var(--ds-primary, #3b82f6)!important;color:#fff!important}.profile-header h1{font-size:24px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.btn-edit-request{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#6366f1)!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d!important}.btn-edit-request:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666!important}.success-message{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#dcfce7!important;color:#16a34a!important;border-radius:10px;margin-bottom:20px;font-size:14px}.profile-hero{background:var(--ds-card-bg)!important;border-radius:20px;padding:32px;margin-bottom:24px;display:flex;align-items:center;gap:24px;box-shadow:var(--ds-shadow-md)!important}.hero-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;border:4px solid rgba(59,130,246,.2);transition:all .3s}.hero-avatar:hover{border-color:var(--ds-primary, #3b82f6)!important;transform:scale(1.05)}.hero-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)!important;color:#6366f1!important}.hero-info{flex:1}.hero-info h2{font-size:28px;font-weight:700;color:var(--ds-text-primary)!important;margin:0 0 4px}.hero-info .secondary-name{font-size:16px;color:var(--ds-text-secondary)!important;margin:0 0 12px}.hero-badges{display:flex;gap:12px}.badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.badge.employee-id{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)!important;color:#6366f1!important}.badge.status-active{background:#dcfce7!important;color:#16a34a!important}.badge.status-inactive{background:#fee2e2!important;color:#dc2626!important}.hero-quick-info{display:flex;flex-direction:column;gap:8px;padding-inline-start:24px;border-left:1px solid var(--ds-border-default)}.quick-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ds-text-secondary)!important}.quick-item svg{color:var(--ds-primary, #3b82f6)!important}.quick-item.sham-cash{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;padding:6px 12px;border-radius:8px;font-weight:600;color:#16a34a!important}.quick-item.sham-cash svg{color:#16a34a!important}.profile-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--ds-card-bg)!important;padding:8px;border-radius:14px;box-shadow:var(--ds-shadow-sm)!important}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent!important;border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--ds-text-secondary)!important;cursor:pointer;transition:all .2s}.tab-btn:hover{background:var(--ds-bg-surface)!important;color:var(--ds-text-primary)!important}.tab-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d!important}.profile-content{background:var(--ds-card-bg)!important;border-radius:20px;padding:24px;box-shadow:var(--ds-shadow-md)!important}.tab-content{display:flex;flex-direction:column;gap:24px}.section{padding-bottom:20px;border-bottom:1px solid var(--ds-border-default)}.section:last-child{border-bottom:none;padding-bottom:0}.section h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 16px}.section h3 svg{color:var(--ds-primary, #3b82f6)!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.info-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--ds-bg-surface)!important;border-radius:10px}.info-icon{color:var(--ds-primary, #3b82f6)!important;margin-top:2px}.info-content{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--ds-text-secondary)!important}.info-value{font-size:14px;font-weight:500;color:var(--ds-text-primary)!important}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.image-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:var(--ds-bg-surface)!important}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-card:hover img{transform:scale(1.05)}.image-title{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)!important;color:#fff!important;font-size:12px;text-align:center}.image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006!important;color:#fff!important;opacity:0;transition:opacity .3s}.image-card:hover .image-overlay{opacity:1}.no-data{text-align:center;color:var(--ds-text-secondary)!important;padding:40px}.modal-overlay{position:fixed;inset:0;background:#00000080!important;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--ds-card-bg)!important;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.modal-header h2{font-size:18px;font-weight:600;margin:0;color:var(--ds-text-primary)!important}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-surface)!important;border:none;border-radius:8px;color:var(--ds-text-secondary)!important;cursor:pointer}.close-btn:hover{background:#fee2e2!important;color:#dc2626!important}.modal-body{padding:24px}.modal-info{font-size:14px;color:var(--ds-text-secondary)!important;margin:0 0 20px;padding:12px;background:#f0f9ff!important;border-radius:8px;border-left:3px solid var(--ds-primary, #3b82f6)}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--ds-text-primary)!important;margin-bottom:8px}.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--ds-border-default);border-radius:10px;font-size:14px;color:var(--ds-text-primary)!important;background:var(--ds-input-bg)!important;resize:vertical}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-primary, #3b82f6)!important;box-shadow:0 0 0 3px #3b82f61a!important}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--ds-border-default)}.btn-secondary{padding:10px 20px;background:var(--ds-bg-surface)!important;color:var(--ds-text-primary)!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#e5e7eb!important}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#6366f1)!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d!important}.lightbox-overlay{position:fixed;inset:0;background:#000000e6!important;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.lightbox-content{background:var(--ds-bg-surface)!important;border-radius:16px;max-width:90vw;max-height:90vh;overflow:hidden}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ds-border-default)}.lightbox-header h3{margin:0;font-size:16px;color:var(--ds-text-primary)!important}.lightbox-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-surface)!important;border:none;border-radius:8px;font-size:20px;cursor:pointer;color:var(--ds-text-secondary)!important}.lightbox-close:hover{background:#fee2e2!important;color:#dc2626!important}.lightbox-body{padding:20px}.lightbox-body img{max-width:100%;max-height:70vh;display:block;margin:0 auto;border-radius:8px}.employee-profile.rtl{direction:rtl}.employee-profile.rtl .back-link svg{transform:rotate(180deg)}.employee-profile.rtl .hero-quick-info{padding-inline-start:0;padding-inline-end:24px;border-left:none;border-right:1px solid var(--ds-border-default)}.employee-profile.rtl .modal-info{border-left:none;border-right:3px solid var(--ds-primary, #3b82f6)}@media(max-width:768px){.employee-profile{padding:16px}.profile-hero{flex-direction:column;text-align:center}.hero-info h2{font-size:22px}.hero-badges{justify-content:center}.hero-quick-info{padding-inline-start:0;border-left:none;padding-top:16px;border-top:1px solid var(--ds-border-default);align-items:center}.profile-tabs{overflow-x:auto}.tab-btn{min-width:100px}.info-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(2,1fr)}.btn-edit-request span{display:none}}.compensation-summary .salary-cards{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-top:16px!important}.compensation-summary .salary-card{padding:20px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.compensation-summary .salary-card.base{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.compensation-summary .salary-card.allowances{background:linear-gradient(135deg,#10b981,#059669)!important}.compensation-summary .salary-card.deductions{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.compensation-summary .salary-card.net{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.compensation-summary .salary-card .card-label{font-size:13px!important;color:#ffffffd9!important;font-weight:500!important}.compensation-summary .salary-card .card-value{font-size:22px!important;font-weight:700!important;color:#fff!important}.compensation-summary .salary-card .card-meta{font-size:12px!important;color:#ffffffb3!important}.data-table{border:1px solid var(--ds-border-default)!important;border-radius:12px!important;overflow:hidden!important}.data-table table{width:100%!important;border-collapse:collapse!important}.data-table th{background:var(--ds-bg-surface)!important;padding:12px 16px!important;font-size:12px!important;font-weight:600!important;color:var(--ds-text-secondary)!important;text-transform:uppercase!important;letter-spacing:.03em!important;text-align:start!important}.data-table td{padding:12px 16px!important;font-size:14px!important;border-top:1px solid var(--ds-border-default)!important;color:var(--ds-text-primary)!important}.data-table tfoot td{background:var(--ds-bg-surface)!important;font-weight:600!important}.data-table .amount{font-weight:600!important}.data-table .amount.positive{color:#10b981!important}.data-table .amount.negative{color:#ef4444!important}.data-table .badge.type-fixed{background:#3b82f626!important;color:#3b82f6!important;padding:4px 10px!important;border-radius:6px!important;font-size:11px!important}.data-table .badge.type-percent{background:#8b5cf626!important;color:#8b5cf6!important;padding:4px 10px!important;border-radius:6px!important;font-size:11px!important}.data-table .badge.status-approved{background:#10b98126!important;color:#10b981!important;padding:4px 10px!important;border-radius:6px!important;font-size:11px!important}.data-table .badge.status-pending{background:#f59e0b26!important;color:#f59e0b!important;padding:4px 10px!important;border-radius:6px!important;font-size:11px!important}.data-table .badge.status-rejected{background:#ef444426!important;color:#ef4444!important;padding:4px 10px!important;border-radius:6px!important;font-size:11px!important}.employee-profile.rtl .data-table th,.employee-profile.rtl .data-table td{text-align:end!important}@media(max-width:992px){.compensation-summary .salary-cards{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:576px){.compensation-summary .salary-cards{grid-template-columns:1fr!important}.data-table{overflow-x:auto!important}.data-table table{min-width:500px!important}}.employee-profile .info-item.editable{background:#3b82f60d!important;border:1px dashed rgba(59,130,246,.3)!important;border-radius:10px!important;padding:12px!important}.employee-profile .info-item.editable .info-label{display:flex!important;align-items:center!important;gap:8px!important}.employee-profile .editable-badge{display:inline-flex!important;align-items:center!important;padding:2px 8px!important;border-radius:10px!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.employee-profile .fill-field-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;border:1px dashed var(--ds-border-default, var(--ds-border-default))!important;border-radius:8px!important;background:transparent!important;color:var(--ds-primary, #3b82f6)!important;font-size:13px!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important;justify-content:center!important}.employee-profile .fill-field-btn:hover{background:#3b82f61a!important;border-color:var(--ds-primary, #3b82f6)!important}.employee-profile .inline-edit{display:flex!important;gap:8px!important;align-items:center!important;width:100%!important}.employee-profile .inline-edit input{flex:1!important;padding:10px 14px!important;border:1px solid var(--ds-border-default, var(--ds-border-default))!important;border-radius:8px!important;background:var(--ds-bg-surface, var(--ds-bg-surface))!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;font-size:14px!important;outline:none!important;transition:border-color .2s!important}.employee-profile .inline-edit input:focus{border-color:var(--ds-primary, #3b82f6)!important;box-shadow:0 0 0 3px #3b82f626!important}.employee-profile .inline-edit input::placeholder{color:var(--ds-text-muted, var(--ds-text-muted))!important}.employee-profile .inline-edit select{flex:1!important;padding:10px 14px!important;border:1px solid var(--ds-border-default, var(--ds-border-default))!important;border-radius:8px!important;background:var(--ds-bg-surface, var(--ds-bg-surface))!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;font-size:14px!important;outline:none!important;transition:border-color .2s!important;cursor:pointer!important}.employee-profile .inline-edit select:focus{border-color:var(--ds-primary, #3b82f6)!important;box-shadow:0 0 0 3px #3b82f626!important}.employee-profile .inline-edit select option{background:var(--ds-bg-surface, var(--ds-bg-surface))!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;padding:10px!important}.employee-profile .inline-edit-actions{display:flex!important;gap:6px!important}.employee-profile .inline-edit-actions .save-btn,.employee-profile .inline-edit-actions .cancel-btn{width:34px!important;height:34px!important;border-radius:8px!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important}.employee-profile .inline-edit-actions .save-btn{background:var(--ds-success, #22c55e)!important;color:#fff!important}.employee-profile .inline-edit-actions .save-btn:hover{background:#16a34a!important}.employee-profile .inline-edit-actions .save-btn:disabled{opacity:.6!important;cursor:not-allowed!important}.employee-profile .inline-edit-actions .cancel-btn{background:#64748b33!important;color:var(--ds-text-secondary, var(--ds-text-secondary))!important}.employee-profile .inline-edit-actions .cancel-btn:hover{background:#ef444433!important;color:#ef4444!important}.employee-profile .info-item.filled{position:relative!important}.employee-profile.rtl .inline-edit,.employee-profile.rtl .fill-field-btn{flex-direction:row-reverse!important}.employee-profile .image-card.upload-placeholder{background:#3b82f60d!important;border:2px dashed rgba(59,130,246,.3)!important;cursor:pointer!important}.employee-profile .image-card.upload-placeholder:hover{background:#3b82f61a!important;border-color:var(--ds-primary, #3b82f6)!important}.employee-profile .upload-label{display:flex!important;width:100%!important;height:100%!important;cursor:pointer!important}.employee-profile .upload-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:140px!important;padding:20px!important;text-align:center!important;color:var(--ds-primary, #3b82f6)!important}.employee-profile .upload-content svg{margin-bottom:10px!important;opacity:.7!important}.employee-profile .upload-title{font-size:13px!important;font-weight:600!important;margin-bottom:4px!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important}.employee-profile .upload-hint{font-size:11px!important;color:var(--ds-text-muted, var(--ds-text-muted))!important}.employee-profile .uploading-spinner{width:28px!important;height:28px!important;border:3px solid rgba(59,130,246,.2)!important;border-top-color:var(--ds-primary, #3b82f6)!important;border-radius:50%!important;animation:spin .8s linear infinite!important;margin-bottom:10px!important}.employee-profile .file-upload-wrapper{display:flex;flex-direction:column;gap:8px}.employee-profile .file-upload-wrapper input[type=file]{display:none}.employee-profile .file-upload-label{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--ds-bg-surface);border:2px dashed var(--ds-border-default);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--ds-text-secondary)}.employee-profile .file-upload-label:hover{border-color:var(--ds-primary, #3b82f6);background:#3b82f60d;color:var(--ds-primary, #3b82f6)}.employee-profile .file-upload-label svg{color:var(--ds-primary, #3b82f6)}.employee-profile .file-hint{font-size:12px;color:var(--ds-text-muted);margin:0;padding-inline-start:4px}.employee-leave{padding:24px;min-height:100vh;background:var(--ds-bg-surface)!important}.employee-leave.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.employee-leave .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.employee-leave .header-left{display:flex;align-items:center;gap:16px}.employee-leave .back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ds-card-bg)!important;color:var(--ds-text-secondary)!important;transition:all .2s}.employee-leave .back-link:hover{background:var(--ds-primary)!important;color:#fff!important}.employee-leave .page-header h1{font-size:24px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--ds-primary, #3b82f6) 0%,#1e40af 100%)!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d!important}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.balance-card{display:flex;gap:16px;padding:24px;background:var(--ds-card-bg)!important;border-radius:16px;box-shadow:0 4px 20px #0000000d!important}.balance-card.annual{border-left:4px solid var(--ds-primary, #3b82f6)}.balance-card.sick{border-left:4px solid #f59e0b}.balance-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:var(--ds-primary-subtle, #eff6ff)!important;color:var(--ds-primary, #3b82f6)!important}.balance-card.sick .balance-icon{background:#fef3c7!important;color:#f59e0b!important}.balance-info h3{font-size:14px;font-weight:500;color:var(--ds-text-secondary)!important;margin:0 0 8px}.balance-numbers{display:flex;align-items:center;gap:8px}.balance-item{display:flex;flex-direction:column}.balance-item .number{font-size:28px;font-weight:700;color:var(--ds-text-primary)!important}.balance-item .label{font-size:11px;color:var(--ds-text-secondary)!important}.balance-divider{font-size:24px;color:var(--ds-text-secondary)!important}.balance-bar{margin-top:12px;height:6px;background:var(--ds-border-default)!important;border-radius:3px;overflow:hidden}.balance-progress{height:100%;background:var(--ds-primary, #3b82f6)!important;border-radius:3px;transition:width .3s}.requests-card{background:var(--ds-card-bg)!important;border-radius:16px;box-shadow:0 4px 20px #0000000d!important;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.card-header h2{font-size:16px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.requests-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 20px;text-align:left}th{font-size:12px;font-weight:600;color:var(--ds-text-secondary)!important;text-transform:uppercase;background:var(--ds-bg-elevated)!important;border-bottom:1px solid var(--ds-border-default)}td{font-size:14px;color:var(--ds-text-primary)!important;border-bottom:1px solid var(--ds-border-default)}tr:hover td{background:var(--ds-bg-hover)!important}.empty-state{text-align:center;padding:40px;color:var(--ds-text-secondary)!important}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.approved{background:#dcfce7!important;color:#16a34a!important}.status-badge.rejected{background:#fee2e2!important;color:#dc2626!important}.employee-leave .modal-overlay{position:fixed;inset:0;background:#00000080!important;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.employee-leave .modal-content{background:var(--ds-bg-surface)!important;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.employee-leave .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.employee-leave .modal-header h2{font-size:18px;font-weight:600;margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--ds-bg-surface)!important;border-radius:8px;color:var(--ds-text-secondary)!important;cursor:pointer}.modal-content form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--ds-text-secondary)!important;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ds-primary, #3b82f6)!important}.days-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--ds-primary-light, #eff6ff)!important;border-radius:8px;color:var(--ds-primary, #3b82f6)!important;font-weight:500;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--ds-border-default)}.btn-secondary{padding:10px 20px;background:var(--ds-bg-surface)!important;color:var(--ds-text-secondary)!important;border:none;border-radius:10px;font-size:14px;cursor:pointer}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#fee2e2!important;color:#dc2626!important;border-radius:8px;margin-bottom:16px;font-size:14px}.employee-leave.rtl{direction:rtl}.employee-leave.rtl .balance-card{border-left:none;border-right:4px solid var(--ds-primary, #3b82f6)}.employee-leave.rtl .balance-card.sick{border-right-color:#f59e0b!important}.employee-leave.rtl th,.employee-leave.rtl td{text-align:right}.leave-type-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.balance-hint{margin-top:8px;padding:8px 12px;background:var(--ds-info-bg, #eff6ff)!important;color:var(--ds-info, #3b82f6)!important;border-radius:6px;font-size:13px}.balance-hint strong{font-weight:600}.warning-text{color:#f59e0b!important;margin-left:12px;font-size:13px}.employee-leave.rtl .warning-text{margin-left:0;margin-right:12px}[data-theme=dark] .employee-leave th{background:var(--ds-bg-elevated, var(--ds-bg-surface))!important}[data-theme=dark] .employee-leave tr:hover td{background:var(--ds-bg-hover, var(--ds-bg-elevated))!important}.balance-hint.no-balance{background:var(--ds-danger-bg, #fee2e2)!important;color:var(--ds-danger, #dc2626)!important;border:1px solid var(--ds-danger-border, #fecaca);display:flex;align-items:center;gap:6px}.form-group select.no-balance{border-color:var(--ds-danger, #dc2626)!important}.date-hint{display:block;margin-top:4px;font-size:11px;color:var(--ds-text-muted)}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed;background:var(--ds-bg-elevated)!important}.modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)!important}.employee-payslips{padding:24px;min-height:100vh;background:var(--ds-bg-surface)!important}.employee-payslips.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.employee-payslips .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.employee-payslips .header-left{display:flex;align-items:center;gap:16px}.employee-payslips .back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ds-card-bg)!important;color:var(--ds-text-secondary)!important;text-decoration:none;transition:all .2s}.employee-payslips .back-link:hover{background:var(--ds-primary)!important;color:#fff!important}.employee-payslips .page-header h1{font-size:24px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.year-filter{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--ds-card-bg)!important;border-radius:10px;box-shadow:0 2px 8px #0000000d!important}.year-filter label{color:var(--ds-text-secondary)!important}.year-filter select{padding:6px 12px;border:1px solid var(--ds-border-default);border-radius:6px;font-size:14px;background:var(--ds-card-bg)!important}.summary-card{display:flex;align-items:center;padding:24px 32px;background:linear-gradient(135deg,var(--ds-primary, #3b82f6) 0%,#1e40af 100%)!important;border-radius:16px;color:#fff!important;margin-bottom:24px}.summary-item{flex:1}.summary-item .summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3!important;border-radius:12px;margin-bottom:12px}.summary-content h3{font-size:14px;font-weight:400;opacity:.8;margin:0 0 4px}.summary-content .amount{display:block;font-size:28px;font-weight:700;margin-bottom:4px}.summary-content .period{font-size:13px;opacity:.7}.summary-divider{width:1px;height:80px;background:#fff3!important;margin:0 32px}.summary-stats{display:flex;gap:32px}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:32px;font-weight:700}.stat-label{font-size:13px;opacity:.8}.payslips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.payslip-card{background:var(--ds-card-bg)!important;border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000000d!important;transition:transform .2s,box-shadow .2s}.payslip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a!important}.payslip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.payslip-month{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ds-text-primary)!important}.payslip-month svg{color:var(--ds-primary, #3b82f6)!important}.status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.status-badge.paid{background:#dcfce7!important;color:#16a34a!important}.status-badge.pending{background:#fef3c7!important;color:#d97706!important}.payslip-amount{text-align:center;padding:16px 0;border-bottom:1px solid var(--ds-border-default);margin-bottom:16px}.net-label{display:block;font-size:12px;color:var(--ds-text-secondary)!important;margin-bottom:4px}.net-amount{font-size:24px;font-weight:700;color:var(--ds-primary, #3b82f6)!important}.payslip-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--ds-text-secondary)!important}.detail-row.positive span:last-child{color:#16a34a!important}.detail-row.negative span:last-child{color:#dc2626!important}.payslip-actions{display:flex;gap:8px}.btn-view,.btn-download{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view{background:var(--ds-primary-subtle, #eff6ff)!important;color:var(--ds-primary, #3b82f6)!important}.btn-view:hover{background:var(--ds-primary, #3b82f6)!important;color:#fff!important}.btn-download{background:#f0fdf4!important;color:#16a34a!important}.btn-download:hover{background:#16a34a!important;color:#fff!important}.employee-payslips .empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--ds-text-secondary)!important;text-align:center}.employee-payslips .empty-state svg{margin-bottom:16px;opacity:.3}.employee-payslips.rtl{direction:rtl}.employee-payslips.rtl .back-link svg{transform:rotate(180deg)}@media(max-width:768px){.employee-payslips{padding:16px}.summary-card{flex-direction:column;gap:20px}.summary-divider{width:100%;height:1px;margin:0}.payslips-grid{grid-template-columns:1fr}}.projection-card{background:var(--ds-card-bg)!important;border-radius:16px;padding:24px;margin-bottom:24px;border:2px solid transparent;background-image:linear-gradient(var(--ds-card-bg),var(--ds-card-bg)),linear-gradient(135deg,var(--ds-primary, #3b82f6) 0%,#8b5cf6 100%);background-origin:padding-box,border-box;background-clip:padding-box,border-box}.projection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.projection-title{display:flex;align-items:center;gap:10px}.projection-title h2{font-size:18px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.projection-title svg{color:var(--ds-primary, #3b82f6)!important}.projection-month{padding:6px 12px;background:var(--ds-primary-bg, rgba(59, 130, 246, .15))!important;color:var(--ds-primary, #3b82f6)!important;border-radius:20px;font-size:13px;font-weight:500}.projection-body{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px;align-items:center}.projection-main{text-align:center;padding:20px;background:linear-gradient(135deg,var(--ds-primary, #3b82f6) 0%,#6366f1 100%);border-radius:12px;color:#fff}.projection-label{display:block;font-size:12px;opacity:.8;margin-bottom:4px}.projection-amount{font-size:28px;font-weight:700;display:block}.projection-breakdown{padding:0 16px}.breakdown-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--ds-border-default);font-size:14px;color:var(--ds-text-secondary)!important}.breakdown-item:last-child{border-bottom:none}.breakdown-item.positive span:last-child{color:var(--ds-success, #16a34a)!important;font-weight:500}.breakdown-item.negative span:last-child{color:var(--ds-danger, #dc2626)!important;font-weight:500}.attendance-summary{display:flex;flex-direction:column;gap:12px}.attendance-stat{display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--ds-bg-elevated)!important;border-radius:10px;text-align:center}.attendance-stat svg{color:var(--ds-text-muted)!important;margin-bottom:4px}.attendance-stat span{font-size:18px;font-weight:600;color:var(--ds-text-primary)!important}.attendance-stat label{font-size:11px;color:var(--ds-text-muted)!important}.schedule-section{background:var(--ds-card-bg)!important;border-radius:16px;padding:24px;margin-bottom:24px}.schedule-section h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 20px}.schedule-section h2 svg{color:var(--ds-primary, #3b82f6)!important}.assignments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.assignment-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--ds-bg-elevated)!important;border-radius:12px;border:1px solid var(--ds-border-default);position:relative;transition:all .2s}.assignment-card:hover{border-color:var(--ds-primary, #3b82f6)!important;box-shadow:var(--ds-shadow-md)!important}.assignment-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.assignment-card.site .assignment-icon{background:var(--ds-primary-bg, rgba(59, 130, 246, .15))!important;color:var(--ds-primary, #3b82f6)!important}.assignment-card.vip .assignment-icon{background:var(--ds-secondary-bg, rgba(139, 92, 246, .15))!important;color:var(--ds-secondary, #8b5cf6)!important}.assignment-info{flex:1;min-width:0}.assignment-info h4{font-size:15px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 4px}.assignment-code{display:inline-block;font-size:12px;color:var(--ds-text-muted)!important;background:var(--ds-bg-surface)!important;padding:2px 6px;border-radius:4px;margin-bottom:6px}.assignment-location,.assignment-client{display:block;font-size:12px;color:var(--ds-text-secondary)!important}.assignment-shift,.assignment-group{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ds-text-muted)!important;margin-top:6px}.assignment-type-badge{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase}.assignment-type-badge.site{background:var(--ds-primary-bg, rgba(59, 130, 246, .15))!important;color:var(--ds-primary, #3b82f6)!important}.assignment-type-badge.vip{background:var(--ds-secondary-bg, rgba(139, 92, 246, .15))!important;color:var(--ds-secondary, #8b5cf6)!important}.employee-payslips.rtl .assignment-type-badge{right:auto;left:10px}@media(max-width:992px){.projection-body{grid-template-columns:1fr;gap:16px}.projection-main{order:-1}}@media(max-width:640px){.assignments-grid{grid-template-columns:1fr}}.status-badge.paid{background:var(--ds-success-bg, rgba(22, 163, 74, .15))!important;color:var(--ds-success, #16a34a)!important}.shift-rotation-card{background:var(--ds-bg-surface);border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;border:1px solid var(--ds-border-default);transition:all .3s ease}.shift-rotation-card.alert{border-color:var(--ds-warning);box-shadow:0 0 0 2px #f59e0b33;animation:pulse-warning 2s infinite}.shift-rotation-card.active{border-color:var(--ds-success);background:linear-gradient(135deg,rgba(16,185,129,.05),transparent)}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 2px #f59e0b33}50%{box-shadow:0 0 0 4px #f59e0b4d}}.shift-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ds-border-subtle)}.shift-title{display:flex;align-items:center;gap:8px}.shift-title h3{margin:0;font-size:16px;font-weight:600;color:var(--ds-text-primary)}.shift-title svg{color:var(--ds-primary)}.shift-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.shift-status-badge.on-shift{background:var(--ds-success-bg);color:var(--ds-success)}.shift-status-badge.starting-soon{background:var(--ds-warning-bg);color:var(--ds-warning);animation:blink 1s infinite}.shift-status-badge.off-duty{background:#6b72801a;color:var(--ds-text-muted)}.shift-status-badge.off-rotation{background:#6366f11a;color:var(--ds-primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.shift-card-body{display:flex;flex-direction:column;gap:12px}.shift-info-section{text-align:center}.shift-name{font-size:18px;font-weight:600;color:var(--ds-text-primary);margin-bottom:8px}.shift-times{display:flex;align-items:center;justify-content:center;gap:8px}.time-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--ds-bg-elevated);border-radius:8px;font-size:14px;font-weight:600;color:var(--ds-text-primary)}.time-badge svg{color:var(--ds-warning)}.time-badge:last-child svg{color:var(--ds-primary)}.time-separator{color:var(--ds-text-muted)}.group-info-section{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--ds-bg-elevated);border-radius:8px}.group-badge{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--ds-text-primary)}.group-badge svg{color:var(--ds-primary)}.active-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:#059669}.inactive-indicator{font-size:12px;color:var(--ds-text-muted)}.countdown-section{text-align:center;padding:16px;background:linear-gradient(135deg,#f59e0b1a,#ef44440d);border-radius:12px;border:1px solid rgba(245,158,11,.2)}.countdown-label{font-size:12px;color:var(--ds-warning);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.countdown-timer{font-size:36px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--ds-warning);letter-spacing:2px}.time-until-section{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;color:var(--ds-text-secondary);font-size:14px}.time-until-section svg{color:var(--ds-primary)}.schedule-period{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--ds-text-muted)}.shift-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--ds-border-subtle)}.site-name{font-size:13px;color:var(--ds-text-secondary)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--ds-bg-elevated);border-radius:6px;cursor:pointer;color:var(--ds-text-muted);transition:all .2s ease}.refresh-btn:hover{background:var(--ds-primary);color:#fff}.shift-rotation-card.loading{min-height:180px;display:flex;align-items:center;justify-content:center}.shift-card-skeleton{width:100%}.skeleton-line{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shift-rotation-card.no-shift{min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--ds-bg-elevated)}.no-shift-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ds-text-muted)}.no-shift-content p{margin:0;font-size:14px}[data-theme=dark] .shift-rotation-card{background:var(--ds-bg-surface);border-color:var(--ds-border-default)}[data-theme=dark] .shift-card-header{border-bottom-color:var(--ds-border-default)}[data-theme=dark] .time-badge,[data-theme=dark] .group-info-section{background:#ffffff0d}[data-theme=dark] .shift-card-footer{border-top-color:var(--ds-border-default)}[data-theme=dark] .refresh-btn{background:#ffffff1a}[dir=rtl] .shift-card-header,[dir=rtl] .group-info-section,[dir=rtl] .shift-card-footer{flex-direction:row-reverse}[dir=rtl] .time-separator{transform:rotate(180deg)}@media(max-width:480px){.shift-rotation-card{padding:12px}.shift-name{font-size:16px}.countdown-timer{font-size:28px}.time-badge{padding:4px 8px;font-size:13px}}.shift-rotation-card.error .error-content{text-align:center;padding:20px}.shift-rotation-card.error .error-message{margin-bottom:16px}.shift-rotation-card.error .error-title{font-weight:600;color:var(--ds-text-primary);margin-bottom:8px}.shift-rotation-card.error .error-description{color:var(--ds-text-secondary);font-size:14px;line-height:1.4}.retry-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--ds-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--ds-primary-hover);transform:translateY(-1px)}.retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.retry-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-support{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--ds-bg-subtle);border-radius:8px;border:1px solid var(--ds-border-subtle)}.support-message{font-size:13px;color:var(--ds-text-secondary);margin-bottom:8px}.support-actions{display:flex;gap:8px}.btn-contact-support,.btn-call-support{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:6px;font-size:13px;color:var(--ds-text-primary);cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.btn-contact-support:hover,.btn-call-support:hover{background:var(--ds-bg-hover);border-color:var(--ds-border-hover)}.retry-info{margin-top:8px;padding:8px;background:var(--ds-bg-subtle);border-radius:6px}.retry-count{font-size:12px;color:var(--ds-text-secondary);margin:0}.no-shift-warning .contact-hr{margin-top:16px;padding:16px;background:var(--ds-bg-subtle);border-radius:8px;border:1px solid var(--ds-border-subtle)}.no-shift-warning .contact-buttons{display:flex;gap:8px;margin-top:12px}.btn-contact-hr{display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--ds-border-default);border-radius:6px;background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.btn-contact-hr.email{background:var(--ds-primary);color:#fff;border-color:var(--ds-primary)}.btn-contact-hr.email:hover{background:var(--ds-primary-hover)}.btn-contact-hr.phone:hover{background:var(--ds-bg-hover);border-color:var(--ds-border-hover)}.hr-info{margin-top:12px;padding-top:12px;border-top:1px solid var(--ds-border-subtle)}.hr-hours{font-size:12px;color:var(--ds-text-secondary);margin:0;text-align:center}.shift-notification-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:500px;width:calc(100% - 32px)}.shift-notification-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;background:var(--ds-card-bg);box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease-out;transition:all .3s ease}.shift-notification-banner.hiding{opacity:0;transform:translateY(-20px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.shift-notification-banner.info{border-left:4px solid #6366f1}.shift-notification-banner.info .banner-icon{background:#6366f11a;color:#6366f1}.shift-notification-banner.warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.shift-notification-banner.warning .banner-icon{background:#f59e0b1a;color:#f59e0b;animation:pulse 2s infinite}.shift-notification-banner.urgent{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.shift-notification-banner.urgent .banner-icon{background:#ef44441a;color:#ef4444;animation:urgentPulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 0 8px #ef444400}}.banner-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.banner-content{flex:1;min-width:0}.banner-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.banner-message{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shift-time{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#111827}.banner-dismiss{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#0000000d;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease;flex-shrink:0}.banner-dismiss:hover{background:#0000001a;color:#111827}[data-theme=dark] .shift-notification-banner{background:var(--ds-bg-surface);box-shadow:0 4px 20px #0006}[data-theme=dark] .shift-notification-banner.warning{background:linear-gradient(135deg,rgba(245,158,11,.1),var(--ds-bg-surface))}[data-theme=dark] .shift-notification-banner.urgent{background:linear-gradient(135deg,rgba(239,68,68,.1),var(--ds-bg-surface))}[data-theme=dark] .banner-title{color:#f9fafb}[data-theme=dark] .banner-message{color:#9ca3af}[data-theme=dark] .shift-time{color:#f9fafb}[data-theme=dark] .banner-dismiss{background:#ffffff1a;color:#9ca3af}[data-theme=dark] .banner-dismiss:hover{background:#ffffff26;color:#f9fafb}[dir=rtl] .shift-notification-banner{border-left:none;border-right:4px solid}[dir=rtl] .shift-notification-banner.info{border-right-color:#6366f1}[dir=rtl] .shift-notification-banner.warning{border-right-color:#f59e0b}[dir=rtl] .shift-notification-banner.urgent{border-right-color:#ef4444}[dir=rtl] .shift-notification-banner{flex-direction:row-reverse}@media(max-width:480px){.shift-notification-container{top:70px}.shift-notification-banner{padding:12px 16px;gap:12px}.banner-icon{width:40px;height:40px}.banner-icon svg{width:20px;height:20px}.banner-title{font-size:14px}.banner-message{font-size:12px}}.verification-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.verification-modal{background:var(--ds-card-bg);border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.vm-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.vm-header h2{flex:1;margin:0;font-size:18px;font-weight:600}.vm-header .close-btn{background:#ffffff26;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.vm-header .close-btn:hover{background:#ffffff40}.vm-steps{display:flex;align-items:center;padding:20px 24px;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.vm-steps .step{display:flex;align-items:center;gap:10px;color:var(--ds-text-muted);font-size:13px;transition:color .2s}.vm-steps .step.active{color:var(--ds-text-primary)}.vm-steps .step.completed{color:#22c55e}.vm-steps .step-icon{width:36px;height:36px;border-radius:50%;background:var(--ds-bg-elevated);display:flex;align-items:center;justify-content:center;transition:all .2s}.vm-steps .step.active .step-icon{background:#3b82f633;color:#60a5fa}.vm-steps .step.completed .step-icon{background:#22c55e26;color:#22c55e}.vm-steps .step-line{flex:1;height:2px;background:var(--ds-border-default);margin:0 16px}.vm-content{flex:1;overflow-y:auto;padding:24px}.location-step{text-align:center}.location-step .step-illustration{margin-bottom:20px}.location-step .location-icon{color:#3b82f6;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.location-step h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--ds-text-primary)}.location-step p{margin:0 0 20px;color:var(--ds-text-secondary);font-size:14px}.distance-info{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--ds-bg-elevated);border-radius:24px;font-size:15px;font-weight:500;margin-bottom:16px}.verify-location-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:280px}.verify-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.verify-location-btn:disabled{opacity:.7;cursor:not-allowed}.photo-step{display:flex;flex-direction:column;align-items:center}.success-message{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#22c55e26;border-radius:10px;color:#4ade80;font-size:14px;margin-bottom:16px;width:100%}.camera-container{width:100%;aspect-ratio:4/3;background:#000;border-radius:16px;overflow:hidden;position:relative;margin-bottom:20px}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.photo-preview img{width:100%;height:100%;object-fit:cover}.camera-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ef4444;text-align:center;padding:30px}.camera-error p{margin:12px 0;font-size:14px}.camera-error button{padding:10px 20px;background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:8px;color:#fff;cursor:pointer}.photo-actions{display:flex;gap:12px;width:100%}.photo-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.shutter-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;background:#ffffff40;border:4px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.shutter-btn:hover{transform:translate(-50%) scale(1.08);background:#ffffff59}.shutter-btn:active{transform:translate(-50%) scale(.95)}.shutter-inner{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#1a1f2e;transition:all .15s}.shutter-btn:hover .shutter-inner{background:#f0f0f0}.start-camera-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.start-camera-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.retake-btn{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default)!important;color:var(--ds-text-primary)}.retake-btn:hover{background:var(--ds-bg-hover)}.submit-btn{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:13px;margin-bottom:16px;width:100%;text-align:left}.error-message svg{flex-shrink:0;margin-top:2px}[dir=rtl] .vm-header,[dir=rtl] .vm-steps,[dir=rtl] .error-message{direction:rtl}@media(max-width:480px){.verification-modal{max-height:100vh;border-radius:0}.vm-steps .step span{display:none}.photo-actions{flex-direction:column}}.verification-alert-banner{background:linear-gradient(135deg,#fef3c7,#fcd34d);border-radius:16px;padding:20px 24px;margin-bottom:20px;box-shadow:0 4px 20px #f59e0b4d;border:2px solid #f59e0b;animation:alertPulse 2s ease-in-out infinite}.verification-alert-banner.expiring{background:linear-gradient(135deg,#fee2e2,#fca5a5);border-color:#ef4444;box-shadow:0 4px 20px #ef444466;animation:urgentPulse .5s ease-in-out infinite}.verification-alert-banner.expired{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#6b7280;box-shadow:0 4px 12px #6b728033;animation:none}@keyframes alertPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #f59e0b4d}50%{transform:scale(1.01);box-shadow:0 6px 30px #f59e0b80}}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #ef444466}50%{transform:scale(1.02);box-shadow:0 8px 40px #ef444499}}.verification-alert-banner .alert-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.verification-alert-banner .alert-icon{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 4px 12px #0000001a;animation:iconShake .5s ease-in-out infinite}.verification-alert-banner.expiring .alert-icon{color:#ef4444}@keyframes iconShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.verification-alert-banner .alert-text{flex:1;min-width:200px}.verification-alert-banner .alert-text h4{margin:0 0 4px;font-size:18px;font-weight:700;color:#92400e}.verification-alert-banner.expiring .alert-text h4{color:#991b1b}.verification-alert-banner .alert-text p{margin:0;font-size:14px;color:#a16207}.verification-alert-banner.expiring .alert-text p{color:#dc2626}.verification-alert-banner .alert-countdown{display:flex;flex-direction:column;align-items:center;background:#fff;padding:12px 20px;border-radius:12px;min-width:80px;box-shadow:0 2px 8px #0000001a}.verification-alert-banner .alert-countdown svg{color:#f59e0b;margin-bottom:4px}.verification-alert-banner.expiring .alert-countdown svg{color:#ef4444}.verification-alert-banner .alert-countdown .time{font-size:24px;font-weight:700;color:#92400e;font-family:monospace}.verification-alert-banner.expiring .alert-countdown .time{color:#ef4444}.verification-alert-banner .alert-countdown .label{font-size:11px;color:#a16207;text-transform:uppercase;letter-spacing:.5px}.verification-alert-banner .approve-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #16a34a66}.verification-alert-banner .approve-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #16a34a80}.verification-alert-banner .approve-btn:active:not(:disabled){transform:translateY(0)}.verification-alert-banner .approve-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.verification-alert-banner .approve-btn .loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.verification-alert-banner .more-verifications{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(146,64,14,.3);font-size:13px;color:#a16207;text-align:center}[dir=rtl] .verification-alert-banner .alert-content{flex-direction:row-reverse}@media(max-width:640px){.verification-alert-banner .alert-content{flex-direction:column;text-align:center}.verification-alert-banner .alert-text{order:1}.verification-alert-banner .alert-icon{order:0}.verification-alert-banner .alert-countdown{order:2;flex-direction:row;gap:10px}.verification-alert-banner .approve-btn{order:3;width:100%;justify-content:center}}.camera-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.camera-modal{background:var(--ds-card-bg);border-radius:20px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.camera-header h3{margin:0;font-size:18px;font-weight:600}.camera-header .close-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.camera-header .close-btn:hover{background:#ffffff4d}.camera-body{position:relative;aspect-ratio:4/3;background:#000;display:flex;align-items:center;justify-content:center}.camera-body video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-body .captured-preview img{width:100%;height:100%;object-fit:cover}.camera-body .camera-error{padding:40px;text-align:center;color:#ef4444}.camera-actions{display:flex;gap:12px;padding:20px;background:var(--ds-bg-surface)}.camera-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.camera-actions .capture-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.camera-actions .capture-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.camera-actions .retake-btn{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.camera-actions .retake-btn:hover:not(:disabled){background:var(--ds-card-bg)}.camera-actions .submit-btn{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.camera-actions .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.camera-actions button:disabled{opacity:.6;cursor:not-allowed}.camera-actions .loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.employee-attendance{padding:24px;min-height:100vh;background:var(--ds-bg-surface)!important}.employee-attendance.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.employee-attendance .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.employee-attendance .header-left{display:flex;align-items:center;gap:16px}.employee-attendance .back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ds-card-bg)!important;color:var(--ds-text-secondary)!important;text-decoration:none;transition:all .2s}.employee-attendance .back-link:hover{background:var(--ds-primary)!important;color:#fff!important}.employee-attendance .page-header h1{font-size:24px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.employee-attendance .current-time{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--ds-card-bg)!important;border-radius:10px;font-size:18px;font-weight:600;color:var(--ds-primary)!important;box-shadow:var(--ds-shadow-sm)!important}.message{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.error-message{background:#fee2e2!important;color:#dc2626!important}.success-message{background:#dcfce7!important;color:#16a34a!important}.error-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.error-modal{background:var(--ds-bg-surface);border-radius:16px;padding:32px;max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.error-modal-icon{width:80px;height:80px;margin:0 auto 20px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.error-modal h3{font-size:1.25rem;color:var(--ds-text-primary);margin:0 0 12px}.error-message-text{font-size:.9rem;color:var(--ds-text-secondary, var(--ds-text-muted));margin:0 0 20px;line-height:1.6}.error-debug-info{background:var(--ds-bg-surface, var(--ds-bg-surface));border-radius:12px;padding:16px;margin-bottom:20px;text-align:start}.error-debug-info h4{font-size:.75rem;color:var(--ds-text-muted, var(--ds-text-secondary));margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.debug-grid{display:flex;flex-direction:column;gap:8px}.debug-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--ds-bg-surface);border-radius:8px;font-size:.8rem}.debug-label{color:var(--ds-text-muted, var(--ds-text-secondary))}.debug-value{color:var(--ds-text-primary);font-weight:600;font-family:monospace}.btn-close-error{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-close-error:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .error-modal,.dark .error-modal{background:var(--ds-bg-surface)}[data-theme=dark] .error-modal h3,.dark .error-modal h3{color:var(--ds-border-subtle)}[data-theme=dark] .error-debug-info,.dark .error-debug-info{background:var(--ds-bg-base)}[data-theme=dark] .debug-item,.dark .debug-item{background:var(--ds-bg-surface)}[data-theme=dark] .debug-value,.dark .debug-value{color:var(--ds-border-subtle)}.attendance-content{max-width:600px;margin:0 auto}.status-card{background:var(--ds-card-bg)!important;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d!important}.status-header{text-align:center;margin-bottom:24px}.status-header h2{font-size:18px;font-weight:600;margin:0 0 4px}.status-header .date{font-size:14px;color:var(--ds-text-secondary)!important}.status-times{display:flex;align-items:center;justify-content:center;gap:20px}.time-box{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--ds-bg-surface)!important;border-radius:12px;transition:all .3s}.time-box.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important}.time-box.completed .time-icon{color:#16a34a!important}.time-icon{color:var(--ds-text-secondary)!important;margin-bottom:8px}.time-label{font-size:12px;color:var(--ds-text-secondary)!important;margin-bottom:4px}.time-value{font-size:24px;font-weight:700;color:var(--ds-text-primary)!important}.time-arrow{font-size:24px;color:var(--ds-text-secondary)!important}.camera-section{background:var(--ds-card-bg)!important;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d!important}.camera-section h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 16px;color:var(--ds-text-primary)!important}.location-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.location-status.success{background:#dcfce7!important;color:#16a34a!important}.location-status.error{background:#fef3c7!important;color:#d97706!important}.refresh-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#0000001a!important;border:none;border-radius:50%;cursor:pointer;margin-inline-start:auto}.camera-container{border-radius:12px;overflow:hidden;margin-bottom:16px;background:#000!important;aspect-ratio:4/3;min-height:300px;position:relative}.camera-placeholder{width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--ds-bg-surface) 0%,var(--ds-border-default) 100%)!important;color:#ffffffb3!important;cursor:pointer;transition:all .3s}.camera-placeholder:hover{color:#fff!important;background:linear-gradient(135deg,var(--ds-border-default) 0%,var(--ds-text-muted) 100%)!important}.camera-placeholder p{font-size:14px;margin:0}.camera-preview{position:relative;width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center}.camera-preview video{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}.capture-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:64px;height:64px;border-radius:50%;border:4px solid white;background:#fff3!important;color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.capture-btn:hover{background:#ffffff4d!important;transform:translate(-50%) scale(1.05)}.captured-preview{position:relative;width:100%;height:100%}.captured-preview img{width:100%;height:100%;object-fit:cover}.retake-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:10px 20px;background:#0009!important;color:#fff!important;border:none;border-radius:8px;font-size:14px;cursor:pointer}.retake-btn:hover{background:#000c!important}.action-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff!important;cursor:pointer;transition:all .3s}.action-btn.check-in{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.action-btn.check-out{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0003!important}.action-btn:disabled{opacity:.6;cursor:not-allowed}.completed-section{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-radius:16px;padding:40px;margin-bottom:24px;text-align:center;color:#16a34a!important}.completed-section svg{margin-bottom:16px}.completed-section h3{font-size:20px;font-weight:600;margin:0 0 8px}.completed-section p{font-size:14px;margin:0;opacity:.8}.history-section{background:var(--ds-card-bg)!important;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d!important}.history-section h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--ds-border-default)}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;padding:12px 16px;background:var(--ds-bg-surface)!important;border-radius:10px}.history-date{flex:1;font-size:14px;font-weight:500;color:var(--ds-text-primary)!important}.history-times{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ds-text-secondary)!important}.history-times .in{color:#16a34a!important}.history-times .out{color:#d97706!important}.history-times .separator{color:var(--ds-text-secondary)!important}.history-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;margin-inline-start:12px}.history-status.present{background:#dcfce7!important;color:#16a34a!important}.history-status.late{background:#fef3c7!important;color:#d97706!important}.history-status.absent{background:#fee2e2!important;color:#dc2626!important}.no-history{text-align:center;color:var(--ds-text-secondary)!important;padding:20px}.employee-attendance.rtl{direction:rtl}.employee-attendance.rtl .back-link svg{transform:rotate(180deg)}.employee-attendance.rtl .history-status{margin-inline-start:0;margin-inline-end:12px}.employee-attendance.rtl .refresh-btn{margin-inline-start:0;margin-inline-end:auto}@media(max-width:480px){.employee-attendance{padding:16px}.status-times{flex-direction:column;gap:12px}.time-arrow{transform:rotate(90deg)}.time-box{width:100%}}.connectivity-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px}.connectivity-banner.offline{background:linear-gradient(135deg,#ef444426,#ef44440d);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.connectivity-banner.syncing{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#d97706;border:1px solid rgba(245,158,11,.3)}.connectivity-banner .sync-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;background:#3b82f633;color:#3b82f6;cursor:pointer;font-size:13px;margin-inline-start:auto;transition:all .2s}.connectivity-banner .sync-btn:hover{background:#3b82f64d}.spinning{animation:spin 1s linear infinite}.shift-info-section{max-width:600px;margin:0 auto 24px}.shift-info-section .shift-rotation-card{margin-bottom:0}@media(max-width:480px){.shift-info-section{margin-bottom:16px}}.attendance-page .step-indicator{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;margin-bottom:24px!important;padding:0!important}.attendance-page .step-indicator .step{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important}.attendance-page .step-number{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:50%!important;background:#ffffff1a!important;border:2px solid rgba(255,255,255,.3)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:600!important;color:#ffffff80!important;transition:all .3s ease!important;box-sizing:border-box!important}.attendance-page .step-indicator .step.active .step-number{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;color:#fff!important;box-shadow:0 4px 15px #22c55e66!important}.attendance-page .step-indicator .step.completed .step-number{background:#22c55e!important;border:none!important;color:#fff!important}.attendance-page .step-label{font-size:12px!important;font-weight:500!important;color:#ffffff80!important;white-space:nowrap!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important}.attendance-page .step-indicator .step.active .step-label{color:#fff!important}.attendance-page .step-indicator .step.completed .step-label{color:#fffc!important}.attendance-page .step-connector{width:50px!important;height:2px!important;min-height:2px!important;max-height:2px!important;background:#fff3!important;margin-top:19px!important;flex-shrink:0!important;border:none!important;border-radius:0!important}[data-theme=light] .attendance-page .step-number{background:#0000000d!important;border-color:#00000026!important;color:#0006!important}[data-theme=light] .attendance-page .step-label{color:#0006!important}[data-theme=light] .attendance-page .step-indicator .step.active .step-label{color:#16a34a!important}[data-theme=light] .attendance-page .step-connector{background:#00000026!important}.location-verification-step{display:flex;flex-direction:column;gap:16px}.location-status-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--ds-bg-surface)!important;border-radius:12px;border:2px dashed var(--ds-border-default)!important}.location-status-card.has-location{background:#dcfce7!important;border-color:#16a34a!important;border-style:solid}.location-status-card .status-icon{color:var(--ds-text-secondary)!important}.location-status-card .status-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--ds-text-primary)!important}.location-status-card .status-info p{margin:0;font-size:13px;color:var(--ds-text-secondary)!important}.accuracy-badge{display:inline-block;margin-top:6px;padding:2px 8px;background:#22c55e33!important;color:#16a34a!important;border-radius:12px;font-size:11px;font-weight:500}.refresh-location-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#0000001a!important;color:var(--ds-text-secondary)!important;cursor:pointer;transition:all .2s}.refresh-location-btn:hover{background:#00000026!important}.vpn-warning{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fee2e2!important;color:#dc2626!important;border-radius:10px;font-size:14px}.verify-location-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.verify-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d!important}.verify-location-btn:disabled{opacity:.6;cursor:not-allowed}.location-verified-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#dcfce7!important;color:#16a34a!important;border-radius:8px;font-size:14px;margin-bottom:16px}.location-verified-badge .change-step-btn{margin-inline-start:auto;padding:4px 12px;border:none;border-radius:6px;background:#16a34a33!important;color:#16a34a!important;font-size:12px;cursor:pointer;transition:all .2s}.location-verified-badge .change-step-btn:hover{background:#16a34a4d!important}.employee-attendance.rtl .location-verified-badge .change-step-btn,.employee-attendance.rtl .connectivity-banner .sync-btn{margin-inline-start:0;margin-inline-end:auto}.location-comparison-card{background:var(--ds-bg-surface)!important;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d!important}.location-comparison-card h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 16px;color:var(--ds-text-primary)!important}.location-row{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--ds-bg-surface)!important;border-radius:10px;margin-bottom:8px}.location-row .location-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#3b82f6!important;color:#fff!important;border-radius:50%;flex-shrink:0}.location-row .location-icon.site{background:#ef4444!important}.location-row .location-details{flex:1;display:flex;flex-direction:column;gap:4px}.location-row .location-label{font-size:14px;font-weight:600;color:var(--ds-text-primary)!important;display:flex;align-items:center;gap:8px}.location-row .location-coords{font-size:12px;color:var(--ds-text-secondary)!important;font-family:monospace}.location-row .location-coords.pending{font-style:italic;color:var(--ds-text-muted)!important;font-family:inherit}.location-row .location-coords .accuracy,.location-row .location-coords .geofence{color:var(--ds-text-muted)!important}.primary-badge{padding:2px 8px;background:var(--ds-primary-light, rgba(59, 130, 246, .15))!important;color:var(--ds-primary, #3b82f6)!important;border-radius:10px;font-size:10px;font-weight:500}.distance-badge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;text-align:center}.distance-badge.green{background:#dcfce7!important;color:#16a34a!important}.distance-badge.yellow{background:#fef3c7!important;color:#d97706!important}.distance-badge.red{background:#fee2e2!important;color:#dc2626!important}.distance-badge .distance-value{font-size:16px;font-weight:700}.distance-badge .distance-status{font-size:10px;font-weight:500;text-transform:uppercase}.distance-visual{margin-top:16px;padding-top:16px;border-top:1px solid var(--ds-border-default)}.distance-bar-container{height:8px;background:#fee2e2!important;border-radius:4px;position:relative;overflow:visible}.distance-bar{height:100%;border-radius:4px;transition:width .3s ease}.distance-bar.in-range{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.distance-bar.out-of-range{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.geofence-marker{position:absolute;right:0;top:-4px;width:4px;height:16px;background:#1a1a1a!important;border-radius:2px}.distance-summary{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--ds-text-secondary)!important}.time-status-badge{text-align:center;padding:8px 16px;margin-top:16px;border-radius:8px;font-size:14px;font-weight:600}.time-status-badge.blue{background:var(--ds-primary-light, rgba(59, 130, 246, .15))!important;color:var(--ds-primary, #3b82f6)!important}.time-status-badge.green{background:#dcfce7!important;color:#16a34a!important}.time-status-badge.red{background:#fee2e2!important;color:#dc2626!important}.employee-attendance.rtl .distance-badge{margin-inline-start:0;margin-inline-end:auto}.employee-attendance.rtl .geofence-marker{right:auto;left:0}.off-day-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-radius:16px;padding:32px;text-align:center;margin-bottom:24px;box-shadow:0 4px 20px #3b82f626!important}.off-day-card .off-day-icon{width:80px;height:80px;margin:0 auto 16px;background:#fff!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6!important;box-shadow:0 4px 12px #3b82f633!important}.off-day-card h3{font-size:24px;font-weight:700;color:#1e40af!important;margin:0 0 12px}.off-day-card .off-day-message{font-size:15px;color:#3b82f6!important;margin:0 0 20px;line-height:1.6}.off-day-card .off-day-info{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.off-day-card .group-badge{padding:6px 16px;background:#fff!important;color:#3b82f6!important;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 2px 6px #00000014!important}.off-day-card .shift-name{padding:6px 16px;background:#1e40af1a!important;color:#1e40af!important;border-radius:20px;font-size:13px;font-weight:500}.off-day-card.wrong-rotation{background:linear-gradient(135deg,#fef3c7,#fde68a)!important}.off-day-card.wrong-rotation .off-day-icon{color:#d97706!important;box-shadow:0 4px 12px #d9770633!important}.off-day-card.wrong-rotation h3{color:#92400e!important}.off-day-card.wrong-rotation .off-day-message,.off-day-card.wrong-rotation .group-badge{color:#d97706!important}.too-early-card{background:linear-gradient(135deg,#ffedd5,#fed7aa)!important;border-radius:16px;padding:32px;text-align:center;margin-bottom:24px;box-shadow:0 4px 20px #ea580c26!important}.too-early-card .too-early-icon{width:80px;height:80px;margin:0 auto 16px;background:#fff!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ea580c!important;box-shadow:0 4px 12px #ea580c33!important}.too-early-card h3{font-size:24px;font-weight:700;color:#9a3412!important;margin:0 0 12px}.too-early-card .too-early-message{font-size:15px;color:#ea580c!important;margin:0 0 20px;line-height:1.6}.too-early-card .too-early-info{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.too-early-card .shift-time-badge,.too-early-card .available-at-badge{padding:8px 16px;background:#fff!important;color:#ea580c!important;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px #00000014!important}.too-early-card .available-at-badge{background:#16a34a1a!important;color:#16a34a!important}.too-late-card{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-radius:16px;padding:32px;text-align:center;margin-bottom:24px;box-shadow:0 4px 20px #dc262626!important}.too-late-card .too-late-icon{width:80px;height:80px;margin:0 auto 16px;background:#fff!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626!important;box-shadow:0 4px 12px #dc262633!important}.too-late-card h3{font-size:24px;font-weight:700;color:#991b1b!important;margin:0 0 12px}.too-late-card .too-late-message{font-size:15px;color:#dc2626!important;margin:0 0 20px;line-height:1.6}.too-late-card .too-late-info{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.too-late-card .shift-time-badge{padding:8px 16px;background:#fff!important;color:#dc2626!important;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px #00000014!important}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ds-border-default)}.history-header h3{margin:0!important;padding:0!important;border:none!important}.btn-view-schedule{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view-schedule:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d!important}.history-item.rejected{border:2px solid #ef4444!important;background:#ef44440d!important}.history-status.rejected{background:#fee2e2!important;color:#dc2626!important}.history-status.pending_approval{background:#fce7f3!important;color:#db2777!important}.rejection-alert{position:relative;display:flex;align-items:center;padding:4px;margin-inline-start:8px;color:#ef4444!important;cursor:help}.rejection-alert:hover .rejection-tooltip{display:block}.rejection-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:var(--ds-bg-surface)!important;color:#fff!important;border-radius:6px;font-size:12px;white-space:nowrap;max-width:250px;white-space:normal;z-index:1000;box-shadow:0 4px 12px #0003}.rejection-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--ds-bg-surface)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.schedule-modal{background:var(--ds-bg-surface)!important;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.schedule-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border-radius:16px 16px 0 0}.schedule-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:600;flex:1}.schedule-header .btn-close{width:36px;height:36px;padding:0;background:#fff3!important;border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.schedule-header .btn-close:hover{background:#ffffff4d!important}.schedule-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface)!important}.schedule-navigation .nav-btn{width:40px;height:40px;padding:0;background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default)!important;border-radius:50%;color:var(--ds-text-primary)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.schedule-navigation .nav-btn:hover:not(:disabled){background:#ede9fe!important;color:#6366f1!important;border-color:#6366f1!important}.schedule-navigation .nav-btn:disabled{opacity:.4;cursor:not-allowed}.schedule-navigation .current-month{min-width:180px;text-align:center}.schedule-navigation .month-name{font-size:1.1rem;font-weight:600;color:var(--ds-text-primary)!important}.schedule-legend{display:flex;justify-content:center;gap:16px;padding:12px 24px;background:var(--ds-bg-surface)!important;border-bottom:1px solid var(--ds-border-default);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--ds-text-secondary)!important}.legend-item .dot{width:12px;height:12px;border-radius:50%}.legend-item .dot.present{background:#10b981!important}.legend-item .dot.late{background:#f59e0b!important}.legend-item .dot.absent{background:#ef4444!important}.legend-item .dot.rejected{background:#dc2626!important}.legend-item .dot.off{background:var(--ds-text-secondary)!important}.schedule-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.calendar-grid{padding:16px 24px}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.day-header{text-align:center;font-size:.75rem;font-weight:600;color:var(--ds-text-muted)!important;text-transform:uppercase;padding:8px 0}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:var(--ds-bg-surface)!important;border:1px solid transparent;position:relative;cursor:default;transition:all .2s;min-height:48px}.day-cell.empty{background:transparent!important;border:none!important}.day-cell .day-number{font-size:.875rem;font-weight:600;color:var(--ds-text-primary)!important}.day-cell .time-badge{font-size:.6rem;color:var(--ds-text-muted)!important;margin-top:2px}.day-cell.today{border:2px solid #6366f1!important;box-shadow:0 0 0 2px #6366f133}.day-cell.present{background:#10b98126!important;border-color:#10b9814d!important}.day-cell.present .day-number{color:#059669!important}.day-cell.late{background:#f59e0b26!important;border-color:#f59e0b4d!important}.day-cell.late .day-number{color:#d97706!important}.day-cell.absent{background:#ef444426!important;border-color:#ef44444d!important}.day-cell.absent .day-number{color:#dc2626!important}.day-cell.rejected{background:#dc262633!important;border-color:#dc2626!important}.day-cell.rejected .day-number{color:#dc2626!important}.day-cell.off{background:#94a3b826!important;border-color:#94a3b84d!important}.day-cell.off .day-number{color:var(--ds-text-muted)!important}.day-cell.before-hire,.day-cell.future{background:transparent!important;opacity:.3}.rejected-icon-badge{position:absolute;top:2px;right:2px;color:#dc2626!important}.schedule-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;background:var(--ds-bg-surface)!important;border-top:1px solid var(--ds-border-default)}.summary-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:var(--ds-bg-surface)!important;border-radius:10px;border:1px solid var(--ds-border-default)!important}.summary-item .count{font-size:1.5rem;font-weight:700;color:#6366f1!important}.summary-item.danger .count{color:#dc2626!important}.summary-item .label{font-size:.7rem;color:var(--ds-text-muted)!important;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.modal-actions{padding:16px 24px;border-top:1px solid var(--ds-border-default);display:flex;justify-content:flex-end;background:var(--ds-bg-surface)!important;border-radius:0 0 16px 16px}.btn-secondary{padding:10px 20px;background:var(--ds-bg-surface)!important;color:var(--ds-text-primary)!important;border:1px solid var(--ds-border-default)!important;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--ds-border-default)!important}@media(max-width:600px){.schedule-summary{grid-template-columns:repeat(2,1fr)}.schedule-navigation{gap:10px}.schedule-navigation .current-month{min-width:120px}.day-cell{min-height:36px}.day-cell .day-number{font-size:.75rem}.day-cell .time-badge{display:none}.schedule-legend{gap:10px}.history-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-view-schedule{width:100%;justify-content:center}}.employee-attendance.rtl .rejection-alert{margin-inline-start:0;margin-inline-end:8px}.no-site-warning-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:32px 24px;margin-bottom:20px;text-align:center;border:1px solid #f59e0b;animation:slideUp .3s ease}.no-site-warning-card .warning-icon{width:80px;height:80px;margin:0 auto 16px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 4px 16px #f59e0b4d}.no-site-warning-card h3{font-size:1.25rem;color:#92400e;margin:0 0 12px}.no-site-warning-card .warning-message{font-size:.9rem;color:#78350f;margin:0 0 20px;line-height:1.6}.no-site-warning-card .contact-info{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.no-site-warning-card .contact-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#ffffffb3;border-radius:10px;color:#78350f;font-size:.9rem}.no-site-warning-card .contact-item.email{font-weight:600}.no-site-warning-card .action-buttons{display:flex;justify-content:center}.btn-contact-hr{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #f59e0b66}.btn-contact-hr:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}[data-theme=dark] .no-site-warning-card,.dark .no-site-warning-card{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b}[data-theme=dark] .no-site-warning-card h3,.dark .no-site-warning-card h3{color:#fef3c7}[data-theme=dark] .no-site-warning-card .warning-message,.dark .no-site-warning-card .warning-message{color:#fde68a}[data-theme=dark] .no-site-warning-card .warning-icon,.dark .no-site-warning-card .warning-icon{background:#92400e;color:#fef3c7}[data-theme=dark] .no-site-warning-card .contact-item,.dark .no-site-warning-card .contact-item{background:#0003;color:#fef3c7}.error-actions{display:flex;flex-direction:column;gap:12px;margin:16px 0}.btn-retry{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--ds-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background:var(--ds-primary-hover);transform:translateY(-1px)}.contact-support{display:flex;gap:8px;margin-top:8px}.btn-contact-hr,.btn-call-hr{display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--ds-border-default);border-radius:6px;background:var(--ds-bg-surface);color:var(--ds-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.btn-contact-hr{background:var(--ds-primary);color:#fff;border-color:var(--ds-primary)}.btn-contact-hr:hover{background:var(--ds-primary-hover)}.btn-call-hr:hover{background:var(--ds-bg-hover);border-color:var(--ds-border-hover)}.error-modal .error-message-text{margin-bottom:16px;line-height:1.5}.camera-section{background:var(--ds-card-bg)!important;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000014!important;max-width:600px;margin-left:auto;margin-right:auto}.camera-section h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin:0 0 20px;color:var(--ds-text-primary)!important}.camera-section h3 svg{color:var(--ds-primary, #6366f1)!important}.location-status-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--ds-bg-surface)!important;border-radius:12px;border:2px dashed var(--ds-border-default)!important;transition:all .3s ease}.location-status-card.no-location{background:linear-gradient(135deg,#ef444414,#ef444408)!important;border-color:#ef44444d!important}.location-status-card.no-location .status-icon{color:#dc2626!important}.location-status-card.has-location{background:linear-gradient(135deg,#22c55e1a,#22c55e0d)!important;border-color:#16a34a!important;border-style:solid}.location-status-card.has-location .status-icon{color:#16a34a!important}.location-status-card .status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fffc!important;border-radius:50%;flex-shrink:0}.location-status-card .status-info{flex:1}.location-status-card .status-info h4{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--ds-text-primary)!important}.location-status-card .status-info p{margin:0;font-size:13px;color:var(--ds-text-secondary)!important;line-height:1.4}.refresh-location-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--ds-border-default)!important;border-radius:50%;background:var(--ds-bg-surface)!important;color:var(--ds-text-secondary)!important;cursor:pointer;transition:all .2s ease}.refresh-location-btn:hover{border-color:var(--ds-primary, #6366f1)!important;background:var(--ds-primary, #6366f1)!important;color:#fff!important;transform:rotate(180deg)}.verify-location-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d!important}.verify-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f166!important}.verify-location-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none!important}.shift-not-started-section{max-width:600px;margin:0 auto 24px}.shift-not-started-card{background:linear-gradient(135deg,#6366f11a,#6366f10d)!important;border:1px solid rgba(99,102,241,.3)!important;border-radius:16px;padding:32px 24px;text-align:center}.shift-not-started-card h4{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--ds-text-primary)!important}.shift-not-started-card>p{margin:0 0 16px;font-size:14px;color:var(--ds-text-secondary)!important}.shift-not-started-card .shift-not-started-hint{margin:16px 0 0;font-size:13px;color:var(--ds-text-muted)!important;font-style:italic}.shift-not-started-card .shift-not-started-icon{width:56px;height:56px;margin:0 auto 12px;background:#6366f126!important;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ds-primary, #6366f1)!important}.shift-not-started-card h4{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--ds-text-primary)!important}.shift-not-started-card .time-until{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--ds-primary, #6366f1)!important;color:#fff!important;border-radius:20px;font-size:16px;font-weight:600}.shift-not-started-card .time-until svg{animation:pulse 2s ease-in-out infinite}.time-until-section{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#6366f11a,#6366f10d)!important;border-radius:10px;border:1px solid rgba(99,102,241,.2)!important;color:var(--ds-primary, #6366f1)!important;font-size:14px;font-weight:500}.time-until-section svg{color:var(--ds-primary, #6366f1)!important;animation:pulse 2s ease-in-out infinite}[data-theme=dark] .location-status-card{background:#ffffff0d!important}[data-theme=dark] .location-status-card.no-location{background:#ef44441a!important}[data-theme=dark] .location-status-card.has-location{background:#22c55e1a!important}[data-theme=dark] .location-status-card .status-icon{background:#0000004d!important}[data-theme=dark] .refresh-location-btn{background:#ffffff1a!important;border-color:#fff3!important}[data-theme=dark] .shift-not-started-card,[data-theme=dark] .time-until-section{background:#6366f126!important}.attendance-page .day-cell.on-leave{background:#9333ea33!important;border:2px solid rgba(147,51,234,.5)!important}.attendance-page .day-cell.on-leave .day-number{color:#9333ea!important}[data-theme=dark] .attendance-page .day-cell.on-leave{background:#9333ea4d!important;border-color:#9333ea99!important}[data-theme=dark] .attendance-page .day-cell.on-leave .day-number{color:#c084fc!important}.attendance-page .day-cell.verified{background:#06b6d433!important;border:2px solid rgba(6,182,212,.5)!important}.attendance-page .day-cell.verified .day-number{color:#0891b2!important}[data-theme=dark] .attendance-page .day-cell.verified{background:#06b6d44d!important;border-color:#06b6d499!important}[data-theme=dark] .attendance-page .day-cell.verified .day-number{color:#22d3ee!important}.employee-requests{padding:24px;min-height:100vh;background:var(--ds-bg-surface)!important}.employee-requests.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.employee-requests .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.employee-requests .header-left{display:flex;align-items:center;gap:16px}.employee-requests .back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ds-card-bg)!important;color:var(--ds-text-secondary)!important;text-decoration:none;transition:all .2s;box-shadow:var(--ds-shadow-sm)!important}.employee-requests .back-link:hover{background:var(--ds-primary, #3b82f6)!important;color:#fff!important}.employee-requests h1{font-size:24px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.employee-requests .subtitle{font-size:14px;color:var(--ds-text-secondary)!important;margin:4px 0 0}.employee-requests .alert{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.employee-requests .alert-error{background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important}.employee-requests .alert-success{background:var(--ds-success-bg, rgba(22, 163, 74, .15))!important;color:var(--ds-success, #16a34a)!important}.request-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.request-type-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--ds-card-bg)!important;border-radius:16px;box-shadow:var(--ds-shadow-sm)!important;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;border:2px solid transparent}.request-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color)!important}.request-type-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg, 0 8px 25px rgba(0, 0, 0, .15))!important;border-color:var(--accent-color);background:var(--ds-bg-hover)!important}.request-type-card.disabled{opacity:.6;cursor:not-allowed}.request-type-card.disabled:hover{transform:none;box-shadow:var(--ds-shadow-sm)!important;border-color:transparent;background:var(--ds-card-bg)!important}.type-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:var(--accent-color)!important;color:#fff!important}.type-info{flex:1}.type-info h3{font-size:16px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 4px}.type-info p{font-size:13px;color:var(--ds-text-secondary)!important;margin:0}.disabled-notice{position:absolute;top:10px;right:10px;font-size:11px;padding:4px 8px;background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important;border-radius:6px;font-weight:500}.add-icon{color:var(--ds-text-muted)!important;opacity:0;transition:all .3s}.request-type-card:hover:not(.disabled) .add-icon{opacity:1;color:var(--accent-color)!important}.my-requests-section{background:var(--ds-card-bg)!important;border-radius:20px;padding:24px;box-shadow:var(--ds-shadow-sm)!important}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{font-size:18px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.filter-group{display:flex;align-items:center;gap:8px;color:var(--ds-text-secondary)!important}.filter-group select{padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px;background:var(--ds-card-bg)!important;color:var(--ds-text-primary)!important}.empty-state{text-align:center;padding:60px 20px;color:var(--ds-text-secondary)!important}.empty-state svg{color:var(--ds-text-muted)!important;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 8px}.empty-state p{margin:0;font-size:14px}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 20px;background:var(--ds-bg-elevated)!important;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid var(--ds-border-default)}.request-card:hover{border-color:var(--ds-primary, #3b82f6)!important;background:var(--ds-primary-bg, rgba(59, 130, 246, .08))!important;box-shadow:var(--ds-shadow-md)!important}.request-card .request-badges{display:flex;flex-direction:column;gap:4px;min-width:100px}.request-card .request-content{flex:1;min-width:0}.request-card .request-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.request-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.request-subject{font-size:15px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 8px}.request-desc{font-size:13px;color:var(--ds-text-secondary)!important;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.request-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--ds-border-default)}.request-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ds-text-muted)!important}.btn-view{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--ds-primary, #3b82f6) 0%,#6366f1 100%)!important;color:#fff!important;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d!important}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.pending{background:var(--ds-warning-bg, rgba(217, 119, 6, .15))!important;color:var(--ds-warning, #d97706)!important}.status-badge.progress{background:var(--ds-primary-bg, rgba(59, 130, 246, .15))!important;color:var(--ds-primary, #2563eb)!important}.status-badge.resolved{background:var(--ds-success-bg, rgba(22, 163, 74, .15))!important;color:var(--ds-success, #16a34a)!important}.status-badge.rejected{background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important}.status-badge.cancelled{background:var(--ds-bg-elevated, rgba(107, 114, 128, .15))!important;color:var(--ds-text-muted)!important}.type-badge{padding:5px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.type-badge.complaint{background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important}.type-badge.transfer{background:var(--ds-primary-bg, rgba(59, 130, 246, .15))!important;color:var(--ds-primary, #2563eb)!important}.type-badge.inquiry{background:var(--ds-secondary-bg, rgba(124, 58, 237, .15))!important;color:var(--ds-secondary, #7c3aed)!important}.type-badge.profile{background:var(--ds-success-bg, rgba(5, 150, 105, .15))!important;color:var(--ds-success, #059669)!important}.type-badge.document{background:var(--ds-warning-bg, rgba(217, 119, 6, .15))!important;color:var(--ds-warning, #d97706)!important}.type-badge.other{background:var(--ds-bg-elevated, rgba(107, 114, 128, .15))!important;color:var(--ds-text-muted)!important}.employee-requests .modal-overlay{position:fixed;inset:0;background:#00000080!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.employee-requests .modal-content{background:var(--ds-bg-surface)!important;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--ds-border-default)}.employee-requests .modal-content.modal-lg{max-width:700px}.employee-requests .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ds-border-default)}.employee-requests .modal-header h2{font-size:18px;font-weight:600;color:var(--ds-text-primary)!important;margin:0}.employee-requests .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ds-bg-elevated)!important;border:none;border-radius:8px;color:var(--ds-text-secondary)!important;cursor:pointer;transition:all .2s}.employee-requests .close-btn:hover{background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important}.employee-requests .modal-body{padding:24px}.employee-requests .form-error{display:flex;align-items:center;gap:8px;padding:12px;background:var(--ds-danger-bg, rgba(220, 38, 38, .15))!important;color:var(--ds-danger, #dc2626)!important;border-radius:8px;margin-bottom:16px;font-size:14px}.employee-requests .form-group{margin-bottom:16px}.employee-requests .form-group label{display:block;font-size:14px;font-weight:500;color:var(--ds-text-primary)!important;margin-bottom:8px}.employee-requests .form-group input,.employee-requests .form-group textarea,.employee-requests .form-group select{width:100%;padding:12px 14px;border:1px solid var(--ds-border-default);border-radius:10px;font-size:14px;color:var(--ds-text-primary)!important;background:var(--ds-input-bg, var(--ds-card-bg))!important;resize:vertical}.employee-requests .form-group input:focus,.employee-requests .form-group textarea:focus,.employee-requests .form-group select:focus{outline:none;border-color:var(--ds-primary, #3b82f6)!important;box-shadow:0 0 0 3px var(--ds-input-focus-ring, rgba(59, 130, 246, .15))!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.employee-requests .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--ds-border-default)}.employee-requests .btn-secondary{padding:10px 20px;background:var(--ds-bg-elevated)!important;color:var(--ds-text-primary)!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.employee-requests .btn-secondary:hover{background:var(--ds-bg-hover)!important}.employee-requests .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--ds-primary, #3b82f6) 0%,#6366f1 100%)!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer}.employee-requests .btn-primary:disabled{opacity:.6;cursor:not-allowed}.employee-requests .btn-danger{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--ds-danger, #dc2626) 0%,#b91c1c 100%)!important;color:#fff!important;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer}.detail-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.detail-subject{font-size:20px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 8px}.detail-date{font-size:13px;color:var(--ds-text-secondary)!important;margin:0 0 24px}.detail-section{margin-bottom:24px}.detail-section h4{font-size:14px;font-weight:600;color:var(--ds-text-primary)!important;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--ds-border-default)}.detail-description{font-size:14px;line-height:1.7;color:var(--ds-text-secondary)!important;white-space:pre-wrap;margin:0}.response-section{background:var(--ds-success-bg, rgba(22, 163, 74, .1))!important;padding:16px;border-radius:12px;border-left:4px solid var(--ds-success, #16a34a)!important}.hr-response{font-size:14px;line-height:1.6;color:var(--ds-success, #166534)!important;margin:0}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{padding:12px;background:var(--ds-bg-elevated)!important;border-radius:10px}.comment-header{display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{font-size:13px;font-weight:600;color:var(--ds-text-primary)!important}.comment-date{font-size:12px;color:var(--ds-text-muted)!important}.comment-text{font-size:14px;color:var(--ds-text-secondary)!important;margin:0}.employee-requests.rtl{direction:rtl}.employee-requests.rtl .back-link svg{transform:rotate(180deg)}.employee-requests.rtl .disabled-notice{right:auto;left:10px}.employee-requests.rtl .request-card:hover{transform:translate(-4px)}@media(max-width:768px){.employee-requests{padding:16px}.request-types-grid,.requests-list,.form-row{grid-template-columns:1fr}.request-card{padding:16px}}.employee-notifications-page{padding:24px!important;min-height:100vh!important;background:var(--ds-bg-surface, var(--ds-bg-base))!important}.employee-notifications-page .page-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important;flex-wrap:wrap!important;gap:16px!important}.employee-notifications-page .header-left{display:flex!important;align-items:center!important;gap:16px!important}.employee-notifications-page .title-section{display:flex!important;align-items:center!important;gap:14px!important}.employee-notifications-page .title-section svg{color:var(--ds-primary, #3b82f6)!important}.employee-notifications-page .title-section h1{font-size:1.75rem!important;font-weight:700!important;margin:0!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important}.employee-notifications-page .title-section .subtitle{font-size:.875rem!important;color:var(--ds-text-muted, var(--ds-text-muted))!important;margin:2px 0 0!important}.employee-notifications-page .header-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.employee-notifications-page .search-box{display:flex!important;align-items:center!important;gap:10px!important;background:var(--ds-card-bg, var(--ds-bg-surface))!important;border:1px solid var(--ds-border-default, var(--ds-border-default))!important;border-radius:10px!important;padding:10px 14px!important;min-width:200px!important}.employee-notifications-page .search-box svg{color:var(--ds-text-muted, var(--ds-text-muted))!important}.employee-notifications-page .search-box input{border:none!important;outline:none!important;background:transparent!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;font-size:.9rem!important;width:100%!important}.employee-notifications-page .search-box input::placeholder{color:var(--ds-text-muted, var(--ds-text-muted))!important}.employee-notifications-page .filter-select{padding:10px 14px!important;border:1px solid var(--ds-border-default, var(--ds-border-default))!important;border-radius:10px!important;background:var(--ds-card-bg, var(--ds-bg-surface))!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;font-size:.9rem!important;cursor:pointer!important}.employee-notifications-page .btn-icon{width:42px!important;height:42px!important;border-radius:10px!important;border:1px solid var(--ds-border-default, var(--ds-border-default))!important;background:var(--ds-card-bg, var(--ds-bg-surface))!important;color:var(--ds-text-secondary, var(--ds-text-secondary))!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.employee-notifications-page .btn-icon:hover{background:var(--ds-primary, #3b82f6)!important;color:#fff!important;border-color:var(--ds-primary, #3b82f6)!important}.employee-notifications-page .btn-primary{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;border-radius:10px!important;border:none!important;background:linear-gradient(135deg,var(--ds-primary, #3b82f6),#2563eb)!important;color:#fff!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.employee-notifications-page .btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #3b82f64d!important}.employee-notifications-page .notifications-container{background:var(--ds-card-bg, var(--ds-bg-surface))!important;border-radius:16px!important;border:1px solid var(--ds-border-default, var(--ds-border-default))!important;overflow:hidden!important}.employee-notifications-page .loading-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px!important;color:var(--ds-text-muted, var(--ds-text-muted))!important}.employee-notifications-page .loading-state .spinner{width:40px!important;height:40px!important;border:3px solid var(--ds-border-default, var(--ds-border-default))!important;border-top-color:var(--ds-primary, #3b82f6)!important;border-radius:50%!important;animation:spin .8s linear infinite!important;margin-bottom:16px!important}.employee-notifications-page .empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:80px 20px!important;color:var(--ds-text-muted, var(--ds-text-muted))!important;text-align:center!important}.employee-notifications-page .empty-state svg{margin-bottom:20px!important;opacity:.4!important}.employee-notifications-page .empty-state h3{margin:0 0 8px!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;font-size:1.25rem!important}.employee-notifications-page .empty-state p{margin:0!important}.employee-notifications-page .notifications-list{display:flex!important;flex-direction:column!important}.employee-notifications-page .notification-card{display:flex!important;align-items:flex-start!important;gap:16px!important;padding:20px!important;border-bottom:1px solid var(--ds-border-default, var(--ds-border-default))!important;cursor:pointer!important;transition:all .2s ease!important}.employee-notifications-page .notification-card:last-child{border-bottom:none!important}.employee-notifications-page .notification-card:hover{background:#3b82f60d!important}.employee-notifications-page .notification-card.unread{background:#3b82f614!important;border-left:3px solid var(--ds-primary, #3b82f6)!important}.employee-notifications-page .notification-card.unread:hover{background:#3b82f61f!important}.employee-notifications-page .notification-icon{width:48px!important;height:48px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;background:#3b82f626!important}.employee-notifications-page .notification-icon .icon-message{color:#3b82f6!important}.employee-notifications-page .notification-icon .icon-leave{color:#8b5cf6!important}.employee-notifications-page .notification-icon .icon-attendance{color:#22c55e!important}.employee-notifications-page .notification-icon .icon-request{color:#f59e0b!important}.employee-notifications-page .notification-icon .icon-default{color:var(--ds-text-muted)!important}.employee-notifications-page .notification-content{flex:1!important;min-width:0!important}.employee-notifications-page .notification-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:6px!important}.employee-notifications-page .notification-title{font-size:1rem!important;font-weight:600!important;margin:0!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;line-height:1.4!important}.employee-notifications-page .notification-time{display:flex!important;align-items:center!important;gap:4px!important;font-size:.75rem!important;color:var(--ds-text-muted, var(--ds-text-muted))!important;white-space:nowrap!important}.employee-notifications-page .notification-message{font-size:.875rem!important;color:var(--ds-text-secondary, var(--ds-text-secondary))!important;margin:0 0 10px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.employee-notifications-page .notification-footer{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.employee-notifications-page .category-badge{padding:4px 10px!important;border-radius:20px!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:#64748b33!important;color:var(--ds-text-secondary, var(--ds-text-secondary))!important}.employee-notifications-page .category-badge.admin_message{background:#3b82f633!important;color:#60a5fa!important}.employee-notifications-page .category-badge.leave,.employee-notifications-page .category-badge.leave_request{background:#8b5cf633!important;color:#a78bfa!important}.employee-notifications-page .category-badge.attendance{background:#22c55e33!important;color:#4ade80!important}.employee-notifications-page .category-badge.request{background:#f59e0b33!important;color:#fbbf24!important}.employee-notifications-page .unread-badge{padding:4px 10px!important;border-radius:20px!important;font-size:.7rem!important;font-weight:600!important;text-transform:uppercase!important;background:var(--ds-primary, #3b82f6)!important;color:#fff!important}.employee-notifications-page .notification-actions{display:flex!important;gap:8px!important;opacity:0!important;transition:opacity .2s ease!important}.employee-notifications-page .notification-card:hover .notification-actions{opacity:1!important}.employee-notifications-page .action-btn{width:34px!important;height:34px!important;border-radius:8px!important;border:none!important;background:#64748b33!important;color:var(--ds-text-secondary, var(--ds-text-secondary))!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}.employee-notifications-page .action-btn.mark-read:hover{background:var(--ds-primary, #3b82f6)!important;color:#fff!important}.employee-notifications-page .action-btn.delete:hover{background:#ef4444!important;color:#fff!important}.employee-notifications-page .load-more-section{display:flex!important;justify-content:center!important;padding:24px!important;border-top:1px solid var(--ds-border-default, var(--ds-border-default))!important}.employee-notifications-page .load-more-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:12px 32px!important;border-radius:10px!important;border:1px solid var(--ds-border-default, var(--ds-border-default))!important;background:var(--ds-bg-surface, var(--ds-bg-base))!important;color:var(--ds-text-primary, var(--ds-bg-surface))!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.employee-notifications-page .load-more-btn:hover:not(:disabled){background:var(--ds-primary, #3b82f6)!important;border-color:var(--ds-primary, #3b82f6)!important;color:#fff!important}.employee-notifications-page .load-more-btn:disabled{opacity:.7!important;cursor:not-allowed!important}.employee-notifications-page .load-more-btn .spinner-small{width:16px!important;height:16px!important;border:2px solid rgba(255,255,255,.3)!important;border-top-color:#fff!important;border-radius:50%!important;animation:spin .8s linear infinite!important}[dir=rtl] .employee-notifications-page .notification-card.unread{border-left:none!important;border-right:3px solid var(--ds-primary, #3b82f6)!important}@media(max-width:768px){.employee-notifications-page .page-header{flex-direction:column!important;align-items:stretch!important}.employee-notifications-page .header-actions{justify-content:flex-end!important}.employee-notifications-page .search-box{flex:1!important;min-width:unset!important}.employee-notifications-page .notification-actions{opacity:1!important}.employee-notifications-page .notification-card{padding:16px!important}}.employee-discipline{padding:1.5rem;min-height:100vh;background:var(--ds-bg-base)}.employee-discipline.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin .8s linear infinite}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:1rem}.back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ds-radius-md);background:var(--ds-bg-surface);color:var(--ds-text-secondary);transition:all var(--ds-transition-fast)}.back-link:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.page-header h1{font-size:1.5rem;font-weight:600;color:var(--ds-text-primary);margin:0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-fast)}.stat-card:hover{border-color:var(--ds-border-hover);box-shadow:var(--ds-shadow-md)}.stat-card.warning{border-color:var(--ds-danger-200);background:linear-gradient(135deg,var(--ds-bg-surface) 0%,var(--ds-danger-50, rgba(239, 68, 68, .05)) 100%)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--ds-radius-md);flex-shrink:0}.stat-icon.total{background:var(--ds-primary-100);color:var(--ds-primary)}.stat-icon.open{background:var(--ds-warning-100, rgba(245, 158, 11, .1));color:var(--ds-warning, #f59e0b)}.stat-icon.pending{background:var(--ds-info-100, rgba(59, 130, 246, .1));color:var(--ds-info, #3b82f6)}.stat-icon.deduction{background:var(--ds-danger-100);color:var(--ds-danger)}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--ds-text-primary)}.stat-label{font-size:.875rem;color:var(--ds-text-muted)}.records-card{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--ds-border-default)}.card-header h2{font-size:1.125rem;font-weight:600;color:var(--ds-text-primary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--ds-text-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;color:var(--ds-text-primary);margin:0 0 .5rem}.empty-state p{margin:0}.records-list{padding:1rem;display:flex;flex-direction:column;gap:1rem}.record-item{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);overflow:hidden;transition:all var(--ds-transition-fast)}.record-item:hover{border-color:var(--ds-border-hover);box-shadow:var(--ds-shadow-sm)}.record-item.needs-action{border-color:var(--ds-warning, #f59e0b);box-shadow:0 0 0 1px var(--ds-warning, #f59e0b)}.record-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-light)}.record-type{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.type-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff}.severity-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--ds-radius-sm);font-size:.7rem;font-weight:500}.severity-verbal{background:#f59e0b26;color:#d97706}.severity-written{background:#ef444426;color:#dc2626}.severity-final{background:#dc262633;color:#b91c1c}.severity-suspension{background:#991b1b33;color:#991b1b}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--ds-radius-sm);font-size:.75rem;font-weight:500}.status-open{background:var(--ds-warning-100, rgba(245, 158, 11, .15));color:var(--ds-warning, #f59e0b)}.status-review{background:var(--ds-info-100, rgba(59, 130, 246, .15));color:var(--ds-info, #3b82f6)}.status-resolved{background:var(--ds-success-100, rgba(34, 197, 94, .15));color:var(--ds-success, #22c55e)}.status-appealed{background:#a855f726;color:#a855f7}.record-body{padding:1rem}.record-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ds-text-muted);margin-bottom:.75rem}.record-description{color:var(--ds-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.deduction-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--ds-danger-50, rgba(239, 68, 68, .08));border:1px solid var(--ds-danger-200);border-radius:var(--ds-radius-sm);color:var(--ds-danger);font-size:.875rem;margin-bottom:1rem}.deduction-alert strong{color:var(--ds-danger)}.record-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-view,.btn-acknowledge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--ds-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast);border:none}.btn-view{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.btn-view:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.btn-acknowledge{background:var(--ds-primary);color:#fff}.btn-acknowledge:hover{background:var(--ds-primary-600)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--ds-shadow-xl)}.modal-content.modal-lg{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--ds-border-default)}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--ds-text-primary);margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-fast)}.close-btn:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.modal-body{padding:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:.75rem;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-item span,.detail-item p{color:var(--ds-text-primary);font-size:.9rem;margin:0}.deduction-amount{color:var(--ds-danger)!important;font-weight:600}.acknowledge-info{display:flex;gap:1rem;padding:1rem;background:var(--ds-warning-50, rgba(245, 158, 11, .1));border:1px solid var(--ds-warning-200, #fcd34d);border-radius:var(--ds-radius-md);margin-bottom:1.5rem}.acknowledge-info svg{color:var(--ds-warning, #f59e0b);flex-shrink:0}.acknowledge-info p{margin:0;color:var(--ds-text-secondary);font-size:.9rem;line-height:1.5}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--ds-text-primary)}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);background:var(--ds-bg-base);color:var(--ds-text-primary);font-size:.9rem;resize:vertical;transition:border-color var(--ds-transition-fast)}.form-group textarea:focus{outline:none;border-color:var(--ds-primary)}.form-group textarea::placeholder{color:var(--ds-text-muted)}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--ds-danger-50);border:1px solid var(--ds-danger-200);border-radius:var(--ds-radius-md);color:var(--ds-danger);font-size:.875rem;margin-bottom:1rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--ds-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--ds-transition-fast);border:none}.btn-primary{background:var(--ds-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ds-primary-600)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);color:var(--ds-text-secondary)}.btn-secondary:hover{background:var(--ds-bg-hover);color:var(--ds-text-primary)}.employee-discipline.rtl .back-link svg{transform:scaleX(-1)}.employee-discipline.rtl .modal-actions{flex-direction:row-reverse}@media(max-width:768px){.employee-discipline{padding:1rem}.stats-cards{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.record-header{flex-direction:column;align-items:flex-start;gap:.75rem}.record-actions{width:100%}.record-actions button{flex:1;justify-content:center}}@media(max-width:480px){.stats-cards{grid-template-columns:1fr}}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:2rem}.coming-soon-content{max-width:600px;text-align:center;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,var(--ds-primary-subtle),var(--ds-primary-light));border-radius:50%;margin-bottom:2rem}.icon-container svg{color:var(--ds-secondary)}.icon-container .clock-icon{position:absolute;bottom:-5px;right:-5px;background:var(--ds-warning);color:#fff;padding:8px;border-radius:50%;box-shadow:0 4px 12px #00000026}.coming-soon-content h1{font-size:2rem;color:var(--ds-text-primary);margin-bottom:1rem;font-weight:700}.coming-soon-content .message{font-size:1.1rem;color:var(--ds-text-secondary);line-height:1.6;margin-bottom:2rem}.coming-soon-content .actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.coming-soon-content .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--ds-radius-lg);font-weight:600;text-decoration:none;transition:all .2s ease}.coming-soon-content .btn-primary{background:linear-gradient(135deg,var(--ds-secondary),var(--ds-secondary-hover));color:#fff;box-shadow:0 4px 12px #3b82f64d}.coming-soon-content .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.coming-soon-content .btn-secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.coming-soon-content .btn-secondary:hover{background:var(--ds-bg-hover)}.features-preview{background:var(--ds-bg-surface);border-radius:var(--ds-radius-lg);padding:1.5rem 2rem;text-align:start}.features-preview h3{font-size:1rem;color:var(--ds-text-primary);margin-bottom:1rem;font-weight:600}.features-preview ul{margin:0;padding:0;list-style:none}.features-preview li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--ds-text-secondary)}.features-preview li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--ds-success-subtle);color:var(--ds-success);border-radius:50%;font-size:.75rem;font-weight:700}[dir=rtl] .coming-soon-content{direction:rtl}[dir=rtl] .features-preview{text-align:end}[dir=rtl] .features-preview li{flex-direction:row-reverse}@media(max-width:480px){.coming-soon-content h1{font-size:1.5rem}.coming-soon-content .message{font-size:1rem}.coming-soon-content .actions{flex-direction:column}.coming-soon-content .btn{width:100%;justify-content:center}}.logged-out-page{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:var(--ds-font-primary, "Cairo", sans-serif)}.logged-out-bg{position:absolute;inset:0;z-index:0}.logged-out-bg .bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--ds-bg-primary, #1a1a2e) 0%,var(--ds-bg-secondary, #16213e) 50%,var(--ds-primary-dark, #0f0f1a) 100%)}.logged-out-bg .bg-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px}.logged-out-page .language-toggle-btn{position:absolute;top:20px;right:20px;z-index:10;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.logged-out-page .language-toggle-btn:hover{background:#fff3}.logged-out-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px}.logged-out-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px;text-align:center;max-width:420px;width:100%;box-shadow:0 25px 50px -12px #00000080}.logged-out-logo{margin-bottom:32px}.logged-out-logo img{height:48px;width:auto}.logged-out-icon{margin-bottom:24px}.logged-out-icon svg{color:#22c55e;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.logged-out-message{margin-bottom:32px}.logged-out-message h1{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px}.logged-out-message p{font-size:14px;color:#ffffffb3;margin:0;line-height:1.6}.logged-out-login-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 28px;background:linear-gradient(135deg,var(--ds-primary, #C12A33) 0%,var(--ds-primary-dark, #a02028) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c12a334d}.logged-out-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c12a3366}.logged-out-login-btn:active{transform:translateY(0)}.logged-out-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:13px}.logged-out-note svg{color:#22c55e}.logged-out-footer{color:#fff6;font-size:12px}.logged-out-footer p{margin:0}@media(max-width:480px){.logged-out-card{padding:32px 24px;border-radius:16px}.logged-out-message h1{font-size:20px}.logged-out-icon svg{width:48px;height:48px}}.client-dashboard{padding:24px;max-width:1400px;margin:0 auto}.client-dashboard.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,var(--ds-primary) 0%,var(--ds-primary-dark, #1e40af) 100%);border-radius:16px;color:#fff}.welcome-section h1{font-size:28px;font-weight:600;margin:0 0 8px}.welcome-section .company-name{color:#ffffffe6}.welcome-section .subtitle{margin:0;opacity:.85;font-size:14px}.dashboard-header .btn-lg{padding:14px 28px;font-size:16px;border-radius:12px;background:#fff;color:var(--ds-primary);border:none;display:flex;align-items:center;gap:10px;font-weight:600;transition:transform .2s,box-shadow .2s}.dashboard-header .btn-lg:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--ds-bg-surface);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--ds-border-default);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-card.total .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.in-progress .stat-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:var(--ds-text-primary);line-height:1.2}.stat-label{font-size:13px;color:var(--ds-text-secondary);margin-top:2px}.workflow-section{margin-bottom:32px;background:var(--ds-bg-surface);border-radius:16px;padding:24px;border:1px solid var(--ds-border-default)}.workflow-description{color:var(--ds-text-secondary);font-size:14px;margin:0 0 24px}.workflow-stages{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.workflow-stage{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.stage-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stage-number{font-size:11px;font-weight:700;color:#fff;background:var(--ds-text-muted);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stage-name{font-size:12px;font-weight:600;color:var(--ds-text-primary);text-align:center}.stage-arrow{font-size:20px;color:var(--ds-text-muted);margin:0 4px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--ds-text-primary);margin:0 0 20px}.departments-section{margin-bottom:32px}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.client-dashboard .department-card{background:var(--ds-bg-surface);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--ds-border-default);transition:all .2s}.client-dashboard .department-card:hover{border-color:var(--dept-color, #3b82f6);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.dept-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dept-info{flex:1;min-width:0}.dept-info h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ds-text-primary)}.dept-info p{margin:0;font-size:12px;color:var(--ds-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-dashboard .department-card .arrow-icon{color:var(--ds-text-muted);transition:transform .2s,color .2s}.client-dashboard .department-card:hover .arrow-icon{color:var(--dept-color, #3b82f6);transform:translate(4px)}.recent-requests-section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header .section-title{margin:0}.section-header .btn-outline{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;border-radius:8px}.requests-table-container{background:var(--ds-bg-surface);border-radius:12px;border:1px solid var(--ds-border-default);overflow:hidden}.requests-table{width:100%;border-collapse:collapse}.requests-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:var(--ds-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.requests-table td{padding:14px 16px;font-size:14px;color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default)}.requests-table tbody tr{cursor:pointer;transition:background .15s}.requests-table tbody tr:hover{background:var(--ds-bg-hover, #f3f4f6)}.requests-table tbody tr:last-child td{border-bottom:none}.request-code{font-family:SF Mono,Consolas,monospace;font-weight:600;color:var(--ds-primary)!important}.request-title{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff}.request-date{color:var(--ds-text-secondary)!important;font-size:13px!important}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.empty-state{text-align:center;padding:60px 20px;background:var(--ds-bg-surface);border-radius:12px;border:1px dashed var(--ds-border-default)}.empty-state svg{color:var(--ds-text-muted);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--ds-text-primary)}.empty-state p{margin:0 0 20px;color:var(--ds-text-secondary);font-size:14px}.active-services-section{margin-bottom:32px}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.service-card{background:var(--ds-bg-surface);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;border:1px solid var(--ds-border-default)}.service-card .service-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.service-card.site .service-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.service-card.vip .service-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.service-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--ds-text-primary)}.service-info .service-type{font-size:11px;color:var(--ds-text-secondary);background:var(--ds-bg-elevated);padding:2px 8px;border-radius:4px;margin-right:8px}.service-info .service-code{font-size:11px;color:var(--ds-text-muted);font-family:monospace}[dir=rtl] .client-dashboard .department-card .arrow-icon{transform:rotate(180deg)}[dir=rtl] .client-dashboard .department-card:hover .arrow-icon{transform:rotate(180deg) translate(4px)}[dir=rtl] .requests-table th,[dir=rtl] .requests-table td{text-align:right}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.client-dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:20px;padding:20px}.dashboard-header .btn-lg{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:22px}.departments-grid{grid-template-columns:1fr}.requests-table-container{overflow-x:auto}.requests-table{min-width:600px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.service-requests-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-content h1{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;margin:0 0 8px;color:var(--ds-text-primary)}.page-subtitle{margin:0;color:var(--ds-text-secondary);font-size:14px}.filters-bar{margin-bottom:24px}.btn-filter{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px;color:var(--ds-text-primary);cursor:pointer;transition:all .2s}.btn-filter:hover,.btn-filter.active{border-color:var(--ds-primary);color:var(--ds-primary)}.btn-filter svg.rotated{transform:rotate(180deg)}.filters-panel{display:flex;align-items:flex-end;gap:16px;padding:16px;margin-top:12px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:12px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:500;color:var(--ds-text-secondary)}.filter-group select{padding:8px 12px;border:1px solid var(--ds-border-default);border-radius:6px;font-size:14px;min-width:160px;background:var(--ds-bg-base, #fff)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--ds-text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state{text-align:center;padding:80px 20px;background:var(--ds-bg-surface);border-radius:16px;border:1px dashed var(--ds-border-default)}.empty-state svg{color:var(--ds-text-muted);margin-bottom:20px}.empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--ds-text-primary)}.empty-state p{margin:0 0 24px;color:var(--ds-text-secondary)}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.request-card{background:var(--ds-bg-surface);border-radius:12px;border:1px solid var(--ds-border-default);overflow:hidden;cursor:pointer;transition:all .2s}.request-card:hover{border-color:var(--ds-primary);box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.request-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--ds-bg-elevated);border-bottom:1px solid var(--ds-border-default)}.request-code{font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:600;color:var(--ds-primary)}.request-card .card-body{padding:16px}.request-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--ds-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.request-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.department-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff}.request-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ds-text-secondary)}.info-item.comments{background:var(--ds-bg-elevated);padding:2px 8px;border-radius:4px}.request-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--ds-border-default);background:var(--ds-bg-elevated)}.service-type{font-size:12px;color:var(--ds-text-secondary)}.request-card .arrow-icon{color:var(--ds-text-muted);transition:transform .2s,color .2s}.request-card:hover .arrow-icon{color:var(--ds-primary);transform:translate(4px)}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.status-badge.status-secondary{background:#e5e7eb;color:var(--ds-bg-elevated)}.status-badge.status-info{background:#dbeafe;color:#1d4ed8}.status-badge.status-warning{background:#fef3c7;color:#b45309}.status-badge.status-success{background:#d1fae5;color:#047857}.status-badge.status-danger{background:#fee2e2;color:#b91c1c}.status-badge.status-primary{background:#ede9fe;color:#6d28d9}.priority-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.priority-badge.priority-secondary{background:#f3f4f6;color:#6b7280}.priority-badge.priority-info{background:#dbeafe;color:#1d4ed8}.priority-badge.priority-warning{background:#fef3c7;color:#b45309}.priority-badge.priority-danger{background:#fee2e2;color:#b91c1c}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:16px}.page-info{font-size:14px;color:var(--ds-text-secondary)}[dir=rtl] .request-card .arrow-icon{transform:rotate(180deg)}[dir=rtl] .request-card:hover .arrow-icon{transform:rotate(180deg) translate(4px)}@media(max-width:768px){.service-requests-page{padding:16px}.page-header{flex-direction:column;gap:16px}.page-header .btn{width:100%;justify-content:center}.filters-panel{flex-direction:column;align-items:stretch}.filter-group select{width:100%}.requests-grid{grid-template-columns:1fr}}.new-request-page{padding:24px;max-width:1000px;margin:0 auto;min-height:100vh}.new-request-page .page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s}.btn-back:hover{border-color:var(--primary-color);color:var(--primary-color)}.new-request-page h1{font-size:24px;font-weight:600;margin:0;color:var(--text-primary, #111827)}.progress-steps{display:flex;justify-content:center;gap:8px;margin-bottom:40px;padding:0 20px}.step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);cursor:pointer;transition:all .2s}.step:hover{border-color:var(--primary-color)}.step.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step.completed{background:#d1fae5;border-color:#10b981;color:#047857}.step-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--bg-tertiary, #f3f4f6)}.step.active .step-indicator{background:#fff3;color:#fff}.step.completed .step-indicator{background:#10b981;color:#fff}.step-label{font-size:13px;font-weight:500;white-space:nowrap}.step-container{background:var(--ds-bg-surface);border-radius:16px;border:1px solid var(--ds-border-default);padding:32px;margin-bottom:24px;min-height:400px}.step-content h2{font-size:22px;font-weight:600;margin:0 0 8px;color:var(--text-primary, #111827)}.step-description{color:var(--text-secondary, #6b7280);margin:0 0 28px;font-size:14px}.error-banner,.info-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px}.error-banner{background:#fee2e2;color:#b91c1c}.info-banner{background:#dbeafe;color:#1d4ed8}.department-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.department-option{position:relative;padding:24px 20px;background:var(--bg-primary, #fff);border:2px solid var(--ds-border-default);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.department-option:hover{border-color:var(--dept-color, #3b82f6);transform:translateY(-2px)}.department-option.selected{border-color:var(--dept-color, #3b82f6);background:linear-gradient(to bottom,transparent,rgba(59,130,246,.05))}.department-option .dept-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 14px}.department-option h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text-primary, #111827)}.department-option p{margin:0;font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.4}.selected-check{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:var(--dept-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center}.service-grid{display:grid;gap:14px}.service-option{position:relative;padding:20px;background:var(--bg-primary, #fff);border:2px solid var(--ds-border-default);border-radius:12px;cursor:pointer;transition:all .2s}.service-option:hover{border-color:var(--primary-color)}.service-option.selected{border-color:var(--primary-color);background:#3b82f60d}.service-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.service-option h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #111827)}.staff-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#ede9fe;color:#6d28d9;border-radius:4px;font-size:11px;font-weight:500}.service-option p{margin:0;font-size:13px;color:var(--text-secondary, #6b7280)}.service-option .selected-check{background:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280)}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--ds-border-default);border-radius:8px;font-size:14px;background:var(--bg-primary, #fff);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.input-with-suffix{display:flex;align-items:stretch}.input-with-suffix input{flex:1;border-radius:8px 0 0 8px}.input-with-suffix .suffix{padding:10px 14px;background:var(--bg-tertiary, #f3f4f6);border:1px solid var(--ds-border-default);border-left:none;border-radius:0 8px 8px 0;font-size:13px;color:var(--text-secondary, #6b7280)}.priority-options{display:flex;gap:8px}.priority-btn{flex:1;padding:10px 12px;border:2px solid var(--ds-border-default);background:transparent;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-primary, #111827)}.priority-btn:hover{border-color:var(--priority-color)}.priority-btn.selected{border-color:var(--priority-color);background:var(--priority-color);color:#fff}.staff-summary{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-tertiary, #f3f4f6);border-radius:10px;margin-bottom:24px;font-size:15px;font-weight:500;color:var(--text-primary, #111827)}.staff-requirements-list{display:flex;flex-direction:column;gap:16px}.staff-requirement-card{background:var(--bg-tertiary, #f9fafb);border:1px solid var(--ds-border-default);border-radius:12px;overflow:hidden}.staff-requirement-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--ds-bg-surface);border-bottom:1px solid var(--ds-border-default)}.req-number{font-weight:600;color:var(--primary-color)}.btn-remove{padding:6px;background:transparent;border:none;color:var(--text-tertiary, #9ca3af);cursor:pointer;border-radius:6px;transition:all .2s}.btn-remove:hover{background:#fee2e2;color:#b91c1c}.staff-requirement-card .card-body{padding:16px}.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.requirements-checkboxes{display:flex;flex-wrap:wrap;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary, #111827);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.btn-add-staff{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:transparent;border:2px dashed var(--ds-border-default);border-radius:12px;font-size:14px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s}.btn-add-staff:hover{border-color:var(--primary-color);color:var(--primary-color);background:#3b82f60d}.upload-area{margin-bottom:24px}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--bg-tertiary, #f9fafb);border:2px dashed var(--ds-border-default);border-radius:12px;cursor:pointer;transition:all .2s}.upload-label:hover{border-color:var(--primary-color);background:#3b82f60d}.upload-label svg{color:var(--text-tertiary, #9ca3af);margin-bottom:12px}.upload-text{font-size:15px;font-weight:500;color:var(--text-primary, #111827);margin-bottom:6px}.upload-hint{font-size:12px;color:var(--text-tertiary, #9ca3af)}.documents-list{display:flex;flex-direction:column;gap:10px}.document-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:10px}.document-item svg{color:var(--primary-color)}.doc-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-item select{padding:6px 10px;border:1px solid var(--ds-border-default);border-radius:6px;font-size:12px;background:var(--bg-tertiary, #f3f4f6)}.review-sections{display:flex;flex-direction:column;gap:24px}.review-section{padding:20px;background:var(--bg-tertiary, #f9fafb);border-radius:12px}.review-section h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary, #111827)}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.review-item{display:flex;flex-direction:column;gap:4px}.review-item.full{grid-column:1 / -1}.review-item label{font-size:12px;color:var(--text-secondary, #6b7280)}.review-item span{font-size:14px;font-weight:500;color:var(--text-primary, #111827)}.priority-tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;width:fit-content}.priority-tag.priority-low{background:#f3f4f6;color:#6b7280}.priority-tag.priority-normal{background:#dbeafe;color:#1d4ed8}.priority-tag.priority-high{background:#fef3c7;color:#b45309}.priority-tag.priority-urgent{background:#fee2e2;color:#b91c1c}.staff-summary-review{display:flex;align-items:center;gap:10px;margin-bottom:12px}.staff-summary-review .total{font-size:28px;font-weight:700;color:var(--primary-color)}.staff-list-review{display:flex;flex-direction:column;gap:8px}.staff-item-review{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--ds-bg-surface);border-radius:8px}.staff-item-review .qty{font-weight:600;color:var(--primary-color)}.staff-item-review .title{flex:1;font-weight:500}.staff-item-review .level{font-size:12px;color:var(--text-secondary, #6b7280);background:var(--bg-tertiary, #f3f4f6);padding:2px 8px;border-radius:4px}.docs-list-review{display:flex;flex-wrap:wrap;gap:8px}.doc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ds-bg-surface);border-radius:6px;font-size:13px;color:var(--text-primary, #111827)}.step-navigation{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.step-navigation .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);color:var(--text-primary, #111827)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);border:none;color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #1d4ed8)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.nav-right{display:flex;gap:12px}@media(max-width:768px){.new-request-page{padding:16px}.progress-steps{flex-wrap:wrap;gap:6px}.step{padding:6px 12px}.step-label{display:none}.step.active .step-label{display:inline}.step-container{padding:20px}.form-grid,.form-row,.review-grid{grid-template-columns:1fr}.priority-options{flex-wrap:wrap}.priority-btn{flex:1 1 45%}.step-navigation{flex-direction:column;gap:12px}.step-navigation .btn,.nav-right{width:100%}.nav-right{flex-direction:column}}:root{--ds-black: #231F20;--ds-black-100: #f0f0f0;--ds-black-200: #d1d1d1;--ds-black-300: #b3b3b3;--ds-black-400: #949494;--ds-black-500: #595959;--ds-black-600: #4d4d4d;--ds-black-700: #404040;--ds-black-800: #333333;--ds-black-900: #231F20;--ds-red: #C12A33;--ds-red-100: #fff0f1;--ds-red-200: #fdd5d7;--ds-red-300: #fab0b4;--ds-red-400: #f58a91;--ds-red-500: #ef656e;--ds-red-600: #e8404b;--ds-red-700: #D42B35;--ds-red-800: #C12A33;--ds-red-900: #9E1F27;--ds-primary: var(--ds-red);--ds-primary-hover: var(--ds-red-700);--ds-primary-active: var(--ds-red-900);--ds-secondary: var(--ds-black-600);--ds-secondary-hover: var(--ds-black-500);--ds-accent: var(--ds-red);--ds-focus-ring-width: 3px;--ds-focus-ring-offset: 2px;--ds-transition-interactive: .2s cubic-bezier(.4, 0, .2, 1);--ds-blur-sm: 4px;--ds-blur-md: 8px;--ds-blur-lg: 16px;--ds-blur-xl: 24px;--ds-success: #10b981;--ds-success-light: #34d399;--ds-success-dark: #047857;--ds-warning: #f59e0b;--ds-warning-light: #fbbf24;--ds-warning-dark: #b45309;--ds-danger: #F5333F;--ds-danger-light: #f87171;--ds-danger-dark: #9E1F27;--ds-info: #06b6d4;--ds-info-light: #22d3ee;--ds-info-dark: #0e7490;--ds-font-primary: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ds-font-arabic: "Cairo", "Traditional Arabic", sans-serif;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-text-3xl: 1.875rem;--ds-text-4xl: 2.25rem;--ds-font-normal: 400;--ds-font-medium: 500;--ds-font-semibold: 600;--ds-font-bold: 700;--ds-leading-tight: 1.25;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.625;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-xl: 16px;--ds-radius-2xl: 24px;--ds-radius-full: 9999px;--ds-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--ds-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--ds-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ds-z-dropdown: 1000;--ds-z-sticky: 1020;--ds-z-modal-backdrop: 1040;--ds-z-modal: 1050;--ds-z-tooltip: 1070;--ds-sidebar-width: 280px;--ds-sidebar-collapsed-width: 80px}:root,[data-theme=dark]{--ds-bg-base: #231F20;--ds-bg-surface: #333333;--ds-bg-elevated: #404040;--ds-bg-overlay: rgba(35, 31, 32, .95);--ds-bg-hover: #3d3d3d;--ds-bg-glass: rgba(255, 255, 255, .05);--ds-text-primary: #ffffff;--ds-text-secondary: #d1d1d1;--ds-text-muted: #b3b3b3;--ds-text-inverse: #231F20;--ds-text-on-primary: #ffffff;--ds-border-subtle: rgba(255, 255, 255, .1);--ds-border-default: rgba(255, 255, 255, .15);--ds-border-strong: rgba(255, 255, 255, .25);--ds-input-bg: #333333;--ds-input-border: #4d4d4d;--ds-input-focus: #C12A33;--ds-input-focus-ring: rgba(193, 42, 51, .4);--ds-input-placeholder: #949494;--ds-input-text: #ffffff;--ds-input-disabled-bg: #404040;--ds-input-disabled-text: #949494;--ds-input-readonly-bg: #404040;--ds-input-error-border: #F5333F;--ds-input-success-border: #10b981;--ds-dropdown-bg: #333333;--ds-dropdown-hover-bg: #404040;--ds-dropdown-selected-bg: rgba(193, 42, 51, .2);--ds-select-arrow: #d1d1d1;--ds-checkbox-bg: #333333;--ds-checkbox-border: #4d4d4d;--ds-checkbox-checked-bg: #C12A33;--ds-checkbox-checked-border: #C12A33;--ds-checkbox-checkmark: #ffffff;--ds-radio-bg: #333333;--ds-radio-border: #4d4d4d;--ds-radio-checked-bg: #C12A33;--ds-radio-checked-border: #C12A33;--ds-radio-dot: #ffffff;--ds-switch-bg: #4d4d4d;--ds-switch-checked-bg: #C12A33;--ds-switch-thumb: #ffffff;--ds-card-bg: #333333;--ds-modal-bg: #333333;--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ds-shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--ds-shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--ds-shadow-glow: 0 0 20px rgba(193, 42, 51, .3);--ds-success-bg: rgba(16, 185, 129, .2);--ds-success-bg-subtle: rgba(16, 185, 129, .1);--ds-success-bg-solid: #065f46;--ds-warning-bg: rgba(245, 158, 11, .2);--ds-warning-bg-subtle: rgba(245, 158, 11, .1);--ds-warning-bg-solid: #78350f;--ds-danger-bg: rgba(245, 51, 63, .2);--ds-danger-bg-subtle: rgba(245, 51, 63, .1);--ds-danger-bg-solid: #7f1d1d;--ds-info-bg: rgba(6, 182, 212, .2);--ds-info-bg-subtle: rgba(6, 182, 212, .1);--ds-info-bg-solid: #164e63;--ds-success-text: #10b981;--ds-warning-text: #f59e0b;--ds-danger-text: #F5333F;--ds-info-text: #06b6d4;--ds-success-border: rgba(16, 185, 129, .5);--ds-warning-border: rgba(245, 158, 11, .5);--ds-danger-border: rgba(245, 51, 63, .5);--ds-info-border: rgba(6, 182, 212, .5);--ds-success-hover: rgba(16, 185, 129, .3);--ds-warning-hover: rgba(245, 158, 11, .3);--ds-danger-hover: rgba(245, 51, 63, .3);--ds-info-hover: rgba(6, 182, 212, .3);--ds-primary-hover-bg: rgba(193, 42, 51, .15);--ds-primary-focus-ring: rgba(193, 42, 51, .5);--ds-primary-active-bg: rgba(193, 42, 51, .25);--ds-card-hover-border: rgba(193, 42, 51, .5);--ds-card-focus-border: var(--ds-red);--ds-card-glow: 0 0 20px rgba(193, 42, 51, .25), 0 8px 32px rgba(0, 0, 0, .4);--ds-card-hover-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(193, 42, 51, .2);--ds-glass-bg: rgba(51, 51, 51, .7);--ds-glass-border: rgba(255, 255, 255, .1);--ds-glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);color-scheme:dark}[data-theme=light]{--ds-bg-base: #ffffff;--ds-bg-surface: #f9fafb;--ds-bg-elevated: #f3f4f6;--ds-bg-overlay: rgba(255, 255, 255, .95);--ds-bg-hover: rgba(0, 0, 0, .05);--ds-bg-glass: rgba(0, 0, 0, .03);--ds-text-primary: var(--ds-black-900);--ds-text-secondary: var(--ds-black-600);--ds-text-muted: var(--ds-black-500);--ds-text-inverse: #ffffff;--ds-text-on-primary: #ffffff;--ds-border-subtle: rgba(35, 31, 32, .08);--ds-border-default: rgba(35, 31, 32, .12);--ds-border-strong: rgba(35, 31, 32, .2);--ds-input-bg: #ffffff;--ds-input-border: var(--ds-black-200);--ds-input-focus: var(--ds-red);--ds-input-focus-ring: rgba(193, 42, 51, .25);--ds-input-placeholder: var(--ds-black-400);--ds-input-text: var(--ds-text-primary);--ds-input-disabled-bg: #f3f4f6;--ds-input-disabled-text: var(--ds-black-400);--ds-input-readonly-bg: #f9fafb;--ds-input-error-border: var(--ds-danger);--ds-input-success-border: var(--ds-success);--ds-dropdown-bg: #ffffff;--ds-dropdown-hover-bg: #f3f4f6;--ds-dropdown-selected-bg: rgba(193, 42, 51, .1);--ds-select-arrow: var(--ds-text-secondary);--ds-checkbox-bg: #ffffff;--ds-checkbox-border: var(--ds-black-200);--ds-checkbox-checked-bg: var(--ds-red);--ds-checkbox-checked-border: var(--ds-red);--ds-checkbox-checkmark: #ffffff;--ds-radio-bg: #ffffff;--ds-radio-border: var(--ds-black-200);--ds-radio-checked-bg: var(--ds-red);--ds-radio-checked-border: var(--ds-red);--ds-radio-dot: #ffffff;--ds-switch-bg: var(--ds-black-300);--ds-switch-checked-bg: var(--ds-red);--ds-switch-thumb: #ffffff;--ds-card-bg: #ffffff;--ds-modal-bg: #ffffff;--ds-shadow-sm: 0 1px 2px rgba(35, 31, 32, .05);--ds-shadow-md: 0 4px 6px rgba(35, 31, 32, .1);--ds-shadow-lg: 0 10px 15px rgba(35, 31, 32, .15);--ds-shadow-xl: 0 20px 25px rgba(35, 31, 32, .2);--ds-shadow-glow: 0 0 20px rgba(193, 42, 51, .2);--ds-success-bg: rgba(16, 185, 129, .12);--ds-success-bg-subtle: rgba(16, 185, 129, .06);--ds-success-bg-solid: #d1fae5;--ds-warning-bg: rgba(245, 158, 11, .12);--ds-warning-bg-subtle: rgba(245, 158, 11, .06);--ds-warning-bg-solid: #fef3c7;--ds-danger-bg: rgba(245, 51, 63, .12);--ds-danger-bg-subtle: rgba(245, 51, 63, .06);--ds-danger-bg-solid: #fee2e2;--ds-info-bg: rgba(6, 182, 212, .12);--ds-info-bg-subtle: rgba(6, 182, 212, .06);--ds-info-bg-solid: #cffafe;--ds-success-text: #047857;--ds-warning-text: #b45309;--ds-danger-text: #9E1F27;--ds-info-text: #0e7490;--ds-success-border: rgba(16, 185, 129, .4);--ds-warning-border: rgba(245, 158, 11, .4);--ds-danger-border: rgba(245, 51, 63, .4);--ds-info-border: rgba(6, 182, 212, .4);--ds-success-hover: rgba(16, 185, 129, .18);--ds-warning-hover: rgba(245, 158, 11, .18);--ds-danger-hover: rgba(245, 51, 63, .18);--ds-info-hover: rgba(6, 182, 212, .18);--ds-primary-hover-bg: rgba(193, 42, 51, .08);--ds-primary-focus-ring: rgba(193, 42, 51, .35);--ds-primary-active-bg: rgba(193, 42, 51, .15);--ds-card-hover-border: rgba(193, 42, 51, .4);--ds-card-focus-border: var(--ds-red);--ds-card-glow: 0 0 20px rgba(193, 42, 51, .15), 0 8px 24px rgba(35, 31, 32, .12);--ds-card-hover-shadow: 0 8px 24px rgba(35, 31, 32, .12), 0 0 0 1px rgba(193, 42, 51, .15);--ds-glass-bg: rgba(255, 255, 255, .8);--ds-glass-border: rgba(35, 31, 32, .08);--ds-glass-shadow: 0 8px 32px rgba(35, 31, 32, .1);color-scheme:light}input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--ds-input-bg);border:1px solid var(--ds-input-border);color:var(--ds-input-text);transition:border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast),background-color var(--ds-transition-fast)}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--ds-input-placeholder)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input:not([type=checkbox]):not([type=radio]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input:not([type=checkbox]):not([type=radio]):disabled,select:disabled,textarea:disabled{background-color:var(--ds-input-disabled-bg);color:var(--ds-input-disabled-text);cursor:not-allowed}input:not([type=checkbox]):not([type=radio]):read-only,textarea:read-only{background-color:var(--ds-input-readonly-bg)}input:not([type=checkbox]):not([type=radio]).ds-input--error,select.ds-input--error,textarea.ds-input--error{border-color:var(--ds-input-error-border)}input:not([type=checkbox]):not([type=radio]).ds-input--error:focus,select.ds-input--error:focus,textarea.ds-input--error:focus{border-color:var(--ds-input-error-border);box-shadow:0 0 0 3px #f5333f40}input:not([type=checkbox]):not([type=radio]).ds-input--success,select.ds-input--success,textarea.ds-input--success{border-color:var(--ds-input-success-border)}input:not([type=checkbox]):not([type=radio]).ds-input--success:focus,select.ds-input--success:focus,textarea.ds-input--success:focus{border-color:var(--ds-input-success-border);box-shadow:0 0 0 3px #10b98140}select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999999' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right .75rem center / 12px 12px;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-theme=dark] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d1d1d1' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right .75rem center / 12px 12px}[data-theme=light] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right .75rem center / 12px 12px}select option{background-color:var(--ds-dropdown-bg);color:var(--ds-input-text);padding:var(--ds-space-2)}[dir=rtl] select{background-position:left .75rem center;padding-right:.75rem;padding-left:2.5rem}[dir=rtl][data-theme=dark] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d1d1d1' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat left .75rem center / 12px 12px}[dir=rtl][data-theme=light] select{background:var(--ds-input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat left .75rem center / 12px 12px}input[type=checkbox]{appearance:none;width:1.125rem;height:1.125rem;background-color:var(--ds-checkbox-bg);border:1px solid var(--ds-checkbox-border);border-radius:var(--ds-radius-sm);cursor:pointer;transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}input[type=checkbox]:checked{background-color:var(--ds-checkbox-checked-bg);border-color:var(--ds-checkbox-checked-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M10.28 2.28L4.5 8.06 1.72 5.28a.75.75 0 00-1.06 1.06l3.5 3.5a.75.75 0 001.06 0l6.5-6.5a.75.75 0 00-1.06-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=radio]{appearance:none;width:1.125rem;height:1.125rem;background-color:var(--ds-radio-bg);border:1px solid var(--ds-radio-border);border-radius:var(--ds-radius-full);cursor:pointer;transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),box-shadow var(--ds-transition-fast)}input[type=radio]:checked{background-color:var(--ds-radio-checked-bg);border-color:var(--ds-radio-checked-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px var(--ds-input-focus-ring)}input[type=radio]:disabled{opacity:.5;cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:inherit}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local]{color-scheme:dark}[dir=rtl]{--ds-font-family: "Cairo", "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;font-family:var(--ds-font-family)}[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-chevron-left,[dir=rtl] .icon-chevron-right,[dir=rtl] .icon-back,[dir=rtl] .icon-forward,[dir=rtl] .ds-icon-directional{transform:scaleX(-1)}[dir=rtl],[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .flex-row-ltr{flex-direction:row-reverse}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.ps-0{padding-inline-start:0}.pe-0{padding-inline-end:0}.text-start{text-align:start}.text-end{text-align:end}.border-start{border-inline-start:1px solid var(--ds-border-default)}.border-end{border-inline-end:1px solid var(--ds-border-default)}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}[dir=rtl]{font-family:var(--ds-font-arabic),var(--ds-font-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:inherit}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--ds-font-primary);background:var(--ds-bg-base);color:var(--ds-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ds-bg-surface)}::-webkit-scrollbar-thumb{background:var(--ds-black-600);border-radius:var(--ds-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ds-black-500)}input,select,textarea{background-color:var(--ds-input-bg);color:var(--ds-text-primary);border:1px solid var(--ds-input-border);border-radius:var(--ds-radius-md)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ds-input-focus)}input[type=date],input[type=time],input[type=datetime-local]{background-color:var(--ds-input-bg);color:var(--ds-text-primary);color-scheme:dark}[data-theme=light] input[type=date],[data-theme=light] input[type=time],[data-theme=light] input[type=datetime-local]{color-scheme:light}select option,[data-theme=light] select option{background-color:var(--ds-dropdown-bg);color:var(--ds-text-primary)}.modal-content .form-group select,.modal-body .form-group select,[class*=modal] .form-group select{background-color:var(--ds-input-bg);color:var(--ds-input-text);border:1px solid var(--ds-input-border);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-md)}.modal-content .form-group select option,.modal-body .form-group select option,[class*=modal] .form-group select option{background-color:var(--ds-dropdown-bg);color:var(--ds-text-primary);padding:var(--ds-space-2)}[data-theme=light] .modal-content .form-group select,[data-theme=light] .modal-body .form-group select,[data-theme=light] [class*=modal] .form-group select{background-color:var(--ds-input-bg);color:var(--ds-input-text);border-color:var(--ds-input-border)}[data-theme=light] .modal-content .form-group select option,[data-theme=light] .modal-body .form-group select option,[data-theme=light] [class*=modal] .form-group select option{background-color:var(--ds-dropdown-bg);color:var(--ds-text-primary)}::selection{background:var(--ds-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-weight:var(--ds-font-semibold);line-height:var(--ds-leading-tight);color:var(--ds-text-primary)}h1{font-size:var(--ds-text-4xl)}h2{font-size:var(--ds-text-3xl)}h3{font-size:var(--ds-text-2xl)}h4{font-size:var(--ds-text-xl)}h5{font-size:var(--ds-text-lg)}h6{font-size:var(--ds-text-base)}p{color:var(--ds-text-secondary)}a{color:var(--ds-primary);text-decoration:none;transition:color var(--ds-transition-fast)}a:hover{color:var(--ds-red-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);border-radius:var(--ds-radius-lg);border:none;cursor:pointer;transition:all var(--ds-transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-hover));color:var(--ds-text-on-primary);box-shadow:var(--ds-shadow-md),var(--ds-shadow-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--ds-red-600),var(--ds-primary));transform:translateY(-1px);box-shadow:var(--ds-shadow-lg),var(--ds-shadow-glow)}.btn-primary:focus-visible{outline:none;box-shadow:var(--ds-shadow-md),0 0 0 var(--ds-focus-ring-width) var(--ds-primary-focus-ring)}.btn-primary:active:not(:disabled){background:linear-gradient(135deg,var(--ds-primary-active),var(--ds-primary));transform:translateY(0);box-shadow:var(--ds-shadow-sm)}.btn-secondary{background:var(--ds-bg-elevated);color:var(--ds-text-primary);border:1px solid var(--ds-border-default)}.btn-secondary:hover:not(:disabled){background:var(--ds-bg-hover);border-color:var(--ds-border-strong)}.btn-secondary:focus-visible{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 var(--ds-focus-ring-width) var(--ds-primary-focus-ring)}.btn-success{background:linear-gradient(135deg,var(--ds-success),var(--ds-success-dark));color:#fff}.btn-danger{background:linear-gradient(135deg,var(--ds-danger),var(--ds-danger-dark));color:#fff}.btn-icon{padding:var(--ds-space-3);border-radius:var(--ds-radius-lg)}.btn-sm{padding:var(--ds-space-2) var(--ds-space-3);font-size:var(--ds-text-xs)}.btn-lg{padding:var(--ds-space-4) var(--ds-space-8);font-size:var(--ds-text-base)}.form-group{margin-bottom:var(--ds-space-5)}.form-label{display:block;margin-bottom:var(--ds-space-2);font-size:var(--ds-text-sm);font-weight:var(--ds-font-medium);color:var(--ds-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--ds-space-3) var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-text-primary);background:var(--ds-bg-elevated);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg);transition:all var(--ds-transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring);outline:none}.form-input::placeholder{color:var(--ds-text-muted)}.form-textarea{min-height:100px;resize:vertical}.card{background:var(--ds-card-bg);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);padding:var(--ds-space-6);-webkit-backdrop-filter:blur(var(--ds-blur-md));backdrop-filter:blur(var(--ds-blur-md));transition:all var(--ds-transition-interactive)}.card:hover{border-color:var(--ds-card-hover-border);box-shadow:var(--ds-card-hover-shadow)}.card:focus-within{border-color:var(--ds-card-focus-border);box-shadow:var(--ds-card-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ds-space-5);padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border-default)}.card-title{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal-backdrop);padding:var(--ds-space-4);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-xl);max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ds-space-5) var(--ds-space-6);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);border-radius:var(--ds-radius-xl) var(--ds-radius-xl) 0 0;position:sticky;top:0;z-index:10}.modal-header h2,.modal-header h3{font-size:var(--ds-text-lg);font-weight:var(--ds-font-semibold);color:var(--ds-text-primary);margin:0;display:flex;align-items:center;gap:var(--ds-space-3)}.modal-header h2 svg,.modal-header h3 svg{color:var(--ds-primary)}.modal-close,.btn-close,.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ds-bg-surface);border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-md);color:var(--ds-text-secondary);cursor:pointer;transition:all var(--ds-transition-fast)}.modal-close:hover,.btn-close:hover,.close-btn:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger);color:var(--ds-danger)}.modal-body{padding:var(--ds-space-6);background:var(--ds-bg-surface)}.modal-footer,.modal-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-border-default);background:var(--ds-bg-elevated);border-radius:0 0 var(--ds-radius-xl) var(--ds-radius-xl);position:sticky;bottom:0}.modal-content input,.modal-content select,.modal-content textarea{background:var(--ds-input-bg);color:var(--ds-text-primary);border:1px solid var(--ds-input-border)}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:var(--ds-input-focus);box-shadow:0 0 0 3px var(--ds-input-focus-ring)}.modal-tabs{display:flex;gap:var(--ds-space-1);padding:0 var(--ds-space-5);border-bottom:1px solid var(--ds-border-default);background:var(--ds-bg-surface);overflow-x:auto;flex-wrap:nowrap}.modal-tab,.tab-btn{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);background:transparent;border:none;color:var(--ds-text-secondary);font-size:var(--ds-text-sm);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--ds-transition-fast);white-space:nowrap}.modal-tab:hover,.tab-btn:hover{color:var(--ds-text-primary);background:var(--ds-bg-hover)}.modal-tab.active,.modal-tab--active,.tab-btn.active{color:var(--ds-primary);border-bottom-color:var(--ds-primary);background:transparent}.modal-tab svg,.tab-btn svg{flex-shrink:0;width:18px;height:18px}.modal-tab.active svg,.modal-tab--active svg,.tab-btn.active svg{color:var(--ds-primary)}[dir=rtl] .modal-tabs{direction:rtl}[dir=rtl] .modal-tab,[dir=rtl] .tab-btn{text-align:right}.table-container{overflow-x:auto;border-radius:var(--ds-radius-xl);background:var(--ds-card-bg);border:1px solid var(--ds-border-default)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border-default)}[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}.table th{font-weight:var(--ds-font-semibold);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ds-text-secondary);background:var(--ds-bg-elevated)}.table tbody tr{transition:background var(--ds-transition-fast)}.table tbody tr:hover{background:var(--ds-bg-glass)}table,[class*=table],[class*=data-table],[class*=records-table]{background:var(--ds-bg-surface);border-collapse:collapse;width:100%}table thead,[class*=table] thead,[class*=records] thead{background:var(--ds-bg-elevated)!important}table th,thead th,[class*=table] th,[class*=data-table] th,[class*=records] th{background:var(--ds-bg-elevated)!important;color:var(--ds-text-secondary)!important;font-weight:var(--ds-font-semibold);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ds-border-default)!important;padding:.875rem 1rem}table tbody,[class*=table] tbody,[class*=records] tbody{background:var(--ds-bg-surface)}table tbody tr,[class*=table] tbody tr,[class*=records] tbody tr{background:var(--ds-bg-surface);transition:background var(--ds-transition-fast)}table tbody tr:hover,[class*=table] tbody tr:hover,[class*=data-table] tbody tr:hover,[class*=records] tbody tr:hover{background:var(--ds-bg-hover)!important}table tbody tr:focus,table tbody tr:focus-within,[class*=table] tbody tr:focus,[class*=table] tbody tr:focus-within{outline:none;background:var(--ds-bg-hover);box-shadow:inset 0 0 0 2px var(--ds-primary)}table td,[class*=table] td,[class*=data-table] td,[class*=records] td{color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default);padding:.875rem 1rem;background:inherit}[class*=records-header],[class*=record-header],.records-header,.record-header{background:var(--ds-bg-elevated)!important;color:var(--ds-text-primary);border-bottom:1px solid var(--ds-border-default);padding:1rem}[class*=records-container],[class*=record-container],[class*=table-container],[class*=table-wrapper],.records-container,.record-container,.table-container,.table-wrapper{background:var(--ds-bg-surface)!important;border:1px solid var(--ds-border-default);border-radius:var(--ds-radius-lg)}[class*=records]>div,[class*=table-content],[class*=content-area],[class*=panel],[class*=attendance-records],[class*=data-container]{background:var(--ds-bg-surface);color:var(--ds-text-primary)}.attendance-records,.attendance-records div,.attendance-page .records,[class*=attendance] table,[class*=records-table-container]{background:var(--ds-bg-surface)!important}[dir=rtl] table th,[dir=rtl] table td,[dir=rtl] [class*=table] th,[dir=rtl] [class*=table] td{text-align:right}[class*=card],[class*=stat-card],[class*=info-card],[class*=summary-card],[class*=data-card]{background:var(--ds-card-bg);border-radius:var(--ds-radius-lg);color:var(--ds-text-primary);transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast)}.stat-card,[class*=stat-card],.attendance-stat-card,[class*=attendance-stat-card]{background:var(--ds-card-bg)!important;border:1px solid var(--ds-border-default)!important;color:var(--ds-text-primary)}[class*=card-icon],[class*=stat-icon],[class*=-icon-container]{background:var(--ds-bg-elevated)}[class*=card]:hover,[class*=stat-card]:hover{border-color:var(--ds-card-hover-border);box-shadow:var(--ds-card-hover-shadow)}[class*=card-title],[class*=card-value],[class*=stat-value],[class*=stat-label]{color:var(--ds-text-primary)}[class*=card-subtitle],[class*=stat-subtitle]{color:var(--ds-text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-text-xs);font-weight:var(--ds-font-medium);border-radius:var(--ds-radius-full)}.badge-success{background:var(--ds-success-bg);color:var(--ds-success-text)}.badge-warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.badge-danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.badge-info{background:var(--ds-info-bg);color:var(--ds-info-text)}.avatar{width:40px;height:40px;border-radius:var(--ds-radius-full);object-fit:cover;background:var(--ds-bg-elevated)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.spinner{width:40px;height:40px;border:3px solid var(--ds-border-default);border-top-color:var(--ds-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--ds-space-2)}.gap-4{gap:var(--ds-space-4)}.gap-6{gap:var(--ds-space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--ds-text-sm)}.text-xs{font-size:var(--ds-text-xs)}.text-muted{color:var(--ds-text-muted)}.font-semibold{font-weight:var(--ds-font-semibold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideIn{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease-out}