@import url(https://fonts.googleapis.com/css2?family=Syne:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);:root{--blue:#11458d;--blue-light:#1b6fe4;--red:#dd4846;--gray:#f1f1f1;--black:#323232;--border:#ddd;--tableHead:#495371;--gray-text:#8c8c8c}*{color:var(--black);margin:0;padding:0}html{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif}body,input{font-family:Roboto,sans-serif}.container{margin:auto;width:clamp(700px,75%,1200px)}.logout-button{fill:#fff;background-color:var(--red);border-radius:.3rem;cursor:pointer;height:25px;padding:4px;position:absolute;right:1rem;top:1rem;width:25px}.page-container{background-color:var(--gray);box-sizing:border-box;padding:1rem}.full-screen-container{align-items:center;background-color:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.page-title{text-align:center}.page-inner-container{border:1px solid var(--border);box-shadow:2px 2px 10px #d1d1d1;box-sizing:border-box;margin:1rem;overflow-x:auto}.search-input{border:1px solid var(--border);border-radius:.5rem;display:block;margin:1rem auto;padding:.5rem 1rem;width:30%}table{background-color:#fff;border-collapse:collapse;width:100%}thead{background-color:var(--tableHead);height:60px}.table-row:nth-child(2n){background-color:var(--gray)}td,th{padding:.5rem 1rem;text-align:left;text-align:center;width:10%}tbody tr{height:60px}th{color:#fff;font-weight:500}.table-item{text-align:start;width:30%}.table-item div{align-items:center;display:flex}.table-image{border-radius:.5rem;cursor:pointer;height:60px;object-fit:cover;width:60px}.item-name{margin:0 20px}.item-details,.item-name{max-width:30ch;min-width:20ch}.order-product-name{max-width:30ch;text-align:start}.order-product-name:hover{color:var(--red);cursor:pointer}.view-details{background-color:#fff;border:2px solid var(--blue);border-radius:.5rem;color:var(--blue);cursor:pointer;padding:.4rem .8rem;text-decoration:none;white-space:nowrap}.table-date{min-width:9ch}.table-action{align-items:center;display:flex;gap:6px}.table-action-button{background-color:#fff;border:1px solid var(--border);cursor:pointer;display:flex;padding:4px}.table-action-complete{background-color:var(--red);border:0;border-radius:.3rem;color:#fff;cursor:pointer;padding:4px 8px}.loginContainer{align-items:center;background-color:var(--blue);display:flex;height:100vh;justify-content:center;text-align:center}.loginForm{background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:300px}.loginInput{border:1px solid var(--border);border-radius:1rem;padding:1rem}.loginButton{background-color:var(--blue);color:#fff;cursor:pointer}.loginButton:focus{background-color:var(--blue-light)}.loader-inline-container{background-color:#fff;display:flex;justify-content:center;margin:.5rem}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:10px solid #f1f1f1;border-bottom:10px solid var(--red);border-radius:50%;border-top:10px solid var(--blue);height:60px;width:60px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-bar{background-color:var(--blue);height:10vh;justify-content:space-around}.nav-bar,.nav-link{align-items:center;display:flex}.nav-link{padding:1rem;text-decoration:none}.nav-name{color:var(--black);color:#fff}.expand-container{background-color:#fff;box-shadow:2px 2px 10px var(--border);display:none;padding:1rem;position:absolute;z-index:1}.expand-sub{display:flex;flex-direction:column}.expand-name{color:var(--black);font-size:.9rem;padding:.5rem 0;text-decoration:none}.nav-link:hover{background-color:var(--blue-light)}.drop-down:hover .expand-container{display:block}.expand-name:hover{color:var(--red)}.full-image{max-height:100%;max-width:100%;object-fit:contain}.close-image{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;position:absolute;right:1rem;top:1rem;z-index:1}.edit-container{background-color:#fff;display:grid;grid-template-columns:auto auto;width:100%}.edit-row{align-items:center;display:flex;margin:1rem}.edit-row label{flex:.4 1;white-space:nowrap}.edit-input{border:1px solid var(--border);border-radius:.4rem;flex:1 1;margin-left:1rem;outline:none;padding:.4rem .8rem}.edit-input .text-area{border:0;font-family:inherit;outline:inherit;padding:0;resize:none;width:100%}.edit-input select{border:0;cursor:pointer;outline:none;width:100%}.form-image{height:60px;object-fit:contain;width:60px}.upload-button{background-color:#fff;border:1px solid var(--blue);border-radius:4px;cursor:pointer;margin-left:1rem;padding:2px 16px}.button-submit{background-color:var(--blue);border:0;border-radius:50px;color:#fff;cursor:pointer;display:block;height:40px;margin:1rem auto;width:120px}.button-submit:focus{background-color:var(--blue-light)}.vp-container{background-color:#fff;border-radius:1rem;padding:1rem;position:relative}.vp-inner{display:flex;gap:1rem;margin-top:1rem}.vp-inner img{border:1px solid var(--border);border-radius:.5rem;height:150px;object-fit:contain;padding:.5rem;width:150px}.banner-container{list-style-type:none;padding:1rem}.banner-row{display:flex;gap:1rem}.banner-image{cursor:pointer;flex:1 1;height:130px;margin:.5rem 0;object-fit:cover}.add-banner{align-items:center;border:1px solid var(--border);border-radius:.5rem;cursor:pointer;height:100px;justify-content:center;margin:auto auto 1rem;width:80%}.ab-container,.add-banner{background-color:#fff;display:flex}.ab-container{flex-direction:column;gap:1rem;padding:1rem;position:relative}.ab-title{border-bottom:1px solid var(--border);padding-bottom:.5rem;text-align:center}.selected-b-img{height:250px}.ab-button{background-color:var(--blue);border:0;border-radius:.5rem;color:#fff;cursor:pointer;height:40px;margin:auto;width:100px}.product-view-container{background-color:#fff;border-radius:.5rem;max-height:90%;max-width:90%;overflow:auto;padding:1rem;position:relative}.product-details-title{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem}.product-view-container img{border:1px solid var(--border);border-radius:.5rem;height:150px;object-fit:contain;width:150px}.desc,.title{margin-bottom:.5rem}.desc{color:var(--gray-text);max-width:25ch}.order-details{grid-gap:1rem;background-color:#fff;display:grid;gap:1rem;grid-template-columns:auto auto;padding:1rem}.order-label{font-weight:500}.order-content{color:var(--gray-text);margin-top:.4rem}.upload-btn{background-color:var(--blue);border:0;border-radius:.5rem;color:#fff;cursor:pointer;display:block;height:40px;margin:1rem auto;width:100px}.upload-select{margin:1rem}.remainig-container{background-color:var(--red);padding:1rem;position:absolute;right:0;top:0;z-index:20}.remainig-container p{color:#fff}.upload-container{background-color:#fff;padding:1rem}.version-input{padding:.3rem .5rem}
/*# sourceMappingURL=main.f11a8271.css.map*/