: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{height:100vh;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%;overflow-y:auto;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{width:250px;background-color:#fff;display:flex;flex-direction:column;overflow-y:auto}.sidebar_logo{height:80px;display:flex;align-items:center;justify-content:center}.sidebar_logo_image{max-height:60px;max-width:90%;object-fit:contain}.menu{flex:1;padding: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-y:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-height:100vh;background-color:#d9d9d9}.main-content{flex:1;background-color:#d9d9d9;overflow-x:hidden}@media(max-height:960px){.main-content{overflow-x:hidden}}.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}.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)}}.data-table-container{background-color:#fcfcfc;padding:20px;border-radius:0;margin:0;box-shadow:none;width:100%;min-height:100vh;max-height:auto}.data-table{width:90%}.table-header{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{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{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}.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}.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:70px;width:120px;object-fit:contain;margin-bottom:24px}.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-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)}