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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{outline:0}.App{display:flex;flex-direction:column;justify-content:center;width:100%}.App-header{box-sizing:border-box;height:300px;padding:5vw 7vw;width:100%}.logo-wrapper{align-items:center;background-image:radial-gradient(#fff,#fff,#0000,#0000);display:flex;flex-direction:column;justify-content:center;left:5vw;position:absolute;top:50px}.LogoIcon{width:100px}.Logo{box-sizing:initial;object-fit:contain;width:300px}.menu-wrapper{position:absolute;right:5vw;top:50px;width:clamp(200px,70vw,10000px)}.menu-wrapper ul{align-items:center;display:flex;height:100%;justify-content:flex-end;list-style:none}.menu-wrapper ul li{align-items:center;border-radius:5px;display:flex;justify-content:center;margin:5px;width:-webkit-max-content;width:max-content}.menu-wrapper ul li a{background-color:#fff;border-radius:10px;color:brown;font-size:14px;height:100%;outline:2px solid #0000;outline-offset:-2px;padding:5px 10px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.menu-wrapper ul li a.active{background-color:brown;color:#fff}.menu-wrapper ul li a:hover{background-color:#fff;border:1px solid #f1f1f1;color:brown;outline:2px solid brown;outline-offset:2px}.background-wrapper{height:100vh;left:0;object-fit:cover;position:absolute;top:0;width:100vw;z-index:-1}.background-content{height:100%;position:relative;width:100%}.background-image{height:inherit;object-fit:cover;width:inherit}.first-section{align-items:center;display:flex;flex-direction:column;height:clamp(200px,calc(100vh - 300px),10000px);justify-content:center;max-width:100vw;position:relative}.first-section .title{color:#fff;font-size:25px;font-weight:600;text-shadow:0 0 5px #000}.first-section .get-started-btn{background-color:#99363699;border-radius:40px;color:#fff;font-size:14px;height:40px;margin-top:20px;outline:2px solid #0000;outline-offset:-2px;padding:5px;text-align:center;text-decoration:none;transition:all .2s;width:110px}.first-section .get-started-btn:hover{background-color:#993636;color:#fff;cursor:pointer}.first-section .get-started-btn:active{background-color:#555;color:#fff;cursor:pointer}.second-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:50px 0;width:100vw}.app-image{height:600px;object-fit:contain}.app-content{background-color:#f1f1f1;border-radius:20px;display:flex;flex-direction:column;margin:5vw;min-height:400px;padding:20px;width:clamp(200px,90%,450px)}.app-details,.app-details h1{color:#993636;font-size:24px;margin-bottom:30px}.app-details p{color:#555;font-size:18px;margin-bottom:30px}.download-link-wrappper{width:inherit}.download-link-wrappper h3{margin-bottom:20px}.download-link-btn{background-color:#a95636;border:none;border-radius:5px;box-shadow:0 5px 8px #0004;color:#fff;margin:10px 10px 30px;padding:10px;text-decoration:none}.download-link-btn:hover{background-color:#73401e;margin-bottom:30px}.third-section{background-color:#e9b7b7;min-height:100vh;width:100vw}.section-content,.third-section{align-items:center;display:flex;justify-content:center}.section-content{flex-direction:row;flex-wrap:wrap;height:inherit;padding-bottom:50px;padding-top:50px;width:inherit}.section-title{font-size:30px;text-align:center;width:100vw}.content-item{background-color:#fff;border-radius:20px;box-shadow:0 12px 15px #0008;margin:min(30px,3vw);min-height:350px;padding:20px;width:300px}.content-item h4{color:#000;font-size:20px;margin-bottom:10px}.content-item p{color:#777;margin-bottom:10px}.content-item button{background-color:#a95636;border:none;border-radius:30px;box-shadow:3px 3px 5px #0008;color:#fff;padding:5px 10px}.forth-section{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100vw}.forth-content-wrapper{padding:10px;width:clamp(300px,90%,500px)}.forth-content-wrapper h2{color:#000;font-size:28px;margin-bottom:10px;width:400px}.forth-content-wrapper p{color:#777}.forth-image,.forth-image-2{border-radius:10px;box-shadow:5px 10px 15px #0008;margin:10px;width:350px}.forth-down-btn{background:#0000;border:none;color:#a95636;font-size:24px;margin-top:10px;padding:5px}.fifth-section{min-height:100vh}.fifth-section,.footer-section{align-items:center;background-color:#f1f4f6;display:flex;justify-content:center;width:100vw}.footer-content{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;height:inherit;justify-content:center;width:inherit}footer{background-color:#c4733d;width:inherit}.footerContainer{background-color:#999;padding:70px 30px 20px;width:inherit}.socialIcons,.socialIcons a{display:flex;justify-content:center}.socialIcons a{align-items:center;background-color:#fff;border-radius:50%;color:#777;font-size:2em;height:50px;margin:10px;opacity:.9;text-decoration:none;width:50px}.socialIcons a:hover{background-color:#111}.socialIcons a:hover,.socialIcons a:hover i{color:#fff;transition:.5s}.footerNav{margin:30px 0}.footerNav ul{display:flex;justify-content:center;list-style-type:none}.footerNav ul li a{color:#fff;font-size:1em;margin:20px;text-decoration:none;transition:.5s}.footerNav ul li a:hover{color:#73401e}.footerBottom{background-color:#999;padding:20px;text-align:center}.footerBottom p{color:#fff}.designer{font-weight:400;letter-spacing:1px;margin:0 5px;opacity:.7;text-transform:uppercase}@media (max-width:700px){.footerNav ul{flex-direction:column}.footerNav ul li{margin:10px;text-align:center;width:100%}.socialIcons a{margin:4px;padding:8px}}.login-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px;width:100%}.title{color:brown;margin-top:20px}.App-logo.Login{width:200px}.login-form-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.login-input-wrapper{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;width:clamp(200px,80%,300px)}.login-input-wrapper label{color:gray;font-weight:600;margin-bottom:10px}.login-input-wrapper input{border:1px solid #ddd;border-radius:5px;color:gray;padding:10px}button{border:none;border-radius:5px}.submit-button{background-color:#a94a4a;color:#fff;cursor:pointer;font-weight:600;height:40px;transition:background .2s;width:clamp(200px,80%,300px)}.submit-button:hover{background-color:brown}a{text-decoration:none}.bottom-wrapper,a{color:gray;font-size:12px}.bottom-wrapper{bottom:10px;left:50%;position:absolute;transform:translate(-50%)}.policy-link{color:gray}.policy-link:hover{color:brown}.Loader{background-color:#0006}.nav-item,.nav-storage-menu{display:flex}.nav-item{align-items:center}.account-name{cursor:default}.nav-storage-menu>*{margin-inline:6px;padding-inline:10px}.nav-storage-menu button{color:#0006;padding:0;padding-inline:3px}.nav-storage-menu img{margin-inline:3px}.context-menu-wrapper.active{display:block;left:35%;position:absolute;right:50%;transform:translate(-50%);z-index:4}.context-menu-wrapper{display:none}.context-menu-close.active{align-items:center;background-color:#0001;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.context-menu-close{display:none}.context-menu-content{background-color:#fff;border-radius:5px;box-shadow:0 0 8px #0003;height:-webkit-max-content;height:max-content;min-height:300px;padding:25px 20px;position:relative;width:270px}.context-menu-content ul{list-style:none}.context-menu-content ul li{list-style:none;margin-block:10px}.context-menu-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;line-height:10px;padding-inline:3px}.context-menu-item:hover{background-color:#0001}.context-menu-item:active{background-color:#0003}.context-menu-item span{margin-block:10px}.context-menu-item span:first-child{width:50px}.delete-storage-item-wrapper.active{align-items:center;border-radius:5px;box-shadow:0 0 10px #0005;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.delete-storage-item-wrapper{display:none}.delete-storage-item-close-btn.active{background-color:#0112;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.delete-storage-item-close-btn{display:none}.delete-storage-item-content{background:#fff;border-radius:5px;padding:20px}.delete-storage-item-content p{margin-bottom:10px}.delete-storage-item-content div{display:flex}.delete-storage-item-content div button{margin:3px;padding:5px;width:-webkit-max-content;width:max-content}.delete-storage-item-content div button:first-child{background-color:#f03232;color:#fff}.delete-storage-item-content div button:last-child{background-color:#0003;color:#fff}.float-duplicate-display.active,.float-export-display.active,.float-import-display.active{align-items:center;background-color:#0002;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:11}.float-duplicate-display,.float-export-display,.float-import-display{display:none}.float-import-content{background-color:#fff;border-radius:5px;height:calc(100% - 100px);padding:20px;position:relative;width:clamp(900px,90%,380px)}.display-all-data-excel{height:calc(100% - 120px);margin-top:20px}.display-all-data-excel,.preview-import-json{background-color:#0002;overflow:hidden;overflow-y:scroll;padding:10px}.preview-import-json{height:calc(100% - 140px);margin-top:10px}.flex-wrapper{margin-top:15px}.mr5{margin-right:5px}.startup-loader-wrapper.active{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.startup-loader-wrapper{display:none}.cursor{cursor:pointer}.float-import-info-display.active{align-items:center;background:#0002;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:15}.float-import-info-display{display:none}.float-import-info-content{background:#fff;border-radius:5px;height:-webkit-max-content;height:max-content;padding:20px;position:relative;width:max(calc(100% - 500px),400px)}.float-import-info-content h3,.float-import-info-content p{margin-block:15px}.help-me-wrapper.active{align-items:center;background:#0002;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:8}.help-me-wrapper{display:none;left:0;position:absolute;top:0;z-index:8}.help-me-content{background:#fff;border-radius:5px;box-shadow:0 0 10px #0004;display:flex;flex-direction:column;height:calc(100% - 40px);padding-inline:50px;padding:20px 20px 10px;width:max(calc(100% - 500px),400px)}.help-me-fixed-content{flex-grow:1;height:150px;overflow:hidden}.help-me-scroll-content{background-color:#ddd3;border:1px solid #ddd5;border-radius:5px;flex-grow:1;height:430px;overflow:hidden;overflow-y:scroll;padding:10px;padding-inline:50px}.help-me-cancel-content{display:flex;height:55px;justify-content:end;padding:10px}.Storage .help-me-content h3{font-weight:500}.Storage .help-me-scroll-content p{margin-block:10px}.help-me-cancel-content button{background-color:#0001;border-radius:3px;color:#0006;padding:5px;padding-inline:10px}.help-me-cancel-content button:hover{background-color:#0003}.help-me-cancel-content button:active{background-color:#0005}.Storage .selected-category-storage{color:#6a77ce;font-size:.7rem;font-weight:400;left:10px;position:absolute;top:45px}.Storage .money-category-storage{color:#6a77ce;font-size:1rem;font-weight:400;left:10px;position:absolute;top:47px}.Storage .add-filter-item{margin:0}.Storage{margin:0 auto}.account-wrapper .online{color:green;font-weight:500}.logoutwrapper{width:80px}.Refresh-button{background-color:#fff;border-radius:5px;color:#666;padding:6px 5px;top:15px}.Refresh-button:hover{background-color:#aaa;color:#222}.Storage .Storage-content-wrapper{display:flex;flex-shrink:1;gap:50px;margin-top:20px;width:100%}.Storage .Storage-content{background:#fff;position:relative;width:780px}.Storage-content-details{min-width:680px;width:680px}.Storage-content-filter-storage{margin-bottom:40px;position:relative;width:100%}.Storage .product-category-list-storage.active{display:block;height:-webkit-max-content;height:max-content;left:130px;min-width:200px;position:absolute;top:53px}.Storage .product-category-list-storage{box-shadow:0 0 10px #0006;height:0;left:130px;overflow:hidden;position:absolute;top:53px;z-index:2}.Storage .edit-category-filter.active{background:#fff;border-radius:5px;box-shadow:0 0 10px #0006;display:block;left:130px;min-width:200px;position:absolute;top:53px;z-index:2}.Storage .edit-category-filter{display:none}.Storage .edit-category-filter .add-input-wrapper{display:flex;gap:10px;padding:10px}.Storage .edit-category-filter .add-input-wrapper input{border:1px solid #aaa;border-radius:3px;padding:5px;width:100%}.Storage .edit-category-filter .add-input-wrapper button{border:1px solid #aaa;border-radius:3px;padding:5px 10px 2px}.Storage .edit-category-filter .add-input-wrapper button:hover{background:#99afd0}.Storage .edit-category-filter .add-input-wrapper button:active{background:#667db0}.Storage .edit-category-filter ul,.product-category-list-storage ul{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:400px;list-style:none;overflow:hidden;overflow-y:scroll;padding:10px}.Storage .edit-category-filter ul{gap:2px}.Storage .edit-category-filter ul li{display:flex;gap:10px}.Storage .edit-category-filter ul li input{cursor:pointer}.Storage .edit-category-filter ul li button:first-child,.product-category-list-storage ul button{font-size:.85rem;padding:5px;text-align:left;width:100%}.Storage .edit-category-filter ul li button:first-child{background:#ddd;cursor:default}.Storage .edit-category-filter ul li button[filter-btn-active]:first-child{background:#f99;color:red}.relative-position{position:relative}.Storage .block-background.active{display:block;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:0}.Storage .block-background{display:none}.Storage .edit-category-filter ul li button:hover{background:#aba}.Storage .edit-category-filter ul li button:nth-child(2):hover{background:#ff6363}.product-category-list-storage ul li{margin-block:1px}.product-category-list-storage ul button:active{background:#889fd0}.Storage .edit-category-filter ul .li-active button,.product-category-list-storage ul .li-active button,.product-category-list-storage ul .li-active button:hover,.product-category-list-storage ul .li-none button:hover{background:#aabff0}.Storage .edit-category-filter .delete-button-wrapper.active{align-items:center;background:#0001;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.Storage .edit-category-filter .delete-button-wrapper{display:none}.Storage .edit-category-filter .delete-button-content{background:#fff;border-radius:5px;display:flex;flex-direction:column;gap:10px;height:90px;justify-content:center;width:150px}.Storage .edit-category-filter .delete-button-content p{text-align:center}.Storage .edit-category-filter .delete-button-content div{display:flex;gap:10px;justify-content:center;width:100%}.Storage .edit-category-filter .delete-button-content div button{padding:5px}.Storage .edit-category-filter .delete-button-content div button:first-child{background:#d99}.Storage .edit-category-filter .delete-button-content div button:nth-child(2){background:#ddd}.Storage .edit-category-filter .delete-button-content div button:first-child:hover{background:#d44;color:#fff}.Storage .edit-category-filter .delete-button-content div button:nth-child(2):hover{background:#aaa;color:#fff}.filter-item{position:relative}.Storage-content-filter-storage *{display:inline-block}.search-item{background:#ddd;position:relative}.Storage .search-item .clear-btn{background:#ddd;border:1px solid #eee;left:200px;padding-bottom:5px;padding-top:8px;padding-inline:10px;position:absolute;top:0}.Storage .search-item .clear-btn:hover{background:#bbb}.Storage .search-item .clear-btn:active{background:#999}.item-number{width:70px}.item-unit-price{width:100px}.Storage-content-items-wrapper{border:1px solid #0002;display:flex;flex-direction:column;height:calc(100vh - 315px);overflow:hidden;overflow-y:scroll;position:relative}.red{color:red}.storage-content-loader{align-items:center;background-color:#abc2;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.progress-wrapper{background:#f0f0f0;border:1px solid #ccc;border-radius:5px;height:10px;margin-block:5px;overflow:hidden}.progress{background-color:#4caf50;border-radius:3px;height:100%;transition:width .3s ease}.import-upload-btn{background-color:#8ab9d6;color:#fff;margin-inline:19px;padding:5px}.import-info-btn{background-color:#eee;color:#fff;padding:5px 5px 0}.import-info-btn:hover{background-color:#ddd}.import-info-btn:active{background-color:#bbb}.import-upload-btn:hover{background-color:#49aeec}.import-upload-btn:active{background-color:#32a7f0}.account-department{background-color:#0002;color:#0006}.Storage-content-items.active,.Storage-content-items.active:nth-child(2n){background:#76c4f5}.Storage .product-image .image-preview{height:250px;margin:0;object-fit:contain;text-align:left;width:-webkit-max-content;width:max-content}.bottom-bar{padding-bottom:10px;padding-top:5px}.bottom-detail{align-items:center;display:flex}.add-detail input,.add-detail select{border:1px solid #aaa;border-radius:5px;font-size:.85rem;margin-left:20px;padding:10px;width:230px}.history-content-item{height:calc(100% - 100px)}.upload-btn-red{background-color:#f1f1f4;border-radius:5px;color:red;padding:5px 20px}.close-btn-top-right{padding:5px 5px 0;position:absolute;right:10px;top:10px}.close-btn-top-right:active{background-color:#0003}.resume-pause{background-color:#c7d2d8;color:#fff;margin-right:3px;padding:3px 3px 0}.account-wrapper .Storage-content-items-wrapper,.account-wrapper .Storage-content-title-f{width:1100px}.account-wrapper .Storage-content-items-wrapper-f{height:calc(100vh - 190px)}.flex-wrapper{align-items:center}.Storage-content-f{background:#fff;width:1200px}.Admin-wrapper .Storage-content-filter-f{margin-bottom:40px;position:relative;width:100%}.Storage-content-filter-f .filter-item{color:#000;font-size:.9rem;font-weight:300;height:45px;margin-right:10px;padding:10px;width:-webkit-max-content;width:max-content}.Storage-content-filter-f .filter-item img,.Storage-content-filter-f .nav-item{margin-right:10px}.Storage-content-filter-f *{display:inline-block}.Storage-content-title-f{display:flex;flex-grow:0}.item-name-f{width:270px}.item-quantity-f{width:100px}.item-specification-f{width:150px}.item-model-f{width:120px}.item-u-f{width:100px}.storage-content-loader-get{align-items:center;background-color:#abc2;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:2}.Storage-content-admin-wrapper-f{display:flex;flex-direction:column;height:calc(100vh - 275px);overflow:hidden;overflow-y:scroll;position:relative}.bottom-bar{align-items:center;height:-webkit-max-content;height:max-content}.bottom-item{align-items:center;height:28px;position:relative;text-align:center}.progress-bottom{border:1px solid #aaa;border-radius:3px;left:55px;overflow:hidden;padding:2px;position:absolute;top:-8px;width:-webkit-max-content;width:max-content}.account-wrapper,.account-wrapper *{#outline:1px solid red;font-weight:300}.account-wrapper{height:100vh;margin-right:10px;overflow:hidden;padding:50px 10px 10px 50px;width:1250px}.account-wrapper .Storage-content-items-wrapper,.account-wrapper .Storage-content-title{width:900px}.account-wrapper .Storage-content-items-wrapper{height:calc(100vh - 180px)}.account-wrapper .account-history{height:calc(100vh - 180px);margin-left:20px;overflow:hidden;width:380px}.account-item{align-items:center;background-color:#e1e1ea;display:flex;gap:20px;margin:10px 0;padding:10px}.login-details,.login-details .account-item{background-color:#aaa}.account-item input{border:1px solid #ddd;border-radius:5px;padding:8px;width:250px}.account-title{margin-bottom:20px}.flex-wrapper{display:flex}.Storage,.Storage *{font-weight:300}.Loader{align-items:center;background-color:#0002;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:10}.Storage .selected-category-admin{width:-webkit-max-content;width:max-content}.Storage .selected-category-admin,.Storage .selected-section{color:#6a77ce;font-size:.8rem;font-weight:400;left:10px;position:absolute;top:45px}.Storage .filter-btn{color:#6a77ce;font-size:.8rem}button{background:#0000;cursor:pointer;font-weight:300}.Admin-wrapper{display:flex}.user-wrapper{border-bottom:1px solid #fff8;color:#fff9;left:20px;padding-bottom:10px;position:absolute;top:35px}.Navigation-bar{background:#222;height:100vh;margin-top:0;padding:10px;width:200px}.Navigation-bar ul{padding-top:70px}.Navigation-bar ul,.Navigation-bar ul li{margin:3px 0;width:100%}.Navigation-bar ul li button{color:#ddd;outline:1px solid #ddd6;padding:5px;text-align:left;width:100%}.Navigation-bar ul li button:hover{background:#163e57;color:#ddd;outline:1px solid #ddd}.Navigation-bar ul li button.active{background:#074063;color:#ddd;outline:1px solid #ddd9}.logout-wrapper{bottom:15px;left:20px;position:absolute;width:160px}.logout-btn{background-color:#fff;border-radius:5px;color:#666;cursor:pointer;padding:8px 5px;width:100%}.logout-btn:hover{background-color:#aaa;color:#fff}.Section-wrapper{width:calc(100vw - 200px)}.Storage{margin:10px auto 0;max-width:1300px;padding:10px}.Account-owner{display:flex;gap:5px;justify-content:space-between;padding:5px;width:100%}.owner{display:flex;gap:10px}.Storage .online{color:green;font-weight:500}.Admin-wrapper .error-message,.Storage .error-message,.Storage .offline,.account-wrapper .error-message{color:red;font-weight:500}.logout-btn{line-height:-10px}.Storage-bar{background-color:#f9f9f9;border:1px solid #ddd;box-shadow:0 0 10px #0000001a;margin-top:5px;padding:15px 20px;position:relative;width:100%}.Refresh-button{background-color:initial;cursor:pointer;padding-bottom:3px;position:absolute;right:20px;top:10px}.Storage-content-wrapper{display:flex;flex-shrink:1;gap:100px;margin-top:20px;width:100%}.Storage-content{background:#fff;width:700px}.Storage-content-details{background:#f1f1f1;min-width:670px;width:670px}.Admin-wrapper .Storage-content-filter{margin-bottom:40px;position:relative;width:100%}.product-section-list.active{display:block;height:-webkit-max-content;height:max-content;left:130px;position:absolute;top:75px}.product-section-list{border-radius:5px;box-shadow:0 0 10px #0006;height:0;overflow:hidden;position:absolute}.product-category-list.active{display:block;height:-webkit-max-content;height:max-content;left:270px;position:absolute;top:75px}.product-category-list{border-radius:5px;box-shadow:0 0 10px #0005;height:0;overflow:hidden;position:absolute}.product-category-list ul,.product-section-list ul{background-color:#fff;border-radius:5px;display:flex;flex-direction:column;list-style:none;padding:10px}.product-category-list ul button,.product-section-list ul button{color:#222;font-size:.85rem;padding:5px;text-align:left;width:100%}.product-category-list ul button:hover,.product-section-list ul button:hover{background:#bbb}.product-category-list ul button:active,.product-section-list ul button:active{background:#889fd0}.filter-item{color:#777;font-size:.9rem;font-weight:600;height:40px;padding:10px;width:-webkit-max-content;width:max-content}.filter-item img{position:relative;right:-8px;top:5px}.Storage-content-filter *{display:inline-block}.search-item{margin-left:50px}.search-item input{border:1px solid #aaa;border-radius:5px;font-size:.85rem;padding:10px}.Storage-content-title{display:flex;flex-grow:0}.title-item{background:#d1d1d1;font-size:.85rem;font-weight:600;height:30px;outline:1px solid #fff;padding:5px}.item-number{width:60px}.item-name{width:170px}.item-quantity{width:130px}.item-model,.item-specification{width:120px}.item{padding:5px}.Storage-content-admin-wrapper{display:flex;flex-direction:column;height:calc(100vh - 265px);overflow:hidden;overflow-y:scroll}.m-5 div{margin-left:18px}.m-5 .add-filter-item{left:0;position:absolute;top:10px}.select{font-size:.8rem;margin-inline:10px;padding:5px}.add-item{font-weight:600;padding:3px}.Storage-content-items{display:flex}.Storage-content-items:nth-child(2n){background:#f6f6f6}.product-content-details{padding:30px 10px 10px;width:100%}.Storage-content-items:hover{background-color:#c9eaff}.Storage-content-items:hover .item{cursor:pointer}.Storage-content-items:has(.item:active){background:#76c4f5}.product-title{margin-bottom:20px}.product-content{display:flex}.section-item-detail{width:50%}.item-detail{display:flex;margin-bottom:30px}.detail{color:#222;font-size:.85rem}.Storage .detail-i{color:#32a7f0;font-size:.85rem;font-weight:400;margin-left:4px}.product-image{object-fit:contain;width:100%}.product-image .image-preview{height:100px;object-fit:contain;width:100px}.bottom-bar{border-top:.5px solid #999;display:flex;height:40px;overflow:hidden}.bottom-item{align-items:end;display:flex;margin-inline:20px}.bottom-item span{font-size:.8rem}h3{font-weight:400}.Storage-add-wrapper.active{align-items:center;background:#0002;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.Storage-add-wrapper{display:none}.Storage-add-content{background:#fff;border-radius:5px;box-shadow:0 0 50px #0003;display:block;height:550px;padding:20px;position:relative;width:800px;z-index:5}.Storage-add-content h3{margin-top:10px;padding-inline:20px}.Storage-add-content input{border:1px solid #aaa;border-radius:5px;font-size:.85rem;margin-left:20px;padding:10px;width:230px}.add-detail{display:flex;justify-content:space-between;margin-block:30px}.add-content-section{display:inline-block;padding:20px;width:380px}.add-detail-btn{bottom:10px;display:flex;gap:20px;justify-content:end;position:absolute;width:100%}.add-save-btn{background-color:#6a77ce;color:#ddd;font-size:.8rem;padding:5px 30px}.add-save-btn:hover{background-color:#3950e6}.add-cancel-btn{background-color:#ccc;font-size:.8rem;padding:5px 30px}.add-cancel-btn:hover{background-color:#aaa}.inventory-btn-wrapper{position:absolute;right:20px}.inventory-btn{background:#f1f1f4;color:#888}.inventory-btn,.inventory-btn:hover{font-size:.85rem;font-weight:300;margin:10px;padding:5px}.inventory-btn:hover{background:#c1c1c4;color:#666}.add-delete-btn{color:#222;font-size:.8rem;font-weight:300;padding:5px 10px}.add-inventory-wrapper.active{align-items:center;background:#0002;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.add-inventory-wrapper{display:none}.add-inventory-content{background:#fff;border-radius:5px;box-shadow:0 0 50px #0000004d;display:block;height:500px;padding:20px;width:400px}.add-inventory-content,.remove-inventory-content{position:relative}.add-inventory-content input,.remove-inventory-content input{border:1px solid #aaa;border-radius:5px;font-size:.85rem;margin-left:20px;padding:10px;width:230px}.remove-inventory-wrapper.active{align-items:center;background:#0002;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.remove-inventory-wrapper{display:none}.remove-inventory-content{background:#fff;border-radius:5px;box-shadow:0 0 50px #0000004d;display:block;height:470px;padding:20px;width:400px;z-index:6}.history-item{display:flex;padding-bottom:30px;position:relative}.detail-h{min-width:120px}.detail-h-name{min-width:90px}.detail-h-d{min-width:150px}.history-wrapper.active{align-items:center;background:#0002;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:6}.history-wrapper{display:none}.history-content{background:#fff;border-radius:5px;box-shadow:0 0 50px #0000004d;display:block;height:600px;padding:10px;width:550px}.hours-time{font-size:.75rem;position:absolute;right:5px;top:5px}.history-content-item{height:calc(100% - 90px);overflow:hidden;overflow-y:scroll;padding-right:10px}.history-content{position:relative}.history-content h3{margin-bottom:20px}.history-detail{display:flex;flex-direction:column;margin-inline:2px}.history-item{background-color:#eee;border-radius:5px;margin-block:2px;padding:10px}.Image-picker.active{align-items:center;background-color:#0001;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:6}.Image-picker{display:none}.Image-picker-content{background-color:#fff;border-radius:5px;box-shadow:0 0 50px #0004;height:500px;padding:20px;position:relative;width:400px}.Image-picker-content *{margin-bottom:10px}.bottom-corner{bottom:10px;position:absolute;right:10px}.bottom-corner>*{margin-inline:5px}.preview-image{max-height:280px;object-fit:contain;width:360px}.upload-btn{background-color:#6a77ce;border-radius:5px;color:#ddd;padding:5px 20px}.upload-btn:active,.upload-btn:hover{background-color:#475ad6}.loader-container{align-items:center;background:#ffffff4d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:6px solid #e0e0e0;border-radius:50%;border-top-color:#3b82f6;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#2a2a2a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.end-of-data{color:#aaa;font-weight:400;margin-bottom:70px;padding-bottom:0;text-align:center}.app-container{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.header{background-color:#9bcdff;box-shadow:0 1px 3px #0000001a;color:#000;padding:10px}.header h2{font-size:20px;font-weight:500;margin:0;text-align:center}.main-content{padding-bottom:60px}.scroll-list-container{background-color:#fff;border-bottom:1px solid #0000001a;width:100%}.scroll-list-padding{padding:16px}.scroll-list-title{color:#2a2a2a;font-size:18px;font-weight:500;margin-bottom:12px}.scroll-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth}.buttonlist-actions::-webkit-scrollbar,.scroll-list::-webkit-scrollbar{height:6px}.buttonlist-actions::-webkit-scrollbar-thumb,.scroll-list::-webkit-scrollbar-track{background:#ececf0;border-radius:3px}.buttonlist-actions::-webkit-scrollbar-thumb,.scroll-list::-webkit-scrollbar-thumb{background:#717182;border-radius:3px}.buttonlist-actions::-webkit-scrollbar-thumb:hover,.scroll-list::-webkit-scrollbar-thumb:hover{background:#5a5a6b}.buttonlist-container{align-items:center;background:#fff;border:1px solid #ddd;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:16px;width:100%}.buttonlist-header{color:#333;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:4px;min-width:180px}.buttonlist-category,.buttonlist-date{align-items:center;display:flex;gap:6px}.buttonlist-actions{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.buttonlist-btn{align-items:center;background:#f9f9f9;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.buttonlist-btn:hover{background:#f0f0f0;box-shadow:0 2px 6px #0000001a}.date-scroll-container{background:#fff;border-bottom:1px solid #ddd;width:100%}.date-scroll-header{padding:16px}.date-scroll-header h3{font-size:16px;font-weight:600;margin-bottom:12px}.date-scroll-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth}.date-scroll-list::-webkit-scrollbar{height:6px}.date-scroll-list::-webkit-scrollbar-track{background:#f1f1f1}.date-scroll-list::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.date-button{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;flex-shrink:0;padding:8px 16px;transition:all .2s ease}.date-button:hover{background:#f0f0f0;box-shadow:0 2px 6px #0000001a}.date-button.active{background:#ffd77c;border-color:#facb5e}.data-scroll-container{background:#fff;width:100%}.data-scroll-header{padding:10px}.data-scroll-header h3{font-size:16px;font-weight:600;margin-bottom:12px}.data-scroll-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth}.data-scroll-list::-webkit-scrollbar{height:6px}.data-scroll-list::-webkit-scrollbar-track{background:#f1f1f1}.data-scroll-list::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.data-button{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;flex-shrink:0;padding:8px 16px;transition:all .2s ease}.data-button:hover{background:#f0f0f0;box-shadow:0 2px 6px #0000001a}.data-button.active{background:#ffd77c;border-color:#facb5e}.data-table-container{flex:1 1;overflow:auto;padding:16px}.table-title{font-size:18px;font-weight:600;margin-bottom:16px}.table-container{overflow-x:auto;width:100%}.table{border-collapse:collapse;font-size:14px;width:100%}.table-header-row{background:#f8f9fa}.table-head{border-bottom:1px solid #ddd;font-weight:600;padding:8px;text-align:left;white-space:nowrap}.table-row{border-bottom:1px solid #eee;transition:background .2s ease}.table-row:hover{background:#f1f3f5}.table-cell{padding:8px;white-space:nowrap}.cell-editable{border-radius:4px;cursor:pointer;padding:4px 8px;transition:background .2s ease}.cell-editable:hover{background:#e9ecef}.input{border:1px solid #ccc;border-radius:4px;font-size:14px;height:32px;min-width:0;outline:none;padding:4px 8px;transition:border .2s ease,box-shadow .2s ease;width:100%}.input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.input-edit{height:32px}.footer-bar{background:#bbb;border-top:1px solid #ddd;bottom:0;left:0;padding:10px;position:fixed;right:0;z-index:0}.footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-left-desktop,.footer-right-desktop{display:flex;gap:12px}.footer-left,.footer-right{display:flex;gap:10px}.footer-button{align-items:center;background:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;font-size:10px;gap:0;padding:5px;scale:.9;transition:all .2s ease}.footer-button.hum-menu{border:none}.footer-button:hover{background:#f0f0f0}.logout-button{background:#f9f9f9;border:1px solid #ccc}.logout-button:hover{background:#f0f0f0}.footer-button:hover{color:#007bff;transform:scale(1.05)}.footer-button:active{color:#0056b3;transform:scale(.95)}.footer-hamburger{display:none}.footer-mobile-menu{display:flex;flex-direction:row;gap:2px;justify-content:space-around;margin-top:8px;opacity:0;pointer-events:none;transform:translateY(100%);transition:transform .8s ease,opacity .4s ease;width:100%}.footer-mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.footer-mobile-menu.closed{opacity:0;pointer-events:none;transform:translateY(100%)}.footer-mobile-menu .footer-button{background-color:#ffda9e;border-radius:10px;transition:background-color .2s ease}.footer-mobile-menu .footer-button:active{color:#fff}.btn{background:none;border:none;cursor:pointer;font:inherit}.profile-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.profile-card{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;max-width:400px;padding:20px;width:90%}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.profile-details p{font-size:14px;margin:8px 0}.progress-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.progress-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0003;display:flex;flex-direction:column;height:90%;max-width:1000px;padding:16px;width:95%}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-body{grid-gap:20px;background:#fff;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.progress-body h3{color:#000;font-size:18;font-weight:600;margin-bottom:10px;text-align:center}.progress-left,.progress-right{display:flex;flex-direction:column;max-height:70vh;position:relative;width:min(380px,100%)}.section-title{font-weight:700;margin:8px 0;width:100%}.add-task-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;height:-webkit-max-content;height:max-content;margin-bottom:12px;max-height:-webkit-max-content;max-height:max-content;padding:8px 12px;width:-webkit-max-content;width:max-content}.message-list-t,.task-list-t{overflow:hidden;overflow-y:scroll;padding:5px 6px 5px 5px;width:100%}.task-list-t{background-color:#fff;height:calc(100% - 50px)}.message-list-t,.task-list-t{border-bottom:10px solid #f5f5f5;border-top:10px solid #f5f5f5}.message-list-t{background-color:#f5f5f5;height:70vh}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.message-item,.task-item{background:#ffdcdc}.message-item,.message-item-finished,.task-item{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:15px;padding:8px;position:relative}.message-item-finished{background:#b3e1ff}.time-posted{color:#515050;font-size:.7rem;position:absolute;right:10px;top:5px}.relative{position:relative}.month-dropdown{display:inline-block;font-family:sans-serif;position:absolute;top:0}.month-btn{background-color:#ffda9e;border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:10px 16px}.month-menu{background:#fff7e6;border:1px solid #ffd28a;border-radius:8px;display:flex;flex-direction:column;margin-top:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-10px);transition:max-height .4s ease,opacity .4s ease,transform .4s ease}.month-menu.open{max-height:500px;opacity:1;pointer-events:auto;transform:translateY(0)}.month-item{background:#0000;border:none;cursor:pointer;padding:10px 14px;text-align:left}.month-item:hover{background:#ffe2b8}.notification{background-color:#22c55e}.notification,.notification-error{border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;opacity:0;padding:12px 20px;position:fixed;right:20px;top:20px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.notification-error{background-color:#eb4b4b}.months-button{font-size:1rem}.notification-error.show,.notification.show{opacity:1;transform:translateY(0)}.text-inline{margin-inline:4px;width:-webkit-max-content;width:max-content}.task-icon{color:#333}.task-icon.blue{color:#b3962e}.task-icon.done{color:green}.tick-btn{align-items:center;background:none;border:none;color:#119d11;cursor:pointer;display:flex;font-size:12px;gap:3px;margin-left:auto}.msg-date{font-size:12px;font-weight:700}.msg-text{font-size:14px}.tab-buttons{display:flex;gap:8px;justify-content:center;margin-top:10px}.tab-btn,.tab-buttons{height:-webkit-max-content;height:max-content}.tab-btn{background:#f9f9f9;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:8px;transition:all .2s ease;width:-webkit-max-content;width:max-content}.tab-btn.active{background:#007bff;border-color:#007bff;color:#fff}.tab-btn.active-pending{background:#ff7c7c;border-color:#ff7c7c;color:#fff}.tab-content-wrapper{height:70vh;overflow:hidden;position:relative}.tab-content{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:transform .3s ease,opacity .3s ease;width:100%}.tab-content.active{opacity:1;pointer-events:auto;position:relative}.slide-in-left{transform:translateX(0)}.slide-out-right{transform:translateX(100%)}.slide-in-right{transform:translateX(0)}.slide-out-left{transform:translateX(-100%)}.task-form-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.task-form-container{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;max-width:90%;padding:20px;width:400px}.form-header{align-items:center;display:flex;justify-content:space-between}.user-info{background:#f9f9f9;border-radius:8px;font-size:14px;margin-bottom:15px;padding:10px}.task-form{gap:12px}.task-form,.task-form label{display:flex;flex-direction:column}.task-form label{font-weight:500}.task-form input,.task-form select{border:1px solid #ccc;border-radius:6px;padding:8px}.submit-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px;transition:background .2s ease}.submit-btn:hover{background:#0056b3}.upload-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.upload-container{box-shadow:0 4px 12px #0003;gap:10px;padding:15px;width:min(1200px,95%)}.close-btn{background:#0000}.drag-drop{border:2px dashed #aaa;border-radius:8px;cursor:pointer;margin-inline:auto;padding:20px;text-align:center;width:min(400px,100%)}.drag-drop input{margin-top:10px}.preview-section{border:1px solid #eee;border-radius:6px;height:calc(100% - 100px);min-height:200px;overflow-y:auto;padding:10px}.upload-btn{background:#007bff;border-radius:8px}.upload-btn,.upload-btn-loading{align-items:center;display:flex;gap:6px;padding:10px 15px}.upload-btn-loading{background:#79b8fc;border:none;border-radius:8px;color:#fff;cursor:pointer}.upload-btn:hover{background:#0056b3}.progress-bar{background:#f0f0f0;border-radius:8px;position:relative}.progress-fill{background:#28a745}.progress-bar span{font-size:12px;font-weight:700;left:50%;position:absolute;top:2px;transform:translateX(-50%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.header h1{font-size:20px}.upload-header h2{font-size:1.3rem}.progress-body{padding:10px}.scroll-list-padding,.table-container{padding:12px}.footer-content{padding:8px}.footer-button-text{font-size:11px}.footer-button{background-color:#ddd;flex-direction:column;scale:.9}.footer-bar{background-color:#fff;padding:5px}.buttonlist-container{border-radius:0;flex-direction:column;overflow:hidden}.buttonlist-header{flex-direction:row;width:100%}.buttonlist-actions{display:flex;flex:1 1;flex-wrap:nowrap;gap:12px;overflow:hidden;overflow-x:scroll;padding-bottom:10px;width:100%}.buttonlist-btn{border-radius:4px;font-size:14px;gap:6px;padding:4px 8px}}@media (max-width:720px){.progress-right{display:none}}@media (min-width:480px){.footer-mobile-menu{display:none}}@media (max-width:480px){.header{padding:12px}.header h1{font-size:18px}.scroll-button{font-size:13px;padding:6px 12px}.table-title{font-size:16px}.footer-button{border-radius:3px;font-size:14px;padding:5px}.footer-left-desktop,.footer-right-desktop{display:none}.footer-hamburger{display:flex}.footer-inner{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;padding:10px}}.upload-modal{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.upload-container{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;max-height:90%;max-width:1200px;padding:16px;width:95%}.upload-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding-bottom:8px}.InfoNoteHeader{color:#303030;font-size:1rem}.infoColList{color:#888;display:flex;flex-wrap:wrap;gap:10px;list-style:none}.close-btn{background:none;border:none;cursor:pointer;padding:4px}.file-input-section,.flex{display:flex;gap:10px}.file-input-section{align-items:center;flex-wrap:wrap;margin-top:12px;width:100%}.text-center{margin-block:10px;text-align:center}.upload-btn{background:#2382e8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 14px}.upload-btn:hover{background:#0e68ca}.preview-section{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;height:300px;margin-top:12px;overflow:auto;padding:8px}.preview-section::-webkit-scrollbar{height:4px}.preview-section::-webkit-scrollbar-thumb,.preview-section::-webkit-scrollbar-track{background:#ececf0;border-radius:3px}.preview-section::-webkit-scrollbar-thumb{background:#9898a7;border-radius:3px}.preview-section::-webkit-scrollbar-thumb:hover{background:#7d7d88}.empty-preview{color:#888;margin-top:20px;text-align:center}.preview-table{border-collapse:collapse;font-size:14px;width:100%}.preview-table td,.preview-table th{border:1px solid #ccc;padding:6px 8px;text-align:left}.preview-table th{background:#f1f1f1;font-weight:700}.progress-section{margin-top:12px}.progress-bar{background:#e0e0e0;border-radius:6px;height:6px;margin-block:10px;overflow:hidden;width:100%}.progress-fill{background:#007bff;height:100%;transition:width .3s ease;width:0}@media (max-width:768px){.upload-btn,.upload-btn-loading{margin-inline:auto}}
/*# sourceMappingURL=main.d2727dab.css.map*/