body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.activity-notifications{position:relative}.notification-bell{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.6rem;position:relative;transition:all .2s}.notification-bell:hover{background:#fff3;transform:scale(1.05)}.notification-bell svg{stroke-width:2;color:#fff}.notification-badge{align-items:center;animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #1e293b;border-radius:9999px;box-shadow:0 2px 6px #ef444480;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-dropdown{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.notifications-header h3{color:#111827;font-size:1.125rem;margin:0}.mark-all-read{background:#0000;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background .2s}.mark-all-read:hover{background:#3b82f61a}.notifications-list{flex:1 1;max-height:400px;overflow-y:auto}.notifications-loading{color:#6b7280;padding:2rem;text-align:center}.notifications-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.notifications-empty p{color:#6b7280;font-size:.875rem;margin-top:1rem}.notification-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-content{flex:1 1;min-width:0}.notification-description{color:#111827;font-size:.875rem;line-height:1.4;margin:0 0 .25rem}.notification-target{color:#3b82f6;font-size:.75rem;font-weight:500;margin:0 0 .25rem}.notification-time{color:#6b7280;font-size:.75rem;margin:0}.notification-dismiss{align-self:flex-start;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:.25rem;transition:all .2s}.notification-dismiss:hover{background:#ef44441a;color:#ef4444}.notifications-footer{border-top:1px solid #e5e7eb;padding:.75rem 1rem;text-align:center}.view-all-link{font-size:.875rem}.view-all-link:hover{text-decoration:underline}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f3f4f6}.notifications-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}[dir=rtl] .notifications-dropdown{left:0;right:auto}[dir=rtl] .notification-badge{left:2px;right:auto}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 4px 12px #00000026;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;position:relative}.navbar-brand{color:#fff;text-decoration:none;z-index:1001}.mobile-menu-toggle{background:#ffffff1a;border:2px solid #fff3;border-radius:.5rem;color:#fff;cursor:pointer;display:none;padding:.5rem;transition:all .3s ease;z-index:1001}.mobile-menu-toggle:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.logo{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.navbar-menu{flex:1 1;gap:.25rem;justify-content:center}.nav-link,.navbar-menu{align-items:center;display:flex}.nav-link{border-radius:.5rem;color:#94a3b8;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem .85rem;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link:before{background:linear-gradient(90deg,#60a5fa,#a78bfa);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover:before{width:80%}.nav-link:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav-link.active{background:linear-gradient(135deg,#60a5fa33,#a78bfa33);box-shadow:0 0 20px #60a5fa4d;color:#60a5fa;font-weight:600}.nav-link.active:before{width:80%}.navbar-user{gap:.75rem}.navbar-user,.user-info{align-items:center;display:flex}.user-info{background:#ffffff14;border-radius:.5rem;color:#fff;gap:.4rem;padding:.4rem .75rem}.username{font-size:.8rem;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis}.user-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:.75rem;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}.logout-button{align-items:center;background:#ef444426;border:none;border-radius:.5rem;color:#fca5a5;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.5rem .75rem;transition:all .2s}.logout-button:hover{background:#dc2626;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.navbar-container{padding:0 1rem}.navbar-menu{gap:.25rem}.nav-link{font-size:.85rem;padding:.5rem .75rem}.nav-link span{display:none}.logout-button,.user-info{padding:.5rem .75rem}.logout-button{font-size:.85rem}.logout-button span{display:none}}@media (max-width:768px){.navbar-container{height:60px;padding:.75rem 1rem}.logo{font-size:1.25rem}.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.navbar-menu{align-items:stretch;background:linear-gradient(180deg,#0f172a,#1e293b);box-shadow:-4px 0 12px #0000004d;flex-direction:column;gap:.5rem;height:calc(100vh - 60px);justify-content:flex-start;overflow-y:auto;padding:1.5rem 1rem;position:fixed;right:-100%;top:60px;transition:right .3s ease-in-out;width:280px;z-index:1000}.navbar-menu.mobile-open{right:0}.nav-link{border-radius:.75rem;justify-content:flex-start;padding:1rem;width:100%}.nav-link span{display:inline}.nav-link:before{display:none}.navbar-user{gap:.5rem}.user-info{padding:.5rem}.user-info .user-badge,.user-info .username{display:none}.logout-button{padding:.5rem}.logout-button span{display:none}}@media (max-width:480px){.navbar-container{padding:.5rem}.logo{font-size:1rem;gap:.5rem}.logo-icon{font-size:1.5rem}.nav-link{padding:.4rem}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-box{background:#fff;border-radius:1rem;box-shadow:0 20px 25px #00000026;max-width:450px;padding:2.5rem;width:100%}.login-header h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem;text-align:center}.subtitle{font-size:.95rem;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input{border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.875rem;transition:all .3s;width:100%}.form-field input:focus{background:#eff6ff;border-color:#2563eb}.login-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:.5rem;box-shadow:0 4px 6px #2563eb4d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 12px #2563eb66;transform:translateY(-2px)}.login-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:2rem}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:all .3s}.tab.active{border-bottom-color:#2563eb}.tab.active,.tab:hover{color:#2563eb}.success-message{border-radius:.5rem;font-size:.95rem;padding:1rem}.form-field select{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:1rem;padding:.875rem;transition:all .3s;width:100%}.form-field select:focus{background:#eff6ff;border-color:#2563eb;outline:none}.login-footer{color:#64748b;font-size:.875rem;margin-top:2rem;text-align:center}.dashboard{direction:rtl;margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem}.dashboard-header p{color:#64748b;font-size:1rem}.dashboard-time{align-items:center;background:#f8fafc;border-radius:.5rem;color:#475569;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem}.stat-card{border-radius:1rem;box-shadow:0 1px 3px #0000001a;color:inherit;gap:1.5rem;text-decoration:none;transition:all .3s}.stat-card:hover{box-shadow:0 8px 16px #00000026}.stat-icon{border-radius:1rem}.stat-title{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{font-size:2rem;margin:0}.presence-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#1e293b;font-size:1.5rem;margin:0}.view-all-link{color:#3b82f6;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#2563eb}.presence-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.presence-stat-card{align-items:center;border-radius:1rem;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s}.presence-stat-card.total{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.presence-stat-card.kablan{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.presence-stat-card.company{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.presence-stat-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.presence-stat-icon{align-items:center;background:#fff3;border-radius:1rem;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.presence-stat-content{flex:1 1}.presence-stat-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;opacity:.9}.presence-stat-value{font-size:2rem;font-weight:700;margin:0 0 .5rem}.presence-stat-breakdown{align-items:center;display:flex;font-size:.875rem;gap:.5rem;opacity:.9}.presence-stat-breakdown .divider{opacity:.5}.presence-stat-percentage{font-size:.875rem;font-weight:500;opacity:.9}.top-customers-section{margin-bottom:2rem}.top-customers-section h2{color:#1e293b;font-size:1.5rem;margin-bottom:1.5rem}.top-customers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.customer-card{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s}.customer-card:before{background:linear-gradient(180deg,#3b82f6,#2563eb);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.customer-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.customer-rank{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;width:50px}.customer-name{font-size:1.125rem;margin:0 0 .75rem}.customer-hours{align-items:center;color:#3b82f6;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.hours-value{font-size:1.125rem}.customer-percentage{color:#64748b;font-size:.875rem;font-weight:500}.no-data{font-size:1rem;grid-column:1/-1}.quick-actions{margin-bottom:2rem}.quick-actions h2{color:#1e293b;font-size:1.5rem;margin-bottom:1rem}.actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;color:inherit;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:all .3s}.action-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.action-icon{align-items:center;border-radius:1rem;display:flex;height:60px;justify-content:center;width:60px}.action-card h3{color:#1e293b;font-size:1.25rem;margin:0}.action-card p{color:#64748b;font-size:.95rem;margin:0}.recent-activity{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.recent-activity h2{color:#1e293b;font-size:1.5rem;margin-bottom:1.5rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{align-items:center;background:#f8fafc;border-radius:.5rem;display:flex;gap:.75rem;padding:1rem}.status-indicator{background:#94a3b8;border-radius:50%;height:12px;width:12px}.status-indicator.active{animation:pulse 2s infinite;background:#10b981;box-shadow:0 0 0 4px #10b98133}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.actions-grid,.presence-stats-grid,.stats-grid,.top-customers-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.modal-overlay{overflow-y:auto;z-index:2000}.modal-content{box-shadow:0 20px 25px #00000026}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s}.modal-close:hover{background:#e2e8f0;transform:rotate(90deg)}.modal-form{padding:2rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.form-field input,.form-field select,.form-field textarea{border:2px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.875rem;transition:all .3s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#eff6ff;border-color:#2563eb;outline:none}.form-field textarea{min-height:80px;resize:vertical}.checkbox-field{grid-column:1/-1}.checkbox-field label{align-items:center;cursor:pointer;flex-direction:row;gap:.75rem}.checkbox-field input[type=checkbox]{cursor:pointer;height:20px;width:20px}.error-message{border-radius:.5rem;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.modal-footer{background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #2563eb66;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.form-grid{grid-template-columns:1fr}.modal-footer,.modal-form,.modal-header{padding:1rem}}.employees-page{direction:rtl;margin:0 auto;max-width:1400px;padding:2rem}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:.5rem;box-shadow:0 4px 6px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 12px #2563eb66;transform:translateY(-2px)}.filters-section{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #00000014;padding:1.5rem;position:relative}.filters-header{flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.btn-filter{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s}.btn-filter.active,.btn-filter:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.btn-clear{align-items:center;background:#fee2e2;border:none;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.btn-clear:hover{background:#fca5a5;color:#fff}.filters-grid{grid-gap:1rem 1.5rem;display:grid!important;gap:1rem 1.5rem;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr)!important;margin-top:1rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-out,opacity .3s ease-out}.filters-grid.open{max-height:500px;opacity:1}.filter-row{display:contents}.filter-field,.filters-grid>.filter-field{display:flex;flex-direction:column}.filter-field{min-width:0}.filter-field,.filter-field.autocomplete-field{position:relative}.filter-field label{align-items:center;color:#334155;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;margin-bottom:.5rem}.filter-field input,.filter-field select{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;font-size:.95rem;padding:.75rem 1rem;transition:all .3s}.filter-field input:focus,.filter-field select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.results-info{color:#64748b;font-size:.95rem;margin-bottom:1rem}.employees-table-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.employees-table{border-collapse:collapse;table-layout:fixed;width:100%}.employees-table th:first-child{width:10px}.employees-table th:nth-child(2){width:40%}.employees-table th:nth-child(3){width:15%}.employees-table th:nth-child(4){width:8%}.employees-table th:nth-child(5){width:12%}.employees-table th:nth-child(6),.employees-table th:nth-child(7){width:8%}.employees-table th:nth-child(8){width:100px}.employees-table thead{background:#f8fafc}.employees-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem;text-align:right;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.employees-table th:first-child{width:70px}.employees-table th:nth-child(2){width:200px}.employees-table th:nth-child(3){width:180px}.employees-table th:nth-child(4){width:120px}.employees-table th:nth-child(5){width:140px}.employees-table th:nth-child(6),.employees-table th:nth-child(7){width:100px}.employees-table th:nth-child(8){width:120px}.employees-table th.sortable{cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.employees-table th.sortable:hover{background:#e2e8f0;color:#1e293b}.employees-table td{border-bottom:1px solid #f1f5f9;color:#334155;overflow:hidden;padding:1rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.employees-table tbody tr:hover{background:#f8fafc}.employee-name{align-items:center;display:flex;gap:.5rem}.new-badge{animation:pulse-new 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:9999px;box-shadow:0 2px 4px #10b9814d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.125rem .5rem;text-transform:uppercase}@keyframes pulse-new{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.customer-name{color:#334155;font-size:.9rem;font-weight:500}.customer-site{font-size:.75rem}.customer-site,.no-customer{color:#94a3b8;font-style:italic}.badge{border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#fee2e2;color:#991b1b}.badge-type{background:#f3f4f6;color:#374151}.badge-type.badge-חברה{background:#dbeafe;color:#1e40af}.badge-type.badge-קבלן{background:#fef3c7;color:#92400e}.badge-type[class*="חברה וקבלן"],.badge-type[class*="קבלן ו חברה"]{background:linear-gradient(135deg,#fef3c7,#dbeafe);color:#374151}.badge-payment{background:#f3f4f6;color:#374151}.badge-payment.badge-קבלן{background:#fef3c7;color:#92400e}.badge-payment[class*=\5D4\5E2\5D1\5E8\5D4]{background:#dbeafe;color:#1e40af}.badge-payment.badge-צ׳ק{background:#9ce183;color:#458a0d}.clickable-badge{cursor:pointer!important;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clickable-badge:hover{box-shadow:0 2px 8px #3b82f666;transform:scale(1.05)}.clickable-badge:active{transform:scale(.95)}.payment-cell{position:relative}.badge-payment.badge-transfer{cursor:pointer;position:relative}.bank-tooltip{background:#1e293b;border:2px solid #475569;border-radius:.75rem;box-shadow:0 10px 40px #0009;color:#fff;display:none;font-size:.875rem;max-width:400px;min-width:280px;padding:1rem;position:fixed;z-index:99999}.payment-cell:hover .bank-tooltip{display:block}.bank-tooltip:before{border:10px solid #0000;border-top-color:#1e293b;bottom:-10px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.bank-tooltip-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.bank-tooltip-row:last-child{border-bottom:none;margin-bottom:0}.bank-tooltip-label{color:#94a3b8;font-size:.875rem;font-weight:600;white-space:nowrap}.bank-tooltip-value{color:#fff;direction:ltr;font-weight:500;text-align:left}.badge-type{color:#6b21a8}.action-buttons{display:flex;gap:.5rem}.btn-icon{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s}.btn-edit{background:#dbeafe;color:#1d4ed8}.btn-edit:hover{background:#3b82f6;color:#fff}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff}.no-data{font-style:italic;padding:3rem!important}.autocomplete-field{position:relative}.autocomplete-dropdown{background:#fff;border:2px solid #3b82f6;border-radius:0 0 .5rem .5rem;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-item{cursor:pointer;padding:.75rem;transition:background .2s}.autocomplete-item:hover{background:#eff6ff}.clickable-row{cursor:pointer;transition:background .2s}.clickable-row:hover{background:#f8fafc!important}.detail-modal{max-height:90vh;max-width:900px;overflow-y:auto}.modal-header-actions{gap:1rem}.btn-edit-detail{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 4px 6px #10b9814d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-edit-detail:hover{box-shadow:0 6px 12px #10b98166;transform:translateY(-2px)}.detail-content{padding:2rem}.detail-section{border-bottom:2px solid #e2e8f0;padding-bottom:2rem}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h3{font-size:1.25rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{gap:.25rem}.detail-label{color:#64748b;font-size:.875rem;font-weight:600}.detail-value{color:#1e293b;font-size:1rem}.detail-notes{background:#f8fafc;border-radius:.5rem;color:#475569;line-height:1.6;padding:1rem;white-space:pre-wrap}@media (max-width:768px){.employees-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.filters-grid{grid-template-columns:1fr}.employees-table-container{overflow-x:auto}.employees-table{min-width:800px}.detail-modal{max-width:95vw}.detail-grid{grid-template-columns:1fr}.detail-content{padding:1rem}}.notes-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1.5rem;box-shadow:0 20px 60px #667eea4d;margin-top:2rem;padding:2rem}.notes-header{justify-content:space-between;margin-bottom:1.5rem}.notes-header,.notes-header h3{align-items:center;display:flex}.notes-header h3{color:#fff;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0;text-shadow:0 2px 10px #0003}.btn-toggle-months{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:.75rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-toggle-months:hover{background:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.add-note-form{background:#fff;border-radius:1.25rem;box-shadow:0 10px 30px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.note-type-selector{display:flex;gap:.75rem;margin-bottom:1rem}.note-type-btn{align-items:center;background:#f1f5f9;border:2px solid #0000;border-radius:.75rem;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.note-type-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.note-type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66;color:#fff}.note-input-group{align-items:flex-end;display:flex;gap:.75rem}.note-textarea{border:2px solid #e2e8f0;border-radius:.75rem;flex:1 1;font-family:inherit;font-size:.95rem;padding:1rem;resize:vertical;transition:all .3s ease}.note-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.note-textarea::placeholder{color:#94a3b8}.btn-send-note{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:50px;padding:1rem;transition:all .3s ease}.btn-send-note:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px) scale(1.05)}.btn-send-note:disabled{cursor:not-allowed;opacity:.5}.notes-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.notes-list::-webkit-scrollbar{width:8px}.notes-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.notes-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.notes-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.notes-loading{color:#fff;font-size:1.1rem;padding:2rem;text-align:center}.notes-empty{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1rem;padding:3rem 2rem;text-align:center}.notes-empty svg{color:#ffffff80;margin-bottom:1rem}.notes-empty p{color:#fff;font-size:1.2rem;font-weight:600;margin:.5rem 0}.notes-empty span{color:#ffffffb3;font-size:.95rem}.note-card{background:#fff;border-left:4px solid #0000;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:1.25rem;transition:all .3s ease}.note-card:hover{box-shadow:0 8px 25px #00000026;transform:translateX(-5px)}.note-card.monthly{border-left-color:#3b82f6}.note-card.permanent{border-left-color:#8b5cf6}.note-header{justify-content:space-between;margin-bottom:.75rem}.note-header,.note-type-badge{align-items:center;display:flex}.note-type-badge{border-radius:.5rem;font-size:.8rem;font-weight:600;gap:.5rem;padding:.35rem .75rem}.note-card.monthly .note-type-badge{background:#dbeafe;color:#1e40af}.note-card.permanent .note-type-badge{background:#ede9fe;color:#6b21a8}.btn-delete-note{align-items:center;background:#fee2e2;border:none;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-delete-note:hover{background:#fecaca;transform:scale(1.1)}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.employees-page{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.btn-primary{justify-content:center;width:100%}.filters-header{align-items:stretch;flex-direction:column}.filters-grid{grid-template-columns:1fr}.filter-row{display:contents}.employees-table-container{border-radius:.5rem}.employees-table{font-size:.875rem}.employees-table td,.employees-table th{padding:.75rem .5rem}.employee-name{font-size:.9rem}.payment-badge,.type-badge{font-size:.75rem;padding:.25rem .5rem}.modal-content{max-height:90vh;max-width:95%;overflow-y:auto;padding:1.5rem;width:95%}.form-row{grid-template-columns:1fr}.detail-modal-content{max-width:95%;width:95%}.detail-grid{grid-template-columns:1fr}}@media (max-width:480px){.employees-page{padding:.75rem}.page-header h1{font-size:1.5rem}.employees-table{font-size:.8rem}.employees-table td,.employees-table th{padding:.5rem .25rem}.btn-clear,.btn-filter{font-size:.875rem;padding:.5rem .75rem}}.note-text{color:#334155;font-size:.95rem;line-height:1.6;margin-bottom:.75rem;white-space:pre-wrap;word-break:break-word}.note-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding-top:.75rem}.note-date{color:#94a3b8;font-size:.8rem;font-weight:500}.customers-page{direction:rtl;margin:0 auto;max-width:1600px;padding:2rem}.customers-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:#1e293b;margin-bottom:.5rem}.header-content p{color:#64748b;font-size:1rem}.add-customer-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.add-customer-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.add-customer-btn:active{transform:translateY(0)}.loading-container{min-height:400px}.customers-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-container{flex:1 1;position:relative}.search-input{border:2px solid #e2e8f0;border-radius:.75rem;direction:rtl;font-size:1rem;padding:.875rem 3rem .875rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{pointer-events:none;right:1rem}.clear-search,.search-icon{color:#94a3b8;position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;border:none;border-radius:.25rem;cursor:pointer;left:1rem;padding:.25rem;transition:all .2s ease}.clear-search:hover{background:#f1f5f9;color:#64748b}.suggestions-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 25px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.suggestion-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f8fafc}.suggestion-item svg{color:#3b82f6;flex-shrink:0}.suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.suggestion-name{color:#1e293b;font-weight:600}.suggestion-detail{color:#64748b;font-size:.875rem}.filter-toggle{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#475569;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.filter-toggle:hover{border-color:#3b82f6;color:#3b82f6}.filter-toggle svg.rotate{transform:rotate(180deg)}.filters-panel{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1.5rem;margin-bottom:1.5rem}.filter-group{flex:1 1}.filter-group label{color:#475569;font-weight:600}.filter-group select{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer;direction:rtl;font-size:.875rem;padding:.625rem 1rem;transition:all .2s ease}.filter-group select:focus{border-color:#3b82f6;outline:none}.customers-table-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;overflow:hidden}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.customers-table th{font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:right;text-transform:uppercase;vertical-align:middle}.customers-table th:first-child{text-align:center;width:50px}.customers-table th:nth-child(3),.customers-table th:nth-child(4){text-align:center}.customers-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.customers-table td{color:#475569;padding:1rem;text-align:right;vertical-align:middle}.customers-table td:first-child{padding:.5rem;width:50px}.customer-group-row{background:#f8fafc;cursor:pointer;font-weight:600}.customer-group-row:hover{background:#f1f5f9;box-shadow:0 2px 8px #0000000d}.customer-group-row td{border-bottom:none;padding:1.25rem 1rem}.customer-group-row td:first-child{padding:.5rem}.expand-cell{color:#3b82f6;cursor:pointer;padding:.5rem!important;text-align:center!important;width:50px}.customer-name{align-items:center;display:flex;font-size:1.05rem;gap:.75rem}.customer-name svg{color:#3b82f6;flex-shrink:0}.site-row{background:#fff;cursor:pointer}.site-row:nth-child(odd){background:#ecfbf7}.site-row:hover{background:#d1f4ea}.site-row td{padding:.875rem 1rem}.site-row td:first-child{padding:.5rem}.site-row td:nth-child(2){padding-right:3rem}.site-name{align-items:center;color:#64748b;display:flex;font-size:.9375rem;gap:.5rem}.site-name svg{color:#94a3b8;flex-shrink:0}.site-id{text-align:center!important}.site-id-badge{background:#f1f5f9;border-radius:.375rem;color:#64748b;display:inline-block;font-size:.8125rem;font-weight:500;padding:.25rem .625rem}.sites-count{text-align:center!important}.sites-count .count-badge{background:#dbeafe;border-radius:.5rem;color:#1e40af;display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .875rem}.employees-count{text-align:center!important}.address-cell,.email-cell,.phone-cell{align-items:center;display:flex;gap:.5rem}.address-cell svg,.email-cell svg,.phone-cell svg{color:#94a3b8;flex-shrink:0}.address-cell span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-badge{align-items:center;background:#dcfce7;border-radius:.5rem;color:#166534;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.count-badge svg{color:#22c55e;flex-shrink:0}.count-badge.small{font-size:.875rem;padding:.375rem .75rem}.count-total{color:#94a3b8;font-size:.875rem;font-weight:500;margin-right:.25rem}.status-badge{border-radius:.5rem;display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .875rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.no-data{color:#94a3b8;font-size:1.125rem;padding:3rem;text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:2rem}.modal-content{animation:modalSlideIn .3s ease;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;padding:1.5rem 2rem}.modal-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;gap:.75rem}.modal-header svg{color:#3b82f6}.modal-header-actions{align-items:center;display:flex;gap:.75rem}.edit-modal-btn{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.edit-modal-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.close-button{background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.close-button:hover{background:#e2e8f0;color:#1e293b}.modal-edit-form{gap:1.5rem}.form-group,.modal-edit-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.875rem;font-weight:600}.form-group input{border:2px solid #e2e8f0;border-radius:.5rem;direction:rtl;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.modal-edit-actions{border-top:2px solid #e2e8f0;display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem}.cancel-modal-btn,.save-modal-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.save-modal-btn{background:#10b981;color:#fff;flex:1 1}.save-modal-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.cancel-modal-btn{background:#64748b;color:#fff;flex:1 1}.cancel-modal-btn:hover{background:#475569;box-shadow:0 4px 12px #64748b4d;transform:translateY(-1px)}.modal-body{padding:2rem}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section h3{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.125rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.detail-section h3 svg{color:#3b82f6}.section-header-with-actions{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.section-header-with-actions h3{border-bottom:none;margin-bottom:0;padding-bottom:0}.expand-btn{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.expand-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#3b82f6;transform:scale(1.05)}.expand-btn:active{transform:scale(.95)}.employees-section.expanded{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;height:85vh;left:50%;max-width:1400px;overflow-y:auto;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:10000}.employees-section.expanded .employees-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-height:calc(85vh - 120px);overflow-y:auto}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1/-1}.detail-item label{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.detail-item label svg{color:#94a3b8}.detail-item span{color:#1e293b;font-size:1rem}.employees-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}.employee-item{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1.25rem;transition:all .2s ease}.employee-item.clickable{cursor:pointer}.employee-item.clickable:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.employee-item.clickable:active{box-shadow:0 2px 6px #3b82f626;transform:translateY(0)}.employee-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.employee-header{border-bottom:2px solid #f1f5f9;margin-bottom:1rem;padding-bottom:.75rem}.employee-title{align-items:center;display:flex;gap:1rem;justify-content:space-between}.employee-name{color:#1e293b;font-size:1.125rem;font-weight:700}.employee-data-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.employee-data-item{display:flex;flex-direction:column;gap:.25rem}.employee-data-item label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.employee-data-item span{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.employee-data-item span svg{color:#94a3b8}.badge-id,.badge-type{background:#f3e8ff;border-radius:.375rem;color:#7c3aed;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-payment.transfer{background:#dbeafe;color:#1e40af}.badge-payment.cash{background:#d1fae5;color:#065f46}.employee-status{border-radius:.375rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.employee-status.active{background:#d1fae5;color:#065f46}.employee-status.inactive{background:#fee2e2;color:#991b1b}.notes-text{background:#f8fafc;border-radius:.5rem;border-right:4px solid #3b82f6;color:#475569;line-height:1.6;padding:1rem}.action-buttons{text-align:center}.action-icons,.delete-confirm,.edit-actions{align-items:center;display:flex;gap:.5rem;justify-content:center}.action-btn{align-items:center;background:none;border:none;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.save-btn{color:#10b981}.save-btn:hover{background:#d1fae5}.cancel-btn{color:#f59e0b}.cancel-btn:hover{background:#fef3c7}.delete-confirm{gap:.5rem}.delete-confirm span{color:#dc2626;font-size:.875rem;font-weight:600}.confirm-delete-btn{background:#dc2626;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.confirm-delete-btn:hover{background:#b91c1c}.cancel-delete-btn{background:#64748b;border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.cancel-delete-btn:hover{background:#475569}.edit-input{background:#f0f9ff;border:2px solid #3b82f6;border-radius:.375rem;direction:rtl;font-size:.875rem;padding:.5rem;width:100%}.edit-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:1200px){.customers-table{font-size:.875rem}.customers-table td,.customers-table th{padding:.75rem}.address-cell span{max-width:150px}}@media (max-width:768px){.customers-page{padding:1rem}.customers-controls{flex-direction:column}.filter-toggle{justify-content:center;width:100%}.filters-panel{flex-direction:column}.customers-table-container{overflow-x:auto}.customers-header{align-items:flex-start;flex-direction:column}.add-customer-btn{justify-content:center;width:100%}}.add-customer-modal{max-height:90vh;max-width:650px;overflow-y:auto;width:90%}.add-customer-modal .modal-header{border-bottom:2px solid #e2e8f0;margin-bottom:0;padding:1.5rem 2rem}.add-customer-modal .modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700}.add-customer-form{padding:2rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.form-field{gap:.625rem}.form-field.full-width{grid-column:1/-1}.form-field label{font-size:.9375rem;margin-bottom:.125rem}.form-field .required{color:#ef4444;margin-right:.125rem}.form-field input{background:#fff;border:2px solid #e2e8f0;border-radius:.625rem;color:#1e293b;direction:rtl;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease}.form-field input:hover{border-color:#cbd5e1}.form-field input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f;outline:none}.form-field input::placeholder{color:#94a3b8;font-size:.875rem}.form-actions{border-top:2px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.btn-cancel{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.625rem;color:#64748b;cursor:pointer;font-size:.9375rem;font-weight:600;min-width:120px;padding:.875rem 2rem;transition:all .2s ease}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.btn-cancel:active{transform:scale(.98)}.btn-submit{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.625rem;box-shadow:0 2px 8px #3b82f640;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 2rem;transition:all .2s ease}.btn-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-submit:active{box-shadow:0 2px 8px #3b82f640;transform:translateY(0)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}.customers-table{min-width:1000px}.modal-content{margin:1rem;max-width:100%}.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:1}.employee-data-grid{grid-template-columns:1fr}.employee-title{align-items:flex-start;flex-direction:column;gap:.5rem}}.approval-modal{max-height:90vh;max-width:900px;overflow-y:auto}.approval-actions{background:#f9fafb;border-radius:8px;justify-content:space-between;margin-bottom:1rem;padding:1rem}.approval-actions,.select-all{align-items:center;display:flex}.select-all{cursor:pointer;font-weight:500;gap:.5rem}.select-all input[type=checkbox]{cursor:pointer;height:18px;width:18px}.approval-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.approval-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s}.approval-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.approval-item-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.approval-item-header input[type=checkbox]{cursor:pointer;height:18px;width:18px}.approval-item-header h3{color:#111827;font-size:1.125rem;margin:0}.approval-item-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-row .label{color:#6b7280;font-size:.875rem;font-weight:500}.detail-row .value{color:#111827;font-size:1rem}.badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.badge-קבלן{background:#fef3c7;color:#92400e}.badge-חברה{background:#dbeafe;color:#1e40af}.badge-קבלן.ו.חברה{background:#e0e7ff;color:#3730a3}.approval-item-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-success{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.btn-success:hover:not(:disabled){background:#059669}.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.rejection-form{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:1rem;padding:1rem}.rejection-form textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.875rem;margin-bottom:.75rem;padding:.75rem;resize:vertical;width:100%}.rejection-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rejection-actions{display:flex;gap:.75rem;justify-content:flex-end}.approval-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.approval-empty svg{margin-bottom:1rem}.approval-empty p{color:#6b7280;font-size:1.125rem;margin-bottom:1.5rem}[dir=rtl] .approval-actions,[dir=rtl] .approval-item-actions,[dir=rtl] .approval-item-header,[dir=rtl] .rejection-actions{flex-direction:row-reverse}.upload-page{direction:rtl;margin:0 auto;max-width:800px;padding:2rem}.upload-container{background:#fff;border-radius:1rem;box-shadow:0 20px 25px #00000026;padding:2.5rem}.upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.upload-header h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#64748b;font-size:1rem;margin:0}.user-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.info-row:last-child{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:0}.info-label{color:#334155;font-weight:600}.info-value{color:#64748b}.token-display{background:#fff;border:1px solid #cbd5e1;border-radius:.25rem;color:#475569;font-family:monospace;font-size:.75rem;padding:.75rem;width:100%;word-break:break-all}.upload-form{gap:1.5rem}.form-field,.upload-form{display:flex;flex-direction:column}.form-field label{color:#334155;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-field input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.5rem;cursor:pointer;padding:.75rem;transition:all .3s;width:100%}.form-field input[type=file]:hover{background:#eff6ff;border-color:#2563eb}.file-info{background:#eff6ff;border:1px solid #93c5fd;border-radius:.5rem;color:#1e40af;font-size:.9rem;margin-top:.75rem;padding:.75rem}.required{color:#dc2626}.radio-group{display:flex;gap:1rem;margin-top:.5rem}.radio-option{flex:1 1;position:relative}.radio-option input[type=radio]{opacity:0;position:absolute}.radio-option label{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;display:block;font-weight:600;padding:1rem;text-align:center;transition:all .3s}.radio-option input[type=radio]:checked+label{background:#eff6ff;border-color:#2563eb;color:#2563eb}.radio-option label:hover{border-color:#94a3b8}.progress-bar{background:#e2e8f0;border-radius:.5rem;height:40px;overflow:hidden;position:relative;width:100%}.progress-fill{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;font-weight:600;height:100%;justify-content:center;transition:width .3s ease}.status-message{border-radius:.5rem;font-size:.95rem;padding:1rem}.success-message{background:#dcfce7;border:1px solid #86efac;color:#166534}.error-message{border:1px solid #fca5a5}.upload-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:.5rem;box-shadow:0 4px 6px #2563eb4d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s;width:100%}.upload-button:hover:not(:disabled){box-shadow:0 6px 12px #2563eb66;transform:translateY(-2px)}.upload-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.upload-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.upload-info h3{color:#1e293b;font-size:1.25rem;margin-bottom:1rem}.upload-info ul{list-style:none;margin:0;padding:0}.upload-info li{color:#475569;line-height:1.6;padding:.5rem 0}.upload-info li strong{color:#1e293b}.upload-info code{background:#e2e8f0;border-radius:.25rem;color:#1e293b;font-family:monospace;font-size:.875rem;padding:.25rem .5rem}.loading-content{min-width:400px}.loading-spinner{border-top-color:#2563eb}.loading-progress{margin-top:2rem}.loading-progress-bar{background:#e2e8f0;border-radius:15px;height:30px;margin-bottom:.5rem;overflow:hidden;width:100%}.loading-progress-fill{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:15px;display:flex;height:100%;justify-content:center;transition:width .3s ease}.loading-progress-text{color:#2563eb;font-size:1.25rem;font-weight:600}@media (max-width:768px){.upload-page{padding:1rem}.upload-container{padding:1.5rem}.radio-group{flex-direction:column}.upload-header h1{font-size:1.5rem}.loading-content{min-width:90vw;padding:2rem}.loading-spinner{height:60px;width:60px}}.generate-salaries-page{direction:rtl;margin:0 auto;max-width:1400px;min-height:100vh;overflow:visible;padding:2rem}.generate-salaries-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;overflow:visible;padding:2rem}.page-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.page-header h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem}.page-header p{color:#64748b;font-size:1rem}.current-month-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.alert,.current-month-badge{align-items:center;border-radius:.75rem;display:flex}.alert{font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.generate-section{margin-bottom:2rem}.generate-card,.generate-section{overflow:visible;position:relative}.generate-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3b82f6;border-radius:1rem;padding:2rem;text-align:center}.generate-card h2{color:#1e293b;font-size:1.5rem;margin-bottom:.75rem}.generate-card p{color:#64748b;font-size:1rem;margin-bottom:1.5rem}.month-selector{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px;text-align:right;z-index:10}.month-selector label{color:#1e293b;font-size:1rem;font-weight:600}.month-select{border:2px solid #cbd5e1;border-radius:.75rem;box-sizing:border-box;color:#1e293b;direction:rtl;display:block;font-weight:500;margin:0;padding:.875rem 1.25rem;text-align:right;text-align-last:right;transition:all .3s ease;width:100%}.month-select option{background:#fff;color:#1e293b;direction:rtl;padding:.75rem;text-align:right}.month-select:hover:not(:disabled){border-color:#3b82f6}.month-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.generate-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.generate-button:hover:not(:disabled){box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.generate-button:active:not(:disabled){transform:translateY(0)}.generate-button:disabled{cursor:not-allowed;opacity:.6}.stats-loading{padding:3rem;text-align:center}.spinner{margin:0 auto 1rem}.month-stats-section{background:#f8fafc;border-radius:1rem;margin-bottom:2.5rem;padding:1.5rem}.month-stats-section h2{color:#1e293b;font-size:1.5rem;margin-bottom:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.stat-card.total{border-right:4px solid #3b82f6}.stat-card.cash{border-right:4px solid #f59e0b}.stat-card.transfer{border-right:4px solid #10b981}.stat-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-card.total .stat-icon{background:#dbeafe;color:#3b82f6}.stat-card.cash .stat-icon{background:#fef3c7;color:#f59e0b}.stat-card.transfer .stat-icon{background:#d1fae5;color:#10b981}.stat-content{flex:1 1}.stat-label{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.stat-value{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-detail{color:#94a3b8;font-size:.875rem}.payment-chart{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #00000014;padding:1.5rem}.payment-chart h3{color:#1e293b;font-size:1.25rem;margin-bottom:1.5rem}.chart-bars{display:flex;flex-direction:column;gap:1.5rem}.chart-bar{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:120px 1fr 150px}.bar-label{color:#475569;font-weight:600;text-align:right}.bar-container{background:#e2e8f0;border-radius:1rem;height:40px;overflow:hidden;position:relative}.bar-fill{align-items:center;border-radius:1rem;display:flex;height:100%;justify-content:center;min-width:60px;transition:width .5s ease}.cash-bar{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.transfer-bar{background:linear-gradient(135deg,#34d399,#10b981)}.bar-value{color:#fff;font-size:.875rem;font-weight:700}.bar-amount{color:#1e293b;font-size:1.125rem;font-weight:700;text-align:left}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.loading-content{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #00000080;min-width:450px;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:80px;margin:0 auto 2rem;width:80px}.loading-content h2{color:#1e293b;font-size:1.75rem;margin-bottom:.5rem}.loading-content p{color:#64748b;font-size:1rem;margin-bottom:2rem}.loading-steps{display:flex;flex-direction:column;gap:1rem;text-align:right}.loading-step{align-items:center;background:#f8fafc;border-radius:.5rem;color:#10b981;display:flex;gap:.75rem;padding:.75rem 1rem}.loading-step.active{background:#dbeafe;color:#3b82f6}.step-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}@media (max-width:768px){.generate-salaries-page{padding:1rem}.generate-salaries-container{padding:1.5rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-bar,.stats-grid{grid-template-columns:1fr}.chart-bar{gap:.5rem}.bar-amount,.bar-label{text-align:right}.loading-content{min-width:90vw;padding:2rem}.loading-spinner{height:60px;width:60px}}.presence-container{direction:rtl;margin:0 auto;max-width:1400px;padding:2rem}.presence-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.header-icon{color:#3b82f6}.header-subtitle{color:#6b7280;font-size:.95rem;margin:0}.month-selector{height:100%;position:relative}.input-icon{color:#6b7280;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:1}.month-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:left .75rem center;background-repeat:no-repeat;background-size:1.25rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;height:100%;min-width:200px;padding:.75rem 3rem .75rem 1rem;transition:all .2s}.month-select:focus,.month-select:hover{border-color:#3b82f6}.month-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-btn,.filter-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .2s}.filter-btn{background:#fff;border:1px solid #e5e7eb;color:#374151}.filter-btn:hover{background:#f9fafb;border-color:#3b82f6}.filter-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.filter-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.export-btn,.filter-badge{background:#3b82f6;color:#fff}.export-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.export-btn:disabled{cursor:not-allowed;opacity:.5}.filters-panel{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filters-header h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0}.clear-filters-btn{align-items:center;background:#0000;border:1px solid #fee2e2;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.clear-filters-btn:hover{background:#fef2f2;border-color:#ef4444}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#374151;font-size:.875rem;font-weight:500}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .2s}.filter-select:hover{border-color:#3b82f6}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-results{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:.875rem;padding:.75rem 1rem;text-align:center}.clear-filters-link{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.5rem 1.5rem;transition:all .2s}.clear-filters-link:hover{background:#2563eb}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{border-radius:12px;gap:1rem;transition:all .2s}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-card.highlight{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.users-icon{background:#3b82f61a;color:#3b82f6}.clock-icon{background:#10b9811a;color:#10b981}.weekend-icon{background:#f59e0b1a;color:#f59e0b}.total-icon{background:#fff3;color:#fff}.card-content{flex:1 1}.card-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.summary-card.highlight .card-label{color:#ffffffe6}.card-value{color:#1a1a1a;font-size:1.75rem;font-weight:700}.summary-card.highlight .card-value{color:#fff}.presence-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.presence-table{border-collapse:collapse;width:100%}.presence-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.presence-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:right;text-transform:uppercase}.presence-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.presence-table th.sortable:hover{background:#f3f4f6}.sort-indicator{color:#3b82f6;font-weight:700}.presence-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.presence-table tbody tr:hover{background:#f9fafb}.presence-table td{color:#1f2937;font-size:.95rem;padding:1rem}.customer-cell{color:#4b5563;font-size:.95rem}.previous-month-cell{background:#f9fafb;color:#6b7280;font-size:.95rem;font-weight:600;text-align:center}.type-badge.חברה{background:#d1fae5;color:#065f46}.type-badge.קבלן.ו.חברה{background:#fef3c7;color:#92400e}.rate-cell{color:#059669;font-weight:500}.hours-cell{color:#4b5563}.total-hours-cell{color:#3b82f6;font-size:1rem;font-weight:700;text-align:center}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:1rem;width:48px}.empty-state svg{color:#d1d5db}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0}@media (max-width:1024px){.header-actions,.presence-header{align-items:stretch;flex-direction:column}.export-btn,.month-select{width:100%}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.presence-container{padding:1rem}.presence-table-container{overflow-x:auto}.presence-table{min-width:800px}.summary-cards{grid-template-columns:1fr}}.modal-overlay{padding:20px}.extras-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.loading{color:#6b7280;padding:40px;text-align:center}.add-item-form{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:20px}.add-item-form h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.form-row input[type=number],.form-row input[type=text],.form-row select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s}.form-row select{min-width:120px}.form-row input[type=number]{width:120px}.form-row .comment-input{flex:1 1;min-width:200px}.form-row input:focus,.form-row select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.recurring-checkbox{align-items:center;cursor:pointer;display:flex;gap:6px;-webkit-user-select:none;user-select:none}.recurring-checkbox input[type=checkbox]{cursor:pointer}.recurring-checkbox span{color:#374151;font-size:14px}.add-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s}.add-btn:hover{background:#2563eb}.items-list{margin-bottom:24px}.items-list h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.empty-message{color:#9ca3af;font-size:14px;padding:40px;text-align:center}.items-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.items-table thead{background:#f9fafb}.items-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;padding:12px 16px;text-align:right}.items-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.items-table tbody tr:last-child td{border-bottom:none}.items-table tbody tr:hover{background:#f9fafb}.type-badge{border-radius:12px;font-size:12px;padding:4px 12px}.type-badge.extra{background:#dcfce7;color:#166534}.type-badge.deduction{background:#fee2e2;color:#991b1b}.amount-cell{color:#111827;font-weight:600}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.cancel-btn,.delete-btn,.edit-btn,.save-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.edit-btn{background:#dbeafe;color:#1e40af}.edit-btn:hover{background:#bfdbfe}.delete-btn{background:#fee2e2;color:#991b1b}.delete-btn:hover{background:#fecaca}.save-btn{background:#dcfce7;color:#166534}.save-btn:hover{background:#bbf7d0}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb}.totals-summary{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:20px}.total-item{align-items:center;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:12px}.total-item.extras{background:#dcfce7;color:#166534}.total-item.deductions{background:#fee2e2;color:#991b1b}.total-item.net{background:#dbeafe;color:#1e40af;font-size:16px;font-weight:600}.total-item strong{font-size:18px}@media (max-width:768px){.extras-modal{border-radius:0;max-height:100vh;max-width:100%}.form-row{align-items:stretch;flex-direction:column}.form-row .comment-input,.form-row input[type=number],.form-row select{width:100%}.items-table{font-size:12px}.items-table td,.items-table th{padding:8px}}.salaries-container{direction:rtl;margin:0 auto;max-width:1400px;padding:2rem}.salaries-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.salaries-header h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem}.salaries-header p{color:#64748b;font-size:1rem}.header-actions{align-items:stretch;display:flex;gap:1rem}.month-selector{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;display:flex;gap:.5rem;padding:0 1rem}.month-selector select{background:#0000;border:none;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:500;min-width:150px;outline:none;padding:.75rem .5rem}.calculate-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.calculate-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.calculate-btn:disabled{cursor:not-allowed;opacity:.6}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.summary-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:1.5rem;padding:1.5rem}.summary-card,.summary-icon{align-items:center;border-radius:1rem;display:flex}.summary-icon{flex-shrink:0;height:60px;justify-content:center;width:60px}.summary-content{flex:1 1}.summary-label{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.summary-value{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.summary-sublabel{color:#64748b;font-size:.875rem;margin-top:.25rem}.filters-section{gap:1rem;margin-bottom:1.5rem}.filters-section,.search-box{align-items:center;display:flex}.search-box{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex:1 1;gap:.75rem;padding:.75rem 1rem;transition:all .2s}.search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#94a3b8;flex-shrink:0}.search-box input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:1rem;outline:none}.search-box input::placeholder{color:#94a3b8}.customer-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:.75rem;min-width:250px;padding:.75rem 1rem}.customer-filter svg{color:#94a3b8;flex-shrink:0}.customer-filter select{background:#0000;border:none;color:#1e293b;cursor:pointer;flex:1 1;font-size:1rem;outline:none}.bulk-pay-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 4px 6px #10b9814d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.bulk-pay-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px #10b98166;transform:translateY(-2px)}.empty-state{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:4rem 2rem;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state h3{color:#475569;margin-bottom:.5rem}.empty-state p{color:#94a3b8}.salaries-table-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.salaries-table{border-collapse:collapse;width:100%}.salaries-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.salaries-table th{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:right;text-transform:uppercase}.salaries-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.salaries-table tbody tr:hover{background:#f9fafb}.salaries-table tbody tr.paid-row{background:#fce7f3}.salaries-table tbody tr.paid-row:hover{background:#fbcfe8}.salaries-table td{color:#1f2937;font-size:.95rem;padding:1rem}.employee-name{color:#1a1a1a;font-weight:600}.hours-cell{color:#3b82f6;font-weight:500;text-align:center}.rate-cell{color:#64748b;text-align:center}.total-cell{color:#10b981;font-size:1.05rem;font-weight:700;text-align:center}.editable-cell input{border:1px solid #e2e8f0;border-radius:.375rem;font-size:.95rem;padding:.5rem;transition:all .2s;width:100%}.editable-cell input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-cell,.editable-cell input[type=number]{text-align:center}.checkbox-cell{width:60px}.checkbox-cell input[type=checkbox]{cursor:pointer;height:20px;width:20px}.inline-input{border:1px solid #e2e8f0;border-radius:.375rem;font-size:.9rem;padding:.5rem;text-align:center;transition:all .2s;width:100px}.inline-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.inline-input:hover{border-color:#cbd5e1}.type-badge{border-radius:6px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.type-badge.קבלן{background:#dbeafe;color:#1e40af}.type-badge.חברה{background:#dcfce7;color:#166534}.type-badge.קבלן\\ ו\\ חברה{background:#fef3c7;color:#92400e}.notes-cell{color:#64748b;font-size:.875rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.salaries-container{padding:1rem}.salaries-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}.calculate-btn,.month-selector{justify-content:center;width:100%}.summary-cards{gap:1rem;grid-template-columns:1fr}.summary-card{padding:1rem}.filters-section{flex-direction:column}.customer-filter,.search-box{width:100%}.salaries-table-container{overflow-x:auto}.salaries-table{min-width:900px}}.deductions-cell,.extras-cell{font-weight:500;text-align:center}.extras-cell{color:#059669}.deductions-cell{color:#dc2626}.items-count{color:#6b7280;display:inline-block;font-size:.75rem;font-weight:400;margin-right:4px}.manage-extras-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.manage-extras-btn:hover{background:#2563eb;transform:scale(1.05)}.manage-extras-btn:active{transform:scale(.95)}.multi-select-container{position:relative}.multi-select-trigger{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#1e293b;cursor:pointer;display:flex;font-size:.95rem;justify-content:space-between;min-width:150px;padding:.5rem 1rem}.multi-select-trigger:hover{border-color:#3b82f6}.multi-select-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 25px #00000026;margin-top:4px;max-height:300px;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.multi-select-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 1rem}.multi-select-header span{color:#1e293b;font-weight:600}.multi-select-header .clear-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.85rem;padding:0}.multi-select-header .clear-btn:hover{text-decoration:underline}.multi-select-options{max-height:220px;overflow-y:auto;padding:.5rem 0}.multi-select-option{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.6rem 1rem;transition:background .15s}.multi-select-option:hover{background:#f1f5f9}.multi-select-option input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.multi-select-option span{color:#334155;font-size:.95rem}.users-container{direction:rtl;margin:0 auto;max-width:1200px;padding:2rem}.users-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.users-header h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem}.users-header p{color:#64748b;font-size:1rem}.add-user-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.add-user-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.error-banner,.success-banner{border-radius:.5rem;font-weight:500;margin-bottom:1.5rem;padding:1rem}.success-banner{background:#dcfce7;border:1px solid #86efac;color:#166534}.error-banner{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}.users-table-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.users-table th{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:right;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.users-table tbody tr:hover{background:#f9fafb}.users-table td{color:#1f2937;font-size:.95rem;padding:1rem}.username-cell{color:#1a1a1a;font-weight:600}.permission-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.375rem .75rem}.actions-cell{text-align:center}.customers-btn,.delete-btn,.edit-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;display:inline-flex;justify-content:center;margin:0 .25rem;padding:.5rem;transition:all .2s}.customers-btn{color:#10b981}.customers-btn:hover{background:#d1fae5;border-color:#10b981}.edit-btn{color:#3b82f6}.edit-btn:hover{background:#dbeafe;border-color:#3b82f6}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fee2e2;border-color:#ef4444}.locked-badge{align-items:center;color:#94a3b8;display:inline-flex;opacity:.5;padding:.5rem}.error-message{background:#fee2e2;border-radius:.375rem;color:#991b1b;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;padding:2rem;width:100%}.modal-content h2{color:#1e293b;font-size:1.5rem;margin-bottom:1.5rem}.modal-subtitle{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.customers-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px}.customers-list{border:1px solid #e2e8f0;border-radius:.5rem;flex:1 1;margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding:1rem}.customer-checkbox{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background .2s}.customer-checkbox:hover{background:#f8fafc}.customer-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.customer-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.customer-name{color:#1e293b;font-weight:600}.customer-site{color:#64748b;font-size:.875rem}.no-customers{color:#94a3b8;padding:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#475569;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn,.submit-btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn{background:#f1f5f9;color:#64748b}.cancel-btn:hover{background:#e2e8f0}.submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;gap:.5rem}.submit-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:768px){.users-container{padding:1rem}.users-header{align-items:flex-start;flex-direction:column}.add-user-btn{justify-content:center;width:100%}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{background:#f8fafc;flex:1 1}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-screen .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-layout{overflow-x:hidden}.main-content{padding:0}.customers-page,.dashboard,.employees-page,.presence-page,.salaries-page,.users-container{max-width:100%!important;padding:1rem!important}.customers-table-container,.employees-table-container,.salaries-table-container,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}.header-actions,.page-header{align-items:stretch!important;flex-direction:column!important;gap:.75rem!important}.btn-primary,.calculate-btn,.export-btn{justify-content:center!important;width:100%!important}}@media (max-width:480px){body{font-size:14px}.customers-page,.dashboard,.employees-page,.presence-page,.salaries-page,.users-container{padding:.75rem!important}}
/*# sourceMappingURL=main.42815dae.css.map*/