body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,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}body{margin:0;overflow:hidden;padding:0}.employee-container{background:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:5px}.employee-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.employee-header h2{color:#1976d2;font-size:20px;font-weight:600}.save-btn{background:#1976d2;border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 22px}.employee-tabs{border-bottom:2px solid #ddd;display:flex;flex-wrap:wrap;margin-bottom:15px}.employee-tabs button{background:#2196f3;border:none;border-radius:3px 3px 0 0;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-right:5px;padding:9px 17px;transition:background-color .3s ease}.employee-tabs button.active{background:#0d47a1}.employee-card{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-top:-6px;padding:10px}.two-column{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.five-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mt{margin-top:20px}.flex-box{display:flex;flex-wrap:nowrap;gap:10px}.column-box{background:#fff;border:1px solid #dcdcdc;border-radius:4px;padding:7px 6px 0 10px}.field-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:140px 1fr;margin-bottom:10px}.field-row label{color:#036;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.field-row input,.field-row select{border-radius:3px;height:32px}.field-row input,.field-row select,.field-row textarea{box-sizing:border-box;font-size:12px;padding:3px 6px;width:100%}.field-row textarea{border:1px solid #cfd8dc;border-radius:3px}.field-input{display:flex;gap:6px}.small-select{width:70px}.empty-tab{color:#777;font-size:14px;font-style:italic;padding:40px;text-align:center}@media (max-width:900px){.two-column{grid-template-columns:1fr}.field-row{grid-template-columns:120px 1fr}}@media (max-width:600px){.field-row{grid-template-columns:1fr}.field-row label{margin-bottom:4px}.employee-tabs button{margin-bottom:5px;width:100%}.save-btn{margin-top:10px;width:100%}}.snackbar-alert{bottom:auto!important;left:auto!important;position:fixed!important;right:-153px;top:23px;z-index:9999}.snackbar-alert>div{background-color:red!important;color:#fff;font-weight:500;text-transform:capitalize}.preview-image{height:100px;width:100px}.fileInput{border:none!important}.employee-layout{display:flex;gap:20px}@media (max-width:768px){.employee-layout{flex-direction:column}.profile-card{order:-1;width:100%}.employee-form{order:1}}.profile-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:30px 20px;text-align:center;width:260px}.profile-photo{align-items:center;background:#f5f5f5;border:4px solid #1976d2;border-radius:50%;box-shadow:0 4px 10px #1976d226;display:flex;height:140px;justify-content:center;margin:0 auto 20px;overflow:hidden;width:140px}.profile-photo img{height:100%;object-fit:cover;width:100%}.no-photo{color:#666;font-size:13px;font-weight:500;line-height:1.4;text-align:center}.profile-card h3{color:#1976d2;font-size:20px;font-weight:700;margin:15px 0 8px}.designation-text{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:20px}.profile-status{border-radius:25px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1px;padding:8px 24px;text-transform:uppercase}.profile-status.active{animation:pulse 2s infinite;background:linear-gradient(135deg,#11998e,#38ef7d)}@keyframes pulse{0%,to{box-shadow:0 2px 8px #38ef7d4d}50%{box-shadow:0 2px 12px #38ef7d66}}.employee-form{flex:1 1}.company-card{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-top:-6px;padding:7px}.btn-save-company{display:flex;gap:12px;justify-content:center;margin-top:15px}.cancel-button,.save-button{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:6px 14px}.company-table-wrapper{border:1px solid #dee2e6;border-radius:4px;height:calc(100vh - 210px);margin-bottom:15px;margin-top:10px;max-height:calc(100vh - 210px);min-height:400px;overflow:auto!important;position:relative}.company-table{border-collapse:collapse;font-size:13px;min-width:600px;width:100%}.company-table th{background:#2f80d0;border:1px solid #1e5fa8;color:#fff;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.company-table td{border:1px solid #dcdcdc;text-align:center}.supplier-modal .company-table td,.supplier-modal .company-table th{padding:4px 8px}.supplier-modal .company-table tbody tr{cursor:pointer}.supplier-modal .company-table tbody tr:hover{background:#e9f2ff}.supplier-modal .employee-header.supplier-modal-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:10px}.company-table td,.company-table th{white-space:nowrap}.company-table tr:nth-child(2n){background:#f3f6f7}.company-table-wrapper::-webkit-scrollbar{height:6px;width:4px}.company-table-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.edit-col{color:#1e88e5;cursor:pointer;font-size:15px;text-align:left}.rights-col{border:1px solid #ddd!important}@media (max-width:600px){.company-table{font-size:11px}.company-table td,.company-table th{padding:0}}.snackbar-saving-alert{background-color:#4caf50;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#fff;opacity:.95;padding:12px 24px;position:fixed;right:20px;top:20px;transition:opacity .3s ease-in-out;z-index:9999}.company-card h2{margin-bottom:15px}.atten-edit-box{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;height:100%;padding:5px;text-align:center;width:100%}.attendance-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f9f9f9;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;height:25px;text-align:center;width:32px}.attendance-select:hover{background-color:#f0f0f0}.attendance-select:focus{background-color:#fff;border-color:#4a90e2;outline:none}.edit-col{text-align:center;width:60px}.action-icon{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:6px;transition:all .25s ease}.action-icon.edit{color:#1976d2}.action-icon.save{color:#2e7d32}.action-icon:hover{background:#00000014;transform:scale(1.15)}.neo-toast{animation:neoPop .45s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffbf;border-radius:14px;box-shadow:0 20px 40px #0000002e,inset 0 0 0 1px #fff6;overflow:hidden;position:fixed;right:24px;top:24px;width:360px;z-index:9999}.neo-accent{background:linear-gradient(180deg,#2ecc71,#27ae60);height:100%;left:0;position:absolute;top:0;width:5px}.neo-content{gap:14px;padding:10px 14px}.neo-content,.neo-icon{align-items:center;display:flex}.neo-icon{background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:50%;box-shadow:0 6px 14px #2ecc7173;color:#fff;font-size:18px;font-weight:700;height:34px;justify-content:center;width:34px}.neo-text{color:#0f3d1e;font-weight:600;line-height:1.4}@media (max-width:768px){.neo-toast{left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 28px)}}@keyframes neoPop{0%{opacity:0;transform:translateY(-20px) scale(.9)}60%{opacity:1;transform:translateY(4px) scale(1.02)}to{transform:translateY(0) scale(1)}}.neo-success .neo-accent{background:linear-gradient(180deg,#2ecc71,#27ae60)}.neo-success .neo-icon{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 6px 14px #2ecc7173}.neo-success .neo-text{color:#0f3d1e}.neo-error .neo-accent{background:linear-gradient(180deg,#e74c3c,#c0392b)}.neo-error .neo-icon{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 6px 14px #e74c3c73}.neo-error .neo-text{color:#5a0f0f}.section-divider{align-items:center;display:flex;margin:4px 0;text-align:center}.section-divider:after,.section-divider:before{border-bottom:1px solid #999;content:"";flex:1 1}.section-divider:before{margin-right:10px}.section-divider:after{margin-left:10px}.section-divider span{color:#1976d2;font-size:14px;font-weight:700;white-space:nowrap}.red-star{color:red;margin-left:2px}.field-row-single{text-wrap:nowrap;grid-template-columns:70px 1fr;margin-bottom:0}@media (max-width:768px){.five-column{grid-template-columns:168px 1fr}.flex-box{display:grid}.table-container{width:140px}.field-row-single{grid-template-columns:1fr}.field-row-single,.four-column .field-row-single{gap:10px!important;line-height:1px}.field-row-single label{margin-bottom:0}}.table-container{align-items:center;display:flex;justify-content:flex-end}.search-box{border:2px solid #cfd8dc;border-radius:3px;box-sizing:border-box;font-size:12px;height:26px;margin:3px;padding:9px 34px}.add-employee-link{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin:3px;padding:1px 15px;text-decoration:none!important}.four-column{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.four-column{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.four-column{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-row,.table-container{width:100%}}.employee-input-container{position:relative;width:100%}.employee-input-container input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:12px;outline:none;padding:8px 12px;width:100%}.employee-input-container input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.autocomplete-suggestions{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;left:0;list-style:none;margin-top:4px;max-height:180px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-suggestions li{color:#036;cursor:pointer;font-size:13px;font-weight:500;padding:0 22px;transition:background .2s}.autocomplete-suggestions li:hover{background-color:#007bff;color:#fff}@media (max-width:768px){.autocomplete-suggestions{font-size:16px;max-height:250px}.autocomplete-suggestions li{padding:14px}}.approve-button{color:#2f80d0;cursor:pointer}.reject-button{color:red;cursor:pointer}.checkbox-row{gap:10px}.checkbox-label,.checkbox-row{align-items:center;display:flex}.checkbox-label{cursor:pointer;gap:5px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.radio-container{gap:4px;margin-top:4px}.radio-container,.radio-item{align-items:center;display:flex}.radio-item{cursor:pointer;gap:0}.radio-item input[type=radio]{height:16px;width:16px}.link{color:#2f80d0!important;text-decoration:none!important}.action-bar{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;width:100%}.action-bar .save-button{grid-column:2;justify-self:center}.action-bar .search-box{box-sizing:border-box;grid-column:3;justify-self:end;max-width:174px;width:100%}@media (max-width:600px){.action-bar{gap:10px}}input[readonly]{background-color:#f5f5f5;border:1px solid #ddd;cursor:not-allowed;opacity:.8}.payslip-wrapper{background:#f3f3f3;border:1px solid #cfcfcf;border-radius:4px;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-top:10px;max-height:70vh;overflow:auto!important;padding:4px;position:relative}.payslip-title{background:#2f6fb5;border-radius:3px;color:#fff;display:inline-block;font-weight:700;padding:0 25px}.payslip-section{width:48%}.payslip-table{border-collapse:collapse;margin-top:8px;width:100%}.payslip-table td{border-bottom:1px solid #dcdcdc}.payslip-label{color:#333;font-weight:700;width:40%}.summary-table th{background:#3b79bd;color:#fff;padding:0 15px;text-align:left}.summary-table td{border-bottom:1px solid #dcdcdc}.total-row{background:#f0f0f0;font-weight:700}.net-payment{display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-top:15px}.modal-wide{max-width:95%;padding:20px}.input-box{box-sizing:border-box;padding:6px}.overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.btnShow{display:block!important}.btnTableShow{display:table-cell!important}.btnHide{display:none!important}.profile-card-compact{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:0;width:260px}.profile-header-compact{background:#4caf50;color:#fff;font-size:13px;font-weight:600;padding:8px 15px;text-align:left}.profile-photo-compact{align-items:center;background:#f5f5f5;border:3px solid #1976d2;border-radius:50%;display:flex;height:100px;justify-content:center;margin:15px auto 10px;overflow:hidden;width:100px}.profile-photo-compact img{height:100%;object-fit:cover;width:100%}.no-photo-compact{color:#666;font-size:11px;line-height:1.3;text-align:center}.profile-name-compact{color:#333;font-size:16px;font-weight:600;margin:10px 0 5px;text-align:center}.profile-designation-compact{color:#666;font-size:12px;margin:0 0 15px;text-align:center}.profile-status-toggle{align-items:center;background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;padding:15px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.status-text{color:#333}@media (max-width:768px){.profile-card-compact{width:100%}}.toggle-switch input:not(:checked)+.toggle-slider{background-color:#f44336!important}.status-text{font-size:12px;font-weight:600;transition:color .3s}.profile-status-toggle{border-top:none!important}.modal-wide{min-height:84vh;overflow-y:auto;width:63%}.employee-header h3{color:#333;font-size:18px;margin:0}.four-column.flex-box{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.field-row-single{align-items:center;display:flex;flex-direction:row;gap:10px}.field-row-single label{color:#333;font-size:13px;font-weight:600;white-space:nowrap}.field-row-single .MuiTextField-root{flex:1 1}.input-box{border:1px solid #ccc;border-radius:4px;font-size:12px;padding:8px;width:100%}.input-box:focus{border-color:#1976d2;outline:none}.save-button{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 25px}.save-button:hover{opacity:.9}@media (max-width:1200px){.modal-wide{width:95%}.four-column.flex-box{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.four-column.flex-box{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.modal-wide{max-height:90vh;overflow-y:auto;width:95%}.company-card{padding:15px}.company-card,.supplier-modal{max-width:95%;width:90%}.five-column.flex-box{gap:10px}.five-column.flex-box,.four-column.flex-box{grid-template-columns:1fr}.field-row-single{align-items:flex-start;flex-direction:column;gap:5px}.field-row-single label{font-size:12px}.save-button{padding:10px;width:100%}.company-table-wrapper{max-height:300px;overflow-x:auto}.company-table{font-size:12px}.company-table td,.company-table th{font-size:11px;padding:8px 5px}.employee-header h3{font-size:16px}}.test-page{background-color:#e8e8e8;font-family:Arial,sans-serif;min-height:100vh;padding:10px}.page-header{background-color:#fff;border-radius:3px;flex-wrap:wrap;margin-bottom:10px;padding:8px 15px}.page-header,.tab{align-items:center;display:flex;gap:10px}.tab{background-color:#f0f0f0;border-radius:3px 3px 0 0;font-size:14px;padding:5px 15px}.close-tab{color:#666}.close-tab,.expand-btn{background:none;border:none;cursor:pointer;font-size:18px}.balance-display{font-size:14px;font-weight:700;gap:8px}.balance-display,.balance-icon{align-items:center;display:flex}.balance-icon{border:2px solid #d32f2f;border-radius:50%;color:#d32f2f;height:20px;justify-content:center;width:20px}.balance-amount{color:#d32f2f}.form-container{background-color:#fff;border-radius:3px;padding:15px}.form-row{grid-gap:10px 15px;align-items:center;display:grid;gap:10px 15px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.form-row:last-child{margin-bottom:0}.form-row label{font-size:13px;font-weight:600;white-space:nowrap}.form-row input{border:1px solid #ccc;border-radius:3px;font-size:13px;padding:6px 10px;width:100%}.invoice-group{align-items:center;display:flex;gap:10px}.invoice-group input{flex:0 0 150px}.cloud-btn{background-color:#2c7873;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.date-wrapper{position:relative;width:100%}.date-wrapper input{padding-right:30px}.calendar{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.table-wrapper{background-color:#fff;border-radius:3px;margin-bottom:10px;position:relative}.menu-dots{background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}.table-scroll{max-height:200px;overflow-x:auto;overflow-y:auto}.product-table{font-size:13px;min-width:900px}.product-table thead{background-color:#1976d2;position:-webkit-sticky;position:sticky;top:0;z-index:10}.product-table th{border:1px solid #fff;color:#fff;font-size:11.5px;padding:4px 6px 4px 2px;position:relative}.col-resizer,.product-table th{-webkit-user-select:none;user-select:none}.col-resizer{border-right:2px solid #0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background-color .15s ease,border-color .15s ease;width:7px;z-index:12}.col-resizer:active,.col-resizer:hover{background-color:#ff9800;border-right:2px solid #e65100}.product-table td{border:1px solid #ccc;padding:0;vertical-align:middle}.dash-card .MuiInputBase-input,.dash-card .MuiInputLabel-root,.dash-card .MuiSelect-select,.dash-card input,.dash-card label,.dash-card select,.dash-card textarea{color:#000!important;font-size:13px!important;font-weight:600!important}.product-table input,.product-table select{border:none;border-right:1px solid #e0e0e0;height:28px;padding:5px 4px}.product-table input:focus{background:#fffde7;box-shadow:inset 0 0 0 1px #1976d2}.journal-table input,.journal-table select{background:#0000;border:none;box-sizing:border-box;font-size:12px;height:28px;outline:none;width:100%}.journal-narration:focus,.journal-table input:focus,.journal-table select:focus{background:#fffde7!important;border-color:#1976d2;box-shadow:inset 0 0 0 1px #1976d2;outline:none}.product-table td.exp-date-cell{max-width:80px;min-width:80px;padding:0;width:80px}.exp-date-wrap{min-height:28px;position:relative;width:100%}.exp-date-wrap .exp-date-input{background:#0000;border:none;border-right:1px solid #e0e0e0;box-sizing:border-box;color:#000!important;font-size:12px!important;font-weight:600!important;height:28px;letter-spacing:.2px;outline:none;padding:5px 20px 5px 4px;text-align:center;width:100%}.exp-date-wrap .exp-date-input::placeholder{color:#9e9e9e;font-size:10px;letter-spacing:0}.exp-date-wrap:focus-within .exp-date-input{background:#fffde7;box-shadow:inset 0 0 0 1px #1976d2}.exp-date-calendar-btn{align-items:center;background:#0000;border:none;border-radius:2px;color:#1976d2;cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;position:absolute;right:1px;top:50%;transform:translateY(-50%);transition:background .15s ease,color .15s ease;width:18px}.exp-date-calendar-btn:hover{background:#1976d21f;color:#1565c0}.exp-date-calendar-btn:active{background:#1976d233}.exp-date-popover .MuiPaper-root{border:1px solid #1976d2;border-radius:8px;box-shadow:0 8px 24px #0000002e;overflow:hidden}.footer-container,.yellow-input{background-color:#fff}.footer-container{border-radius:3px}.total-header{background-color:#1976d2;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.info-sections{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.info-card{border:1px solid #ddd;border-radius:3px}.card-header{background-color:#1976d2;border-bottom:1px solid #6a9490;color:#fff;font-size:13px;font-weight:600;padding:8px 12px}.card-body{padding:12px}.row{display:flex;font-size:13px;gap:10px;justify-content:space-between;margin-bottom:8px}.row:last-child{margin-bottom:0}.value{color:#06c;font-weight:500}.discount-input{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;font-size:13px;margin-bottom:10px;padding:8px;text-align:right;width:100%}.details-table{border-collapse:collapse;font-size:13px;width:100%}.details-table td,.details-table th{border:1px solid #ddd;padding:8px;text-align:left}.details-table th,.total-disc{background-color:#f5f5f5;font-weight:600}.total-disc{font-size:14px;margin-bottom:15px;padding:10px 15px}.action-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{border:none;border-radius:3px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 25px}.save-btn{background-color:#1976d2;color:#fff}.close-btn{background-color:#999;color:#fff}.deal-btn{background-color:#1976d2;color:#fff}.btn:hover{opacity:.9}@media (max-width:1024px){.info-sections{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.balance-display{justify-content:flex-end;width:100%}.form-row{gap:8px;grid-template-columns:1fr 1fr}.invoice-group input{flex:1 1}.info-sections{grid-template-columns:1fr}.total-header{gap:5px}.action-btns,.total-header{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.test-page{padding:5px}.footer-container,.form-container,.page-header,.table-wrapper{padding:10px}.balance-display,.btn,.card-body,.form-row input,.form-row label,.product-table,.tab{font-size:12px}}.form-fieldset{border:1px solid silver;border-radius:4px;padding:10px 6px 0}.form-fieldset legend{color:#555;font-size:12px;font-weight:600;padding:0 6px}.form-fieldset .MuiOutlinedInput-notchedOutline legend{display:none}.form-fieldset .MuiOutlinedInput-notchedOutline{border-color:#c4c4c4}.form-fieldset .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#1976d2}.form-fieldset .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2;border-width:2px}.form-fieldset .MuiInputLabel-root{background:#fff;padding:0 2px;top:-2px}.form-fieldset .MuiInputLabel-root.MuiInputLabel-shrink{top:0}.create-item-layout{align-items:flex-start;display:flex;gap:12px}.create-item-left{flex:1 1;min-width:0}.create-item-right{flex-shrink:0;width:260px}.adv-tabs{background:#f1f5f9;border-radius:6px;display:flex;gap:2px;margin-bottom:12px;padding:3px}.adv-tab{background:#0000;border:none;border-radius:4px;color:#475569;cursor:pointer;flex:1 1;font-size:11px;font-weight:600;padding:6px 4px;text-align:center;transition:all .2s ease}.adv-tab:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.adv-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#1976d2;font-weight:700}.adv-tab:disabled{cursor:not-allowed;opacity:.5}.adv-tab-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:12px}.adv-field-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.adv-field-row label{color:#334155;flex:1 1;font-size:12px;font-weight:500}.adv-field-row select,.adv-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;font-size:12px;height:28px;outline:none;padding:2px 8px;text-align:right;transition:border-color .2s,box-shadow .2s;width:100px}.adv-field-row select{text-align:left;text-align-last:left}.adv-field-row select:focus,.adv-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.adv-field-row select:disabled,.adv-input:disabled{background-color:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}.adv-field-row .unit-select-box{align-items:center;background:#fff;border-color:#cbd5e1;border-radius:4px;box-sizing:border-box;display:flex;font-size:12px;height:28px;padding:0 8px;transition:border-color .2s,box-shadow .2s}.adv-field-row .unit-select-box:hover{border-color:#3b82f6}.MuiPickersTextField-root .MuiInputBase-input{font-size:12px!important}.MuiPickersTextField-root .MuiIconButton-root{padding:2px}.MuiPickersTextField-root .MuiSvgIcon-root{font-size:16px}.MuiPickersPopper-root .MuiPaper-root{margin-top:-8px;transform:scale(.75);transform-origin:top left}.unit-select-box{align-items:center;background:#fff;border:1px solid #c4c4c4;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:7px 10px;width:100%}.unit-select-box:hover{border-color:#1976d2}.unit-dropdown{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #00000026;display:flex;flex-direction:column;left:0;max-height:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.unit-dropdown-list{flex:1 1;min-height:0;overflow-y:auto}.unit-option{cursor:pointer;font-size:13px;padding:7px 12px}.unit-option:hover{background:#e3f2fd}.unit-create{background:#fff;border-top:1px solid #eee;bottom:0;color:#1976d2;font-weight:600;position:-webkit-sticky;position:sticky;z-index:1}.MuiAlert-message{font-size:13px!important;font-weight:700!important}.MuiInputBase-input,.MuiInputLabel-root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:12px!important}.MuiFormHelperText-root{font-size:10px!important}.purchase-table-scroll::-webkit-scrollbar{height:6px;width:6px}.purchase-table-scroll::-webkit-scrollbar-track{background:#f1f4f8;border-radius:10px}.purchase-table-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#90caf9,#1976d2);border:1px solid #f1f4f8;border-radius:10px}.purchase-table-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1976d2,#0d47a1)}.purchase-table-scroll::-webkit-scrollbar-corner{background:#f1f4f8}@keyframes swalPopIn{0%{opacity:0;transform:scale(.7)}45%{opacity:.95;transform:scale(1.05)}80%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes swalPulseWarning{0%{box-shadow:0 0 0 0 #f8bb8666;transform:scale(1)}50%{box-shadow:0 0 0 10px #f8bb8600;transform:scale(1.04)}to{box-shadow:0 0 0 0 #f8bb8600;transform:scale(1)}}.dash-table-wrapper::-webkit-scrollbar{height:6px;width:6px}.dash-table-wrapper::-webkit-scrollbar-track{background:#f1f4f8;border-radius:10px}.dash-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#90caf9,#1976d2);border:1px solid #f1f4f8;border-radius:10px}.dash-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1976d2,#0d47a1)}.dash-table-wrapper::-webkit-scrollbar-corner{background:#f1f4f8}.page-title-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-title-bar h2{color:#1976d2;font-size:20px;font-weight:700;margin:0}.page-title-bar span{color:#888;font-size:12px}.btn-primary{align-items:center;background:#1976d2;border:none;border-radius:8px;box-shadow:0 2px 6px #1976d24d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 20px;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s}.btn-secondary:hover{background:#f5f5f5}.btn-edit{background:#e3f2fd;border:none;border-radius:6px;font-size:12px;padding:5px 10px;transition:background .2s}.btn-edit:hover{background:#bbdefb}.dash-card{background:#fff;border-radius:5px;box-shadow:0 2px 8px #00000014;margin-bottom:16px;overflow:hidden}.dash-card-header{align-items:center;background:#1976d2;display:flex;gap:8px;padding:10px 16px}.dash-card-header span.title{color:#fff;font-size:13px;font-weight:700}.dash-card-header .badge{background:#fff3;border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:2px 10px}.dash-card-header input[type=text]{border:none;border-radius:6px;font-size:12px;margin-left:0;outline:none;padding:7px 10px;width:250px}@media (max-width:600px){.dash-card-header{flex-wrap:wrap;gap:8px;padding:10px 12px}.dash-card-header input[type=text]{flex:1 1 100%;margin-left:0!important;order:3;width:100%}.dash-card-header .modal-btn-save{margin-left:auto;order:2}}.dash-table-wrapper{height:calc(100vh - 160px);max-height:calc(100vh - 160px);overflow:auto}.dash-table{border-collapse:collapse;font-size:13px;width:100%}.dash-table thead tr{background:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dash-table th{background:#f5f5f5;color:#555;font-size:12px;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.dash-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:13px;padding:5px 14px;white-space:nowrap}.dash-table tbody tr:hover{background:#f9f9f9}.dash-table .td-primary{color:#1976d2;font-weight:600}.dash-table .td-center{text-align:center;white-space:nowrap}.dash-table .td-empty{color:#999;font-size:13px;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0003;max-width:700px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#1976d2;display:flex;justify-content:space-between;padding:12px 20px}.modal-header-title{align-items:center;color:#fff;font-size:15px;font-weight:700}.modal-header-actions,.modal-header-title{display:flex;gap:8px}.modal-btn-clear{align-items:center;background:#0000;border:1px solid #ffffff80;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:background .2s}.modal-btn-clear:hover{background:#ffffff1a}.modal-btn-save{align-items:center;background:#fff;border:none;border-radius:6px;color:#1976d2;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 16px;transition:background .2s}.modal-btn-save:hover{background:#e3f2fd}.modal-body{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.product-table{border-collapse:collapse;font-size:12px;width:100%}.product-table th{background:#e8f0fe;border:1px solid #b0bec5;color:#333;font-size:13px;font-weight:700;padding:7px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:5}.product-table td{border:1px solid #cfd8dc;padding:2px 3px}.product-table input,.product-table select{background:#0000;border:1px solid #0000;border-radius:3px;box-sizing:border-box;color:#000!important;font-size:13px!important;font-weight:600!important;outline:none;padding:4px 6px;transition:background .15s,border-color .15s;width:100%}.product-table input:focus,.product-table select:focus{background:#fffde7!important;border:1.5px solid #f9a825!important;box-shadow:0 0 0 2px #f9a8254d!important;outline:none!important}.bill-header-fields .MuiInputBase-root.Mui-focused,.bill-header-fields .MuiOutlinedInput-root.Mui-focused,.bill-header-fields .MuiOutlinedInput-root:focus-within,.bill-header-fields input:focus,.bill-header-fields select:focus,.bill-header-fields textarea:focus{background-color:#fffde7!important}.bill-header-fields .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.bill-header-fields .MuiOutlinedInput-root:focus-within .MuiOutlinedInput-notchedOutline{border-color:#f9a825!important;border-width:1.5px!important;box-shadow:0 0 0 2px #f9a8254d!important}.bill-header-fields .MuiFormLabel-root.Mui-focused,.bill-header-fields .MuiInputLabel-root.Mui-focused{color:#000!important;font-weight:700!important}.bill-header-fields .MuiInputBase-root.Mui-focused input,.bill-header-fields .MuiOutlinedInput-root.Mui-focused input{background-color:initial!important}.bill-header-fields input.readonly-billno:not(:focus){background-color:#f5f5f5!important}.product-table tbody tr:hover{background:#f5f9ff}.product-table tbody tr:hover input:not(:focus){background:#eef4ff}.btn-edit{align-items:center;background:#fff;border:1px solid #1976d2;border-radius:5px;color:#1976d2;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:3px 6px;transition:background .15s;vertical-align:middle;white-space:nowrap}.btn-edit:hover{background:#e3f2fd}.btn-delete{align-items:center;background:#fff;border:1px solid #d32f2f;border-radius:5px;color:#d32f2f;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:3px 6px;transition:background .15s;vertical-align:middle;white-space:nowrap}.btn-delete:hover{background:#fdecea}.anka-property-grid-row__editor-container input{background-color:initial;border:none;height:100%;outline:none;padding:0;width:100%}.anka-property-grid-row{display:flex}.anka-property-grid-row:hover{background-color:#eee;background-color:var(--property-grid-row-hover-color-background)}.anka-property-grid-row:not(:first-child){border-top:1px solid #eee;border-top:1px solid var(--property-grid-row-color-border)}.anka-property-grid-row__label{border-right:1px solid #eee;border-right:1px solid var(--property-grid-row-color-border);padding:2px;width:90px}.anka-property-grid-row__editor-container{flex:1 1;padding:2px}.anka-property-grid{background-color:#f7f7f7;background-color:var(--property-grid-color-background);border:1px solid #eee;border:1px solid var(--property-grid-color-border);font-size:12px;font-size:var(--property-grid-font-size)}.anka-tree-list{padding:3px}.anka-tree-list .header{align-items:center;background-color:#f3f3f3;background-color:var(--tree-item-color-background);border:1px solid #eee;border:1px solid var(--tree-item-color-border);border-radius:3px;display:flex;margin-bottom:2px}.anka-tree-list .header:hover{filter:brightness(95%)}.anka-tree-list .icon{border-radius:3px;cursor:pointer;display:inline-block;text-align:center;-webkit-user-select:none;user-select:none;width:15px}.anka-tree-list .icon.hover{margin-left:3px;padding:0 2px}.anka-tree-list .icon.hover:hover{background-color:#ccc;background-color:var(--color-background-dark)}.anka-tree-list .label{border-radius:6px;cursor:pointer;display:inline-block;flex:1 1;padding:2px 6px;-webkit-user-select:none;user-select:none}.anka-tree-list .children{padding-left:10px}.anka-property-grid-row__editor-container input[type=color]::-webkit-color-swatch-wrapper{padding:0}.anka-property-grid-row__editor-container select{background-color:initial;border:none;height:100%;outline:none;padding:0;width:100%}.anka-property-grid-row__editor-container .image-selector-editor{align-items:center;display:flex;flex-direction:row;gap:4px}.anka-resizer{border:1px solid #0000;position:absolute;-webkit-user-select:none;user-select:none;z-index:10}.anka-resizer:hover{border:1px solid blue;border:1px solid var(--resizer-color-border)}.anka-resizer.vertical{cursor:col-resize;height:100%;right:0;top:0}.anka-resizer.horizontal{bottom:0;cursor:row-resize;left:0;width:100%}.anka-menu{display:inline-block;padding:3px;-webkit-user-select:none;user-select:none}.anka-menu-button{background-color:#eee;background-color:var(--color-background);border:1px solid #ccc;border:1px solid var(--color-border);cursor:pointer;filter:brightness(85%);padding:1px 3px}.anka-menu-button:hover{filter:brightness(90%)}.anka-context-menu-container{font-family:sans-serif;font-family:var(--font-family);font-size:13px;font-size:var(--font-size);height:100%;left:0;position:fixed;top:0;width:100%;z-index:140}.anka-context-menu-container>.anka-menu{background-color:#eee;background-color:var(--color-background);border:1px solid #ccc;border:1px solid var(--color-border);position:absolute}.anka-selector-bound{border:1px solid #3a91ee;border:1px solid var(--selector-color-border);height:5px;position:absolute;width:5px}.anka-selector-bound.top-left{cursor:nwse-resize;left:-7px;top:-7px}.anka-selector-bound.top-center{cursor:ns-resize;left:0;margin-left:auto;margin-right:auto;right:0;top:-7px}.anka-selector-bound.top-right{cursor:nesw-resize;right:-7px;top:-7px}.anka-selector-bound.middle-left{bottom:0;cursor:ew-resize;left:-7px;margin-bottom:auto;margin-top:auto;top:0}.anka-selector-bound.middle-right{bottom:0;cursor:ew-resize;margin-bottom:auto;margin-top:auto;right:-7px;top:0}.anka-selector-bound.bottom-left{bottom:-7px;cursor:nesw-resize;left:-7px}.anka-selector-bound.bottom-center{bottom:-7px;cursor:ns-resize;left:0;margin-left:auto;margin-right:auto;right:0}.anka-selector-bound.bottom-right{bottom:-7px;cursor:nwse-resize;right:-7px}.anka-report-item-selector{border:1px dashed #3a91ee;border:1px dashed var(--selector-color-border);cursor:all-scroll;outline:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:20}.anka-area-selector{background-color:#007dff80;border:1px solid #007dff;position:absolute;z-index:120}.anka-report-section{outline:none}.anka-report-section__header{background-color:#eee;background-color:var(--color-background);border-bottom:1px solid #ccc;border-bottom:1px solid var(--color-border);border-top:1px solid #ccc;border-top:1px solid var(--color-border);padding:3px;-webkit-user-select:none;user-select:none}.anka-report-section__content{background-color:#fff;background-color:var(--paper-color-background);background-image:linear-gradient(#eee 1.5px,#0000 0),linear-gradient(90deg,#eee 1.5px,#0000 0),linear-gradient(#f7f7f7 1px,#0000 0),linear-gradient(90deg,#f7f7f7 1px,#0000 0);background-image:linear-gradient(var(--paper-color-line-large) 1.5px,#0000 1.5px),linear-gradient(90deg,var(--paper-color-line-large) 1.5px,#0000 1.5px),linear-gradient(var(--paper-color-line-small) 1px,#0000 1px),linear-gradient(90deg,var(--paper-color-line-small) 1px,#0000 1px);background-position:0 0,0 0,0 0,0 0;background-size:100px 100px,100px 100px,20px 20px,20px,20px;overflow:hidden;position:relative}.anka-report-section:focus .anka-report-section__content{filter:brightness(98%)}.anka-report{background-color:#eee;background-color:var(--color-background);border-bottom:1px solid #ccc;border-bottom:1px solid var(--color-border);border-right:1px solid #ccc;border-right:1px solid var(--color-border);outline:none;overflow:hidden;position:absolute}.anka-report-container{background-color:#f9f9f9;background-color:var(--report-container-color-background);flex:1 1;overflow:auto;position:relative}.anka-panel{border:1px solid #ccc;border:1px solid var(--color-border);display:flex;flex-direction:column}.anka-panel__header{align-items:center;background-color:#eee;background-color:var(--panel-header-color-background);border-bottom:1px solid #ccc;border-bottom:1px solid var(--color-border);display:flex;padding:3px}.anka-panel__content-container{background-color:#f7f7f7;background-color:var(--panel-content-color-background);flex:1 1;overflow-y:auto;position:relative}.anka-panel__content{box-sizing:border-box;width:100%}.anka-tab{cursor:pointer;padding:5px 8px;-webkit-user-select:none;user-select:none}.anka-tab.selected{border:1px solid;border-color:#ccc #ccc #f7f7f7;border-bottom:1px solid var(--color-background-light);bottom:-1px;position:relative}.anka-tabs{background-color:#f7f7f7;background-color:var(--color-background-light);display:flex;flex:1 1;flex-direction:column}.anka-tabs__header{border-bottom:1px solid #ccc;border-bottom:1px solid var(--color-border);display:flex}.anka-tabs__content-container{flex:1 1;overflow-y:auto;position:relative}.anka-tabs__content{box-sizing:border-box;width:100%}.anka-sidebar{background-color:#eee;background-color:var(--color-background);border-left:1px solid #ccc;border-left:1px solid var(--color-border);position:relative}.anka-sidebar__content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:1px;position:absolute;width:100%}.anka-sidebar__content .anka-tabs__content-container>div{position:absolute}.anka-sidebar__content>.anka-panel{flex:1 1}.anka-sidebar__content .anka-panel__content-container>div{padding:1px;position:absolute}.anka-toolbar-button{align-items:center;background-color:#f7f7f7;background-color:var(--button-color-background);border:1px solid #ccc;border:1px solid var(--button-color-border);cursor:pointer;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.anka-toolbar-horizontal .anka-toolbar-button{margin-left:3px}.anka-toolbar-vertical .anka-toolbar-button{margin-top:3px}.anka-toolbar{align-items:center;background-color:#eee;background-color:var(--color-background);display:flex}.anka-toolbar-horizontal{border-bottom:1px solid #ccc;border-bottom:1px solid var(--color-border);flex-direction:row;height:30px;padding-bottom:1px}.anka-toolbar-vertical{border-right:1px solid #ccc;border-right:1px solid var(--color-border);flex-direction:column;padding-left:1px;width:34px}.anka-designer{display:flex;flex-direction:column;font-family:sans-serif;font-family:var(--font-family);font-size:13px;font-size:var(--font-size)}.anka-designer__content{display:flex;flex:1 1}.anka-designer__content .anka-report-item{border:1px dotted #ccc;border:1px dotted var(--color-border);cursor:pointer}:root{--font-family:sans-serif;--font-size:13px;--color-gray-1:#fff;--color-gray-2:#fdfdfd;--color-gray-3:#fbfbfb;--color-gray-4:#f9f9f9;--color-gray-5:#f7f7f7;--color-gray-6:#f5f5f5;--color-gray-7:#f3f3f3;--color-gray-8:#f1f1f1;--color-gray-9:#eee;--color-gray-10:#dedede;--color-gray-11:#ddd;--color-gray-12:#ccc;--color-blue:blue;--color-blue-light:#3a91ee;--color-border:var(--color-gray-12);--color-border-light:var(--color-gray-9);--color-background:var(--color-gray-9);--color-background-light:var(--color-gray-5);--color-background-dark:var(--color-gray-12);--button-color-border:var(--color-border);--button-color-background:var(--color-background-light);--selector-color-border:var(--color-blue-light);--resizer-color-border:var(--color-blue);--panel-header-color-background:var(--color-background);--panel-content-color-background:var(--color-background-light);--property-grid-font-size:12px;--property-grid-color-border:var(--color-border-light);--property-grid-color-background:var(--color-background-light);--property-grid-row-color-border:var(--property-grid-color-border);--property-grid-row-hover-color-background:var(--color-background);--tree-item-color-border:var(--color-gray-9);--tree-item-color-background:var(--color-gray-7);--report-container-color-background:var(--color-gray-4);--paper-color-background:var(--color-gray-1);--paper-color-line-small:var(--color-background-light);--paper-color-line-large:var(--color-background)}