@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}html{font-size:62.5%}:root{--primary-color:#1c454e}body{font-size:1.6rem;font-weight:500;font-family:Nunito,sans-serif;color:var(--primary-color);background-color:#fff}h1{font-size:4rem;font-weight:700;text-transform:capitalize}h2{font-size:3rem;font-weight:600}.navbar{padding:2rem 3rem;background-color:#eef4f2;position:fixed;height:max(100dvh,100%);overflow-y:auto;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);width:-moz-fit-content;width:fit-content;margin:0;width:25rem}.navbar::-webkit-scrollbar{display:none}.navbar h2{margin-top:2.5rem;margin-bottom:4rem;text-align:center}.navbar ul{list-style:none;flex-direction:column;gap:20px}.navbar ul,.navbar ul li{display:flex;align-items:center;width:100%}.navbar ul li{background-color:#fff;color:var(--primary-color);justify-content:center;border-radius:1rem;transition:all .2s ease;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35)}.navbar ul li a{font-size:2rem;transition:all .2s ease;font-weight:600;padding:2rem 0;color:inherit;width:100%;text-align:center}.navbar ul li.active,.navbar ul li:hover{color:#fff;background:var(--primary-color)}.navbar__inventory{margin-top:auto}.navbar__logo{display:flex;justify-content:center}.navbar__flex-wrapper{display:flex;align-items:center;gap:20px}.navbar .burger-button{display:none}@media (max-width:1000px){.navbar{position:absolute;left:0;width:100vw;z-index:2;transition:.3s;position:fixed;padding:20px}.navbar--hidden{top:-110%}.navbar--shown{top:0}.navbar .burger-button{display:block}}.orderTable{display:flex;flex-direction:column;padding:7rem 0 0;width:100%;gap:5rem;overflow:auto;margin:0 3rem 0 26rem}.orderTable__heading{display:flex;width:100%;justify-content:center;align-items:center;padding:0 3rem}.orderTable__heading form{margin-top:2rem;display:flex;justify-content:space-between;align-items:center}.orderTable__heading label,.orderTable__heading__buttons button{outline:none;border:none;font-size:1.6rem;font-family:Nunito,sans-serif;font-weight:600;color:inherit;text-align:center;padding:1.2rem;cursor:pointer;display:flex;background-color:var(--primary-color);color:#fff;align-items:center;border-radius:1rem;transition:all .2s ease;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35)}.orderTable__heading .burger-button{margin:0;padding:0;display:none}.orderTable__heading button:disabled{opacity:.7;cursor:default}.orderTable__heading h1{margin:0 auto;text-align:center}.orderTable__heading a{font-size:2rem;font-weight:600;color:inherit;text-align:center;padding:1.2rem;cursor:pointer;display:flex;background-color:var(--primary-color);color:#fff;align-items:center;justify-content:center;border-radius:1rem;transition:all .2s ease;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35)}table{overflow:auto;border:2px solid #eef4f2}td,th{border:1px solid #eef4f2;padding:8px;text-align:start}.orderTable__mark{display:flex;flex-direction:column;gap:20rem;padding:2rem 0}.orderTable__btn-container{display:flex;flex-direction:column;gap:17px}.orderTable__btn-box{display:flex;align-items:center;gap:8px}.orderTable__btn-box button{padding:.3rem .7rem;border:none;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:1.4rem;border-radius:5px;transition:all .2s ease}.orderTable__btn-box button:hover{filter:brightness(95%)}.orderTable__btn-box button.cancel{background:#ec2e2e}.orderTable__btn-box button.archive{background:#225dcc}.orderTable__btn-box button.shipped{background:#20a047}.orderTable__btn-box button.label{background:#5cc0de}@media (max-width:1000px){.orderTable{margin:0;padding:20px}.orderTable__heading{padding:0;flex-direction:column;align-items:flex-start;gap:10px;width:-moz-fit-content;width:fit-content}.orderTable__heading .burger-button{display:block}.orderTable__heading__buttons{width:100%}.orderTable__heading__flex-wrapper{display:flex;align-items:center;gap:12px}form.orderTable__heading__search-form{display:block;margin:0}.orderTable__heading h1{text-align:start;width:-moz-fit-content;width:fit-content;margin:0}.orderTable table{display:block;width:100%;overflow-x:auto}}.orderDetail{display:flex;flex-direction:column;padding:7rem 0;gap:10rem;margin:0 3rem 0 26rem}.heading{display:flex;gap:20px;margin:10px 0}.details{overflow:auto}.items{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;grid-row-gap:.5em;grid-column-gap:1em}.items h3{margin:2px 0}.block,.items h3{display:block}.bold{font-weight:700}.items .value{font-weight:400}.capitalize{text-transform:uppercase}.save-btn{padding:1rem 2rem;border:none;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:1.4rem;border-radius:5px;transition:all .2s ease;background:#20a047;float:right}.orderDetail .burger-button{display:none}.details table textarea{width:100%}.details table td,.details table th{vertical-align:top}.details table td{width:-moz-fit-content;width:fit-content}@media (max-width:1000px){.orderDetail{margin:0;padding:20px;gap:2rem}.orderDetail .burger-button{display:flex}.items{grid-template-columns:repeat(1,1fr)}.items table{min-width:0}}.inventory__container{display:flex;flex-direction:column;overflow:auto;margin:0 3rem 0 254px;padding:20px}.inventory__container h1{text-align:center}.inventory__title{margin-top:10rem;display:flex;width:600px;justify-content:space-between;align-items:center}.inventory__container ul{display:flex;flex-direction:column;padding-top:16px;gap:16px;border-top:4px solid var(--primary-color);width:100%}.inventory ul div{display:flex;gap:100px;align-items:center}.inventory form input{padding:.5rem;font-size:1.8rem;font-weight:500;font-family:Nunito,sans-serif;color:var(--primary-color);width:160px}.inventory li{list-style:none;display:flex;width:600px;justify-content:space-between;align-items:center;font-size:20px;font-weight:500}.inventory__table{width:-moz-fit-content;width:fit-content;overflow-x:auto;margin:0 auto}.inventory__flex-wrapper{display:flex;align-items:center;gap:20px;margin:0 auto}.inventory .burger-button{display:none}@media (max-width:1000px){.inventory__container{margin:0}.inventory__title{width:calc(100% - 268px)}.inventory__title h2{font-size:2rem}.inventory__container ul{width:100%;min-width:560px;gap:8px}.inventory__table{width:100%}.inventory li{font-size:14px}.inventory__flex-wrapper{margin:0}.inventory .burger-button{display:block}}@media (max-width:600px){.inventory__title{width:304px}}.burger-button{position:relative;width:50px;height:50px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:10px;background-color:var(--primary-color);border:none}.burger-button span{position:absolute;width:65%;height:2px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff}span:first-child{top:calc(50% - 8px)}span:last-child{top:calc(50% + 8px)}.button{outline:none;border:none;font-size:1.6rem;font-family:Nunito,sans-serif;font-weight:600;color:inherit;text-align:center;padding:1.2rem;cursor:pointer;display:flex;background-color:var(--primary-color);color:#fff;align-items:center;border-radius:1rem;transition:all .2s ease;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35)}