*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Cairo,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 6px 32px #0f346033;font-family:Cairo,Tahoma,sans-serif;margin:auto;max-width:420px;padding:36px;width:100%}.login-card h2{color:#0f3460;font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:24px;text-align:center}.form-group{margin-bottom:18px}.form-group label{color:#222;display:block;font-weight:700;margin-bottom:6px}.form-group input{background:#f4f6fb;border:1px solid #eee;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.form-group input:focus{background:#fff;border-color:#0f3460;outline:none}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#d32f2f;font-weight:700;margin-bottom:18px;padding:10px;text-align:center}button{background:#0f3460;border:none;border-radius:8px;box-shadow:0 2px 8px #0f346033;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 0;transition:all .3s ease;width:100%}button:hover:not(:disabled){background:#1a1a2e;box-shadow:0 4px 12px #0f34604d;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.container{background-color:#f5f5f5;direction:rtl;min-height:100vh}.header{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 2px 4px #0000001a;padding:15px 20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-left{flex:1 1}.header-title{color:#fff;font-size:20px;font-weight:700;margin:0;text-align:right}.header-subtitle{color:#e0e0e0;font-size:14px;margin:4px 0 0;text-align:right}.header-buttons{align-items:center;display:flex;gap:10px}.logout-btn,.reports-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.reports-btn{background:#ffffff1a;color:#fff}.logout-btn{background:#dc3545cc;color:#fff}.logout-btn:hover,.reports-btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.add-note-btn,.refresh-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;margin:15px;padding:15px;transition:all .3s ease}.add-note-btn{background:linear-gradient(135deg,#0f3460,#1a1a2e);color:#fff;font-size:16px}.refresh-btn{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;font-size:14px;margin-top:0;padding:12px}.add-note-btn:hover,.refresh-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.loading-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;height:50vh;justify-content:center}.spinner{border:4px solid #0f3460;border-left-color:#0000;border-radius:50%;height:40px;margin-bottom:20px;width:40px}.spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid gold;border-left-color:#0000;border-radius:50%;height:16px;margin-right:8px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.content{margin:0 auto;max-width:1200px;padding:20px}.section-title{color:#1a1a2e;font-size:18px;font-weight:700;margin:0 15px 10px;text-align:right}.employee-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:0 15px 15px;overflow:hidden}.employee-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;justify-content:space-between;padding:15px}.employee-name{font-size:16px;margin:0 0 4px}.employee-email{color:#fffc;margin:0}.employee-stats-header{text-align:left}.employee-stat{color:#ffffffe6;font-size:12px;margin:0 0 2px}.employee-action-buttons{border-top:1px solid #e9ecef;display:flex;gap:10px;padding:15px}.distribute-btn,.reactivate-btn,.toggle-invoices-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease}.toggle-invoices-btn{background:linear-gradient(135deg,#17a2b8,#0f6674);color:#fff}.reactivate-btn{background:linear-gradient(135deg,#ffc107,#e0a800);color:#fff}.distribute-btn{background:linear-gradient(135deg,#0f3460,#1a1a2e);color:#fff}.reactivate-btn.disabled,.toggle-invoices-btn.disabled{background:#ccc;cursor:not-allowed;opacity:.5}.distribute-btn:hover,.reactivate-btn:hover:not(.disabled),.toggle-invoices-btn:hover:not(.disabled){box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.invoices-list{border-top:1px solid #e9ecef;padding:15px}.invoices-list-title{color:#1a1a2e;font-size:14px;font-weight:700;margin-bottom:10px;text-align:right}.invoice-item{background:#f8f9fa;border-radius:6px;margin-bottom:8px;padding:10px}.invoice-number{font-weight:600}.invoice-assign-date,.invoice-client,.invoice-status{color:#666;font-size:12px;margin-bottom:2px;text-align:right}.invoice-status{color:#dc3545;margin-bottom:8px}.invoice-actions{display:flex;gap:8px;justify-content:flex-start}.small-action-btn{background:#0f3460;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;padding:4px 8px;transition:all .3s ease}.small-action-btn.call-btn{background:#28a745}.small-action-btn.delete-btn{background:#dc3545}.small-action-btn:hover{opacity:.8;transform:translateY(-1px)}.more-invoices-text{color:#666;font-size:12px;font-style:italic;margin-top:5px;text-align:center}.problem-section{border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:15px;overflow:hidden}.problem-header{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;display:flex;justify-content:space-between;padding:15px}.problem-title{font-size:18px;font-weight:700;margin:0}.problem-subtitle{color:#fffc;font-size:12px;margin:2px 0 0}.problem-count-badge{background:#fff3;border-radius:20px;padding:6px 12px}.problem-count{color:#fff;font-size:16px;font-weight:700}.no-problem{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:30px}.no-problem-text{color:#28a745;font-size:16px;margin-top:10px;text-align:center}.problem-card{background:#fff8f0;border-bottom:1px solid #e9ecef;padding:15px}.problem-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.problem-invoice{color:#1a1a2e;font-size:16px;font-weight:700;margin:0}.problem-status{background:#f8d7da;border-radius:6px;color:#dc3545;font-size:12px;padding:4px 8px}.problem-client,.problem-employee{color:#666;font-size:14px;margin-bottom:4px;text-align:right}.problem-actions{margin-top:10px}.problem-actions-title{margin-bottom:8px}.employee-select-dropdown,.problem-actions-title{color:#1a1a2e;font-size:14px;font-weight:600;text-align:right}.employee-select-dropdown{background:#fff;border:2px solid #0f3460;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.employee-select-dropdown:hover{background:#f8f9fa;border-color:#1a1a2e}.employee-select-dropdown:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.employee-select-dropdown option{direction:rtl;padding:10px;text-align:right}.problem-employees-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.problem-action-btn{background:#0f3460;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.problem-action-btn:hover{background:#1a1a2e;transform:translateY(-1px)}.problem-card-actions{display:flex;gap:8px;justify-content:space-between;margin-top:10px}.problem-card-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#0f3460;cursor:pointer;display:flex;flex:1 1;font-size:10px;font-weight:600;gap:4px;justify-content:center;padding:8px;transition:all .3s ease}.problem-card-btn.call-btn{background:#28a745;border-color:#28a745;color:#fff}.problem-card-btn.work-btn{background:#ffc107;border-color:#ffc107;color:#fff}.problem-card-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.distribution-modal-content,.modal-content{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-title{font-size:18px;font-weight:700;margin:0}.modal-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0}.modal-content,.modal-scroll{max-height:60vh;overflow-y:auto;padding:20px}.employee-info-box{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.employee-info-text{color:#333;font-size:14px;margin-bottom:5px;text-align:right}.section-subtitle{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:10px;text-align:right}.employee-select-card,.invoice-select-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .3s ease}.employee-select-card:hover,.invoice-select-card:hover{background:#e9ecef}.employee-select-card.selected,.invoice-select-card.selected{background:#e3eafc;border-color:#0f3460}.invoice-info{flex:1 1}.invoice-number{color:#1a1a2e;font-size:14px;font-weight:700}.invoice-client,.invoice-number{margin-bottom:4px;text-align:right}.invoice-client{color:#666;font-size:12px}.invoice-status{color:#d32f2f;font-size:12px;text-align:right}.checkbox-container{margin-left:10px}.checkbox,.radio{color:#ccc;font-size:18px}.employee-select-card.selected .radio,.invoice-select-card.selected .checkbox{color:#0f3460}.employee-select-name{color:#1a1a2e;font-size:14px;font-weight:600;margin:0;text-align:right}.no-invoices-text{color:#666;font-size:14px;padding:20px;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.cancel-btn,.transfer-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease}.transfer-btn{background:linear-gradient(135deg,#0f3460,#1a1a2e);color:#fff}.transfer-btn.disabled{background:#ccc;cursor:not-allowed;opacity:.6}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover,.transfer-btn:hover:not(.disabled){box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.modal-field{margin-bottom:20px}.modal-label{color:#333;display:block;font-weight:600;margin-bottom:8px}.modal-label,.modal-value{font-size:16px;text-align:right}.modal-value{background:#f8f9fa;border-radius:8px;color:#666;margin:0;padding:12px}.satisfaction-buttons{margin-top:8px}.satisfaction-button{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;margin-bottom:8px;padding:12px;transition:all .3s ease;width:100%}.satisfaction-button.selected{background:#e3eafc;border-color:#0f3460}.satisfaction-button:hover{background:#f8f9fa}.modal-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;text-align:right;width:100%}.modal-input.textarea{min-height:120px;resize:vertical}.rating-container{display:flex;justify-content:space-around;margin-top:10px}.rating-container button{background:none;border:none;cursor:pointer;font-size:24px;padding:0}.star{color:#ccc;font-size:32px}.rating-container button:hover .star{color:gold}.submit-button{background:linear-gradient(135deg,#1a1a2e,#0f3460);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:15px;transition:all .3s ease;width:100%}.submit-button:disabled{cursor:not-allowed;opacity:.6}.submit-button:hover:not(:disabled){box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.loading{align-items:center;display:flex;justify-content:center}.icon{font-size:16px}@media (max-width:768px){.header-content{flex-direction:column;gap:10px}.header-buttons{justify-content:space-between;width:100%}.employee-header{align-items:flex-start;flex-direction:column;gap:10px}.employee-stats-header{align-self:flex-end}.employee-action-buttons,.problem-card-actions{flex-direction:column}.modal-overlay{padding:10px}.distribution-modal-content,.modal-content{max-height:90vh}.problem-details-grid{grid-gap:8px;background:#f8f9fa;border-radius:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:12px 0;padding:12px}.detail-item{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#555;font-size:12px;font-weight:700}.detail-value{color:#333;font-size:12px}.rating-stars{color:#f39c12;font-weight:700}.problem-reason-section{background:#ffeaa7;border:2px solid #fdcb6e;border-radius:10px;margin:15px 0;padding:15px}.problem-reason-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.reason-title{color:#e74c3c;font-size:15px;font-weight:700}.reported-by{background:#fff;border-radius:4px;color:#7f8c8d;font-size:12px;padding:4px 8px}.problem-reason-content{background:#fff;border-radius:8px;padding:12px}.reason-item{margin-bottom:10px}.reason-label{color:#2c3e50;display:block;font-weight:700;margin-bottom:4px}.reason-text{background:#ecf0f1;border-radius:6px;border-right:3px solid #3498db;color:#34495e;line-height:1.5;margin:5px 0 0;padding:10px}.satisfaction-badge{border-radius:4px;padding:4px 8px}.satisfaction-badge,.status-badge{background:#e74c3c;color:#fff;font-size:12px;font-weight:700}.status-badge{border-radius:20px;padding:6px 12px}.done-btn{background-color:#28a745;color:#fff}.done-btn:hover{background-color:#218838}}@media (min-width:769px){.modal-overlay{padding:40px}.distribution-modal-content{max-width:700px}.modal-content{max-width:600px}.modal-header{padding:24px}.modal-title{font-size:20px}.modal-scroll{padding:24px}.employee-info-box{padding:18px}.employee-info-text,.modal-label,.modal-value,.section-subtitle{font-size:15px}.modal-label,.section-subtitle{font-size:17px}.modal-label{margin-bottom:10px}.modal-value{font-size:17px;padding:14px}.employee-select-card,.invoice-select-card{padding:14px}.employee-select-name,.invoice-number{font-size:15px}.invoice-client,.invoice-status{font-size:13px}.noInvoicesText{font-size:15px}.satisfaction-button{padding:14px}.modal-input,.satisfaction-text{font-size:15px}.modal-input{padding:14px}.modal-field{margin-bottom:24px}.ratingContainer{padding:10px 0}.cancel-btn,.submit-button,.transfer-btn{font-size:17px;padding:16px}.problem-card-header{flex-wrap:wrap}.problem-invoice{flex:1 1;min-width:150px}.problem-status{max-width:200px;text-align:center}.problem-actions{width:100%}.problem-employees-scroll{flex-wrap:wrap}.problem-action-btn{margin-bottom:8px;min-width:120px;text-align:center}.problem-card-actions{flex-wrap:nowrap}.problem-card-btn{font-size:12px;min-width:150px;padding:12px}}.reports-page{background:#f4f6fb;color:#1f2a44;font-family:Cairo,Tahoma,Arial,sans-serif;min-height:100vh;padding:28px}.reports-header{align-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 16px #0f346014;display:flex;justify-content:space-between;margin-bottom:20px;padding:18px 24px}.reports-header-left{align-items:center;display:flex;gap:16px}.reports-title{color:#0f3460;font-size:26px;margin:0}.reports-subtitle{color:#6b7280;font-size:14px;margin:6px 0 0}.reports-user{color:#0f3460;font-weight:700}.reports-back-btn{background:#eef2ff;border:none;border-radius:10px;color:#1e3a8a;cursor:pointer;font-weight:700;padding:10px 16px}.reports-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0f34600f;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px;padding:14px 18px}.filter-toggle{align-items:center;display:flex;font-weight:600;gap:8px}.date-input{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px}.reports-refresh-btn{background:#0f3460;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px}.reports-loading{font-size:18px;margin-top:40px;text-align:center}.reports-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 14px #0f346014;padding:16px}.stat-label{color:#6b7280;font-size:14px;margin:0 0 6px}.stat-value{color:#0f3460;font-size:22px;font-weight:700;margin:0}.stat-value.success{color:#2e7d32}.stat-value.warning{color:#f57c00}.stat-value.danger{color:#d32f2f}.reports-table-wrap{background:#fff;border-radius:14px;box-shadow:0 4px 16px #0f346014;overflow-x:auto;padding:14px}.reports-table{border-collapse:collapse;min-width:900px;width:100%}.reports-table td,.reports-table th{border-bottom:1px solid #f1f1f1;font-size:14px;padding:12px 10px;text-align:center}.reports-table th{background:#f9fafb;color:#0f3460;font-weight:700}.employee-cell{text-align:right}.employee-name{color:#0f3460;font-weight:700}.employee-email{color:#6b7280;font-size:12px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.deef7864.css.map*/