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: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:sticky;top:0;z-index:10}.product-table th{border:1px solid #fff;color:#fff;padding:5px 6px}.product-table td{border:1px solid #ccc;padding:0;vertical-align:middle}.product-table input{border:none;border-right:1px solid #e0e0e0;font-size:13px;height:28px;padding:5px 6px}.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{border-bottom:1px solid #ddd;display:flex;margin-bottom:10px}.adv-tab{background:#f0f0f0;border:none;border-radius:4px 4px 0 0;cursor:pointer;font-size:12px;margin-right:2px;padding:5px 10px}.adv-tab.active{background:#fff;border:1px solid;border-color:#ddd #ddd #fff;font-weight:600}.adv-tab-content{display:flex;flex-direction:column;gap:8px}.adv-field-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.adv-field-row label{color:#444;flex:1 1}.adv-input{border:1px solid #ccc;border-radius:3px;font-size:13px;padding:3px 6px;text-align:right;width:80px}.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: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}.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: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}.dash-table tbody tr:hover{background:#f9f9f9}.dash-table .td-primary{color:#1976d2;font-weight:600}.dash-table .td-center{text-align:center}.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:12px;font-weight:600;padding:7px 8px;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{background:#0000;border:1px solid #0000;border-radius:3px;box-sizing:border-box;color:#333;font-size:12px;outline:none;padding:4px 6px;transition:background .15s,border-color .15s;width:100%}.product-table input:focus{background:#fff9c4;border-color:#f9a825;box-shadow:0 0 0 2px #f9a8254d}.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;padding:3px 10px;transition:background .15s}.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;padding:3px 10px;transition:background .15s}.btn-delete:hover{background:#fdecea}
/*# sourceMappingURL=main.06f6ec61.css.map*/