*{box-sizing:border-box;margin:0;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}canvas,img,svg{max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media print{body.print-salary-records .layout>.navbar,body.print-salary-records .navbar,body.print-salary-records nav,body.print-single-salary .layout>.navbar,body.print-single-salary .navbar,body.print-single-salary nav{display:none!important}body.print-salary-records,body.print-salary-records .layout,body.print-salary-records .main-content,body.print-single-salary,body.print-single-salary .layout,body.print-single-salary .main-content{background:#fff!important;margin:0!important;padding:0!important}body.print-salary-records .layout,body.print-single-salary .layout{min-height:auto!important}body.print-salary-records .main-content,body.print-single-salary .main-content{background:#fff!important}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;max-width:400px;padding:3rem;position:relative;width:100%}.login-loading-overlay{align-items:center;background:#ffffffd1;border-radius:10px;display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.login-loading-text{color:#374151;font-weight:600}.login-card h1{color:#667eea;margin-bottom:.5rem;text-align:center}.login-card h2{color:#333;font-weight:400;margin-bottom:2rem;text-align:center}.form-group input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.error-message{margin-bottom:1rem;text-align:center}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:opacity .3s;width:100%}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-info{border-top:1px solid #eee;color:#666;font-size:.875rem;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-info p{margin:0}@media (max-width:768px){.login-container{align-items:center;padding:1rem}.login-card{border-radius:8px;padding:1.5rem}.login-card h1{font-size:1.5rem}.login-card h2{font-size:1.15rem;margin-bottom:1.25rem}.login-info{font-size:.8rem}}.dashboard{padding:2rem 0}.dashboard h1{color:#333;margin-bottom:2rem}.dashboard-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.dashboard-error,.dashboard-loading{font-size:1.2rem;padding:3rem;text-align:center}.dashboard-error{color:#c33}.dashboard-header-actions{align-items:center;display:flex;gap:.75rem}.dashboard-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.dashboard-filters input,.dashboard-filters select{background:#fff;border:1px solid #d9d9d9;border-radius:8px;font-size:.92rem;height:40px;padding:0 .75rem}.dashboard-filter-clear{background:#fff;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;font-size:.9rem;height:40px;padding:0 .9rem}.doc-notification{position:relative}.doc-notification-button{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;display:inline-flex;height:42px;justify-content:center;position:relative;width:42px}.doc-notification-button svg{fill:#555;height:20px;width:20px}.doc-notification-badge{background:#d62828;border-radius:999px;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:-7px;top:-7px}.doc-notification-menu{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 10px 24px #0000001f;padding:.75rem;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:20}.doc-notification-title{color:#2f2f2f;font-weight:700;margin-bottom:.5rem}.doc-notification-empty{color:#666;font-size:.92rem;padding:.25rem 0}.doc-notification-list{list-style:none;margin:0;max-height:260px;overflow:auto;padding:0}.doc-notification-list li{border-bottom:1px solid #f0f0f0;padding:.45rem 0}.doc-notification-list li strong{color:#333;display:block;font-size:.92rem}.doc-notification-list li span{color:#666;font-size:.85rem}.doc-notification-link{color:#1a73e8;display:inline-block;font-weight:600;margin-top:.65rem;text-decoration:none}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.stat-label{color:#666;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#333;font-size:2rem;font-weight:700}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.chart-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.chart-card h2{color:#333;font-size:1.2rem;margin-bottom:1rem}.chart-card h3{color:#333;font-size:1.1rem;margin-bottom:1rem}.expense-section{border-top:2px solid #eee;margin-top:3rem;padding-top:2rem}.expense-section h2{color:#333;margin-bottom:1.5rem}.expense-card{border-left:4px solid #f093fb}@media (max-width:768px){.dashboard{padding:1rem 0}.dashboard-header{align-items:stretch;flex-direction:column}.dashboard h1{margin-bottom:0}.dashboard-header-actions{align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.dashboard-header-actions select{flex:1 1;min-width:0}.branch-filter-dropdown{min-width:0;order:2;width:100%}.dashboard-filters{display:grid;grid-template-columns:1fr 1fr}.dashboard-filter-clear,.dashboard-filters select{grid-column:span 2}.doc-notification-menu{left:0;right:auto;top:calc(100% + 6px);width:min(92vw,340px)}.charts-grid,.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.5rem}}.sales-entry{padding:2rem 0}.readonly-field{background-color:#f5f5f5;color:#333;cursor:not-allowed;font-weight:500}.readonly-field.negative-amount{color:#e53e3e;font-weight:600}.field-hint{color:#666;display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.form-section{border-top:2px solid #eee;margin-top:2rem;padding-top:2rem}.form-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.total-amount-display{align-items:center;background-color:#f8f9fa;border-radius:5px;display:flex;gap:.5rem;margin-top:1.5rem;padding:1rem}.total-amount-display strong{color:#333;font-size:1.1rem}.total-note{color:#666;font-size:.9rem;font-style:italic}.sales-breakdown-total{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:1rem;padding:1rem;text-align:center}.sales-breakdown-total strong{color:#333;font-size:1.1rem}.sales-validation-error{background-color:#fff3cd;border:2px solid #ffc107;border-radius:5px;margin-top:1rem;padding:1rem;text-align:center}.sales-validation-error strong{color:#856404;display:block;font-size:1.1rem;margin-bottom:.5rem}.sales-validation-error .validation-details{color:#856404;font-size:.95rem;margin-top:.75rem}.sales-validation-error .validation-details>div{margin:.25rem 0}.sales-validation-error .difference-amount{border-top:1px solid #ffc107;font-size:1rem;font-weight:700;margin-top:.5rem;padding-top:.5rem}.transportation-recipients-list{margin-top:1rem}.recipient-row{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:5px;margin-bottom:1rem;padding:1rem}.recipient-row-inline{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:1rem}.form-group-inline{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.form-group-inline label{align-items:center;color:#666;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.form-group-inline label input[type=checkbox]{margin:0;width:auto}.form-group-inline input,.form-group-inline select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.form-group-inline input:focus,.form-group-inline select:focus{border-color:#667eea;outline:none}.form-group-inline:first-child{flex:0 0 auto;min-width:100px}.form-group-inline:last-child{flex:0 0 auto;min-width:40px}.btn-remove-transportation{align-items:center;background-color:initial;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;line-height:1;margin-top:1.5rem;padding:.25rem .5rem;transition:all .3s;width:32px}.btn-remove-transportation:hover:not(:disabled){background-color:#fee;color:#c53030;transform:scale(1.1)}.btn-remove-transportation:disabled{cursor:not-allowed;opacity:.3}.transportation-table-container{margin-top:1rem;overflow-x:auto}.transportation-table{background:#fff;border:1px solid #ddd;border-collapse:collapse;table-layout:fixed;width:100%}.transportation-table thead{background-color:#f8f9fa}.transportation-table th{border:1px solid #ddd;color:#333;font-weight:600;padding:.75rem;text-align:center;vertical-align:middle}.transportation-table th:first-child{width:15%}.transportation-table th:nth-child(2){width:50%}.transportation-table th:nth-child(3){width:25%}.transportation-table th:last-child{width:10%}.transportation-table td{border:1px solid #ddd;padding:.5rem;text-align:center;vertical-align:middle}.transportation-table tbody tr:hover{background-color:#f8f9fa}.transportation-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.5rem;text-align:left;width:100%}.transportation-input:focus{border-color:#667eea;outline:none}.custom-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center}.custom-checkbox-label input{cursor:pointer;margin-right:.25rem}.transportation-total-row{background-color:#f0f0f0;font-weight:600}.transportation-total-row td{background-color:#f0f0f0;border-top:2px solid #333}.rider-payment-table-container{margin-top:1rem;overflow-x:auto}.rider-payment-table{background:#fff;border:1px solid #ddd;border-collapse:collapse;table-layout:fixed;width:100%}.rider-payment-table thead{background-color:#f8f9fa}.rider-payment-table th{border:1px solid #ddd;color:#333;font-weight:600;padding:.75rem;text-align:center;vertical-align:middle}.rider-payment-table th:first-child{width:30%}.rider-payment-table th:not(:first-child):not(:last-child){width:10%}.rider-payment-table th:last-child{width:8%}.rider-payment-table td{border:1px solid #ddd;padding:.5rem;text-align:center;vertical-align:middle}.rider-label-cell,.rider-payment-table tbody tr:hover{background-color:#f8f9fa}.rider-label-cell{font-weight:600;position:relative;text-align:center;width:120px}.rider-label{color:#333;font-size:1rem;font-weight:700;padding:.5rem;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.rider-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.5rem;text-align:center;width:100%}.rider-payment-table td:first-child .rider-input{padding-left:.75rem;text-align:left}.rider-input:focus{border-color:#667eea;outline:none}.rider-total{background-color:#e8f5e9;color:#2e7d32;font-weight:600}.rider-total-row{background-color:#f0f0f0;font-weight:600}.rider-total-row td{background-color:#f0f0f0;border-top:2px solid #333}.btn-remove-rider{align-items:center;background-color:initial;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;line-height:1;padding:.25rem .5rem;transition:all .3s;width:32px}.btn-remove-rider:hover:not(:disabled){background-color:#fee;color:#c53030;transform:scale(1.1)}.btn-remove-rider:disabled{cursor:not-allowed;opacity:.3}.table-footer{align-items:center;display:flex;justify-content:flex-end;margin-top:1rem}.btn-add-expense,.btn-add-recipient,.btn-add-rider{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:opacity .3s}.btn-add-expense:hover,.btn-add-recipient:hover,.btn-add-rider:hover{opacity:.9}.rider-autocomplete-container{position:relative;width:100%}.rider-autocomplete-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.rider-autocomplete-item{cursor:pointer;padding:.5rem .75rem;transition:background-color .2s}.rider-autocomplete-item:hover{background-color:#f0f0f0}.rider-autocomplete-item:active{background-color:#e0e0e0}.other-expenses-table-container{margin-top:1rem;overflow-x:auto}.other-expenses-table{background:#fff;border:1px solid #ddd;border-collapse:collapse;table-layout:fixed;width:100%}.other-expenses-table thead{background-color:#f8f9fa}.other-expenses-table th{border:1px solid #ddd;color:#333;font-weight:600;padding:.75rem;text-align:center;vertical-align:middle}.other-expenses-table th:first-child{width:60%}.other-expenses-table th:nth-child(2){width:30%}.other-expenses-table th:last-child{width:10%}.other-expenses-table td{border:1px solid #ddd;padding:.5rem;text-align:center;vertical-align:middle}.other-expenses-table tbody tr:hover{background-color:#f8f9fa}.expense-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.5rem;text-align:left;width:100%}.expense-input:focus{border-color:#667eea;outline:none}.expense-total-row{background-color:#f0f0f0;font-weight:600}.expense-total-row td{background-color:#f0f0f0;border-top:2px solid #333}.btn-remove-expense{align-items:center;background-color:initial;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;line-height:1;padding:.25rem .5rem;transition:all .3s;width:32px}.btn-remove-expense:hover:not(:disabled){background-color:#fee;color:#c53030;transform:scale(1.1)}.btn-remove-expense:disabled{cursor:not-allowed;opacity:.3}@media (max-width:1024px){.form-container{padding:1.25rem}.other-expenses-table,.rider-payment-table,.transportation-table{min-width:860px}}@media (max-width:768px){.sales-entry{padding:1rem 0}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.25rem}.form-container{padding:1rem}.form-row{gap:.75rem;grid-template-columns:1fr;margin-bottom:.75rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%}.form-section{margin-top:1.25rem;padding-top:1.25rem}.form-section h3{font-size:1rem;margin-bottom:1rem}.btn-add-expense,.btn-add-recipient,.btn-add-rider{font-size:.95rem;padding:.7rem 1rem;width:100%}}.pagination-container{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1rem}.pagination-info{color:#666;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0f0f0;border-color:#007bff;color:#007bff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{align-items:center;display:flex;gap:.25rem}.pagination-page-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s ease}.pagination-page-btn:hover{background:#f0f0f0;border-color:#007bff;color:#007bff}.pagination-page-btn.active{background:#007bff;border-color:#007bff;color:#fff;font-weight:600}.pagination-ellipsis{color:#666;font-size:14px;padding:0 8px}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:.6rem;padding:.75rem}.pagination-info{margin-bottom:.5rem;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{padding:8px 12px}.pagination-pages{max-width:100%;overflow-x:auto;padding-bottom:2px}}.sales-list{padding:2rem 0}.header-actions{gap:.75rem}.header-actions,.sales-filters-stack{align-items:center;display:flex;flex-wrap:wrap}.sales-filters-stack{flex-direction:row;gap:.5rem}.date-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.date-filter-input{color:#243447;font-size:.92rem}.date-filter-clear,.date-filter-input{background:#fff;border:1px solid #d6dbe3;border-radius:10px;height:42px;padding:0 .75rem}.date-filter-clear{color:#334155;cursor:pointer}.branch-filter-dropdown{min-width:220px;position:relative}.branch-filter-select{appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#fff,#f7f9fc);border:1px solid #d6dbe3;border-radius:10px;color:#243447;cursor:pointer;font-size:.92rem;font-weight:500;height:42px;padding:0 2rem 0 .85rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.branch-filter-select:hover{border-color:#9fb0cc}.branch-filter-select:focus{border-color:#4f74cc;box-shadow:0 0 0 3px #4f74cc29;outline:none}.branch-filter-caret{color:#66768f;font-size:.7rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.btn-print,.btn-share{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:opacity .3s}.btn-share{background:#28a745;color:#fff}.btn-share:hover{opacity:.9}.btn-print{background:#17a2b8;color:#fff}.btn-print:hover{opacity:.9}.btn-new{text-decoration:none}.empty-state{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:3rem;text-align:center}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.btn-primary{border-radius:5px;display:inline-block;font-weight:500;padding:.75rem 2rem;text-decoration:none;transition:opacity .3s}.btn-primary:hover{opacity:.9}.sales-table{border-collapse:collapse;font-size:.95rem;width:100%}.sales-table thead{background-color:#f8f9fa}.sales-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem .75rem;text-align:left;text-transform:uppercase}.sales-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:.875rem .75rem;vertical-align:middle}.sales-table tbody tr{transition:background-color .2s}.sales-table tbody tr:hover{background-color:#f8f9fa}.sales-table .amount{color:#28a745;font-weight:600}.sales-table .amount.negative-amount{color:#e53e3e}.sales-table .amount.expenses-amount{color:#e53e3e;font-weight:600}.record-number-cell{color:#3b82f6;font-size:.875rem;font-weight:600;white-space:nowrap}.voucher-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.voucher-badge.voucher-created{background-color:#d1fae5;color:#065f46}.voucher-badge.voucher-pending{background-color:#fee2e2;color:#991b1b}.entry-number-cell{color:#059669;font-size:.875rem;font-weight:500;white-space:nowrap}.action-buttons,.action-buttons .btn-icon{align-items:center;justify-content:center}.action-buttons .btn-icon{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;height:32px;padding:.5rem;transition:all .3s;width:32px}.action-buttons .btn-icon:hover{background-color:#f0f0f0;transform:scale(1.1)}.action-buttons .btn-icon svg{stroke:currentColor;fill:none;display:block;height:16px;width:16px}.action-buttons .btn-icon.btn-view{color:#17a2b8}.action-buttons .btn-icon.btn-view:hover{background-color:#e0f7fa;color:#0d6efd}.action-buttons .btn-icon.btn-edit{color:#667eea;text-decoration:none}.action-buttons .btn-icon.btn-edit:hover{background-color:#f0f0ff;color:#5568d3}.action-buttons .btn-icon.btn-delete{color:#dc3545}.action-buttons .btn-icon.btn-delete:hover{background-color:#fee;color:#c82333}.sales-list-loading{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.recipients-list{display:flex;flex-direction:column;gap:.25rem}.recipient-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.recipient-name{color:#333;font-weight:500}.recipient-amount{color:#666;font-size:.85rem}.actions-cell{position:relative}.action-dropdown-container{display:inline-block;position:relative;z-index:0}.btn-action-menu{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;display:inline-flex;font-size:1.25rem;height:32px;justify-content:center;line-height:1;padding:0;position:relative;transition:all .2s;width:32px;z-index:0}.btn-action-menu:hover{background-color:#f3f4f6;border-color:#9ca3af}.action-dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.action-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;isolation:isolate;min-width:160px;overflow:hidden;position:fixed;z-index:10000}.action-dropdown-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .15s;width:100%}.action-dropdown-item:hover:not(.disabled):not(.disabled-info){background-color:#f3f4f6}.action-dropdown-item.disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.action-dropdown-item.disabled-info{color:#6b7280;cursor:default;font-style:italic;opacity:.7}.action-dropdown-item span{display:inline-block;font-size:1rem;text-align:center;width:20px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.view-modal{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;left:50%;max-height:90vh;max-width:700px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.modal-content{display:flex;flex-direction:column}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.view-record-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.view-record-item{break-inside:avoid;display:flex;flex-direction:column;gap:.5rem;page-break-inside:avoid}.view-record-item label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.view-record-item span{word-wrap:break-word;color:#111827;font-size:1rem}.view-record-item .amount-value{color:#059669;font-size:1.25rem;font-weight:600}.view-record-item .amount-value.negative-amount{color:#e53e3e}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-secondary{background-color:#6b7280;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-secondary:hover{background-color:#4b5563}@media print{.action-buttons,.btn-new,.btn-print,.btn-share,.page-header{display:none}.sales-list{padding:0}.table-container{box-shadow:none}.sales-table{font-size:.75rem}}@media (max-width:768px){.sales-list{padding:1rem 0}.page-header{align-items:stretch;flex-direction:column;margin-bottom:1rem}.header-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.sales-filters-stack{align-items:stretch;flex-direction:column;width:100%}.date-filter-group{width:100%}.date-filter-input{flex:1 1;width:100%}.branch-filter-dropdown{min-width:0;width:100%}.btn-new,.btn-print,.btn-share{text-align:center;width:100%}.sales-table{font-size:.875rem;min-width:980px}.sales-table td,.sales-table th{padding:.5rem}.action-buttons{flex-direction:column}.action-dropdown-menu{min-width:0;width:min(220px,calc(100vw - 16px))}.action-dropdown-item{padding:.85rem 1rem}.view-modal{border-radius:8px;max-height:92vh;width:calc(100% - 1rem)}.modal-body,.modal-footer,.modal-header{padding:1rem}.modal-header h2{font-size:1.15rem}.view-record-grid{gap:1rem;grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .btn-secondary{width:100%}}.users{padding:2rem 0}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.users-table{border-collapse:collapse;min-width:720px;width:100%}.users-table thead{background-color:#f8f9fa}.users-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #dee2e6;color:#666;padding:1rem}.users-table tbody tr:hover{background-color:#f8f9fa}.role-badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background-color:#667eea;color:#fff}.role-badge.employee{background-color:#e9ecef;color:#495057}.role-badge.night_manager{background-color:#28a745;color:#fff}.users-loading{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.btn-delete:hover:not(:disabled){opacity:.9}.btn-delete:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.users{padding:1rem 0}.form-container{padding:1rem}.form-row{gap:.75rem;grid-template-columns:1fr;margin-bottom:.75rem}.form-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:.5rem}}.employees{padding:2rem 0}.page-header h1{margin:0}.btn-new{font-weight:500}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.employees-table{border-collapse:collapse;min-width:640px;table-layout:fixed;width:100%}.employees-table .col-name{width:22%}.employees-table .col-phone{width:16%}.employees-table .col-joining-date{width:18%}.employees-table .col-branch,.employees-table .col-post{width:14%}.employees-table .col-actions{width:16%}.employees-table thead{background-color:#f8f9fa}.employees-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.employees-table td{border-bottom:1px solid #eee;color:#444;font-size:.9375rem;padding:.875rem 1rem;vertical-align:middle}.employees-table .col-actions .action-buttons{max-width:100%}.doc-warning{background:#fff4e5;border-radius:999px;color:#a15c00;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.35rem;padding:.2rem .5rem}.employees-table tbody tr:hover{background-color:#f8f9fa}.empty-row{color:#999;padding:2rem;text-align:center}.badge{border-radius:20px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.badge.yes{background-color:#d4edda;color:#155724}.badge.no{background-color:#f8d7da;color:#721c24}.action-buttons{flex-wrap:wrap}.btn-delete,.btn-edit{font-size:.875rem;transition:opacity .3s}.btn-edit:hover{opacity:.9}.btn-delete{background-color:#dc3545}.btn-delete:hover{opacity:.9}.btn-mark-inactive{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:opacity .3s}.btn-mark-inactive:hover{opacity:.9}.btn-reactivate{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:opacity .3s}.btn-reactivate:hover{opacity:.9}.employees-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:1.5rem}.employees-tabs .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:.75rem 1.5rem;transition:color .2s,border-color .2s}.employees-tabs .tab-btn:hover{color:#374151}.employees-tabs .tab-btn.active{border-bottom-color:#667eea;color:#667eea}.employees-loading{color:#666;font-size:1.2rem;padding:3rem;text-align:center}.form-group input[type=file]{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:.5rem}.existing-file,.new-file{background-color:#f8f9fa;border-radius:5px;font-size:.875rem;margin-top:.5rem;padding:.5rem}.document-link,.existing-file a{color:#667eea;font-weight:500;text-decoration:none}.document-link:hover,.existing-file a:hover{text-decoration:underline}.file-hint{color:#666;display:block;font-size:.875rem;margin-top:.25rem}.amount{color:#28a745;font-weight:600}.emergency-contact{font-size:.9rem}.emergency-contact .contact-detail{color:#666;font-size:.85rem;margin-top:.25rem}@media (max-width:768px){.employees{padding:1rem 0}.form-container{padding:1rem}.form-row{gap:.75rem;grid-template-columns:1fr;margin-bottom:.75rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%}.employees-table{font-size:.875rem}.employees-table td,.employees-table th{padding:.5rem}.action-buttons{flex-direction:column}}.positions{padding:2rem 0}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#333}.btn-new{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:opacity .3s}.btn-new:hover{opacity:.9}.form-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.form-container h2{color:#333;margin-top:0}.form-container h2,.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:opacity .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover{background:#e5e5e5}.error-message{background-color:#fee;border-radius:5px;color:#c33;margin-bottom:1.5rem;padding:.75rem}.table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.positions-table{border-collapse:collapse;min-width:640px;width:100%}.positions-table td,.positions-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.positions-table th{background-color:#f8f8f8;color:#555;font-weight:600}.positions-table tbody tr:last-child td{border-bottom:none}.positions-table tbody tr:hover{background-color:#f9f9f9}.positions-table .empty-row{color:#777;padding:2rem;text-align:center}.action-buttons{display:flex;gap:.5rem}.btn-delete,.btn-edit{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s}.btn-edit{background-color:#667eea;color:#fff}.btn-edit:hover{background-color:#5a67d8}.btn-delete{background-color:#e53e3e;color:#fff}.btn-delete:hover{background-color:#c53030}.positions-loading{color:#666;padding:3rem;text-align:center}@media (max-width:768px){.positions{padding:1rem 0}.page-header{margin-bottom:1rem}.form-container{padding:1rem}.form-actions{flex-direction:column;gap:.75rem}.btn-primary,.btn-secondary{width:100%}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 20px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:100%;padding:0 2rem;position:relative}.nav-brand h2{font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap}.nav-brand a{color:inherit;text-decoration:none}.mobile-menu-toggle{align-items:center;background:#0000;border:1px solid #ffffff59;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:42px;justify-content:center;width:42px}.mobile-menu-toggle span{background:#fff;border-radius:2px;height:2px;width:18px}.nav-links{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center}.nav-dropdown-toggle,.nav-links a{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-dropdown-toggle{appearance:none;-webkit-appearance:none;background:#0000;border:none;font:inherit;line-height:inherit}.nav-dropdown:hover .nav-dropdown-toggle,.nav-links a:hover{background-color:#ffffff26}.nav-dropdown.active-parent .nav-dropdown-toggle,.nav-links a.active{background-color:#ffffff40;font-weight:600}.link-text{white-space:nowrap}.dropdown-arrow{font-size:.625rem;margin-left:.25rem;opacity:.8;transition:transform .3s ease}.nav-dropdown.open .dropdown-arrow,.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown{position:relative}.mega-menu{background:#fff;border-radius:0;box-shadow:0 10px 40px #00000026;left:0;opacity:0;padding:1.5rem 2rem;position:fixed;right:0;top:72px;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1001}.nav-dropdown.open .mega-menu,.nav-dropdown:hover .mega-menu{opacity:1;transform:translateY(0);visibility:visible}.mega-menu-content{display:flex;gap:2rem;margin:0 auto;max-width:1200px}.mega-menu-column{flex:1 1;min-width:0}.mega-menu-section{display:flex;flex-direction:column;gap:.5rem}.mega-menu-section-title{border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.5rem;text-transform:uppercase}.mega-menu-item{border-radius:8px;color:#1f2937;display:block;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.mega-menu-item:hover{background-color:#f3f4f6;color:#111827;transform:translateX(4px)}.mega-menu-item:hover .mega-menu-item-title{color:#111827}.mega-menu-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.mega-menu-item.active .mega-menu-item-title{color:#fff}.mega-menu-item.active:hover{background:linear-gradient(135deg,#667eea,#764ba2);opacity:.9;transform:translateX(4px)}.mega-menu-item.active:hover .mega-menu-item-title{color:#fff}.mega-menu-item-title{color:#1f2937;font-size:.875rem;font-weight:500}.nav-user{align-items:center;display:flex;gap:.75rem;margin-left:auto}.nav-user-mobile{display:none}.user-avatar{align-items:center;background:#fff3;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.75rem;opacity:.9}.logout-btn{align-items:center;background-color:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.logout-btn:hover{background-color:#ffffff4d}.main-content{background:#f8f9fa;flex:1 1;min-height:calc(100vh - 80px);overflow-y:auto;padding:2.5rem}@media (max-width:1024px){.nav-container{flex-wrap:nowrap;gap:1rem}.nav-brand{flex:1 1;min-width:0}.nav-brand h2{overflow:hidden;text-overflow:ellipsis}.mobile-menu-toggle{display:inline-flex;margin-left:auto}.nav-links{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 10px 24px #0000002e;display:none;flex-direction:column;gap:.4rem;left:1rem;max-height:calc(100vh - 100px);overflow-y:auto;padding:.75rem;position:absolute;right:1rem;top:calc(100% + 8px);z-index:1002}.nav-links.mobile-open{display:flex}.nav-dropdown-toggle,.nav-links a{background:#f8fafc;color:#1f2937;justify-content:space-between;width:100%}.nav-dropdown:hover .nav-dropdown-toggle,.nav-links a:hover{background:#eef2ff}.nav-dropdown.active-parent .nav-dropdown-toggle,.nav-links a.active{background:#e5e7eb}.nav-user-desktop{display:none;margin-left:.5rem;order:3}.user-info{display:none}.nav-user-mobile{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.65rem;margin-top:.4rem;padding-top:.7rem}.nav-user-mobile .user-info{color:#1f2937;display:flex}.nav-user-mobile .user-avatar{background:#e5e7eb;color:#1f2937}.nav-user-mobile .logout-btn{background:#111827;border-color:#111827;color:#fff;margin-left:auto}.mega-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:none;left:auto;margin-top:.4rem;max-width:100%;padding:.75rem;position:static;right:auto;top:auto;width:100%}.mega-menu,.nav-dropdown.open .mega-menu,.nav-dropdown:hover .mega-menu{transform:none}.mega-menu-wide{min-width:auto}.mega-menu-content{flex-direction:column;gap:1.5rem}}@media (max-width:768px){.nav-container{gap:.6rem;padding:0 1rem}.nav-brand h2{font-size:1.25rem}.nav-links{left:.75rem;right:.75rem;top:calc(100% + 6px)}.mega-menu{padding:.65rem}.mega-menu-content{gap:1rem}.main-content{padding:1rem}.logout-btn{font-size:.8rem;padding:.45rem .7rem}}.App{min-height:100vh}
/*# sourceMappingURL=main.6d0f1d22.css.map*/