@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";*{font-family:Cairo,sans-serif!important;padding:0;margin:0;box-sizing:border-box}:root{--primary-color: #007ba7;--dark-color: #005f88;--error-color: #d32f2f}.kpi-card-container{padding:24px;border-radius:8px;background-color:#fff;box-shadow:0 4px 20px #0000000d;font-family:Poppins,sans-serif;flex:1 1 250px;display:flex;align-items:center;gap:16px}[dir=rtl] .kpi-card-container{flex-direction:row-reverse}.kpi-icon-wrapper{padding:12px;border-radius:50%;background-color:#007ba71a;color:#007ba7;display:flex;align-items:center;justify-content:center;font-size:2.25rem}[dir=ltr] .kpi-content{text-align:left}[dir=rtl] .kpi-content{text-align:right}.kpi-title{font-size:.875rem;color:#6c757d}.kpi-value{font-size:2rem;font-weight:700;color:#333;margin:0}.kpi-description{font-size:.75rem;color:#6c757d}.chart-container{padding:16px;border-radius:8px;background-color:#fff;box-shadow:0 4px 20px #0000000d;font-family:Poppins,sans-serif;color:#333}.chart-title{margin-bottom:20px;font-weight:700;font-size:1rem}.chart-content{display:flex;height:300px;gap:8px;background-image:repeating-linear-gradient(to top,#eee,#eee .5px,transparent .5px,transparent 25%);background-size:100% 25%}.y-axis-labels{display:flex;flex-direction:column-reverse;justify-content:space-between;color:#6c757d;font-size:.8rem;flex-shrink:0}.y-axis-labels{padding-right:8px;border-right:1px solid #eee}[dir=rtl] .y-axis-labels{padding-right:0;padding-left:8px;border-right:none;border-left:1px solid #eee}.chart-bars-container{display:flex;align-items:flex-end;height:100%;width:100%;gap:16px;padding:0 16px}[dir=rtl] .chart-bars-container{flex-direction:row-reverse}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;transition:all .3s ease-in-out;cursor:pointer;position:relative;height:100%;justify-content:flex-end}.bar{width:70%;background-color:#007ba7;border-radius:4px;transition:all .3s ease-in-out;box-shadow:0 2px 5px #0000001a}.bar-value{background-color:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;opacity:0;transition:opacity .3s;position:absolute;top:-30px;left:50%;transform:translate(-50%);white-space:nowrap}.bar-wrapper:hover .bar{background-color:#005f88;transform:scaleY(1.05)}.bar-wrapper:hover .bar-value{opacity:1}.x-axis-labels{display:flex;justify-content:space-around;margin-top:16px;padding:0 16px;color:#6c757d;font-size:.8rem}[dir=rtl] .x-axis-labels{flex-direction:row-reverse}.x-axis-labels span{flex:1;text-align:center}.summary-container{padding:16px;border-radius:8px;background-color:#fff;box-shadow:0 4px 20px #0000000d;font-family:Poppins,sans-serif;flex:1}.summary-title{margin-bottom:20px;font-weight:700;font-size:1.1rem;color:#333}.summary-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;overflow:hidden}.summary-table thead{background-color:#f0f4f7;color:#007ba7;font-weight:600;text-align:center}.summary-table th{padding:16px 12px;border-bottom:2px solid #ddd}.summary-table tbody tr{transition:background-color .3s ease-in-out}.summary-table tbody tr:hover{background-color:#eef3f7}.summary-table td{padding:16px 12px;border-bottom:1px solid #eee;color:#444;text-align:center}[dir=ltr] .summary-table thead th:first-child,[dir=ltr] .summary-table tbody td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;text-align:left;padding-left:20px}[dir=ltr] .summary-table thead th:last-child,[dir=ltr] .summary-table tbody td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;text-align:right;padding-right:20px}[dir=rtl] .summary-table thead th:first-child,[dir=rtl] .summary-table tbody td:first-child{border-top-right-radius:8px;border-bottom-right-radius:8px;text-align:right;padding-right:20px}[dir=rtl] .summary-table thead th:last-child,[dir=rtl] .summary-table tbody td:last-child{border-top-left-radius:8px;border-bottom-left-radius:8px;text-align:left;padding-left:20px}.weekly-table-container-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif}.weekly-table-title{font-weight:700;font-size:1rem;margin:0;padding:24px 24px 16px;color:#333}.weekly-table-container{overflow-x:auto;padding:0 24px 24px}.weekly-performance-table{width:100%;border-collapse:collapse}.weekly-cell-header{padding:18px 24px;font-weight:600;font-size:.9rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10}.weekly-performance-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .3s ease-in-out}.weekly-performance-table tbody tr:hover{background-color:#f6f8fa;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.weekly-total-row{font-weight:700;background-color:#f0f4f7}.weekly-cell-data{padding:16px 24px;font-size:.95rem;color:#444;vertical-align:middle}[dir=ltr] .weekly-performance-table th,[dir=ltr] .weekly-performance-table td{text-align:left}[dir=ltr] .weekly-performance-table thead th.first-cell{border-top-left-radius:12px}[dir=ltr] .weekly-performance-table thead th.last-cell{border-top-right-radius:12px}[dir=ltr] .weekly-performance-table tbody tr:last-child td.first-cell{border-bottom-left-radius:12px}[dir=ltr] .weekly-performance-table tbody tr:last-child td.last-cell{border-bottom-right-radius:12px}[dir=rtl] .weekly-performance-table th,[dir=rtl] .weekly-performance-table td{text-align:right}[dir=rtl] .weekly-performance-table thead th.first-cell{border-top-right-radius:12px}[dir=rtl] .weekly-performance-table thead th.last-cell{border-top-left-radius:12px}[dir=rtl] .weekly-performance-table tbody tr:last-child td.first-cell{border-bottom-right-radius:12px}[dir=rtl] .weekly-performance-table tbody tr:last-child td.last-cell{border-bottom-left-radius:12px}.custom-modal-container{background-color:#fff;padding:32px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.modal-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 16px;text-align:center}.modal-message{font-size:1rem;color:#555;margin-bottom:24px;text-align:center}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.confirm-button{background-color:#007ba7;color:#fff}.confirm-button:hover{background-color:#007ba7}.targets-table-container-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif}.targets-table-container{overflow-x:auto}.targets-table{width:100%;border-collapse:collapse}.cell-header,.sub-header{padding:18px 24px;font-weight:600;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10;text-align:center}.sub-header{padding:12px 16px;font-weight:500;font-size:.85rem;color:#eee;background-color:#f0f4f7}.targets-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .3s ease-in-out}.targets-table tbody tr:hover{background-color:#f6f8fa;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.cell-data{padding:16px;font-size:.95rem;color:#444;vertical-align:middle;text-align:center}[dir=ltr] .targets-table tbody tr .first-child-data{text-align:left}[dir=rtl] .targets-table tbody tr .first-child-data{text-align:right}.target-input{width:80px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;text-align:center;transition:all .2s ease-in-out;font-family:Poppins,sans-serif}.target-input:focus{outline:none;border-color:#007ba7;box-shadow:0 0 0 3px #007ba733}[dir=ltr] .targets-table thead .first-child-header{border-top-left-radius:12px}[dir=ltr] .targets-table thead .last-child-header,[dir=rtl] .targets-table thead .first-child-header{border-top-right-radius:12px}[dir=rtl] .targets-table thead .last-child-header{border-top-left-radius:12px}.reps-table-container-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif}.reps-table-container{overflow-x:auto}.reps-table{width:100%;border-collapse:collapse}.reps-cell-header{padding:18px 24px;font-weight:600;font-size:.9rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10}.reps-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .3s ease-in-out}.reps-table tbody tr:hover{background-color:#f6f8fa;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.reps-cell-data{padding:16px 24px;font-size:.95rem;color:#444;vertical-align:middle}.status-button{padding:6px 12px;border-radius:20px;border:none;font-weight:700;cursor:pointer;color:#fff;min-width:90px;transition:all .2s ease-in-out}.active-status{background-color:#4caf50}.inactive-status{background-color:#f44336}.status-button:hover{filter:brightness(1.1);transform:scale(1.05)}.reps-cell-data:last-child{font-weight:700}[dir=ltr] .reps-table th,[dir=ltr] .reps-table td{text-align:left}[dir=ltr] .reps-table thead th:first-child{border-top-left-radius:12px}[dir=ltr] .reps-table thead th:last-child{border-top-right-radius:12px}[dir=ltr] .reps-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}[dir=ltr] .reps-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}[dir=rtl] .reps-table th,[dir=rtl] .reps-table td{text-align:right}[dir=rtl] .reps-table thead th:first-child{border-top-right-radius:12px}[dir=rtl] .reps-table thead th:last-child{border-top-left-radius:12px}[dir=rtl] .reps-table tbody tr:last-child td:first-child{border-bottom-right-radius:12px}[dir=rtl] .reps-table tbody tr:last-child td:last-child{border-bottom-left-radius:12px}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-input,.form-select{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:all .2s ease-in-out;box-sizing:border-box;font-family:Poppins,sans-serif;min-height:45px;background-color:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#007ba7;box-shadow:0 0 0 3px #007ba733}.form-input:disabled,.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input{padding-right:40px}.password-toggle-button{position:absolute;right:8px;z-index:10;color:#6c757d}[dir=rtl] .password-toggle-button{left:8px;right:auto}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;grid-column:1 / -1}.modal-button{padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;border:none;display:flex;align-items:center;justify-content:center}.reps-page-container{padding:0;font-family:Poppins,sans-serif}.reps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.reps-title{font-weight:700;font-size:1.3rem;color:#007ba7;margin:0}.add-rep-button{display:flex;align-items:center;justify-content:center;gap:3px;padding:5px 10px;border-radius:8px;border:none;background-color:#007ba7;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #007ba733;transition:all .3s ease-in-out}.add-rep-button:hover{background-color:#005f88;transform:translateY(-2px);box-shadow:0 6px 15px #007ba74d}[dir=ltr] .reps-header,[dir=ltr] .add-rep-button{flex-direction:row}[dir=rtl] .reps-header,[dir=rtl] .add-rep-button{flex-direction:row-reverse}.profile-header-container{margin-bottom:32px;font-family:Poppins,sans-serif;color:#333}.profile-title{font-weight:700;font-size:1.25rem;color:#007ba7;margin:0}.profile-subtitle{font-size:1rem;color:#6c757d;margin:4px 0 0}[dir=rtl] .profile-header-container{text-align:right}[dir=ltr] .profile-header-container{text-align:left}.kpi-cards-container{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px;font-family:Poppins,sans-serif}.kpi-card{flex:1 1 250px;display:flex;align-items:center;gap:16px;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;transition:transform .2s ease-in-out}.kpi-card:hover{transform:translateY(-4px)}.kpi-icon-wrapper{padding:12px;border-radius:50%;background-color:#007ba71a;color:#007ba7;display:flex;align-items:center;justify-content:center}.kpi-content{display:flex;flex-direction:column;flex-grow:1}.kpi-title{font-size:.9rem;color:#6c757d;margin-bottom:4px}.kpi-value{font-size:1.5rem;font-weight:700;color:#333;margin:0}.progress-bar-container{display:flex;align-items:center;margin-top:10px}.progress-bar-bg{flex-grow:1;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-percentage{font-size:.85rem;font-weight:600;color:#007ba7;min-width:40px;margin-left:10px}[dir=rtl] .kpi-cards-container{text-align:right}[dir=rtl] .kpi-card .kpi-content{align-items:flex-end}[dir=rtl] .progress-percentage{margin-right:10px;margin-left:0}[dir=ltr] .kpi-cards-container{text-align:left}.completed-tasks-container{background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 10px 30px #0000000d;font-family:Poppins,sans-serif}.completed-tasks-title{font-weight:700;font-size:1.1rem;margin:0 0 16px;color:#333}.tasks-table-wrapper{overflow-x:auto}.completed-tasks-table{width:100%;border-collapse:collapse;font-size:.9rem}.completed-tasks-table th{padding:10px 12px;border-bottom:1px solid #eee;font-weight:600;color:#007ba7;background-color:#f0f4f7;position:sticky;top:0;z-index:10}.completed-tasks-table tbody tr{border-bottom:1px solid #eef3f7;transition:background-color .2s ease-in-out}.completed-tasks-table tbody tr:hover{background-color:#f6f8fa}.completed-tasks-table td{padding:10px 12px;font-size:.85rem;color:#444;vertical-align:middle}.index-header-cell,.index-cell{width:30px;text-align:center}.deal-probability-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.progress-bar-container{width:60px;height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .5s ease-in-out}.notes-header-cell,.notes-cell-data{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-header-cell{text-align:center}.phone-cell{white-space:nowrap}.action-button{background:none;border:none;cursor:pointer;color:#007ba7;padding:4px}[dir=rtl] .completed-tasks-table th,[dir=rtl] .completed-tasks-table td{text-align:right}.tasks-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif;margin-top:24px}.rep-tasks-table{width:100%;border-collapse:collapse}.rep-tasks-table th{padding:16px 20px;font-weight:600;font-size:.85rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10;text-align:left}.rep-tasks-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .2s ease-in-out;cursor:pointer}.rep-tasks-table tbody tr:hover{background-color:#f6f8fa}.rep-tasks-table td{padding:12px 20px;font-size:.9rem;color:#444;vertical-align:middle}.select-client-button{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:20px;border:1px solid #007ba7;background-color:transparent;color:#007ba7;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease-in-out}.select-client-button:hover{background-color:#007ba7;color:#fff;transform:translateY(-1px)}.select-client-button svg{transition:color .3s}[dir=rtl] .rep-tasks-table th,[dir=rtl] .rep-tasks-table td{text-align:right}[dir=rtl] .select-client-button{flex-direction:row-reverse}[dir=rtl] .select-client-button span{margin-right:8px;margin-left:0}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:12px 20px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-family:Poppins,sans-serif;font-size:.95rem}.pagination-button{padding:8px 12px;min-width:40px;height:40px;border-radius:50%;border:none;background-color:transparent;color:#007ba7;cursor:pointer;font-weight:600;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.pagination-button.page-number{border-radius:8px;min-width:35px;background-color:#fff;border:1px solid #e0e0e0}.pagination-button:hover:not(:disabled):not(.active-page){background-color:#e3f2fd;color:#005f88;transform:translateY(-1px)}.pagination-button.active-page{background:linear-gradient(135deg,#007ba7,#005f88);color:#fff;box-shadow:0 4px 10px #007ba766;border:none;cursor:default;font-weight:700;transform:scale(1.05)}.pagination-button:disabled{cursor:not-allowed;background-color:transparent;color:#ccc;box-shadow:none;opacity:.7}.pagination-ellipsis{padding:8px;color:#aaa;font-size:1rem;cursor:default}[dir=rtl] .pagination-controls{flex-direction:row-reverse}.modal-form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-input{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:all .2s ease-in-out;box-sizing:border-box;font-family:Poppins,sans-serif;background-color:#fff}.rep-profile-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.performance-section{display:flex;flex-direction:column;gap:24px;margin-top:24px}.tabs-container{display:flex;gap:10px;margin-bottom:0}.tab-button{padding:10px 20px;border:1px solid #ccc;background-color:#f0f0f0;color:#555;font-weight:600;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:150px}.tab-button:hover:not(.active){background-color:#e5e5e5}.tab-button.active{background-color:#007ba7;color:#fff;border-color:#007ba7;box-shadow:0 4px 8px #007ba733}.section-title{font-weight:700;font-size:1.5rem;margin-bottom:16px;color:#333;padding-top:10px}.tasks-container-wrapper{width:100%}.error-message{font-size:1.5rem;color:#d32f2f;text-align:center}[dir=rtl] .rep-profile-page-container{text-align:right}[dir=ltr] .rep-profile-page-container{text-align:left}.weekly-tracker-page{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.rep-actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}[dir=rtl] .rep-actions-header{flex-direction:row-reverse}.rep-actions-title{font-size:1.1rem;font-weight:700;color:#333;margin:0}.add-customer-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;background-color:#007ba7;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px #007ba733;transition:all .3s ease-in-out}.add-customer-button:hover{background-color:#005f88;transform:translateY(-2px);box-shadow:0 6px 15px #007ba74d}[dir=rtl] .add-customer-button{flex-direction:row-reverse}.loading-content-container,.error-content-container,.no-tasks-title{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;font-family:Poppins,sans-serif}.no-tasks-title{font-size:1.5rem;color:#555;text-align:center;padding:40px}.client-tasks-table-container{background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 10px 30px #0000000d;font-family:Poppins,sans-serif}.tasks-table-title{font-weight:700;font-size:1.2rem;margin-bottom:10px;color:#007ba7;text-align:left}[dir=rtl] .tasks-table-title{text-align:right}.timer-display{font-size:.9rem;font-weight:600;color:#555;margin-bottom:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px}[dir=rtl] .timer-display{justify-content:flex-start}.timer-value{font-family:Courier New,Courier,monospace;font-weight:700;color:#d32f2f}.task-details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid;gap:12px;margin-bottom:0;padding:10px;border:1px solid #eee;border-radius:8px;background-color:#fcfcfc}.form-group-item{display:flex;flex-direction:column}.form-label{font-size:.75rem;color:#6c757d;font-weight:500;margin-bottom:5px}.client-input,.contact-person-select,.notes-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.85rem;box-sizing:border-box;font-family:Poppins,sans-serif;max-height:44px}.client-input:focus,.notes-textarea:focus{border-color:#007ba7;box-shadow:0 0 0 3px #007ba733;outline:none}.notes-textarea{max-height:65px;resize:vertical}.probability-input-container{display:flex;align-items:center;gap:5px}.probability-input{width:200px;text-align:center}.percentage-sign{font-weight:700;color:#007ba7}.full-width-notes{grid-column:1 / -1}.actions-bar{display:flex;justify-content:flex-start;gap:16px;padding-top:15px;margin-top:10px;border-top:1px solid #eee}[dir=rtl] .actions-bar{justify-content:flex-end}.action-button{background:none;border:1px solid #ddd;border-radius:50%;padding:10px;cursor:pointer;transition:all .2s ease-in-out}.action-button:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.action-button.whatsapp-button{color:#25d366;border-color:#25d366}.action-button.sms-button{color:#ff9800;border-color:#ff9800}.action-button.complete-button{color:#4caf50;border-color:#4caf50}@media (max-width: 550px){.task-details-grid{grid-template-columns:1fr}.client-input,.contact-person-select,.notes-textarea{font-size:.9rem}}.custom-modal-container{background-color:#fff;padding:32px;border-radius:12px;width:450px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-input{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:all .2s ease-in-out}.whatsapp-modal-content{background-color:#fff;padding:32px;border-radius:12px;width:550px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.modal-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:24px}.templates-container{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:10px;margin-bottom:24px}.template-card{padding:16px;border-radius:8px;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s ease-in-out}.template-card:hover{background-color:#f6f8fa;border-color:#007ba7}.template-card.selected{background-color:#e3f2fd;border-color:#007ba7;box-shadow:0 4px 12px #007ba71a}.template-card-title{font-size:1rem;font-weight:600;color:#007ba7;margin:0 0 4px}.template-card-body{font-size:.9rem;color:#6c757d;margin:0;white-space:pre-wrap}.no-templates-message{text-align:center;color:#888;font-size:1rem}.modal-button{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;border:none}.send-button{background-color:#007ba7;color:#fff}.send-button:hover:not(:disabled){background-color:#005f88;transform:translateY(-1px)}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.custom-modal-container{background-color:#fff;padding:22px;border-radius:12px;width:600px;max-width:95%;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.add-button{background-color:#007ba7;color:#fff}.add-button:hover{background-color:#005f88;transform:translateY(-1px)}.clients-table-container-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif}.clients-table-container{overflow-x:auto}.clients-table{width:100%;border-collapse:collapse}.clients-cell-header{padding:18px 24px;font-weight:600;font-size:.9rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10}.clients-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .3s ease-in-out}.clients-table tbody tr:hover{background-color:#f6f8fa;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.clients-cell-data{padding:16px 24px;font-size:.95rem;color:#444;vertical-align:middle}[dir=ltr] .clients-table th,[dir=ltr] .clients-table td{text-align:left}[dir=ltr] .clients-table thead th:first-child{border-top-left-radius:12px}[dir=ltr] .clients-table thead th:last-child{border-top-right-radius:12px}[dir=ltr] .clients-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}[dir=ltr] .clients-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}[dir=rtl] .clients-table th,[dir=rtl] .clients-table td{text-align:right}[dir=rtl] .clients-table thead th:first-child{border-top-right-radius:12px}[dir=rtl] .clients-table thead th:last-child{border-top-left-radius:12px}[dir=rtl] .clients-table tbody tr:last-child td:first-child{border-bottom-right-radius:12px}[dir=rtl] .clients-table tbody tr:last-child td:last-child{border-bottom-left-radius:12px}.clients-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.clients-title{font-weight:700;font-size:2rem;color:#007ba7;margin:0}.add-client-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;background-color:#007ba7;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #007ba733;transition:all .3s ease-in-out}.add-client-button:hover{background-color:#005f88;transform:translateY(-2px);box-shadow:0 6px 15px #007ba74d}[dir=rtl] .clients-page-container{text-align:right}[dir=rtl] .clients-header{flex-direction:row-reverse}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80vh;font-family:Poppins,sans-serif;padding:24px}.welcome-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:#004d66;margin-bottom:8px}.welcome-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#6c757d;margin-bottom:32px;max-width:600px}.hadith-container{background-color:#f0f8ff;border-radius:12px;padding:24px;margin-bottom:32px;max-width:600px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid #007ba7}.hadith-logo{width:100px;height:auto;margin-bottom:8px}.hadith-text{font-size:1.2rem;font-style:italic;color:#333;margin:0}.hadith-source{font-size:.9rem;color:#6c757d;font-weight:500;margin-top:8px}.welcome-buttons{display:flex;justify-content:center;gap:16px;margin-top:24px}.welcome-button{display:flex;align-items:center;gap:12px;padding:20px 40px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;border:none;text-transform:none;background:linear-gradient(45deg,#007ba7,#00a4d9);color:#fff;box-shadow:0 10px 30px #007ba766;transition:all .3s cubic-bezier(.25,.8,.25,1)}.welcome-button:hover{transform:translateY(-5px);box-shadow:0 15px 40px #007ba780}.welcome-button:active{transform:translateY(-2px);box-shadow:0 8px 25px #007ba766}.welcome-button.logout-button{background:#e9e9e9;color:#007ba7;box-shadow:0 4px 15px #0000001a}.welcome-button.logout-button:hover{background:#dcdcdc;transform:translateY(-5px);box-shadow:0 8px 20px #0003}[dir=rtl] .welcome-buttons .welcome-button{flex-direction:row-reverse}.custom-modal-container{background-color:#fff;padding:32px;border-radius:12px;width:450px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.modal-form-grid{display:flex;flex-direction:column;gap:20px}.form-input,.form-select,.form-textarea{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:all .2s ease-in-out;box-sizing:border-box;font-family:Poppins,sans-serif}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#007ba7;box-shadow:0 0 0 3px #007ba733}.form-textarea{resize:vertical}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Poppins,sans-serif}.custom-modal-container{background-color:#fff;padding:32px;border-radius:12px;width:600px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.modal-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 24px;text-align:left}.modal-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.form-label{font-size:.9rem;color:#6c757d;font-weight:500;margin-bottom:8px;text-align:left}.form-input{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:all .2s ease-in-out;box-sizing:border-box}.form-input:focus{outline:none;border-color:#007ba7;box-shadow:0 0 0 3px #007ba733}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;grid-column:1 / -1}.save-button:hover{background-color:#005f88;transform:translateY(-1px)}.cancel-button:hover{background-color:#f0f4f7}.client-assignment-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif;margin-top:24px}.batch-assignment-controls-wrapper{padding:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.search-bar-center{flex:1;display:flex;justify-content:center}.assignment-title{font-size:1.25rem;font-weight:700;color:#007ba7;margin:0}.controls-group{display:flex;align-items:center;gap:12px}.rep-select{padding:8px 12px;border-radius:8px;border:1px solid #ddd;font-size:1rem;font-family:Poppins,sans-serif}.search-bar-wrapper{margin:16px 0;display:flex;justify-content:flex-start}[dir=rtl] .search-bar-wrapper{justify-content:flex-end}.search-input{width:280px;padding:10px 14px;border-radius:8px;border:1px solid #ccc;font-size:.95rem;transition:all .2s ease-in-out}.search-input:focus{outline:none;border-color:#007ba7;box-shadow:0 0 6px #007ba74d}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination-button{padding:8px 16px;border-radius:8px;border:1px solid #ddd;background-color:#fff;cursor:pointer;transition:all .2s ease-in-out}.pagination-button:disabled{cursor:not-allowed;background-color:#f0f0f0;color:#ccc}.assign-button{padding:10px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;background-color:#007ba7;color:#fff;transition:all .2s ease-in-out}.assign-button:disabled{background-color:#e0e0e0;cursor:not-allowed}.clients-assignment-table-container{overflow-x:auto;padding:0 24px 24px}.clients-assignment-table{width:100%;border-collapse:collapse}.clients-assignment-table th,.clients-assignment-table td{padding:16px;font-size:.95rem;border-bottom:1px solid #eee;vertical-align:middle}.clients-assignment-table th{font-weight:600;background-color:#f0f4f7;color:#333}.clients-assignment-table tbody tr:hover{background-color:#f6f8fa}.checkbox-header{width:50px}[dir=rtl] .client-assignment-table-wrapper,[dir=rtl] .clients-assignment-table th,[dir=rtl] .clients-assignment-table td{text-align:right}[dir=rtl] .batch-assignment-controls-wrapper{flex-direction:row}.client-assignment-page-container{max-width:1280px;margin:0 auto;padding:0 24px;font-family:Poppins,sans-serif}.action-buttons-group{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.custom-button{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border:none;display:inline-flex;align-items:center;justify-content:center}.primary-button{background-color:#007ba7;color:#fff;box-shadow:0 4px 12px #007ba733}.primary-button:hover{background-color:#005f88}.secondary-button{background-color:transparent;color:#007ba7;border:1px solid #007ba7}.secondary-button:hover{background-color:#f0f4f7}.notifications-table-wrapper{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 10px 30px #0000000d;font-family:Poppins,sans-serif}.notifications-table{width:100%;border-collapse:collapse}.notifications-table th{padding:16px;font-weight:600;font-size:.9rem;color:#fff;background-color:#007ba7;position:sticky;top:0;z-index:10;text-align:left}.notifications-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .2s ease-in-out}.notifications-table tbody tr.unread{background-color:#e3f2fd;font-weight:600}.notifications-table tbody tr:hover{background-color:#f6f8fa}.notifications-table td{padding:16px;font-size:.9rem;color:#444;vertical-align:middle}.status-cell{text-align:center}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.read-badge{background-color:#e0e0e0;color:#6c757d}.unread-badge{background-color:#ff9800;color:#fff}[dir=rtl] .notifications-table th,[dir=rtl] .notifications-table td{text-align:right}[dir=rtl] .notifications-table thead th:first-child{border-top-right-radius:12px}[dir=rtl] .notifications-table thead th:last-child{border-top-left-radius:12px}.notifications-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:40vh;padding:32px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-family:Poppins,sans-serif}.no-data-title{font-size:1.5rem;font-weight:700;color:#555;margin:16px 0 8px}.no-data-message{font-size:1rem;color:#888;max-width:400px}.transferred-customers-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif}.transferred-customers-table{width:100%;border-collapse:collapse}.transferred-customers-table th{padding:18px 24px;font-weight:600;font-size:.9rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10}.transferred-customers-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .3s ease-in-out}.transferred-customers-table tbody tr:hover{background-color:#f6f8fa;transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.transferred-customers-table td{padding:16px 24px;font-size:.95rem;color:#444;vertical-align:middle}.index-header-cell,.index-cell{width:50px;text-align:center}.action-cell{white-space:nowrap;text-align:center}.transfer-back-button{color:#d32f2f}[dir=ltr] .transferred-customers-table th,[dir=ltr] .transferred-customers-table td{text-align:left}[dir=ltr] .transferred-customers-table thead th:first-child{border-top-left-radius:12px}[dir=ltr] .transferred-customers-table thead th:last-child{border-top-right-radius:12px}[dir=ltr] .transferred-customers-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}[dir=ltr] .transferred-customers-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}[dir=rtl] .transferred-customers-table th,[dir=rtl] .transferred-customers-table td{text-align:right}[dir=rtl] .transferred-customers-table thead th:first-child{border-top-right-radius:12px}[dir=rtl] .transferred-customers-table thead th:last-child{border-top-left-radius:12px}[dir=rtl] .transferred-customers-table tbody tr:last-child td:first-child{border-bottom-right-radius:12px}[dir=rtl] .transferred-customers-table tbody tr:last-child td:last-child{border-bottom-left-radius:12px}.transferred-customers-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.loading-content-container,.error-content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;font-family:Poppins,sans-serif}.templates-table-container-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif}.templates-table-container{overflow-x:auto}.templates-table{width:100%;border-collapse:collapse}.templates-table th{padding:16px 24px;font-weight:600;font-size:.9rem;color:#fff;background-color:#007ba7;position:sticky;top:0;z-index:10;text-align:left}.templates-table tbody tr{border-bottom:1px solid #eef3f7;transition:background-color .2s ease-in-out}.templates-table tbody tr:hover{background-color:#f6f8fa}.templates-table td{padding:16px 24px;font-size:.9rem;color:#444;vertical-align:middle}.notes-cell{max-width:400px;white-space:pre-wrap;word-wrap:break-word}.action-cell{white-space:nowrap;text-align:center;width:120px}[dir=rtl] .templates-table th,[dir=rtl] .templates-table td{text-align:right}[dir=rtl] .templates-table thead th{border-top-right-radius:0;border-top-left-radius:0}.modal-form-group{margin-bottom:16px}.form-label{font-size:.9rem;color:#6c757d;font-weight:500;margin-bottom:8px;display:block;text-align:left}.form-input,.form-textarea{width:100%;padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:all .2s ease-in-out;box-sizing:border-box;font-family:Poppins,sans-serif;min-height:45px}.modal-button{padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.modal-button:disabled{background-color:#ccc;color:#888;cursor:not-allowed;border:none}.whatsapp-templates-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.add-template-custom-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;background-color:#007ba7;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #007ba733;transition:all .3s ease-in-out}.add-template-custom-button:hover:not(:disabled){background-color:#005f88;transform:translateY(-2px);box-shadow:0 6px 15px #007ba74d}.add-template-custom-button:disabled{background-color:#ccc;cursor:not-allowed}[dir=rtl] .add-template-custom-button{flex-direction:row-reverse}.rep-tasks-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.branches-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif;margin-top:20px}.branches-table{width:100%;border-collapse:collapse}.branches-table th{padding:14px 20px;font-weight:600;font-size:.85rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10;text-align:left}.branches-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .3s ease-in-out}.branches-table tbody tr:hover{background-color:#f6f8fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.branches-table td{padding:14px 20px;font-size:.9rem;color:#444;vertical-align:middle}.index-cell{width:50px;text-align:center}.notes-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .branches-table th,[dir=rtl] .branches-table td{text-align:right}.custom-modal-container{background-color:#fff;padding:32px;border-radius:12px;width:500px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.MuiTextField-root{margin-bottom:16px!important}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.MuiButton-root{padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;border:none}.branches-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.add-button-wrapper{display:flex;justify-content:flex-start;margin-bottom:24px}[dir=rtl] .add-button-wrapper{justify-content:flex-end}.tasks-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;overflow:hidden;font-family:Poppins,sans-serif}.tasks-table-container{overflow-x:auto}.deferred-tasks-table{width:100%;border-collapse:collapse}.deferred-tasks-table th{padding:16px 20px;font-weight:600;font-size:.85rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10;text-align:left}[dir=rtl] .deferred-tasks-table th{text-align:right}.deferred-tasks-table tbody tr{border-bottom:1px solid #eef3f7;transition:background-color .2s ease-in-out}.deferred-tasks-table tbody tr:hover{background-color:#f6f8fa}.deferred-tasks-table td{padding:12px 20px;font-size:.9rem;color:#444;vertical-align:middle}[dir=rtl] .deferred-tasks-table td{text-align:right}.deferred-tasks-table th:nth-child(1),.deferred-tasks-table td:nth-child(1){width:40px}.deferred-tasks-table th:nth-child(5),.deferred-tasks-table td:nth-child(5){max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deferred-tasks-table th:nth-child(6),.deferred-tasks-table td:nth-child(6){width:150px;text-align:center}.reactivate-button{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:6px;border:1px solid #007ba7;background-color:transparent;color:#007ba7;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease-in-out}.reactivate-button:hover{background-color:#007ba7;color:#fff;transform:translateY(-1px)}.no-data-row{text-align:center;padding:30px;font-size:1.1rem;color:#6c757d;background-color:#fcfcfc;grid-column:1 / -1}.deferred-tasks-page-container{max-width:1280px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.page-title{font-weight:700;font-size:2rem;margin-bottom:16px;color:#007ba7;text-align:left}.task-summary{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:24px;padding-bottom:10px;border-bottom:1px dashed #e0e0e0;text-align:left}[dir=rtl] .task-summary{text-align:right}.field-work-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;font-family:Poppins,sans-serif}.table-container{overflow-x:auto}.field-work-table{width:100%;border-collapse:collapse}.field-work-table th{padding:14px 20px;font-weight:600;font-size:.85rem;color:#fff;background:linear-gradient(90deg,#007ba7,#005f88);position:sticky;top:0;z-index:10;text-align:left}[dir=rtl] .field-work-table th{text-align:right}.field-work-table tbody tr{border-bottom:1px solid #eef3f7;transition:all .3s ease-in-out}.field-work-table tbody tr:hover{background-color:#f6f8fa}.field-work-table td{padding:14px 20px;font-size:.9rem;color:#444;vertical-align:middle}[dir=rtl] .field-work-table td{text-align:right}.index-cell{width:40px;text-align:center}.notes-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-cell{white-space:nowrap;text-align:center;width:100px}.action-button{border:none;background:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease-in-out}.action-button:hover{background-color:#e0e0e0}.edit-button{color:#2196f3}.delete-button{color:#d32f2f}.custom-modal-container{background-color:#fff;padding:32px;border-radius:12px;width:550px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.modal-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:24px;text-align:left}[dir=rtl] .modal-title{text-align:right}.modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.modal-form-group.full-width{grid-column:1 / -1}.form-textarea{resize:vertical;min-height:100px}.cancel-button:hover:not(:disabled){background-color:#f0f4f7}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;font-family:Poppins,sans-serif}.custom-modal-container{background-color:#fff;padding:32px;border-radius:12px;width:700px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;animation:modal-fade-in .3s ease-out}.modal-title{font-size:1.5rem;font-weight:700;color:#007ba7;margin-bottom:8px;text-align:left}.modal-subtitle{font-size:.9rem;color:#6c757d;margin-bottom:24px;text-align:left}[dir=rtl] .modal-title,[dir=rtl] .modal-subtitle{text-align:right}.modal-form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.modal-form-group{display:flex;flex-direction:column}.form-label{font-size:.9rem;color:#6c757d;font-weight:500;margin-bottom:5px;display:block;text-align:left}[dir=rtl] .form-label{text-align:right}.form-input,.form-textarea{width:100%;padding:10px 12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:all .2s ease-in-out;box-sizing:border-box;font-family:Poppins,sans-serif;min-height:45px;background-color:#fff}.form-textarea{resize:vertical;min-height:80px}.form-input:focus,.form-textarea:focus{outline:none;border-color:#007ba7;box-shadow:0 0 0 3px #007ba733}.form-input:disabled,.form-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.full-width{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:12px}[dir=rtl] .modal-actions{justify-content:flex-start}.modal-button{padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease-in-out;border:none}.save-button{background-color:#007ba7;color:#fff}.save-button:hover:not(:disabled){background-color:#005f88;transform:translateY(-1px)}.cancel-button{background-color:transparent;color:#007ba7;border:1px solid #007ba7}.modal-button:disabled{opacity:.6;cursor:not-allowed}@keyframes modal-fade-in{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 768px){.modal-form-grid-2col{grid-template-columns:1fr}}.field-work-page-container{max-width:1350px;margin:0 auto;padding:0;font-family:Poppins,sans-serif}.page-title{font-weight:700;font-size:2rem;margin-bottom:32px;color:#007ba7;text-align:left}[dir=rtl] .page-title{text-align:right}.controls-and-add-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}[dir=rtl] .controls-and-add-wrapper{flex-direction:row-reverse}.filter-controls-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.form-select,.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-height:40px}.filter-select{min-width:180px}.filter-input{width:150px}.filter-button{display:flex;align-items:center;gap:5px;padding:10px 15px;border-radius:8px;border:1px solid #007ba7;background-color:transparent;color:#007ba7;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-button:hover:not(:disabled){background-color:#e3f2fd}.add-button-wrapper{display:flex;gap:12px;flex-wrap:wrap}[dir=rtl] .add-button-wrapper{flex-direction:row-reverse}.custom-add-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;background-color:#007ba7;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #007ba733;transition:all .3s ease-in-out}.custom-add-button:hover:not(:disabled){background-color:#005f88;transform:translateY(-2px);box-shadow:0 6px 15px #007ba74d}.custom-add-button:disabled{background-color:#ccc;cursor:not-allowed}[dir=rtl] .custom-add-button{flex-direction:row-reverse}.loading-content-container,.error-content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;font-family:Poppins,sans-serif;margin-top:20px}.error-content-container p{color:#d32f2f;font-weight:600}