body,html{height:100%;direction:rtl;background-color:#f9fafb}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f5f7fa,#e4e7eb)}.login-box{width:100%;max-width:480px;padding:40px;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;text-align:right}.login-header{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.login-logo{width:80px;height:auto;margin-bottom:16px}.login-header h1{color:#14213d;font-size:28px;font-weight:700;margin-bottom:8px}.welcome-text{color:#6b7280;font-size:16px;margin-bottom:8px}.login-form{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#4b5563}.input-with-icon input{width:100%;padding:14px 25px 14px 40px;border:1px solid #E0E0E0;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;background-color:#f8f9fa;text-align:left}.input-with-icon input:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 3px #14213d1a}.input-with-icon input::placeholder{color:#adb5bd}.input-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#6b7280;font-size:16px}.toggle-password{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#6b7280;cursor:pointer;font-size:16px;display:flex;align-items:center}.login-button{width:100%;padding:14px;background-color:#14213d;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;display:flex;justify-content:center;align-items:center;margin-top:10px}.login-button:hover{background-color:#0d1829}.login-button:disabled{background-color:#4b5563;cursor:not-allowed}.error-container{padding:12px;margin-bottom:16px;background-color:#e639461a;border:1px solid #E63946;color:#e63946;border-radius:8px;text-align:center}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.login-footer{text-align:center;margin-top:24px}.copyright-link{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s ease;cursor:pointer;display:inline-block;position:relative}.copyright-link:hover{color:#14213d}.copyright-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#14213d;transition:width .3s ease}.copyright-link:hover:after{width:100%}@media (max-width: 520px){.login-box{padding:30px 20px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,Tajawal,sans-serif}body,html{height:100%;direction:rtl;background-color:#f8f9fa;color:#333;overflow-x:hidden}:root{--primary-color: #14213d;--secondary-color: #fca311;--success-color: #2a9d8f;--danger-color: #e63946;--light-color: #f8f9fa;--dark-color: #343a40;--border-color: #e0e0e0;--text-color: #333;--text-muted: #6c757d;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-speed: .3s;--sidebar-width: 280px;--header-height: 70px;--border-radius: 8px}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}.dashboard-container{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--primary-color);color:#fff;position:fixed;top:0;right:0;bottom:0;display:flex;flex-direction:column;transition:transform var(--transition-speed);box-shadow:var(--shadow-lg);z-index:1000;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(var(--sidebar-width))}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);height:var(--header-height)}.logo-container{display:flex;align-items:center}.sidebar-logo{width:40px;height:40px;margin-left:10px;border-radius:50%;background-color:#fff;padding:5px;object-fit:contain}.sidebar-title{font-size:18px;font-weight:700;color:#fff;margin:0}.close-sidebar{color:#fff;font-size:20px;background:none;border:none;cursor:pointer;transition:all .2s}.close-sidebar:hover{opacity:.8}.sidebar-content{flex:1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column}.user-profile{display:flex;align-items:center;padding:0 20px 20px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.user-avatar{font-size:32px;color:#fff;margin-left:15px;display:flex;align-items:center;justify-content:center}.user-details{display:flex;flex-direction:column}.user-name{font-size:16px;font-weight:600;margin-bottom:4px}.admin-badge{display:inline-block;padding:3px 8px;background-color:var(--secondary-color);color:var(--primary-color);border-radius:4px;font-size:11px;font-weight:700;text-align:center}.sidebar-nav{flex:1}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-section{padding:5px 20px;margin-top:20px}.section-title{font-size:12px;text-transform:uppercase;color:#fff9;letter-spacing:1px;margin-bottom:8px}.nav-item{display:flex;align-items:center;padding:12px 20px;border-radius:8px;margin:0 10px;cursor:pointer;transition:all .2s}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:var(--secondary-color);color:var(--primary-color);font-weight:600}.nav-icon{margin-left:12px;font-size:18px;min-width:24px;display:flex;align-items:center;justify-content:center}.nav-text{font-size:15px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-button{display:flex;align-items:center;width:100%;padding:12px;border-radius:8px;color:#fff;background-color:#e6394626;transition:all .2s}.logout-button:hover{background-color:#e639464d}.logout-icon{margin-left:12px;font-size:18px}.main-content{flex:1;margin-right:var(--sidebar-width);transition:margin var(--transition-speed);min-height:100vh;display:flex;flex-direction:column}.main-content.expanded{margin-right:0}.dashboard-header{height:var(--header-height);background-color:#fff;box-shadow:var(--shadow-sm);padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-start{display:flex;align-items:center}.menu-toggle{font-size:20px;margin-left:15px;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background-color .2s}.menu-toggle:hover{background-color:#0000000d}.page-title{font-size:18px;font-weight:700;color:var(--text-color)}.current-time{font-size:14px;color:var(--text-muted)}.page-content{padding:20px;flex:1}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:900}@media (max-width: 992px){.sidebar{width:260px}.main-content{margin-right:260px}}@media (max-width: 768px){.sidebar{width:280px}.main-content{margin-right:0}.dashboard-header{padding:0 15px}.page-title{font-size:16px}.current-time{display:none}}@media (max-width: 576px){.sidebar{width:85%}.nav-item{padding:10px 15px}.user-profile{padding:0 15px 15px}.sidebar-footer{padding:15px}}.gallery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;z-index:2000;display:flex;justify-content:center;align-items:center;animation:galleryFadeIn .3s ease}@keyframes galleryFadeIn{0%{opacity:0}to{opacity:1}}.gallery-modal-content{width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background-color:#1a1a1a}.gallery-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-title{color:#fff;font-size:16px;font-weight:500;margin:0;display:flex;align-items:center;gap:10px}.gallery-counter{background-color:#ffffff26;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:400}.gallery-close-button{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s}.gallery-close-button:hover{background:#ffffff40}.gallery-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.image-container{position:relative;flex:1;display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden}.gallery-image{max-width:100%;max-height:70vh;object-fit:contain;display:block;border-radius:4px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background-color:#0009;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s;z-index:10}.gallery-nav-button:hover{background-color:#000c}.gallery-nav-button.prev{right:20px}.gallery-nav-button.next{left:20px}.gallery-thumbnails{display:flex;overflow-x:auto;gap:8px;padding:10px 20px 20px;background-color:#1a1a1a;justify-content:center;flex-wrap:wrap}.gallery-thumbnail{width:70px;height:70px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.7}.gallery-thumbnail.active{border-color:#3b82f6;opacity:1}.gallery-thumbnail:hover{opacity:1}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.gallery-modal-content{width:95%;height:80vh}.gallery-image{max-height:60vh}.gallery-nav-button{width:36px;height:36px}.gallery-thumbnails{gap:6px}.gallery-thumbnail{width:60px;height:60px}}.service-modal{max-width:800px;max-height:90vh;width:90%;overflow-y:auto}.service-form{display:flex;flex-direction:column;gap:1.5rem}.padded-input,.padded-select{padding-right:35px!important;width:100%;padding-left:10px;padding-top:8px;padding-bottom:8px;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.padded-input:focus,.padded-select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px #06c3}.service-fields-section{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-top:1rem}.service-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.form-group{margin-bottom:15px;position:relative}.form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem}.select-icon{position:absolute;right:12px;color:#555;font-size:16px;pointer-events:none}.checkbox-field{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f0f0f0;border-radius:4px}.checkbox-field input[type=checkbox]{width:18px;height:18px}.checkbox-label{margin:0!important;cursor:pointer}.upload-section{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;margin-top:1rem}.upload-container{display:flex;flex-direction:column;gap:1.5rem}.upload-button-container{display:flex;flex-direction:column;align-items:center}.file-input{position:absolute;width:0;height:0;opacity:0}.upload-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#e6f4ff;color:#06c;border:1px solid #b3daff;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.upload-button:hover{background-color:#d1ebff}.upload-button.disabled{background-color:#f0f0f0;border-color:#ddd;color:#888;cursor:not-allowed}.upload-help-text{margin-top:.5rem;font-size:.85rem;color:#666}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.preview-item{position:relative;border-radius:6px;overflow:hidden;border:1px solid #ddd;height:100px}.preview-image-container{width:100%;height:100%}.preview-image{width:100%;height:100%;object-fit:cover}.remove-image-button{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background-color:#fffc;border:none;color:#dc3545;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.images-subtitle{font-size:.95rem;color:#555;margin-bottom:10px;margin-top:0;border-bottom:1px solid #eee;padding-bottom:8px}.upload-progress{position:relative;width:100%;height:10px;background-color:#eee;border-radius:5px;overflow:hidden;margin-top:1rem}.progress-bar{height:100%;background-color:#06c;border-radius:5px;transition:width .3s ease}.progress-text{text-align:center;font-size:.85rem;margin-top:.5rem;color:#555}.loading-fields{display:flex;flex-direction:column;align-items:center;padding:2rem 0;color:#666}.empty-fields-message{text-align:center;padding:2rem 0;color:#666}.section-title{margin-bottom:1.25rem;font-size:1.1rem;font-weight:500;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.75rem}.error-text{color:#dc3545;font-size:.85rem;margin-top:.35rem;margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #eee}.submit-button{padding:.75rem 1.5rem;background-color:#06c;border:none;border-radius:6px;color:#fff;font-size:.95rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.spinner-icon{animation:spin 1s linear infinite;font-size:.9rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.2rem;color:#333}.close-modal{background:none;border:none;font-size:1.1rem;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-modal:hover{background-color:#f0f0f0;color:#333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-container{background-color:#fff;border-radius:8px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;width:100%;direction:rtl}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;direction:rtl}.project-modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:modalFadeIn .3s;display:flex;flex-direction:column}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-modal-header-gradient{background:linear-gradient(135deg,#14213d,#16437e);color:#fff;padding:20px 24px 30px;position:relative;border-top-left-radius:12px;border-top-right-radius:12px}.project-modal-close{position:absolute;top:16px;left:16px;background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .2s;z-index:10}.project-modal-close:hover{background:#ffffff4d}.project-header-content{display:flex;flex-direction:column;gap:16px}.project-header-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.project-modal-title{font-size:24px;font-weight:700;margin:0;flex:1}.project-header-actions{display:flex;align-items:center;margin-left:auto;margin-right:10px}.header-action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:6px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;margin-left:8px;transition:background-color .15s ease;height:36px;min-width:36px}.header-action-button.edit-buttonn{background-color:#fff3;color:#fff}.header-action-button.edit-buttonn:hover{background-color:#ffffff4d}.header-action-button.excel-button{background-color:#15803d40;color:#fff}.header-action-button.excel-button:hover{background-color:#15803d59}.header-action-button.delete-button{background-color:#dc262640;color:#fff}.header-action-button.delete-button:hover{background-color:#dc262659}.action-icon{font-size:16px}.project-status-chip{padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;margin-left:30px}.project-status-chip.active{background-color:#2a9d8f33;color:#e9f7f5}.project-status-chip.completed{background-color:#3b82f633;color:#e0f2fe}.project-header-details{display:flex;flex-direction:column;gap:8px;opacity:.8}.project-header-detail-item{display:flex;align-items:center;gap:8px;font-size:14px}.header-detail-icon{font-size:14px;opacity:.9}.project-stats{display:flex;justify-content:space-around;background-color:#ffffff1a;border-radius:10px;padding:10px;margin-top:10px}.project-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:600}.project-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.project-section-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000001a;border:1px solid #E5E7EB}.project-section-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s}.project-section-header:hover{background-color:#f9fafb}.section-header-content{display:flex;align-items:center;gap:12px}.section-icon-container{width:34px;height:34px;border-radius:8px;display:flex;justify-content:center;align-items:center}.section-icon{color:#fff;font-size:16px}.services-icon{background-color:#14213d}.notes-icon{background-color:#f59e0b}.employees-icon{background-color:#3b82f6}.section-title{font-size:16px;font-weight:600;margin:0;color:#1f2937}.section-toggle{color:#6b7280}.section-actions{display:flex;align-items:center}.section-action-button,.action-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#e6f4ff;color:#06c;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;height:36px;padding:0 12px}.section-action-button{margin-left:10px}.section-action-button:hover,.action-button:hover{background-color:#bae6fd}.action-button.edit{background-color:#e6f4ff;color:#06c}.action-button.edit:hover{background-color:#bae6fd}.action-button.delete{background-color:#fee2e2;color:#dc2626}.action-button.delete:hover{background-color:#fca5a5}.action-button.save{background-color:#dcfce7;color:#16a34a}.action-button.save:hover{background-color:#bbf7d0}.action-button.cancel{background-color:#f3f4f6;color:#4b5563}.action-button.cancel:hover{background-color:#e5e7eb}.action-button.images{background-color:#e0f2fe;color:#0e69a1;display:flex;align-items:center;gap:6px;padding:4px 10px}.action-button.images:hover{background-color:#bae6fd}.add-first-button{margin-top:10px;display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#e6f4ff;color:#06c;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.add-first-button:hover{background-color:#bae6fd}.project-section-content{padding:0 16px 16px;border-top:1px solid #F3F4F6}.sheet-services-section{margin-bottom:24px}.sheet-name{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1.05rem;color:#555;padding-bottom:6px;border-bottom:1px dashed #ddd}.sheet-icon{color:#06c;font-size:16px}.services-list{display:flex;flex-direction:column;gap:12px}.service-item{background-color:#f9fafb;border-radius:8px;padding:14px;border:1px solid #E5E7EB}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.service-title{font-size:16px;font-weight:600;color:#14213d;margin:0}.service-actions{display:flex;align-items:center;gap:8px}.images-count{font-weight:500;font-size:12px}.service-fields{display:flex;flex-direction:column;gap:6px;margin-top:8px}.service-field{display:flex;gap:8px;font-size:14px}.field-name{color:#4b5563;font-weight:500;min-width:100px}.field-value{color:#1f2937}.add-note-section{margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px}.add-note-container{display:flex;flex-direction:column;gap:10px}.add-note-input{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;resize:vertical}.add-note-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.add-note-button{align-self:flex-end;display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#06c;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.add-note-button:hover:not(:disabled){background-color:#0055b3}.add-note-button:disabled{opacity:.6;cursor:not-allowed}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{background-color:#f9fafb;border-radius:8px;padding:14px 16px;border:1px solid #e5e7eb;position:relative;display:flex;justify-content:space-between}.note-content{font-size:.95rem;color:#1f2937;line-height:1.5;flex:1;padding-left:60px;word-break:break-word}.note-actions{position:absolute;top:10px;left:10px;display:flex;gap:8px}.note-edit-container{width:100%;display:flex;flex-direction:column;gap:10px}.note-edit-input{width:100%;padding:12px;border:1px solid #0066cc;border-radius:4px;font-family:inherit;font-size:.95rem;resize:vertical}.note-edit-actions{display:flex;gap:8px;align-self:flex-end}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.employee-card{background-color:#f9fafb;border-radius:8px;padding:12px;border:1px solid #E5E7EB;display:flex;align-items:center;gap:10px}.employee-avatar{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;color:#fff;font-size:14px}.employee-info{display:flex;flex-direction:column;gap:2px}.employee-name{font-size:14px;font-weight:600;margin:0;color:#1f2937}.employee-username{font-size:12px;color:#6b7280;margin:0}.empty-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;gap:12px}.empty-icon-container{width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#f3f4f6}.empty-icon{font-size:20px;color:#9ca3af}.empty-text{font-size:14px;color:#6b7280;margin:0}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;gap:12px}.spinner-icon{font-size:24px;color:#14213d;animation:spin 1s linear infinite}.error-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:10px;text-align:center}.error-icon{font-size:24px;color:#e63946}.error-message{color:#e63946;font-size:14px;margin:0}.retry-button{margin-top:8px;padding:6px 14px;background-color:#14213d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#1c3158}@media (max-width: 768px){.project-modal-content{margin:10px;max-height:95vh}.project-header-title-row{flex-direction:column;align-items:flex-start;gap:12px}.project-header-actions{margin-right:0;width:100%;justify-content:flex-start}.project-status-chip{align-self:flex-start;margin-left:0}.service-item{padding:12px 10px}.service-header{flex-direction:column;gap:10px;align-items:flex-start}.service-actions{align-self:flex-end}.note-content{padding-left:0;padding-bottom:35px}.note-actions{top:auto;bottom:10px;left:10px}.employees-grid{grid-template-columns:1fr}.modal-actions,.note-edit-actions{flex-direction:column-reverse;gap:10px;align-items:stretch}.delete-confirmation-actions{flex-direction:column-reverse;gap:10px}}.project-modal-content::-webkit-scrollbar{width:8px}.project-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.project-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.project-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:8px 0}.cable-item{background-color:#f9fafb;border-radius:8px;padding:14px;border:1px solid #E5E7EB;display:flex;flex-direction:column;gap:10px}.cable-header{display:flex;justify-content:space-between;align-items:flex-start}.cable-title-container{display:flex;flex-direction:column;gap:6px}.cable-title{font-size:16px;font-weight:600;margin:0;color:#1f2937;display:flex;align-items:center;gap:6px}.cable-icon{color:#16a34a;font-size:16px}.cable-type-tag{font-size:12px;font-weight:500;padding:3px 8px;border-radius:12px;display:inline-flex;align-self:flex-start}.cable-type-tag.in{background-color:#16a34a1a;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.cable-type-tag.out{background-color:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.cable-actions{display:flex;gap:8px}.cable-content{padding-top:8px;border-top:1px solid #EEEEEE}.cable-detail{display:flex;justify-content:flex-end;gap:6px;font-size:14px}.cable-detail-label{color:#6b7280;font-weight:500}.cable-detail-value{color:#1f2937}.cable-modal{max-width:450px}.form-input{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:14px;color:#1f2937}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.cable-type-selector{display:flex;gap:12px}.cable-type-option{flex:1;padding:10px;border:1px solid #D1D5DB;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.cable-type-option.active{background-color:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.cable-type-icon{font-size:16px}.form-error{color:#dc2626;font-size:14px;margin-bottom:16px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border:1px solid #FECACA}@media (max-width: 768px){.cables-grid{grid-template-columns:1fr}.cable-header{flex-direction:column;gap:10px}.cable-actions{align-self:flex-end}}.project-form-modal{max-width:900px;max-height:90vh;width:90%;overflow-y:auto}.project-form{display:flex;flex-direction:column;gap:1.5rem}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:#f9f9f9;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-title{display:flex;align-items:center;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500;color:#333}.section-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:#06c;color:#fff;border-radius:50%;font-size:.9rem;margin-left:.75rem}.select-container{position:relative;display:flex;align-items:center}.select-icon{position:absolute;right:12px;color:#555;pointer-events:none}select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border-radius:6px;border:1px solid #ccc;background-color:#fff;font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px #06c3}.note-item{margin-bottom:1rem}.note-group{display:flex;gap:.5rem}textarea{width:100%;padding:.75rem 1rem;border-radius:6px;border:1px solid #ccc;resize:vertical;font-family:inherit;font-size:.95rem}textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 2px #06c3}.remove-note-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background-color:#f8d7da;color:#dc3545;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.remove-note-button:hover{background-color:#f5c2c7}.add-note-container{margin-top:1rem}.add-note-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#e6f4ff;color:#06c;border:1px solid #b3daff;border-radius:4px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.add-note-button:hover{background-color:#d1ebff}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.employee-select-item{display:flex;align-items:center;padding:.75rem;border-radius:6px;border:1px solid #ddd;background-color:#fff;cursor:pointer;transition:background-color .2s}.employee-select-item:hover{background-color:#f5f9ff}.employee-select-item.selected{background-color:#e6f4ff;border-color:#99c9ff}.employee-select-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#eee;color:#666;margin-left:.75rem}.employee-select-info{flex:1}.employee-select-name{font-weight:500;font-size:.95rem;margin-bottom:.25rem}.employee-select-username{font-size:.85rem;color:#666}.employee-select-checkbox{display:flex;align-items:center;justify-content:center;margin-right:.5rem}.employee-select-checkbox input{width:18px;height:18px}.selected-employees-summary{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#555;padding:.75rem 0;border-top:1px solid #eee;margin-top:1rem}.summary-icon{color:#06c}.loading-users{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;color:#666}.spinner-small{width:24px;height:24px;border:3px solid rgba(0,102,204,.2);border-radius:50%;border-top-color:#06c;animation:spin 1s linear infinite;margin-bottom:.75rem}.non-editable-field{display:flex;align-items:center;background-color:#f0f0f0;padding:.75rem 1rem;border-radius:6px;color:#555}.field-icon{margin-left:.75rem;color:#666}.field-note{margin-right:auto;font-size:.8rem;color:#888;font-style:italic}.error-container{background-color:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.error-message{margin:0;font-size:.95rem}.note-text{color:#6c757d;font-size:.85rem;margin-top:.25rem}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.modal-main-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-button{padding:.75rem 1.5rem;background-color:#f0f0f0;border:none;border-radius:6px;color:#333;font-size:.95rem;cursor:pointer;transition:background-color .2s}.submit-button{padding:.75rem 1.5rem;background-color:#06c;border:none;border-radius:6px;color:#fff;font-size:.95rem;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#0055b3}.submit-button:disabled,.cancel-button:disabled{opacity:.7;cursor:not-allowed}.padded-select{padding-right:35px!important}.select-icon{pointer-events:none;right:12px;color:#555;font-size:16px}.employee-search-container{margin-bottom:15px}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c757d}.employee-search-input{width:100%;padding:10px 35px 10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.employee-search-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.no-results{text-align:center;padding:20px;color:#6c757d;background-color:#f8f9fa;border-radius:4px}.employees-section .section-number{content:"2"}.delete-project-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;align-self:flex-start;transition:background-color .2s}.delete-project-button:hover{background-color:#fecaca}.delete-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .2s}.delete-confirmation-modal{background-color:#fff;border-radius:8px;width:90%;max-width:450px;padding:1.5rem;box-shadow:0 10px 25px -5px #0003;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.delete-confirmation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.delete-confirmation-header h3{margin:0;color:#dc2626;font-weight:600}.warning-icon{font-size:1.25rem;color:#dc2626}.delete-confirmation-content{margin-bottom:1.5rem}.delete-confirmation-content p{margin:0 0 .75rem}.warning-text{color:#6b7280;font-size:.9rem}.project-name-confirm{margin-top:1rem;padding:.75rem;background-color:#f9fafb;border-radius:6px;font-size:.95rem}.delete-confirmation-actions{display:flex;justify-content:flex-end;gap:.75rem}.cancel-delete-button,.confirm-delete-button{padding:.75rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;border:none}.cancel-delete-button{background-color:#f3f4f6;color:#4b5563}.cancel-delete-button:hover{background-color:#e5e7eb}.confirm-delete-button{background-color:#dc2626;color:#fff}.confirm-delete-button:hover{background-color:#b91c1c}.confirm-delete-button:disabled,.cancel-delete-button:disabled{opacity:.6;cursor:not-allowed}.custom-checkbox-container{position:relative;display:inline-block;width:22px;height:22px;cursor:pointer}.custom-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox{position:absolute;top:0;right:0;height:22px;width:22px;background-color:#fff;border:2px solid #14213D;border-radius:4px;transition:all .2s}.custom-checkbox-container:hover input~.custom-checkbox{background-color:#f0f4f8}.custom-checkbox-container input:checked~.custom-checkbox{background-color:#14213d}.custom-checkbox-container input:checked~.custom-checkbox:after{display:block;right:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.project-details-section{background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;padding:20px;margin-bottom:24px}.section-icon{margin-right:8px;font-size:18px;color:#6b7280;vertical-align:middle}.section-description{color:#6b7280;font-size:14px;margin-bottom:16px}.project-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:16px}.project-field{display:flex;flex-direction:column;gap:6px}.project-field.checkbox-field{flex-direction:row;align-items:center;gap:12px}.field-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151}.field-type-icon{font-size:16px;color:#6b7280}.field-name-en{font-size:12px;color:#6b7280;margin-right:6px}.project-field-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;direction:rtl;transition:border-color .2s}.project-field-input:focus{border-color:#14213d;outline:none}.project-data-error{background-color:#ef44440d;padding:10px;border-radius:6px;margin-top:10px}.mpem-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.mpem-modal{background-color:#fff;border-radius:12px;width:90%;max-width:800px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 30px #0003;animation:mpem-fade-in .3s ease}.mpem-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb}.mpem-modal-header h2{font-size:1.5rem;color:#14213d;margin:0;font-weight:600}.mpem-close-button{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:background-color .2s}.mpem-close-button:hover{background-color:#f3f4f6;color:#374151}.mpem-modal-content{flex:1;overflow-y:auto;padding:20px}.mpem-description{margin-bottom:16px;color:#4b5563;text-align:right}.mpem-filter-section{margin-bottom:24px}.mpem-search-container{position:relative;margin-bottom:16px}.mpem-search-input{width:100%;padding:10px 40px 10px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;text-align:right;outline:none;transition:border-color .2s}.mpem-search-input:focus{border-color:#14213d}.mpem-search-icon{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#6b7280}.mpem-filter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.mpem-status-filters{display:flex;gap:8px}.mpem-status-button{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #E5E7EB;border-radius:6px;background-color:#f9fafb;color:#4b5563;cursor:pointer;font-size:14px;transition:all .2s}.mpem-status-button.mpem-active{background-color:#14213d;color:#fff;border-color:#14213d}.mpem-company-filter{position:relative}.mpem-company-button{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #E5E7EB;border-radius:6px;background-color:#f9fafb;color:#4b5563;cursor:pointer;font-size:14px;transition:background-color .2s}.mpem-company-button:hover{background-color:#f3f4f6}.mpem-company-dropdown{position:absolute;top:100%;right:0;z-index:10;background-color:#fff;border-radius:8px;width:220px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px #00000026;margin-top:4px}.mpem-company-item{padding:10px 14px;cursor:pointer;color:#4b5563;text-align:right;transition:background-color .2s}.mpem-company-item:hover{background-color:#f3f4f6;color:#111827}.mpem-divider{height:1px;background-color:#e5e7eb;margin:4px 0}.mpem-clear-button{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #E5E7EB;border-radius:6px;background-color:#fef2f2;color:#dc2626;cursor:pointer;font-size:14px;transition:background-color .2s}.mpem-clear-button:hover{background-color:#fee2e2}.mpem-projects-container{border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.mpem-projects-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f9fafb;border-bottom:1px solid #E5E7EB}.mpem-selection-count{font-size:14px;color:#374151;font-weight:500}.mpem-select-all-button{background:none;border:none;color:#14213d;font-size:14px;cursor:pointer;text-decoration:underline}.mpem-projects-list{max-height:350px;overflow-y:auto}.mpem-project-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #E5E7EB;cursor:pointer;transition:background-color .2s}.mpem-project-item:last-child{border-bottom:none}.mpem-project-item:hover{background-color:#f3f4f6}.mpem-project-item.mpem-selected{background-color:#eff6ff}.mpem-checkbox{width:20px;height:20px;border:2px solid #D1D5DB;border-radius:4px;margin-left:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mpem-project-item.mpem-selected .mpem-checkbox{background-color:#14213d;border-color:#14213d;color:#fff}.mpem-check-icon{font-size:12px}.mpem-project-info{flex:1;text-align:right}.mpem-project-name{font-size:16px;font-weight:500;color:#111827;margin-bottom:6px}.mpem-project-meta{display:flex;justify-content:space-between;align-items:center;color:#4b5563;font-size:13px}.mpem-project-company{display:flex;align-items:center;gap:5px}.mpem-meta-icon{font-size:14px;color:#6b7280}.mpem-status-badge{padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500}.mpem-status-badge.mpem-active-badge{background-color:#d1fae5;color:#047857}.mpem-status-badge.mpem-inactive-badge{background-color:#e0f2fe;color:#0369a1}.mpem-no-projects{display:flex;align-items:center;justify-content:center;padding:40px 16px;color:#6b7280;text-align:center}.mpem-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.mpem-cancel-button{padding:8px 16px;border:1px solid #D1D5DB;border-radius:6px;background-color:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.mpem-cancel-button:hover{background-color:#f3f4f6}.mpem-export-button{padding:8px 16px;border:none;border-radius:6px;background-color:#22c55e;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px}.mpem-export-button:hover:not(:disabled){background-color:#16a34a}.mpem-export-button:disabled{background-color:#86efac;cursor:not-allowed}.mpem-icon,.mpem-export-icon,.mpem-spinner{font-size:16px}.mpem-spinner{animation:mpem-spin 1s linear infinite}@keyframes mpem-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mpem-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.mpem-modal{width:95%;max-height:85vh}.mpem-filter-actions{flex-direction:column;align-items:stretch}.mpem-company-dropdown{width:100%}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.projects-container{position:relative;padding:0 20px}.top-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{flex:1;max-width:500px}.search-icon{position:absolute;left:12px;transform:translateY(-50%);font-size:16px;color:#6c757d;pointer-events:none}.search-input{width:100%;padding:10px 35px 10px 12px;border:1px solid #E0E0E0;border-radius:8px;font-size:14px;color:#14213d;background-color:#f8f9fa;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 2px #14213d1a}.search-input::placeholder{color:#a0a0a0}.filters-section{margin-bottom:20px;background-color:#f8f9fa;border-radius:8px;padding:12px;border:1px solid #E0E0E0}.filters-container{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-group,.filter-buttons{display:flex;gap:8px}.status-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-weight:600;font-size:14px;background-color:#f0f0f0;color:#4b5563;border:1px solid #E0E0E0;cursor:pointer;transition:background-color .2s,color .2s}.status-icon{font-size:14px}.filter-item{position:relative}.filter-button{display:flex;align-items:center;gap:6px;padding:8px 36px 8px 12px;border-radius:6px;font-weight:500;font-size:14px;background-color:#f0f0f0;color:#14213d;border:1px solid #E0E0E0;cursor:pointer;transition:background-color .2s;position:relative}.filter-button:hover{background-color:#e5e7eb}.filter-icon{position:absolute;right:12px;font-size:16px}.clear-filters-button{display:flex;align-items:center;gap:6px;padding:8px 36px 8px 12px;border-radius:6px;font-weight:500;font-size:14px;background-color:#e639461a;color:#e63946;border:1px solid rgba(230,57,70,.2);cursor:pointer;transition:background-color .2s}.clear-filters-button:hover{background-color:#e6394626}.calendar-info{margin-top:8px;padding:8px;background-color:#f8f9fa;border-radius:4px;font-size:.9rem;color:#495057}.date-tile{position:relative}.project-count-badge{position:absolute;top:-3px;right:-3px;background-color:#06c;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;padding:2px}.date-project-count{font-weight:700;color:#06c}.company-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;margin-top:8px;min-width:220px;max-height:300px;overflow-y:auto}.company-item{padding:10px 15px;font-size:14px;color:#14213d;cursor:pointer;transition:background-color .2s;text-align:right}.company-item:hover{background-color:#f3f4f6}.divider{height:1px;background-color:#e0e0e0;margin:4px 0}.calendar-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;margin-top:8px;width:300px}.custom-calendar{width:100%;border:none!important;font-family:Cairo,Tajawal,sans-serif}.calendar-actions{display:flex;justify-content:flex-end;padding:8px 16px;border-top:1px solid #E0E0E0}.clear-date-button{padding:6px 12px;font-size:13px;color:#6b7280;background:none;border:none;cursor:pointer;font-weight:500}.projects-list{display:flex;flex-direction:column;gap:16px}.project-card{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;border:1px solid #E0E0E0;box-shadow:0 2px 5px #0000000d;padding:16px;transition:all .25s ease;cursor:pointer}.project-card:hover{border-color:#14213d;transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.project-title{font-size:18px;font-weight:600;color:#14213d;margin:0}.status-badge{padding:4px 10px;border-radius:20px;font-size:13px;font-weight:600}.status-badge.active{background-color:#2a9d8f26;color:#2a9d8f}.status-badge.completed{background-color:#0e69a126;color:#0e69a1}.project-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.project-meta-item{display:flex;align-items:center;gap:8px}.meta-icon{color:#6b7280;font-size:14px;min-width:16px}.project-meta-item span{font-size:14px;color:#4b5563}.project-actions-row{display:flex;gap:8px;justify-content:flex-start;margin-top:4px;flex-wrap:wrap}.card-action-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.card-action-button span{white-space:nowrap}.card-action-button.view{background-color:#14213d;color:#fff}.card-action-button.excel-multi{background-color:#16a34a;color:#fff;margin-left:10px}.card-action-button.excel-multi:hover{background-color:#15803d}.card-action-button.edit{background-color:#355db4;color:#fff}.card-action-button.delete{background-color:#dc3545;color:#fff}.card-action-button.view:hover{background-color:#0f172a}.card-action-button.excel{background-color:#16a34a;color:#fff}.card-action-button.excel:hover{background-color:#15803d}.card-action-button.toggle{background-color:#f3f4f6;color:#4b5563;border:1px solid #E0E0E0}.card-action-button.toggle:hover{background-color:#e5e7eb}.card-action-button.toggle.active{background-color:#2a9d8f1a;color:#2a9d8f;border-color:#2a9d8f4d}.card-action-button.toggle.inactive{background-color:#0e69a11a;color:#0e69a1;border-color:#0e69a14d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.spinner{width:40px;height:40px;border:3px solid rgba(20,33,61,.1);border-top-color:#14213d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:#e639460d;border-radius:8px;border:1px solid rgba(230,57,70,.2)}.error-container p{color:#e63946;font-size:16px;margin-bottom:16px;text-align:center}.retry-button{padding:8px 16px;background-color:#14213d;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#0f172a}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:50px;margin-bottom:16px;opacity:.7}.empty-title{font-size:20px;color:#4b5563;margin-bottom:8px}.empty-subtitle{font-size:14px;color:#6b7280}.notification{position:fixed;bottom:20px;left:20px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:400px;animation:slideIn .3s ease-out;z-index:1000}.notification.success{background-color:#dcf7ec;color:#15803d;border-left:4px solid #15803D}.notification.error{background-color:#fee2e2;color:#e63946;border-left:4px solid #E63946}.notification.info{background-color:#e0f2fe;color:#0e69a1;border-left:4px solid #0E69A1}.notification p{margin:0;font-weight:500}.close-notification{background:none;border:none;color:currentColor;cursor:pointer;padding:4px}@keyframes slideIn{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.project-actions-row{flex-direction:column}.card-action-button{width:100%;justify-content:center}.top-actions{flex-direction:column;align-items:stretch;gap:10px}.search-container{max-width:100%}}.employee-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.employee-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s;direction:rtl}.employee-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.employee-modal-header h2{font-size:18px;color:#14213d;margin:0}.close-button{background:none;border:none;color:#6b7280;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-button:hover{background-color:#f3f4f6;color:#14213d}.error-message{background-color:#fee2e2;color:#b91c1c;padding:10px 16px;border-radius:6px;margin:16px 20px 0;font-size:14px}.employee-form{padding:20px}.form-group{flex:1;min-width:0}.form-group label{display:block;font-size:14px;font-weight:500;color:#4b5563;margin-bottom:6px}.input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:10px 36px 10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s;text-align:right}.form-group input:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 1px #14213d1a}.checkbox-group{margin-top:10px}.checkbox-container{display:flex;align-items:center;cursor:pointer;gap:8px}.checkmark{position:relative;height:18px;width:18px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px}.checkbox-container:hover input~.checkmark{background-color:#e5e7eb}.checkbox-container input:checked~.checkmark{background-color:#14213d;border-color:#14213d}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#4b5563}.admin-icon{color:#14213d;font-size:14px}.form-actions{margin-top:24px;display:flex;flex-direction:column;gap:16px}.submit-button{background-color:#14213d;color:#fff;border:none;border-radius:6px;padding:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button:hover{background-color:#1e293b}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.additional-actions{display:flex;gap:12px}.reset-password-button{flex:1;background-color:#f9fafb;color:#4b5563;border:1px solid #e5e7eb;border-radius:6px;padding:10px;font-size:14px;cursor:pointer;transition:all .2s}.reset-password-button:hover{background-color:#f3f4f6;color:#14213d}.delete-button{flex:1;background-color:#fee2e2;color:#ef4444;border:1px solid #fecaca;border-radius:6px;padding:10px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.delete-button:hover{background-color:#fecaca}.spinner{animation:spin 1.2s linear infinite;font-size:16px}.confirmation-dialog{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirmation-content{background-color:#fff;border-radius:12px;padding:24px;max-width:400px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;animation:scaleIn .3s;direction:rtl}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.warning-icon{font-size:36px;color:#f59e0b;margin-bottom:16px}.success-icon{font-size:36px;color:#10b981;margin-bottom:16px}.confirmation-content h3{font-size:18px;color:#14213d;margin:0 0 8px}.confirmation-content p{font-size:14px;color:#6b7280;margin:0 0 24px}.confirmation-actions{display:flex;gap:12px;width:100%}.cancel-button,.confirm-button{flex:1;padding:10px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.cancel-button{background-color:#f9fafb;color:#4b5563;border:1px solid #e5e7eb}.cancel-button:hover{background-color:#f3f4f6}.confirm-button{background-color:#14213d;color:#fff;border:none}.confirm-button:hover{background-color:#1e293b}.confirm-delete-button{flex:1;background-color:#ef4444;color:#fff;border:none;border-radius:6px;padding:10px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.confirm-delete-button:hover{background-color:#dc2626}.new-password{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:12px;font-family:monospace;font-size:16px;color:#14213d;margin-bottom:16px;width:100%;text-align:center;direction:ltr}.password-note{font-size:12px;color:#6b7280;margin-bottom:24px}@media (max-width: 640px){.form-row{flex-direction:column;gap:12px;margin-bottom:0}.form-group{margin-bottom:16px}.additional-actions,.confirmation-actions{flex-direction:column}}.close-button{color:#14213d;padding:8px;font-size:30px}.password-reset-form{width:100%}.password-input-container{margin-bottom:20px;width:100%}.password-group{position:relative}.toggle-password{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer}.password-error{color:#ef4444;font-size:12px;margin-top:4px;text-align:right}.error-input{border-color:#ef4444!important}.password-icon{font-size:32px;color:#14213d;margin-bottom:16px}.button-icon{margin-left:8px;font-size:14px}.em-admin-checkbox-section{display:inline-flex;align-items:center;margin:16px 0;padding:10px 16px;border-radius:8px;background-color:#f9fafb;cursor:pointer;flex-direction:row}.em-admin-checkbox-section:hover{background-color:#f3f4f6}.em-custom-checkbox{width:22px;height:22px;border:2px solid #64748b;border-radius:4px;margin-right:0;margin-left:0;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;flex-shrink:0}.em-custom-checkbox.em-checked{background-color:#14213d;border-color:#14213d}.em-check-icon{color:#fff;font-size:12px}.em-admin-checkbox-label{display:flex;align-items:center;flex-direction:row-reverse;-webkit-user-select:none;user-select:none;cursor:pointer;margin-right:10px}.em-admin-checkbox-label .em-admin-icon{color:#14213d;font-size:16px;margin-left:8px}.em-admin-checkbox-label span{color:#334155;font-size:14px;font-weight:500}.employee-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);direction:rtl}.employee-details-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .3s}.employee-details-header{background:linear-gradient(to left,#14213d,#16437e);color:#fff;padding:20px;position:relative}.close-modal-button{position:absolute;left:16px;top:16px;background:#fff3;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s}.close-modal-button:hover{background-color:#ffffff4d}.employee-profile-section{display:flex;align-items:center;margin-bottom:16px}.employee-avatar-container{position:relative;margin-left:16px}.employee-modal-avatar{width:70px;height:70px;border-radius:50%;background-color:#0353a4;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600;object-fit:cover}.admin-badge-emp-details{position:absolute;bottom:0;left:0;width:22px;height:22px;background-color:#e63946;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.admin-badge-icon-emp-details{font-size:12px;color:#fff}.employee-info{flex:1}.employee-full-name{font-size:20px;font-weight:700;margin:0 0 4px}.employee-details-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#fffc}.meta-icon{font-size:14px}.employee-details-actions{margin-right:auto}.edit-employee-button{background-color:#fff3;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-left:40px;transition:background-color .2s}.edit-employee-button:hover{background-color:#ffffff4d}.employee-stats{display:flex;justify-content:space-around;background-color:#ffffff1a;border-radius:8px;padding:12px;margin-top:10px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:24px;font-weight:700}.stat-label{font-size:12px;opacity:.8}.employee-details-tabs{display:flex;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:none;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-button:hover{background-color:#f3f4f6;color:#14213d}.tab-button.active{color:#14213d;border-bottom-color:#14213d;background-color:#14213d0a}.tab-icon{font-size:16px}.tab-content{flex:1;overflow-y:auto;padding:0}.projects-tab{display:flex;flex-direction:column;height:100%}.projects-filter-section{padding:16px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.filter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-search{position:relative;flex:1;min-width:200px}.filter-search .search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af}.filter-search-input{width:100%;padding:8px 34px 8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;text-align:right}.filter-search-input:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 1px #14213d33}.status-filter{display:flex;gap:4px}.status-button{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:12px;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.status-button.active{background-color:#14213d;color:#fff;border-color:#14213d}.status-icon{font-size:10px;margin-left:6px}.dropdown-toggle span,.status-button span{vertical-align:middle}.dropdown{position:relative}.dropdown-toggle{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer}.dropdown-menu{position:absolute;top:100%;right:0;width:220px;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:10;margin-top:4px;overflow:hidden;max-height:300px;overflow-y:auto}.dropdown-item{padding:8px 12px;font-size:13px;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6}.clear-filters-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #fee2e2;border-radius:6px;background-color:#fff1f2;color:#ef4444;font-size:13px;cursor:pointer;transition:all .2s}.clear-filters-button:hover{background-color:#fecaca}.filter-icon{font-size:14px;margin-left:6px}.calendar-dropdown{padding:10px;width:280px}.has-projects{position:relative;background-color:#14213d1a}.project-count{position:absolute;top:2px;right:2px;background-color:#14213d;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px}.clear-date-button{margin-top:10px;padding:6px 10px;border:none;background-color:transparent;color:#6b7280;font-size:12px;cursor:pointer;width:100%;text-align:center}.clear-date-button:hover{color:#14213d}.projects-list{padding:16px;overflow-y:auto;flex:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.project-card{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;padding:14px;transition:all .2s}.project-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.project-name{font-size:16px;font-weight:600;color:#14213d;margin:0}.project-status{font-size:12px;border-radius:20px;padding:3px 8px;display:flex;align-items:center;gap:4px}.active-status{background-color:#dcfce7;color:#15803d}.completed-status{background-color:#e0f2fe;color:#0369a1}.project-details{display:flex;flex-direction:column;gap:8px}.project-company,.project-date,.project-services{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.project-icon{font-size:12px;color:#64748b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}.empty-icon{font-size:40px;color:#d1d5db;margin-bottom:16px}.empty-title{font-size:16px;color:#4b5563;margin-bottom:4px;font-weight:600}.empty-message{font-size:14px;color:#9ca3af}.work-hours-tab{padding:10px 16px 16px;height:100%;overflow-y:auto}.work-hours-header{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.work-hours-calendar-container{flex:1;min-width:300px;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb}.work-hours-stats{flex:1;min-width:300px;display:flex;flex-direction:column;gap:16px}.total-hours-card{background-color:#14213d;color:#fff;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;height:100%}.stats-icon-container{background-color:#fff3;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stats-icon{font-size:24px}.stats-content{flex:1}.stats-value{font-size:28px;font-weight:700;margin:0 0 4px}.stats-label{font-size:14px;opacity:.8;margin:0}.has-work-hours{position:relative;background-color:#2a9d8f26}.hours-count{position:absolute;top:2px;right:2px;background-color:#2a9d8f;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px}.work-hours-search{margin-bottom:20px}.search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:10px 40px 10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;text-align:right}.section-title{font-size:16px;font-weight:600;color:#14213d;margin-bottom:16px}.work-hours-entries{display:flex;flex-direction:column;gap:12px}.work-hour-entry{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s;cursor:pointer}.work-hour-entry:hover{border-color:#d1d5db}.work-hour-entry.expanded{box-shadow:0 4px 6px #0000000d}.work-hour-header{padding:14px;display:flex;justify-content:space-between;align-items:center}.work-hour-date{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563}.date-icon{color:#14213d}.work-hour-value{display:flex;align-items:baseline;gap:4px}.hours-value{font-size:18px;font-weight:600;color:#14213d}.hours-label{font-size:12px;color:#6b7280}.work-hour-details{padding:0 14px 14px;animation:fadeIn .3s}.divider{border-top:1px solid #e5e7eb;margin:6px 0 14px}.detail-title{font-size:13px;font-weight:600;color:#14213d;margin:0 0 6px}.detail-text{font-size:14px;color:#4b5563;line-height:1.5;margin:0}.work-hour-preview{padding:0 14px 14px;display:flex;align-items:center;justify-content:space-between}.preview-text{font-size:14px;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-icon{font-size:12px;color:#9ca3af}.loans-tab{padding:16px;height:100%;overflow-y:auto}.loans-search{margin-bottom:20px}.loans-content{display:flex;flex-direction:column;gap:24px}.loan-group{display:flex;flex-direction:column;gap:12px}.loan-group-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.group-title{font-size:16px;font-weight:600;color:#14213d;margin:0;white-space:nowrap}.loan-group-items{display:flex;flex-direction:column;gap:12px}.loan-item{background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;cursor:pointer;transition:all .2s}.loan-item:hover{border-color:#d1d5db}.loan-item.expanded{box-shadow:0 4px 6px #0000000d}.loan-header{padding:14px;border-bottom:1px solid #f3f4f6}.loan-date{display:flex;align-items:center;gap:8px;font-size:14px;color:#4b5563}.loan-content{padding:14px}.loan-amount-container{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px}.currency-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff9}.loan-amount{display:flex;align-items:baseline;gap:6px}.amount-value{font-size:18px;font-weight:600}.currency-name{font-size:12px;opacity:.8}.loan-details{padding-top:10px;animation:fadeIn .3s}.reason-title{font-size:13px;font-weight:600;color:#14213d;margin:0 0 6px}.reason-text{font-size:14px;color:#4b5563;line-height:1.5;margin:0}.loan-preview{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.spinner{animation:spin 1.2s linear infinite;color:#14213d;font-size:24px}@media (max-width: 768px){.employee-profile-section{flex-direction:column;text-align:center;gap:16px}.employee-details-actions{margin:16px auto 0}.employee-details-meta{justify-content:center}.work-hours-header{flex-direction:column}.projects-grid{grid-template-columns:1fr}}.daily-salary{background-color:#16a34a1a;border-radius:8px;padding:4px 8px;margin-top:4px}.salary-icon{color:#16a34a}.salary-text{color:#16a34a;font-weight:500}.financial-tab{padding-top:10px;display:flex;flex-direction:column;height:100%}.financial-type-filter{display:flex;gap:10px;padding:12px;border-bottom:1px solid #E5E7EB;background-color:#fff}.type-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:20px;border:1px solid #E0E0E0;background-color:#f9fafb;cursor:pointer;transition:all .2s;flex:1}.type-button.active{background-color:#14213d;color:#fff;border-color:#14213d}.type-icon{font-size:14px}.financial-search{padding:12px;background-color:#fff;border-bottom:1px solid #E5E7EB}.financial-list{flex:1;overflow-y:auto;padding:0;background-color:#f8f9fa}.financial-content{padding:12px}.financial-group{margin-bottom:20px}.financial-group-header{display:flex;align-items:center;margin-bottom:12px}.group-title{font-size:.9rem;color:#6b7280;margin:0 12px;white-space:nowrap}.group-line{flex:1;height:1px;background-color:#e5e7eb}.financial-item{margin-bottom:12px;cursor:pointer;transition:transform .2s}.financial-item:hover{transform:translateY(-2px)}.financial-record-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;position:relative}.record-header{padding:12px 16px;background-color:#f9fafb;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.record-date{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#4b5563}.record-status{font-size:.8rem;padding:4px 8px;border-radius:4px;font-weight:500}.record-content{padding:16px}.record-amount-container{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;margin-bottom:12px}.currency-icon{font-size:1.5rem}.record-amount{flex:1;text-align:left}.record-amount-value{font-size:1.5rem;font-weight:600;color:#14213d}.record-currency-symbol{font-size:1rem;color:#4b5563;margin-right:4px}.employeeSalaryAmount{color:#fff!important}.record-type-chip{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;margin-top:4px;font-weight:500}.record-reason{margin-top:12px}.reason-title{font-size:.9rem;color:#4b5563;margin-bottom:6px;font-weight:600;text-align:right}.reason-text{font-size:.9rem;color:#14213d;text-align:right;line-height:1.5}.record-edit-hint{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:4px;font-size:.7rem;color:#6b7280;opacity:0;transition:opacity .3s}.financial-record-item:hover .record-edit-hint{opacity:1}.edit-work-hour-button{background-color:#e1f5fe;color:#0284c7;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;margin-top:12px;display:flex;align-items:center;transition:background-color .2s;align-self:flex-end;margin-left:auto}.edit-work-hour-button:hover{background-color:#bae6fd}.edit-work-hour-button .edit-icon{margin-left:6px}.work-hour-details{display:flex;flex-direction:column}.add-work-hours-container,.add-financial-record-container{display:flex;justify-content:flex-end;margin-bottom:15px}.add-work-hours-button,.add-financial-record-button{display:flex;align-items:center;gap:8px;background-color:#0f3460;color:#fff;border:none;border-radius:6px;padding:8px 15px;font-weight:600;cursor:pointer;transition:background-color .2s}.add-work-hours-button:hover,.add-financial-record-button:hover{background-color:#16213e}.financial-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1100}.financial-edit-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:550px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;animation:modal-fade-in .3s ease-out}.financial-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.modal-title{font-size:1.25rem;font-weight:600;color:#14213d;margin:0 auto}.f-close-modal-button{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.f-close-modal-button:hover{background-color:#f3f4f6;color:#14213d}.financial-edit-modal-body{padding:20px}.general-error{background-color:#e639461a;border:1px solid #E63946;border-radius:8px;padding:12px;margin-bottom:20px;display:flex;align-items:center}.general-error .error-icon{color:#e63946;margin-left:10px}.general-error p{color:#e63946;font-size:.875rem;margin:0}.form-group{margin-bottom:24px}.form-label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:.9rem;text-align:right}.type-options{display:flex;flex-direction:row;width:100%;height:48px;border-radius:8px;border:1px solid #E0E0E0;overflow:hidden;direction:rtl}.type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:0;border:none;border-radius:0;background-color:#f9fafb;cursor:pointer;transition:all .2s;position:relative;z-index:1;height:100%}.type-option:first-child{border-left:1px solid #E0E0E0}.type-option.selected{background-color:#fff;box-shadow:0 1px 4px #0000001a;z-index:2}.type-option.selected[data-type=loan]{background-color:#e1f5fe;color:#0284c7;font-weight:600}.type-option.selected[data-type=workExpense]{background-color:#fef3c7;color:#d97706;font-weight:600}.type-icon{font-size:1.1rem}.type-label{font-size:.95rem;font-weight:500}.amount-group{margin-bottom:28px}.amount-input-container{background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:10px;text-align:center}.amount-input{font-size:2rem;font-weight:600;color:#14213d;width:100%;border:none;background-color:transparent;text-align:center}.amount-input:focus{outline:none}.input-error{border-color:#e63946}.error-text{color:#e63946;font-size:.8rem;margin-top:4px;text-align:right}.currency-options{display:flex;gap:10px;justify-content:space-between;direction:rtl}.currency-option{flex:1;padding:12px;border:1px solid #E0E0E0;border-radius:8px;background-color:#f9fafb;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .2s}.currency-option.selected{border-color:#14213d;border-width:2px;background-color:#f0f4f8}.currency-icon{font-size:1.5rem;margin-bottom:6px}.currency-label{font-size:.9rem;color:#4b5563}.currency-option.selected .currency-label{color:#14213d;font-weight:600}.reason-input{width:100%;border:1px solid #E0E0E0;border-radius:8px;padding:12px;font-size:.9rem;resize:none;direction:rtl}.reason-input:focus{outline:none;border-color:#14213d}.status-options{display:flex;flex-direction:row;width:100%;height:48px;border-radius:8px;border:1px solid #E0E0E0;overflow:hidden;direction:rtl}.status-option{flex:1;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background-color:#f9fafb;cursor:pointer;transition:all .2s}.status-option:not(:last-child){border-left:1px solid #E0E0E0}.status-option.selected{background-color:#fff;font-weight:600}.status-option.selected[data-status=pending]{background-color:#f59e0b1a}.status-option.selected[data-status=paid]{background-color:#10b9811a}.status-option.selected[data-status=addedToSalary]{background-color:#3b82f61a}.status-label{font-size:.9rem}.financial-edit-modal-footer{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #E5E7EB}.delete-button,.confirm-delete-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.delete-button{background-color:#e639461a;color:#e63946;border:1px solid #E63946}.delete-button:hover{background-color:#e6394633}.confirm-delete-button{background-color:#e63946;color:#fff;border:none;animation:pulse 1.5s infinite}.save-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background-color:#14213d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#0f172a}.save-button:disabled,.delete-button:disabled,.confirm-delete-button:disabled{opacity:.7;cursor:not-allowed}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #e6394666}70%{box-shadow:0 0 0 10px #e6394600}to{box-shadow:0 0 #e6394600}}.work-hours-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.work-hours-edit-modal{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.work-hours-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.work-hours-edit-modal .modal-header h2{font-size:1.25rem;font-weight:600;color:#14213d;margin:0}.work-hours-edit-modal .close-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.work-hours-edit-modal .close-button:hover{color:#ef4444}.work-hours-edit-modal form{padding:20px}.work-hours-edit-modal .form-group{margin-bottom:20px}.work-hours-edit-modal label{display:block;margin-bottom:6px;font-weight:500;color:#374151;text-align:right}.work-hours-edit-modal .required{color:#ef4444}.work-hours-edit-modal .date-display{display:flex;align-items:center;justify-content:flex-end;background-color:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;padding:10px 15px}.work-hours-edit-modal .input-icon{margin-left:10px;color:#14213d;font-size:1rem}.work-hours-edit-modal .input-with-icon{display:flex;align-items:center;background-color:#fff;border:1px solid #D1D5DB;border-radius:6px;padding:0 15px;transition:border-color .2s,box-shadow .2s;justify-content:flex-end}.work-hours-edit-modal .input-with-icon:focus-within{border-color:#14213d;box-shadow:0 0 0 2px #14213d33}.work-hours-edit-modal .input-with-icon input{flex:1;border:none;outline:none;padding:12px 0;font-size:1rem;text-align:center;background:transparent;color:#14213d}.work-hours-edit-modal .input-suffix{margin-right:5px;color:#6b7280}.work-hours-edit-modal input.has-error,.work-hours-edit-modal textarea.has-error{border-color:#ef4444}.work-hours-edit-modal textarea{width:100%;padding:12px 15px;border:1px solid #D1D5DB;border-radius:6px;font-size:.95rem;resize:vertical;direction:rtl;transition:border-color .2s,box-shadow .2s}.work-hours-edit-modal textarea:focus{border-color:#14213d;outline:none;box-shadow:0 0 0 2px #14213d33}.work-hours-edit-modal .error-message{color:#ef4444;font-size:.85rem;margin-top:5px;text-align:right}.work-hours-edit-modal .general-error{background-color:#fee2e2;border-radius:6px;padding:10px 15px;margin-bottom:16px;text-align:center}.work-hours-edit-modal .modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.work-hours-edit-modal .right-actions{display:flex;gap:10px}.work-hours-edit-modal .button-icon{margin-left:6px}.work-hours-edit-modal .save-button,.work-hours-edit-modal .cancel-button,.work-hours-edit-modal .delete-button{padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.work-hours-edit-modal .save-button{background-color:#14213d;color:#fff;border:none}.work-hours-edit-modal .save-button:hover:not(:disabled){background-color:#1e325b}.work-hours-edit-modal .cancel-button{background-color:#fff;color:#4b5563;border:1px solid #D1D5DB}.work-hours-edit-modal .cancel-button:hover:not(:disabled){background-color:#f9fafb}.work-hours-edit-modal .delete-button{background-color:#fee2e2;color:#ef4444;border:1px solid #FECACA}.work-hours-edit-modal .delete-button:hover:not(:disabled){background-color:#fee2e2;color:#dc2626}.work-hours-edit-modal button:disabled{opacity:.7;cursor:not-allowed}.work-hours-edit-modal .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.salary-report-modal{max-width:450px}.report-icon-large{font-size:40px;color:#15803d;margin-bottom:10px}.form-description{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}.form-row{display:flex;gap:15px}.form-group{flex:1;margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-select{width:100%;padding:10px;border:1px solid #D1D5DB;border-radius:6px;background-color:#fff;color:#1f2937;font-size:14px}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.salary-report-button{display:flex;align-items:center;gap:8px;background-color:#15803d;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s}.salary-report-button:hover{background-color:#166534}.report-icon{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);direction:rtl}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:modalFadeIn .3s;display:flex;flex-direction:column}.modal-header{padding:16px 20px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px;color:#1f2937}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:background-color .2s}.modal-close:hover{background-color:#f3f4f6}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;gap:12px}.btn-primary,.btn-secondary{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;transition:background-color .2s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:#4b5563}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.employees-container{padding:20px;position:relative;direction:rtl}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search-container{flex:1;max-width:400px}.search-box{position:relative}.search-input{width:100%;padding:12px 40px 12px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background-color:#f8fafc;transition:all .3s ease;text-align:right}.add-employee-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#14213d;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-employee-button:hover{background-color:#1e293b}.add-icon{font-size:14px;margin-left:4px}.employees-list{display:flex;flex-direction:column;gap:10px}.employee-card-horizontal{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;padding:16px 20px;position:relative;transition:all .2s;border:1px solid #e2e8f0;cursor:pointer}.employee-card-horizontal:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px);border-color:#14213d20}.employee-info-container{display:flex;align-items:center;gap:16px;flex-direction:row-reverse}.employee-avatar-container{position:relative}.employee-avatar{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;font-weight:600;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.admin-badge-employees{position:absolute;bottom:0;left:0;width:20px;height:20px;border-radius:50%;background-color:#e63946;display:flex;align-items:center;justify-content:center;border:2px solid white}.admin-icon-employees{color:#fff;font-size:10px}.employee-details{flex:1}.employee-name{font-size:16px;font-weight:600;color:#14213d;margin:0 0 6px;text-align:right}.employee-meta{display:flex;gap:20px;flex-direction:row-reverse}.employee-username,.employee-phone{display:flex;align-items:center;gap:6px;font-size:14px;color:#64748b;flex-direction:row-reverse}.username-icon,.phone-icon{font-size:12px;flex-shrink:0;color:#64748b}.meta-text{color:#4b5563}.edit-button{background-color:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;color:#64748b;cursor:pointer;transition:all .2s;margin-right:10px}.edit-button:hover{background-color:#e2e8f0;color:#14213d}.spinner{animation:spin 1s linear infinite}.loading-container .spinner{font-size:30px;color:#14213d;margin-bottom:16px}.empty-icon{font-size:48px;margin-bottom:16px;color:#64748b}.retry-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f1f5f9;color:#14213d;border:1px solid #e2e8f0;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.notification{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:400px;z-index:1000;direction:rtl;animation:slideIn .3s ease-out}@media (max-width: 768px){.employees-header{flex-direction:column;gap:12px}.search-container{width:100%;max-width:100%}.add-employee-button{width:100%;justify-content:center}.employee-meta{flex-direction:column;gap:6px}}@media (max-width: 480px){.employee-info-container{flex-direction:column;align-items:flex-end}.employee-avatar-container{margin-bottom:10px}.edit-button{position:absolute;top:10px;left:10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0003;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideIn .3s}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.3rem;font-weight:600;color:#333}.close-modal{background:none;border:none;font-size:1.2rem;color:#777;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-modal:hover{color:#333}.modal-content{padding:1.5rem}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#444;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0a66c2}.input-error{border-color:#dc3545!important}.error-text{color:#dc3545;font-size:.85rem;margin:.25rem 0 0}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.primary-button,.cancel-button,.delete-button{border:none;border-radius:4px;padding:.75rem 1.25rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.primary-button{background-color:#0a66c2;color:#fff}.primary-button:hover{background-color:#0a5ca9}.primary-button:disabled{background-color:#82b1e0;cursor:not-allowed}.cancel-button{background-color:#f0f0f0;color:#555}.cancel-button:hover{background-color:#e0e0e0}.delete-button{background-color:#fff0f0;color:#dc3545}.delete-button:hover{background-color:#fde0e0}.delete-button:disabled{opacity:.7;cursor:not-allowed}.confirm-delete{margin-top:1rem;padding:1rem;border-radius:8px;background-color:#fff0f0;border:1px solid #fbd8d8}.confirm-delete p{margin:0 0 1rem;color:#721c24;font-size:.95rem}.confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}.confirm-delete-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:.75rem 1.25rem;font-weight:500;cursor:pointer;transition:background-color .2s}.confirm-delete-button:hover{background-color:#bb2d3b}.confirm-delete-button:disabled{background-color:#e88c95;cursor:not-allowed}.fields-modal{max-width:800px}.fields-list{max-height:350px;overflow-y:auto;margin-bottom:1.5rem}.field-item{padding:.75rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.project-details-toggle{margin-top:20px;padding-top:10px;border-top:1px solid #e5e7eb}.checkbox-container{display:flex;align-items:center;cursor:pointer;position:relative;padding-right:30px}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox{position:absolute;right:0;top:0;height:20px;width:20px;background-color:#fff;border:2px solid #14213d;border-radius:4px}.checkbox-container:hover input~.custom-checkbox{background-color:#f0f4f8}.checkbox-container input:checked~.custom-checkbox{background-color:#14213d}.custom-checkbox:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.custom-checkbox:after{display:block;right:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{font-weight:500;font-size:16px;color:#14213d}.help-text{color:#64748b;font-size:.85rem;margin-top:4px;margin-right:26px}.project-fields-section{margin-top:20px;padding:15px;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb}.section-title{margin-top:0;margin-bottom:16px;font-size:1.1rem;color:#14213d;font-weight:600}.project-fields-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.project-field-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb}.field-info{text-align:right}.field-name{font-weight:500;color:#1f2937}.field-name-en{color:#6b7280;margin-right:8px;font-size:.85rem}.field-type{font-size:.85rem;color:#6b7280;margin-top:3px}.field-actions{display:flex;gap:6px}.field-action-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background-color:#f3f4f6;color:#4b5563;cursor:pointer;transition:all .2s ease}.field-action-button:hover{background-color:#e5e7eb}.field-action-button.edit:hover{color:#0369a1;background-color:#e0f2fe}.field-action-button.delete:hover{color:#dc2626;background-color:#fee2e2}.no-fields-message{padding:20px;text-align:center;color:#6b7280;background-color:#fff;border:1px dashed #d1d5db;border-radius:6px;margin-bottom:16px}.add-field-button{width:100%;padding:10px;background-color:#14213d;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.add-field-button:hover{background-color:#1e293b}.field-editor{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-top:16px;box-shadow:0 1px 3px #0000001a}.editor-title{margin-top:0;margin-bottom:16px;font-size:1rem;color:#14213d;font-weight:600;text-align:right}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row .form-group{flex:1;margin-bottom:0}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.cancel-button{padding:8px 16px;background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-button:hover{background-color:#e5e7eb}.save-field-button{padding:8px 16px;background-color:#14213d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.save-field-button:hover{background-color:#1e293b}.error-text{color:#dc2626;font-size:.85rem;margin-top:5px;text-align:right}.field-type-selector{display:flex;gap:10px;margin-top:8px;direction:rtl}.type-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border:2px solid #e5e7eb;border-radius:10px;background-color:#fff;cursor:pointer;transition:all .2s ease}.type-option:hover{background-color:#f9fafb;border-color:#d1d5db}.type-option.selected{border-color:#14213d;background-color:#14213d0d}.option-icon{font-size:24px;margin-bottom:8px;color:#6b7280}.type-option.selected .option-icon{color:#14213d}.option-label{font-size:14px;font-weight:500;color:#4b5563}.type-option.selected .option-label{color:#14213d}.project-fields-list{margin-top:16px;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.project-field-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #e5e7eb;background-color:#fff}.project-field-item:last-child{border-bottom:none}.field-info{display:flex;align-items:center;gap:12px}.field-type-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:#f3f4f6;color:#4b5563;font-size:18px}.field-details{display:flex;flex-direction:column;align-items:flex-start}.field-name{font-size:15px;display:flex;align-items:center;gap:8px}.field-english{color:#6b7280;font-size:13px;display:flex;align-items:center;gap:4px}.language-icon-small{font-size:12px;opacity:.7}.field-type-label{font-size:13px;color:#6b7280;margin-top:2px}.field-actions{display:flex;gap:8px}.field-action-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background-color:#f9fafb;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease}.field-action-button:hover{background-color:#f3f4f6}.field-action-button.edit:hover{color:#3b82f6;background-color:#3b82f61a}.field-action-button.delete:hover{color:#ef4444;background-color:#ef44441a}.field-action-button:disabled{opacity:.5;cursor:not-allowed}.no-fields-message{padding:20px;text-align:center;color:#6b7280;background-color:#f9fafb;border-radius:8px}.button-icon{margin-left:6px}.ffm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.ffm-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;width:100%;max-width:800px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.ffm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0}.ffm-modal-header h2{margin:0;font-size:1.25rem;color:#333}.ffm-close-modal{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:background-color .2s}.ffm-close-modal:hover{background-color:#f0f0f0;color:#333}.ffm-modal-content{padding:1.5rem;overflow-y:auto}.ffm-fields-modal{max-width:800px;max-height:85vh}.ffm-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ffm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ffm-section-header h3{margin:0;color:#333;font-size:1.1rem}.ffm-loading-container-small{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#f9f9f9;border-radius:8px}.ffm-spinner-small{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid #0a66c2;width:24px;height:24px;animation:ffm-spin 1s linear infinite;margin-bottom:1rem}@keyframes ffm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ffm-fields-list{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9}.ffm-field-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;background-color:#fff}.ffm-field-item:last-child{border-bottom:none}.ffm-field-info{display:flex;align-items:center;gap:.75rem;flex:1}.ffm-field-type-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:#0a66c2;background-color:#e6f2ff;font-size:.9rem}.ffm-field-details{display:flex;flex-direction:column}.ffm-field-name{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.ffm-field-name strong{font-weight:500;font-size:.95rem}.ffm-field-english{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#666}.ffm-language-icon-small{font-size:.8rem;color:#0a66c2}.ffm-field-type-label{font-size:.8rem;color:#666;margin-top:.25rem}.ffm-field-actions{display:flex;align-items:center;gap:.5rem}.ffm-edit-field-button,.ffm-delete-field-button,.ffm-order-button{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s,color .2s;background-color:#f0f0f0;color:#555}.ffm-edit-field-button:hover{background-color:#0a66c2;color:#fff}.ffm-delete-field-button{background-color:#fff0f0;color:#dc3545}.ffm-delete-field-button:hover{background-color:#dc3545;color:#fff}.ffm-order-button:hover{background-color:#6c757d;color:#fff}.ffm-field-form{padding:1.25rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#f9f9f9}.ffm-empty-fields{padding:2rem;text-align:center;background-color:#f9f9f9;border-radius:6px;color:#666}.ffm-add-field-section h3{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.1rem}.ffm-field-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.25rem}.ffm-type-option{position:relative}.ffm-type-option input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.ffm-type-option label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9;cursor:pointer;transition:all .2s}.ffm-type-option.ffm-selected label{border-color:#0a66c2;background-color:#e6f2ff}.ffm-option-icon{font-size:1.25rem;color:#0a66c2}.ffm-button-icon{margin-left:.5rem}.ffm-form-group{margin-bottom:1rem}.ffm-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.9rem}.ffm-form-group input[type=text]{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.ffm-input-error{border-color:#dc3545!important}.ffm-error-text{color:#dc3545;font-size:.85rem;margin:.25rem 0 0}.ffm-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.ffm-cancel-button{display:flex;align-items:center;background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.ffm-cancel-button:hover{background-color:#e0e0e0}.ffm-primary-button{display:flex;align-items:center;background-color:#0a66c2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.ffm-primary-button:hover{background-color:#0a5ca9}.ffm-primary-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.ffm-two-columns,.ffm-field-type-selector{grid-template-columns:1fr}}.fsm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.fsm-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;width:100%;max-width:800px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.fsm-sheets-modal{max-width:900px;max-height:85vh}.fsm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9f9f9;border-bottom:1px solid #e0e0e0}.fsm-modal-header h2{margin:0;font-size:1.25rem;color:#333}.fsm-close-modal{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:background-color .2s}.fsm-close-modal:hover{background-color:#f0f0f0;color:#333}.fsm-modal-content{padding:1.5rem;overflow-y:auto}.fsm-sheets-section{width:100%;margin-bottom:1rem}.fsm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.fsm-section-header h3{margin:0;color:#333}.fsm-add-sheet-button{display:flex;align-items:center;gap:.5rem;background-color:#0a66c2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.fsm-add-sheet-button:hover{background-color:#0a5ca9}.fsm-loading-container-small{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#f9f9f9;border-radius:8px}.fsm-spinner-small{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid #0a66c2;width:24px;height:24px;animation:fsm-spin 1s linear infinite;margin-bottom:1rem}@keyframes fsm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fsm-sheets-list{display:flex;flex-direction:column;gap:.75rem;max-height:80vh;overflow-y:auto;padding-right:.25rem}.fsm-sheet-item{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;background-color:#fff;box-shadow:0 1px 2px #0000000d;flex-shrink:0}.fsm-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#f9f9f9;cursor:pointer;border-bottom:1px solid transparent;transition:background-color .2s}.fsm-sheet-header:hover{background-color:#f0f0f0}.fsm-sheet-title{display:flex;align-items:center;gap:.75rem}.fsm-sheet-title h4{margin:0;font-size:.95rem;font-weight:500}.fsm-sheet-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background-color:#e6f2ff;color:#0a66c2}.fsm-sheet-english{font-size:.85rem;color:#666;margin-right:.5rem}.fsm-sheet-actions{display:flex;align-items:center;gap:.5rem}.fsm-sheet-actions button{background:none;border:none;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:background-color .2s,color .2s}.fsm-sheet-actions button:hover{background-color:#e0e0e0;color:#333}.fsm-edit-button{background-color:#f0f0f0}.fsm-edit-button:hover{background-color:#0a66c2!important;color:#fff!important}.fsm-delete-sheet-button{background-color:#fff0f0!important;color:#dc3545!important;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.fsm-delete-sheet-button:hover{background-color:#dc3545!important;color:#fff!important}.fsm-fields-button{background-color:#e6f2ff!important;color:#0a66c2!important}.fsm-fields-button:hover{background-color:#0a66c2!important;color:#fff!important}.fsm-order-button{padding:0;margin:0}.fsm-expand-indicator{margin-right:.5rem;color:#999}.fsm-sheet-content{padding:1rem;background-color:#f9f9f9;border-top:1px solid #e0e0e0;max-height:700px;overflow-y:auto}.fsm-sheet-fields-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.fsm-sheet-fields-header h5{margin:0;font-size:.9rem;font-weight:500}.fsm-manage-fields-button{display:flex;align-items:center;gap:.5rem;background-color:#28a745;color:#fff;border:none;padding:.4rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s}.fsm-manage-fields-button:hover{background-color:#218838}.fsm-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.fsm-field-card{padding:.75rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff}.fsm-field-name-ar{font-weight:500;margin-bottom:.25rem}.fsm-field-name-en{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.25rem}.fsm-language-icon-small{font-size:.7rem}.fsm-field-type{margin-top:.5rem;font-size:.75rem;color:#0a66c2;background-color:#e6f2ff;display:inline-block;padding:.2rem .5rem;border-radius:3px}.fsm-loading-fields{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:#f9f9f9;border-radius:4px}.fsm-empty-fields-message{padding:1.5rem;text-align:center;background-color:#f9f9f9;border-radius:4px}.fsm-add-first-field-button{display:flex;align-items:center;gap:.5rem;background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s;margin:1rem auto 0}.fsm-add-first-field-button:hover{background-color:#218838}.fsm-empty-sheets-message{padding:2rem;text-align:center;background-color:#f9f9f9;border-radius:8px}.fsm-add-first-sheet-button{display:flex;align-items:center;gap:.5rem;background-color:#0a66c2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s;margin:1rem auto 0}.fsm-add-first-sheet-button:hover{background-color:#0a5ca9}.fsm-sheet-form-container{margin-bottom:1.5rem}.fsm-sheet-form{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:1.25rem}.fsm-form-title{margin:0 0 1rem;font-size:1rem;color:#333}.fsm-form-group{margin-bottom:1rem}.fsm-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.9rem}.fsm-form-group input{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.fsm-input-error{border-color:#dc3545!important}.fsm-error-text{color:#dc3545;font-size:.85rem;margin:.25rem 0 0}.fsm-sheet-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.fsm-cancel-button{display:flex;align-items:center;gap:.5rem;background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.fsm-cancel-button:hover{background-color:#e0e0e0}.fsm-primary-button{display:flex;align-items:center;gap:.5rem;background-color:#0a66c2;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.fsm-primary-button:hover{background-color:#0a5ca9}.fsm-primary-button:disabled{background-color:#ccc;cursor:not-allowed}.fsm-sheet-actions button svg{width:14px;height:14px;display:block}.fsm-small{font-size:.85rem}.fsm-modal-content-fsm.fsm-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.fsm-modal-content-fsm.fsm-two-columns{grid-template-columns:1fr}}.sheets-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.sheet-pill,.more-sheets-pill{background-color:#e6f2ff;color:#0a66c2;font-size:.8rem;padding:.25rem .75rem;border-radius:999px}.more-sheets-pill{background-color:#f0f0f0;color:#666}.forms-container{padding:1rem;width:100%}.forms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}@media (max-width: 768px){.forms-header{flex-direction:column-reverse;gap:1rem}.forms-header .search-container,.forms-header .add-form-button{width:100%}}.add-form-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#0a66c2;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.add-form-button:hover{background-color:#0a5ca9}.add-form-button .add-icon{font-size:.85rem}.search-container{width:300px}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:border-color .2s;background-color:#f9f9f9}.search-input:focus{outline:none;border-color:#0a66c2;background-color:#fff}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666;font-size:.9rem}.forms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}@media (max-width: 480px){.forms-list{grid-template-columns:1fr}}.form-card-horizontal{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;border-right:4px solid #0a66c2}.form-card-horizontal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.form-info-container{display:flex;align-items:center;flex:1}.form-details{flex:1}.form-name{margin:0 0 .5rem;font-size:1.1rem;color:#333}.form-meta{display:flex;flex-direction:column;gap:.5rem}.form-company,.form-language,.form-fields-count{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.company-icon,.language-icon,.fields-icon,.sheets-icon{color:#0a66c2;font-size:.85rem;margin-left:.6rem}.form-icon-container{display:flex;align-items:center;justify-content:center;margin-left:1rem}.form-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:8px;background-color:#e6f2ff;color:#0a66c2;font-size:1.25rem}.form-actions{display:flex;flex-direction:row;gap:.5rem;margin-left:1rem}.edit-button,.edit-sheets-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f0f0f0;color:#555;border:none;cursor:pointer;transition:background-color .2s,color .2s}.edit-button:hover{background-color:#0a66c2;color:#fff}.edit-sheets-button:hover{background-color:#28a745;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.spinner{width:40px;height:40px;border:3px solid rgba(10,102,194,.2);border-radius:50%;border-top-color:#0a66c2;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.empty-title{margin:0 0 .5rem;color:#555;font-weight:500}.empty-subtitle{color:#777;margin-bottom:1.5rem}.retry-button{display:flex;align-items:center;gap:.5rem;background-color:#f0f0f0;color:#555;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#e0e0e0}.retry-icon{font-size:.9rem}.notification{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:1000;min-width:300px;padding:1rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;animation:slideUp .3s forwards;box-shadow:0 3px 10px #0003}.notification.success{background-color:#d4edda;color:#155724;border-right:4px solid #28a745}.notification.error{background-color:#f8d7da;color:#721c24;border-right:4px solid #dc3545}.close-notification{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.fields-modal{max-width:800px;max-height:80vh;width:90%}.modal-content{display:flex;gap:1.5rem}@media (max-width: 768px){.modal-content{flex-direction:column}}.fields-section,.add-field-section{flex:1}.fields-section h3,.add-field-section h3{margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0;color:#333}.fields-list{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:.5rem;margin-bottom:1rem}.field-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid #e0e0e0}.field-item:last-child{border-bottom:none}.field-info{flex:1}.field-name{display:flex;flex-direction:column;gap:.25rem}.field-english{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#666}.language-icon-small{font-size:.8rem;color:#0a66c2}.field-actions{display:flex;gap:.5rem}.edit-field-button,.delete-field-button{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s,color .2s}.edit-field-button{background-color:#f0f0f0;color:#555}.edit-field-button:hover{background-color:#0a66c2;color:#fff}.delete-field-button{background-color:#f0f0f0;color:#555}.delete-field-button:hover{background-color:#dc3545;color:#fff}.field-form{padding:1rem;border:1px solid #e0e0e0;border-radius:8px}.field-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.button-icon{margin-right:.5rem}.loading-container-small{display:flex;flex-direction:column;align-items:center;padding:1.5rem}.spinner-small{width:25px;height:25px;border:2px solid rgba(10,102,194,.2);border-radius:50%;border-top-color:#0a66c2;animation:spin 1s linear infinite;margin-bottom:.5rem}.empty-fields{padding:2rem 1rem;text-align:center;color:#666;background-color:#f9f9f9;border-radius:8px}.filters-container{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.company-filter-container{min-width:220px}.company-filter-box{position:relative;width:100%}.filter-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#666;font-size:.9rem;z-index:1;pointer-events:none}.company-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;transition:border-color .2s;background-color:#f9f9f9;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:right;direction:rtl}.company-select:focus{outline:none;border-color:#0a66c2;background-color:#fff}.reset-filters-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f3f4f6;color:#4b5563;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.reset-filters-button:hover{background-color:#e5e7eb}.reset-icon{font-size:.8rem}.filter-stats{display:flex;align-items:center;justify-content:space-between;margin:1rem 0;flex-wrap:wrap;gap:.5rem}.forms-count{font-size:.95rem;color:#6b7280}.active-filter{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background-color:#f0f7ff;border:1px solid #cfe2ff;border-radius:4px;font-size:.85rem;color:#0a66c2}.filter-badge-icon{font-size:.8rem;color:#0a66c2}@media (max-width: 768px){.filters-container{flex-direction:column;width:100%}.search-container,.company-filter-container,.reset-filters-button{width:100%}.filter-stats{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;direction:rtl}.company-modal{background-color:#fff;border-radius:8px;width:100%;max-width:500px;box-shadow:0 10px 25px -5px #0003;animation:modalFadeIn .3s;overflow:hidden}@keyframes modalFadeIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#f9f9f9;border-bottom:1px solid #eaeaea}.modal-header h2{margin:0;font-size:1.25rem;color:#333}.close-modal{background:none;border:none;font-size:1.1rem;color:#666;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-modal:hover{background-color:#f1f1f1;color:#333}.close-modal:disabled{opacity:.5;cursor:not-allowed}.company-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.form-group input:disabled{background-color:#f9f9f9;cursor:not-allowed}.error-message{color:#dc2626;font-size:.875rem;margin-top:6px;margin-bottom:0}.modal-actions{display:flex;justify-content:space-between;border-top:1px solid #eaeaea;padding-top:20px;margin-top:10px}.action-buttons{display:flex;gap:10px}.submit-button,.cancel-button,.delete-button{padding:10px 16px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px;border:none}.submit-button{background-color:#14213d;color:#fff}.submit-button:hover:not(:disabled){background-color:#1a2a4a}.cancel-button{background-color:#f3f4f6;color:#4b5563}.cancel-button:hover:not(:disabled){background-color:#e5e7eb}.delete-button{background-color:#fee2e2;color:#dc2626}.delete-button:hover:not(:disabled){background-color:#fecaca}.submit-button:disabled,.cancel-button:disabled,.delete-button:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 576px){.modal-actions{flex-direction:column;gap:12px}.action-buttons{flex-direction:column;width:100%}.submit-button,.cancel-button,.delete-button{width:100%;justify-content:center}.delete-button{order:-1}}.companies-container{padding:20px;flex:1;overflow-y:auto}.companies-header{display:flex;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-container{flex:1;min-width:250px;max-width:400px}.search-box{position:relative;width:100%}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px}.search-input{width:100%;padding:10px 35px 10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.search-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #06c3}.add-company-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#14213d;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.add-company-button:hover{background-color:#1a2a4a}.add-icon{font-size:14px}.companies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:20px}.company-card{background-color:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 2px 4px #0000000d;border:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,box-shadow .2s}.company-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.company-info{display:flex;align-items:center;gap:15px}.company-icon{background-color:#e6f0ff;color:#06c;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.company-name{font-size:18px;margin:0;font-weight:500;color:#333}.company-actions{display:flex;gap:8px}.edit-company-button,.delete-company-button{width:35px;height:35px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background-color .2s}.edit-company-button{background-color:#e6f0ff;color:#06c}.edit-company-button:hover{background-color:#d1e5ff}.delete-company-button{background-color:#fee2e2;color:#dc2626}.delete-company-button:hover{background-color:#fecaca}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-title{font-size:20px;margin-bottom:8px;font-weight:600;color:#333}.empty-subtitle{font-size:16px;color:#666;margin-bottom:20px}.retry-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f3f4f6;color:#4b5563;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;margin-top:15px;transition:background-color .2s}.retry-button:hover{background-color:#e5e7eb}.retry-icon{font-size:14px}.add-first-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#14213d;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;margin-top:10px;transition:background-color .2s}.add-first-button:hover{background-color:#1a2a4a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px}.spinner{width:40px;height:40px;border:3px solid rgba(0,102,204,.2);border-radius:50%;border-top-color:#06c;animation:spin 1s linear infinite;margin-bottom:15px}.notification{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slide-in .3s ease-out;max-width:350px}.notification.success{background-color:#dcf8eb;color:#0c6354}.notification.error{background-color:#fde8e8;color:#c81e1e}.notification p{margin:0;flex:1}.close-notification{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;transition:opacity .2s}.close-notification:hover{opacity:1}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.companies-header{flex-direction:column-reverse}.search-container{max-width:100%;width:100%}.add-company-button{width:100%}.companies-list{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;direction:rtl}.modal-container{background-color:#fff;border-radius:12px;max-width:90%;max-height:90vh;width:550px;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;animation:modalFadeIn .3s ease-out}.modal-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:600;color:#14213d;margin:0}.close-modal{background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:4px;line-height:1}.close-modal:hover{color:#ef4444}.modal-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 130px)}.modal-footer{padding:16px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.actions-container{display:flex;gap:10px;margin-right:auto}.actions-container.full-width{width:100%;justify-content:flex-end}.save-button,.cancel-button,.delete-product-button{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.save-button{background-color:#14213d;color:#fff;border:none}.save-button:hover:not(:disabled){background-color:#1e293b}.save-button:disabled{background-color:#94a3b8;cursor:not-allowed}.cancel-button{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.cancel-button:hover:not(:disabled){background-color:#e2e8f0}.delete-product-button{background-color:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.delete-product-button:hover{background-color:#fee2e2}.product-modal{width:600px}.form-group{margin-bottom:16px}.form-group.no-margin{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#334155}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background-color:#f8fafc;color:#334155;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 1px #14213d1a}.form-group input.input-error,.form-group select.input-error,.form-group textarea.input-error{border-color:#ef4444;background-color:#fef2f2}.form-group .error-message{display:block;font-size:12px;color:#ef4444;margin-top:4px}.form-row .form-group{flex:1;min-width:200px}.image-upload-container{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.image-preview-container{width:150px;height:150px;border-radius:8px;overflow:hidden;position:relative;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1}.image-preview{width:100%;height:100%;object-fit:cover}.no-image{display:flex;flex-direction:column;align-items:center;gap:8px;color:#94a3b8}.placeholder-icon{font-size:32px}.remove-image-button{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:#fffc;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.remove-image-button:hover{background-color:#fff}.image-upload-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.image-upload-button:hover{background-color:#e2e8f0}.upload-icon{font-size:14px}.category-modal{width:500px}.add-category-container{margin-bottom:20px;display:flex;flex-direction:column}.add-category-container .form-group{display:flex;gap:8px}.add-category-button{background-color:#14213d;color:#fff;border:none;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.add-category-button:hover{background-color:#1e293b}.categories-list{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background-color:#f8fafc}.categories-list h3{font-size:16px;margin-top:0;margin-bottom:12px;color:#334155}.empty-categories{padding:20px 0;text-align:center;color:#64748b;font-size:14px}.category-items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.category-item{background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;overflow:hidden}.category-content{padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.category-name{font-size:14px;color:#334155}.category-actions{display:flex;gap:6px}.edit-category-button,.delete-category-button,.save-edit-button,.cancel-edit-button{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s}.edit-category-button{background-color:#ecfdf5;color:#10b981}.edit-category-button:hover{background-color:#d1fae5}.delete-category-button{background-color:#fef2f2;color:#ef4444}.delete-category-button:hover{background-color:#fee2e2}.edit-category-container{padding:10px;display:flex;flex-direction:column;gap:8px}.edit-category-container input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px}.edit-category-container input:focus{outline:none;border-color:#14213d}.edit-category-container input.input-error{border-color:#ef4444;background-color:#fef2f2}.edit-actions{display:flex;gap:6px;margin-top:8px}.save-edit-button{background-color:#ecfdf5;color:#10b981}.save-edit-button:hover{background-color:#d1fae5}.cancel-edit-button{background-color:#f1f5f9;color:#64748b}.cancel-edit-button:hover{background-color:#e2e8f0}.spinner-icon{animation:spin 1s linear infinite}.modal-footer button:disabled,.add-category-button:disabled,.edit-category-button:disabled,.delete-category-button:disabled,.save-edit-button:disabled,.cancel-edit-button:disabled{opacity:.7;cursor:not-allowed}.category-image-container{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;gap:8px}.category-image-preview{width:120px;height:120px}.category-thumbnail{width:40px;height:40px;border-radius:4px;overflow:hidden;margin-left:12px;flex-shrink:0}.category-thumbnail img{width:100%;height:100%;object-fit:cover}.category-content{display:flex;align-items:center}.edit-category-container{padding:16px}.form-section{margin-bottom:20px;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.section-title{font-size:16px;font-weight:600;color:#334155;margin-top:0;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.checkbox-group{margin-bottom:12px}.custom-checkbox-container{display:flex;flex-direction:row;align-items:center;position:relative;padding:8px 0;cursor:pointer;-webkit-user-select:none;user-select:none;width:auto}.custom-checkbox-input{position:absolute;opacity:0;height:0;width:0;cursor:pointer}.custom-checkbox{position:relative;display:inline-block;flex-shrink:0;width:18px;height:18px;background-color:#f8fafc;border:2px solid #cbd5e1;border-radius:4px;margin-left:8px;transition:all .2s}.custom-checkbox-container:hover .custom-checkbox{border-color:#94a3b8}.custom-checkbox-input:checked~.custom-checkbox{background-color:#14213d;border-color:#14213d}.custom-checkbox:after{content:"";position:absolute;display:none;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox-input:checked~.custom-checkbox:after{display:block}.checkbox-label{display:inline-block;font-size:14px;color:#334155}.custom-radio-container{display:flex;flex-direction:row;align-items:center;position:relative;padding:6px 0;cursor:pointer;-webkit-user-select:none;user-select:none;width:auto}.custom-radio-input{position:absolute;opacity:0;height:0;width:0;cursor:pointer}.custom-radio{position:relative;display:inline-block;flex-shrink:0;width:18px;height:18px;background-color:#f8fafc;border:2px solid #cbd5e1;border-radius:50%;margin-left:8px;transition:all .2s}.custom-radio-container:hover .custom-radio{border-color:#94a3b8}.custom-radio-input:checked~.custom-radio{border-color:#14213d}.custom-radio:after{content:"";position:absolute;display:none;left:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#14213d}.custom-radio-input:checked~.custom-radio:after{display:block}.radio-label{display:inline-block;font-size:14px;color:#334155}.rating-stars{display:flex;gap:8px;direction:ltr;padding:8px 0}.star-icon{font-size:24px;color:#cbd5e1;cursor:pointer;transition:color .2s}.star-icon:hover,.filled-star{color:#eab308}.quantity-deal-text{display:flex;align-items:flex-end;padding-bottom:8px;font-size:14px;color:#334155}.input-with-icon{position:relative}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#64748b;font-size:14px}.input-with-icon input{padding-left:30px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-group{flex:1;min-width:200px}@media (max-width: 768px){.form-group{min-width:100%}.form-row{flex-direction:column}}.installation-fee-container{margin-top:12px;padding-right:24px;padding-left:12px;border-right:2px solid #e2e8f0;margin-right:8px}.installation-fee-container .form-group{margin-bottom:0}.products-container{padding:20px;position:relative;direction:rtl}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-actions{display:flex;gap:10px}.add-button,.category-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.add-button{background-color:#14213d;color:#fff;border:none}.add-button:hover{background-color:#1e293b}.category-button{background-color:#fff;color:#14213d;border:1px solid #e2e8f0}.category-button:hover{background-color:#f8fafc;border-color:#14213d}.search-filters{display:flex;gap:10px;flex-wrap:wrap}.search-box{position:relative;width:250px}.search-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background-color:#f8fafc;transition:all .3s ease;text-align:right}.category-filter{width:180px}.category-select{width:100%;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background-color:#f8fafc;text-align:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;padding:10px 12px 10px 30px}.category-select:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 1px #14213d1a}.products-table-container{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow:auto}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;text-align:right}.products-table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:14px;white-space:nowrap}.products-table tr:last-child td{border-bottom:none}.products-table tr:hover td{background-color:#f8fafc}.th-image{width:70px}.th-name{width:30%}.th-price,.th-quantity,.th-category{width:15%}.th-actions{width:100px;text-align:center}.td-image{padding:8px}.product-thumbnail{width:60px;height:60px;border-radius:4px;object-fit:cover}.no-image{width:60px;height:60px;border-radius:4px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:20px}.product-name{font-weight:500;color:#14213d;margin-bottom:4px}.product-description{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-price{font-weight:500;color:#334155}.quantity-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;background-color:#f1f5f9;color:#334155}.quantity-badge.low{background-color:#fef2f2;color:#ef4444}.category-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;background-color:#eef2ff;color:#4f46e5}.td-actions{display:flex;gap:8px;justify-content:center}.edit-button,.delete-button{width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.edit-button{background-color:#ecfdf5;color:#10b981}.edit-button:hover{background-color:#d1fae5}.delete-button{background-color:#fef2f2;color:#ef4444}.delete-button:hover{background-color:#fee2e2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}.empty-title{font-size:18px;color:#14213d;margin-bottom:8px}@media (max-width: 768px){.products-header{flex-direction:column;align-items:stretch}.search-filters{flex-direction:column}.search-box,.category-filter{width:100%}.header-actions{justify-content:space-between}.th-category,.td-category{display:none}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;direction:rtl}.order-details-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.modal-title{display:flex;align-items:center;gap:12px}.modal-title h3{margin:0;font-size:18px;color:#14213d}.modal-actions{display:flex;gap:8px}.print-button,.close-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none;background-color:transparent}.print-button{color:#64748b}.print-button:hover{background-color:#f1f5f9;color:#334155}.close-button{color:#ef4444}.close-button:hover{background-color:#fef2f2}.modal-content{padding:24px;overflow-y:auto;flex:1}.order-details-grid{display:grid;width:auto;grid-template-columns:repeat(2,1fr);gap:20px}.order-info-section,.customer-section,.address-section,.history-section{background-color:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.order-items-section{grid-column:1 / -1;background-color:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.section-title{display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:16px;color:#14213d;font-size:16px;font-weight:600}.section-icon{color:#3b82f6}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#64748b}.info-value{font-size:14px;color:#334155;display:flex;align-items:center;gap:5px}.info-value.highlight{font-weight:600;color:#14213d}.inline-icon{font-size:14px;color:#94a3b8}.address-details{padding:0;margin:0}.address-line{margin:0 0 8px;color:#334155;font-size:14px}.address-notes{margin-top:12px;padding-top:12px;border-top:1px dashed #e2e8f0}.notes-label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.order-timeline{position:relative}.timeline-item{display:flex;position:relative;padding-bottom:24px;padding-right:20px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;right:8px;top:8px;bottom:0;width:2px;background-color:#e2e8f0}.timeline-item:last-child:before{display:none}.timeline-item.active:before{background-color:#3b82f6}.timeline-point{position:absolute;right:0;width:16px;height:16px;border-radius:50%;background-color:#e2e8f0;border:3px solid #f8fafc}.timeline-item.active .timeline-point{background-color:#3b82f6}.timeline-content{padding-right:12px}.timeline-date{display:block;font-size:12px;color:#64748b;margin-bottom:2px}.timeline-text{font-size:14px;color:#334155;font-weight:500}.timeline-item.active .timeline-text{color:#14213d;font-weight:600}.items-table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:12px;text-align:right;border-bottom:1px solid #e2e8f0}.items-table th{font-weight:600;color:#64748b;font-size:12px}.items-table tbody tr:last-child td{border-bottom:1px solid #e2e8f0}.item-name-cell{width:40%}.item-price-cell,.item-quantity-cell,.item-total-cell{width:20%}.item-details{display:flex;align-items:center;gap:12px}.item-image{width:48px;height:48px;border-radius:4px;object-fit:cover;border:1px solid #e2e8f0}.no-image{width:48px;height:48px;border-radius:4px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:20px;border:1px solid #e2e8f0}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:500;color:#334155}.item-tags{display:flex;flex-wrap:wrap;gap:4px}.item-tag{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.item-tag.installation{background-color:#f0f9ff;color:#0284c7}.item-tag.sale{background-color:#fef2f2;color:#ef4444}.item-tag.quantity-deal{background-color:#ecfdf5;color:#10b981}.original-price{text-decoration:line-through;color:#94a3b8;font-size:12px;margin-right:4px}.items-table tfoot{background-color:#f8fafc}.items-table tfoot tr td{padding:10px 12px}.summary-label{text-align:left;font-size:14px;color:#64748b}.summary-value{text-align:right;font-size:14px;color:#334155;font-weight:500}.summary-value.discount{color:#ef4444}.total-row{font-weight:600}.total-label{text-align:left;font-size:16px;color:#14213d}.total-value{text-align:right;font-size:16px;color:#14213d}.order-notes{margin-top:20px;padding:16px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.order-notes p{margin:0;color:#334155;font-size:14px}.action-buttons{margin-top:24px;display:flex;flex-direction:column;gap:16px}.status-buttons{display:flex;flex-direction:column;gap:12px}.status-buttons h4{margin:0;font-size:14px;color:#64748b;font-weight:500}.status-actions{display:flex;flex-wrap:wrap;gap:8px}.status-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.status-button.confirm{background-color:#eff6ff;color:#3b82f6}.status-button.confirm:hover{background-color:#dbeafe}.status-button.shipping{background-color:#f5f3ff;color:#8b5cf6}.status-button.shipping:hover{background-color:#ede9fe}.status-button.delivered{background-color:#ecfdf5;color:#10b981}.status-button.delivered:hover{background-color:#d1fae5}.status-button.cancel{background-color:#fef2f2;color:#ef4444}.status-button.cancel:hover{background-color:#fee2e2}.danger-zone{padding-top:16px;border-top:1px dashed #e2e8f0}.delete-order-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid #ef4444;background-color:#fff;color:#ef4444;width:auto;height:auto}.delete-order-button:hover{background-color:#fef2f2}@media print{.modal-overlay{position:absolute;background-color:#fff}.order-details-modal{box-shadow:none;max-height:none;width:100%;max-width:100%}.modal-actions,.action-buttons{display:none}.modal-header{border:none;padding-bottom:0}.order-details-grid{grid-template-columns:1fr}.items-table th,.items-table td{padding:8px}}@media (max-width: 992px){.order-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}.item-name-cell{width:auto}.item-details{flex-direction:column;align-items:flex-start}.status-actions{flex-direction:column}.status-button{width:100%}}@media (max-width: 576px){.modal-header{flex-direction:column;align-items:flex-start;gap:12px}.modal-actions{align-self:flex-end}.items-table{display:block}.items-table thead{display:none}.items-table tbody,.items-table tr,.items-table td{display:block;width:100%}.items-table tr{margin-bottom:16px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.items-table td{position:relative;padding-left:50%;text-align:left}.items-table td:before{content:attr(data-label);position:absolute;top:12px;left:12px;width:45%;font-weight:600;color:#64748b;font-size:12px}.item-name-cell{padding-left:12px!important}.items-table tfoot{display:block}.items-table tfoot tr{margin-bottom:0;border:none}}.orders-container{padding:20px;position:relative;direction:rtl}.orders-header{margin-bottom:24px}.header-title{display:flex;align-items:baseline;margin-bottom:20px}.header-title h2{font-size:24px;font-weight:600;color:#14213d;margin:0 0 0 10px}.order-count{font-size:14px;color:#64748b}.filters-container{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background-color:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.search-box{position:relative;min-width:250px;flex:1}.search-icon{position:absolute;top:50%;transform:translateY(-50%);right:14px;color:#64748b;font-size:16px}.search-input{width:100%;padding:10px 40px 10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background-color:#fff;transition:all .3s ease;text-align:right}.search-input:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 1px #14213d1a}.filter-group{min-width:150px}.status-select{width:100%;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background-color:#fff;text-align:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 10px center;padding:10px 12px 10px 30px}.status-select:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 1px #14213d1a}.date-filter,.date-inputs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.date-input-group{display:flex;align-items:center;gap:5px}.date-input-group label{font-size:14px;color:#64748b;white-space:nowrap}.date-input-group input{padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background-color:#fff}.date-input-group input:focus{outline:none;border-color:#14213d;box-shadow:0 0 0 1px #14213d1a}.filter-button{display:flex;align-items:center;gap:5px;padding:10px 14px;background-color:#14213d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background-color:#1e293b}.clear-filters{display:flex;align-items:center;gap:5px;padding:10px 14px;background-color:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-filters:hover{background-color:#f1f5f9;color:#334155}.icon-left{margin-left:8px;font-size:14px}.orders-table-wrapper{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow:auto;margin-bottom:20px}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;text-align:right}.orders-table th{background-color:#f8fafc;font-weight:600;color:#334155;font-size:14px;white-space:nowrap}.orders-table tr:last-child td{border-bottom:none}.orders-table tr:hover td{background-color:#f8fafc}.sort-button{display:flex;align-items:center;gap:5px;background:none;border:none;color:#334155;font-weight:600;font-size:14px;cursor:pointer;padding:0}.sort-icon{font-size:12px;transition:transform .2s}.sort-icon.asc{transform:rotate(180deg)}.th-id,.td-id{width:120px}.th-date,.td-date{width:180px}.th-customer,.td-customer,.th-location,.td-location{width:200px}.th-summary,.td-summary{width:150px}.th-status,.td-status{width:120px}.th-actions,.td-actions{width:120px;text-align:center}.order-id{font-weight:600;color:#14213d;font-family:monospace;font-size:14px}.order-date{display:flex;align-items:center;gap:5px;color:#64748b;font-size:14px}.date-icon{font-size:14px;color:#94a3b8}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{display:flex;align-items:center;gap:5px;font-weight:500;color:#334155}.customer-phone{display:flex;align-items:center;gap:5px;color:#64748b;font-size:13px}.customer-icon,.phone-icon{font-size:14px;color:#94a3b8}.location-info{display:flex;align-items:center;gap:5px;color:#64748b;font-size:14px}.location-icon{font-size:14px;color:#94a3b8}.order-summary{display:flex;flex-direction:column;gap:5px}.order-products{font-size:14px;color:#64748b}.order-total{display:flex;align-items:center;gap:5px;font-weight:600;color:#334155}.money-icon{font-size:14px;color:#94a3b8}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap}.status-badge.status-blue{background-color:#eff6ff;color:#3b82f6}.status-badge.status-green{background-color:#ecfdf5;color:#10b981}.status-badge.status-orange{background-color:#fff7ed;color:#f97316}.status-badge.status-purple{background-color:#f5f3ff;color:#8b5cf6}.status-badge.status-red{background-color:#fef2f2;color:#ef4444}.status-badge.status-gray{background-color:#f1f5f9;color:#64748b}.action-buttons{display:flex;gap:5px;justify-content:center}.view-button,.deliver-button,.complete-button,.cancel-o-button,.delete-o-button{width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:none;font-size:14px}.view-button{background-color:#eff6ff;color:#3b82f6}.view-button:hover{background-color:#dbeafe}.deliver-button{background-color:#f5f3ff;color:#8b5cf6}.deliver-button:hover{background-color:#ede9fe}.complete-button{background-color:#ecfdf5;color:#10b981}.complete-button:hover{background-color:#d1fae5}.cancel-o-button{background-color:#fef2f2;color:#ef4444}.cancel-o-button:hover{background-color:#fee2e2}.delete-o-button{background-color:#fef2f2;color:#ef4444}.delete-o-button:hover{background-color:#fee2e2}.status-actions{display:flex;gap:5px}.order-row.cancelled td{opacity:.7}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:48px;margin-bottom:16px;color:#94a3b8}.empty-title{font-size:18px;color:#14213d;margin-bottom:8px;font-weight:600}.empty-subtitle{font-size:14px;color:#64748b;margin-bottom:16px}.clear-filters-btn{display:flex;align-items:center;gap:5px;padding:10px 16px;background-color:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background-color:#f1f5f9;color:#334155;border-color:#cbd5e1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid rgba(20,33,61,.1);border-top-color:#14213d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{color:#64748b}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a}.error-container p{color:#ef4444;margin-bottom:16px}.retry-button{display:flex;align-items:center;gap:5px;padding:8px 16px;background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#e2e8f0}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.pagination-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;background-color:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:#64748b}.notification{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:400px;z-index:1000;direction:rtl;animation:slideIn .3s ease-out;box-shadow:0 4px 6px #0000001a}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.notification.success{background-color:#ecfdf5;border-right:4px solid #10b981}.notification.error{background-color:#fef2f2;border-right:4px solid #ef4444}.notification p{margin:0;font-size:14px;color:#14213d}.close-notification{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;margin-right:8px}@media (max-width: 1200px){.th-location,.td-location{width:150px}.th-customer,.td-customer{width:180px}}@media (max-width: 992px){.filters-container{flex-direction:column;align-items:stretch}.search-box,.filter-group,.date-filter{width:100%}.date-filter{flex-direction:column;align-items:stretch}.date-inputs{width:100%;justify-content:space-between}.date-input-group input{width:100%}.filter-button{width:100%;justify-content:center}.th-location,.td-location{display:none}}@media (max-width: 768px){.th-customer,.td-customer,.th-summary,.td-summary{display:none}.action-buttons{flex-direction:column}.status-actions{display:none}}@media (max-width: 576px){.orders-container,.orders-table th,.orders-table td{padding:10px}.pagination{flex-direction:column;gap:10px}}