:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{min-height:100%;margin:0;padding:0;width:100%}:root{--light-text: #666666;--emerald: #016443;--emerald-dark: #014f35;--emerald-light: #e6f4ef;--text-dark: #1f2937;--border-soft: #d1d5db;--bg-soft: #f9fafb}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:24px;border-radius:6px;max-height:80%;min-height:20%;width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600}.modal-form label{display:flex;flex-direction:column;margin-bottom:12px;font-size:14px}.modal-form input,.modal-form select{padding:8px;border:1px solid #ccc;border-radius:6px;margin-top:4px;font-size:14px}.modal-form .emerald-btn{width:100%;margin-top:12px;display:flex;justify-content:center;align-items:center}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:url(./warehouse_bg-ByNx6hFN.jpg) no-repeat center center/cover;filter:blur(0px);z-index:-1}.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 30px;border-radius:12px;text-align:center;width:350px;color:#fff}.welcome-text{color:#4da6ff;margin-bottom:30px;font-size:28px}.login-form input{width:90%;padding:12px 15px;margin:10px 0;border:none;border-radius:8px;outline:none;font-size:16px}.login-form button{width:100%;padding:12px;margin-top:15px;border:none;border-radius:8px;background-color:#4da6ff;color:#fff;font-size:18px;cursor:pointer;transition:.3s}.login-form button:hover{background-color:#39f}.sidebar{min-width:250px;height:100vh;background-color:#fff;display:flex;flex-direction:column;transition:transform .3s ease;position:absolute;left:0;top:0;z-index:999999}.sidebar.hidden{transform:translate(-100%)}.sidebar_logo{height:80px;display:flex;align-items:center;justify-content:center}.sidebar_logo_image{max-height:100px;max-width:90%;object-fit:contain}.menu{flex:1;padding:80px 20px 20px}.menu-category{font-size:18px;font-weight:500;margin-bottom:16px;color:var(--light-text)}.menu ul{list-style:none;padding:0;margin:0}.menu-item{display:flex;align-items:center;gap:12px;font-size:18px;padding:10px 14px;border-radius:14px;cursor:pointer;color:var(--light-text);transition:background .2s ease,color .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.menu-item:hover{background-color:#f2f2f2}.menu-item.active{background-color:#016443;color:#fff}.submenu{margin-top:6px;margin-left:40px;display:flex;flex-direction:column;gap:4px}.submenu-item{font-size:14px;padding:6px 10px;margin-left:24px;margin-top:2px;margin-bottom:4px;border-radius:10px;cursor:pointer;color:#8a8a8a;transition:background .2s ease,color .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.submenu-item:hover{background-color:#f2f2f2;color:#000}.submenu-item.active{background-color:#016443;color:#fff}.app-container{display:flex;height:100vh;width:100%;overflow-x:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-height:100vh;background-color:#d9d9d9}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,color .15s ease}.clickable:hover{transform:scale(1.05);color:#016443}.main-content{flex:1;background-color:#fcfcfc;min-width:0}.top-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#fff;box-shadow:0 1px 4px #0000001a}.header-left{display:flex;align-items:center;gap:10px;z-index:99999999}.page-list-text{font-size:26px;font-weight:500}.header-center{flex:1;display:flex;justify-content:center}.search-wrapper{position:relative;width:50%;max-width:400px}.header-search{width:100%;padding:12px 12px 12px 36px;border-radius:6px;border:1px solid #ccc;font-size:16px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:20px;color:#999}.header-right{display:flex;align-items:center;gap:24px}.header-icon{font-size:28px;cursor:pointer}.profile{position:relative;display:flex;align-items:center;gap:6px}.profile-info{display:flex;flex-direction:column;font-size:14px}.profile-dropdown{position:absolute;top:45px;right:0;background:#fff;border-radius:8px;box-shadow:0 6px 18px #0000001f;padding:8px 0;width:140px;z-index:1000}.profile-dropdown button{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer}.profile-dropdown button:hover{background:#f2f2f2}.logout-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:2000}.logout-modal{background:#fff;padding:24px;border-radius:14px;width:320px;text-align:center;animation:fadeIn .2s ease}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.btn-cancel{padding:8px 16px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer}.btn-logout{padding:8px 16px;border-radius:6px;border:none;background:#d32f2f;color:#fff;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.header-center,.header-right .header-icon.notifications{display:none}}.data-table-container{padding:20px;border-radius:0;margin:0;box-shadow:none;width:100%;min-height:100vh;max-height:auto}.data-table{width:100%}.table-header{width:90%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.table-search-wrapper{display:flex;align-items:center;flex:1;max-width:250px;position:relative}.table-search-wrapper .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999}.table-search{width:100%;padding:8px 12px 8px 36px;border:none;border-radius:6px;font-size:16px;background-color:#f1f1f1}.table-buttons{display:flex;gap:8px;flex-wrap:wrap}.emerald-btn{display:flex;align-items:center;gap:4px;background-color:#016443;color:#fff;padding:12px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.table-wrapper{width:90%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:thin}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table{width:100%;border-collapse:collapse;background-color:#fff}.table th{background-color:#f5f5f5;color:#333;font-weight:600;padding:12px 16px;border:1px solid #ccc;text-align:left}.table td{padding:12px 16px;border:1px solid #ccc;text-align:left}.status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.status.active{background-color:#d1fae5;color:#016443}.status.inactive{background-color:#fee2e2;color:#b91c1c}.action-icons{justify-content:center;gap:8px;padding:0;margin:0;height:auto;white-space:nowrap}.action-icons svg{cursor:pointer;color:#555;margin-right:10px;transition:.15s ease}.action-icons svg:hover{color:#016443;transform:scale(1.1)}.table tbody tr:hover{background-color:#f9f9f9}.table-footer{width:80%;display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-family:sans-serif}.table-info{color:#0009;font-size:14px;margin-top:20px}.table input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:4px;position:relative;cursor:pointer;transition:all .2s ease;background-color:#fff}.table input[type=checkbox]:hover{border-color:#016443}.table input[type=checkbox]:checked{background-color:#016443;border-color:#016443}.table input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@media(max-width:1024px){.table th,.table td{font-size:13px;padding:8px 10px}.table-wrapper{max-width:100%}}@media(max-width:768px){.table th,.table td{font-size:12px;padding:6px 8px}.table input[type=checkbox]{width:20px;height:20px}}@media(max-width:480px){.table th,.table td{font-size:11px;padding:4px 6px}.table input[type=checkbox]{width:16px;height:16px}}@media(max-width:1200px){.table-search-wrapper{flex:1 1 100%;max-width:100%;margin-bottom:10px}.table-search{width:100%}}.sale-total-amount-box{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-top:15px;border-radius:8px;background:#f0fdf4;border:1px solid #34d399;box-shadow:0 2px 6px #0000001a;font-weight:700;font-size:1.1rem;color:#065f46;transition:all .2s ease-in-out}.sale-total-amount-box:hover{background:#dcfce7}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;margin-bottom:20px;font-family:sans-serif}.pagination-btn{padding:6px 12px;border:1.5px solid #016443;background-color:#fff;color:#016443;cursor:pointer;font-size:18px;transition:all .2s ease;border-radius:4px}.pagination-btn:hover:not(:disabled){background-color:#d1fae5}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-number.active{background-color:#016443;color:#fff;border-color:#016443}@media(max-width:768px){.pagination-btn{padding:4px 8px;font-size:14px}.pagination-container{gap:4px;margin-top:12px;margin-bottom:12px}}.invoice-sheet{width:794px;min-height:1123px;padding:20px 25px;font-family:Courier New,monospace;font-size:12px;color:#000;background:#fff;border:1px solid #000;box-sizing:border-box;overflow:visible}.invoice-header{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:8px}.logo-block{display:flex;flex-direction:column}.invoice-logo{height:100px;width:180px;object-fit:contain;margin-bottom:24px;margin-top:-18px}.subtitle{font-size:11px;margin-top:2px}.invoice-header-right-grid-column{display:flex;flex-direction:column;gap:15px;max-width:520px}.invoice-group{display:flex;flex-direction:column;gap:5px}.invoice-row{display:flex;align-items:flex-start;gap:10px}.invoice-label{font-weight:700;font-size:9px;min-width:90px}.invoice-value{font-weight:300;font-size:9px;line-height:1.2}.invoice-original{font-weight:600}.info-grid{display:flex;justify-content:space-between;margin-bottom:58px;line-height:.9;padding-bottom:8px;font-size:10px}.cut-frame{position:relative;padding:8px}.cut-frame:before{content:"";position:absolute;top:0;left:0;width:12px;height:2px;background:#000}.cut-frame:after{content:"";position:absolute;top:0;left:0;width:2px;height:12px;background:#000}.cut-frame .corner-top-right-h{position:absolute;top:0;right:0;width:12px;height:2px;background:#000}.cut-frame .corner-top-right-v{position:absolute;top:0;right:0;width:2px;height:12px;background:#000}.cut-frame .corner-bottom-left-h{position:absolute;bottom:0;left:0;width:12px;height:2px;background:#000}.cut-frame .corner-bottom-left-v{position:absolute;bottom:0;left:0;width:2px;height:12px;background:#000}.cut-frame .corner-bottom-right-h{position:absolute;bottom:0;right:0;width:12px;height:2px;background:#000}.cut-frame .corner-bottom-right-v{position:absolute;bottom:0;right:0;width:2px;height:12px;background:#000}.bottom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;margin-top:1rem}.grid-item{font-size:.9}.info-grid p{margin:2px 0}.invoice-table{width:100%;border-collapse:collapse;margin-top:12px}.invoice-table th,.invoice-table td{border:1px solid #000;padding:4px;font-size:11px}.invoice-table th{font-weight:700;text-align:center}.invoice-table td{text-align:center}.totals{text-align:right;margin-top:10px;font-size:12px}.totals h3{margin-top:4px;font-size:14px}.footer{margin-top:25px;font-size:11px;border-top:1px solid #000;padding-top:10px}.signatures{display:flex;justify-content:space-between;margin-top:25px}.error-box{display:flex;align-items:center;justify-content:space-between;background-color:#ffe5e5;border:1px solid #ff4d4f;color:#ff1a1a;padding:12px 16px;border-radius:5px;margin-bottom:15px;font-family:Arial,sans-serif;box-shadow:0 2px 6px #0000001a;animation:fadeIn .3s ease-in}.error-message{flex:1}.error-close{background:none;border:none;color:#ff1a1a;font-size:18px;cursor:pointer;font-weight:700;margin-left:10px;line-height:1}.error-close:hover{color:#a80000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.delete-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.delete-btn-outline{background:transparent;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease}.delete-btn-outline:hover{background:#f3f4f6}.delete-btn-danger{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-btn-danger:hover{background:#b91c1c}.delete-btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.sale-add-item{display:flex;align-items:flex-end;gap:15px;margin:15px 0;flex-wrap:wrap}.sale-add-item label{display:flex;flex-direction:column;font-weight:500}.sale-meta-section{display:flex;flex-direction:column;gap:16px}.sale-add-item select,.sale-add-item input{padding:6px 10px;border-radius:4px;border:1px solid #ccc;min-width:120px}.add-item-btn{padding:8px 12px;background-color:#016443;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-start}.add-item-btn:hover{background-color:#059669}.sale-items-table{width:100%;border-collapse:collapse;margin-top:15px;font-family:Arial,sans-serif;background-color:#fff;box-shadow:0 2px 6px #0000000d;border-radius:6px;overflow:hidden}.sale-items-table th,.sale-items-table td{border:1px solid #e5e7eb;padding:10px;text-align:center;font-size:14px}.sale-items-table th{background-color:#f3f4f6;color:#374151;font-weight:600}.sale-items-table tbody tr:nth-child(2n){background-color:#f9fafb}.sale-items-table tbody tr:hover{background-color:#e0f2fe}.remove-item-btn{padding:4px 8px;color:#fff;background-color:#ef4444;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.remove-item-btn:hover{background-color:#dc2626}.sale-items-table td{vertical-align:middle}.add-page-wrapper{min-height:100vh;width:100%;background:var(--bg-soft);padding:32px 40px;display:flex;flex-direction:column}.add-page-header{margin-bottom:24px}.add-card-title{font-size:1.8rem;font-weight:800;color:var(--emerald)}.add-page-content{width:80%;background:transparent;padding:0;border:none;box-shadow:none}.add-form{display:flex;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 24px;margin-top:16px;flex-direction:column}.add-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;color:var(--text-dark)}.add-form input{margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-soft);font-size:.95rem;transition:all .2s ease}.add-form input:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px #01644326}.add-full-width{grid-column:1 / -1}.add-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:10px}.add-btn-primary{background:var(--emerald);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.add-btn-primary:hover{background:var(--emerald-dark);transform:translateY(-1px)}.add-btn-primary:disabled{opacity:.6;cursor:not-allowed}.add-alert-error{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:10px;font-size:.9rem;margin-bottom:12px}.add-form select,.custom-select{margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-soft);font-size:.95rem;background:#fff;color:var(--text-dark);appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .2s ease}.add-form select:focus,.custom-select:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px #01644326}.add-sale-item{margin-top:32px}.edit-page-wrapper{min-height:100vh;width:100%;background:var(--bg-soft);padding:32px 40px;display:flex;flex-direction:column}.edit-page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.edit-card-title{font-size:1.8rem;font-weight:800;color:var(--emerald)}.edit-page-content{width:80%;background:transparent;padding:0;border:none;box-shadow:none}.edit-form{display:flex;flex-direction:column;gap:18px;margin-top:16px}.edit-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;color:var(--text-dark)}.edit-form input{margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-soft);font-size:.95rem;transition:all .2s ease}.edit-form input:focus{outline:none;border-color:var(--emerald);box-shadow:0 0 0 3px #01644326}.edit-form-actions{display:flex;justify-content:flex-end;margin-top:10px}.edit-btn-primary{background:var(--emerald);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.edit-btn-primary:hover{background:var(--emerald-dark);transform:translateY(-1px)}.edit-btn-primary:disabled{opacity:.6;cursor:not-allowed}.edit-close-btn{cursor:pointer;color:var(--emerald)}.permission-matrix-container{padding:24px;background-color:#fff;min-height:100vh;font-family:Inter,sans-serif}.permission-matrix-title{font-size:24px;font-weight:600;background-color:#fff;margin-bottom:20px}.permission-matrix-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 8px 20px #10b98114;border:1px solid #d1fae5;overflow-x:scroll}.permission-matrix-table{width:100%;border-collapse:collapse;min-width:max-content}.permission-matrix-table thead{background-color:#10b981;color:#fff}.permission-matrix-table th{padding:14px;text-align:center;font-weight:600;font-size:14px;border-right:1px solid rgba(255,255,255,.2)}.permission-matrix-table thead th{position:sticky;top:0;z-index:2}.permission-matrix-table td{padding:12px;text-align:center;border-bottom:1px solid #e5e7eb}.permission-name-cell{text-align:left!important;font-weight:500;color:#065f46;background-color:#ecfdf5}.permission-matrix-table tbody tr:hover{background-color:#f0fdf4;transition:.2s ease}.permission-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.permission-checkbox:disabled{cursor:not-allowed;opacity:.5}.permission-save-btn{margin-top:20px;padding:10px 18px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.permission-save-btn:hover{background-color:#059669}.permission-save-btn:disabled{background-color:#a7f3d0;cursor:not-allowed}.dashboard-wrapper{padding:20px;font-family:Arial,sans-serif;background-color:#fff;height:100%}.dashboard-title{font-size:28px;margin-bottom:20px;color:#016443}.dashboard-cards{display:flex;gap:20px;flex-wrap:wrap}.dashboard-card{flex:1;min-width:200px;background-color:#016443;color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000026;text-align:center}.card-label{font-size:16px;margin-bottom:10px;opacity:.9}.card-value{font-size:32px;font-weight:700}.dashboard-loading{margin-top:20px;font-size:16px;color:#333}.bulk-action-bar{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:10px 16px;border-radius:8px;margin-bottom:10px}.bulk-controls{display:flex;gap:10px;align-items:center}.bulk-select{padding:6px 10px;border-radius:6px;border:1px solid #d1d5db;min-width:160px}.apply-btn{background:transparent;background:var(--emerald);padding:6px 12px;border-radius:6px;cursor:pointer;color:#fff}.sales-card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 6px 16px #0000000f;margin:4% 0}.sales-header{display:flex;justify-content:space-between;align-items:center}.sales-title{display:flex;align-items:center;gap:4px}.lightning-symbol{color:var(--emerald);background:#fff;padding:2px 4px;margin-right:8px}.date-select-wrapper{position:relative;display:inline-flex;align-items:center;margin:20px 0}.calendar-icon{position:absolute;left:10px;font-size:18px!important;color:#000}.date-select{padding:8px 12px 8px 36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-weight:600;color:#374151;outline:none}.tabs{margin-top:10px;display:flex;gap:20px;border-bottom:2px solid #eee}.tabs button{background:none;border:none;padding:8px 10px;cursor:pointer;color:#666;position:relative;font-weight:500;outline:none}.tabs button.active{color:#016443}.tabs button.active:after{content:"";position:absolute;left:0;bottom:-2px;height:3px;width:100%;background-color:#016443;border-radius:3px}.chart-container{margin-top:20px}.sales-footer{margin-top:20px;display:flex;justify-content:space-between}.green{color:var(--emerald);font-weight:600}.filter-bar{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:10px 16px;border-radius:8px;margin-bottom:10px}.filter-controls{display:flex;gap:10px;align-items:center}.filter-select{padding:6px 10px;border-radius:6px;border:1px solid #d1d5db;min-width:160px}.apply-btn{background:var(--emerald);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;border:none}.apply-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:transparent;border:1px solid #d1d5db;padding:6px 12px;border-radius:6px;cursor:pointer}.cancel-btn:hover{background:#f1f5f9}