@font-face{font-family:Robaga-Rounded-Bold;src:url(/assets/Robaga%20Rounded%20Bold-Dd7Pu437.otf) format("opentype");font-weight:400;font-style:normal}.error-body{margin:0;display:flex;place-items:center;width:100vw;height:100vh;background-color:#555}.error-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-family:Robaga-Rounded-Bold,sans-serif;color:#3c1213}.error-container__text--name{font-size:7vw;font-weight:700}.error-container__text--description{font-size:2vw}.error-container__text--description>a{color:#78160f;text-decoration:none}.error-container__text--description>a:hover{color:#9a1a11}.error-container__text--img>img{width:50vw;height:auto}.home-container{display:flex;flex-direction:column;align-items:center;padding:2vw}.hero{position:relative;width:100%;max-width:1200px;border-radius:8px;overflow:hidden;margin-bottom:20px}.hero__image{width:100%;height:auto;display:block}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.hero__title{font-size:36px;margin-bottom:10px}.hero__description{width:90%;font-size:18px;text-align:center;text-wrap:wrap;word-wrap:normal}.menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:100%;max-width:800px;margin-top:20px;padding:20px}.menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.menu__sort-buttons{display:flex;gap:10px}.menu__sort-button{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:14px;background-color:#343a40;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .3s}.menu__sort-button:hover{background-color:#67676c}.menu__sort-button:focus{outline:none;box-shadow:none}.menu__item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #424242;color:#343a40}.menu__item__delete{font-size:1.5em;color:#dc3545;border:none;background:none;padding:.25em .5em;-webkit-user-select:none;user-select:none}.menu__item__delete:focus{outline:none;box-shadow:none}.menu__item:last-child{border-bottom:none}.menu:last-child{margin-bottom:2vw}.header{background-color:#343a40;width:96%;padding:2%;display:flex;flex-direction:row;align-items:center}.header__item{color:#b6b6b6;font-size:1.5em}.header__item--selected{color:#fff;font-weight:700}.header>a{width:20%}body,h1,h2,p,ul,input,button,label,textarea{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f8f9fa;color:#343a40}.header{background-color:#343a40;padding:20px;text-align:center}.header__title{color:#fff;font-size:24px}.management-container{display:flex;flex-direction:column;align-items:center;padding:20px}.item-management{width:100%;max-width:800px}.item-management__header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.item-management__search{width:70%;padding:10px;font-size:16px;border:1px solid #ced4da;border-radius:4px}.item-management__add{padding:10px 20px;font-size:16px;color:#fff;background-color:#28a745;border:none;border-radius:4px;cursor:pointer}.item-list{list-style-type:none}.item-list__item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #dee2e6}.item-list__item__name{font-size:18px;width:88%}.item-list__item__btn{width:5%;height:100%;padding:5px 10px;margin:.5%;font-size:14px;color:#fff;border:none;border-radius:4px;cursor:pointer}.item-list__item__btn--edit{background-color:#007bff}.item-list__item__btn--delete{background-color:#dc3545}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;justify-content:center;align-items:center;overflow-y:scroll}.popup__content{position:absolute;left:50%;transform:translate(-50%);max-width:fit-content;max-height:fit-content;min-width:50%;background-color:#fff;padding:20px;border-radius:8px;margin:5vh 0px}.popup__confirm{display:flex;justify-content:space-between}.popup__btn{display:block;width:40%;padding:2%;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer}.popup__btn--cancel{background-color:#dc3545}.popup__btn--submit{background-color:#28a745}.popup__title{font-size:24px;margin-bottom:20px}.popup__close{top:15px;right:15px;font-size:24px;cursor:pointer}.popup__field{width:96%;padding:2%;font-size:16px;border:1px solid #ced4da;border-radius:4px;margin-bottom:10px}.popup__field>input{background-color:#f8f9fa;border:none;color:#343a40}.popup__field>textarea{background-color:#f8f9fa;border:none;color:#343a40}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;background-color:#f8f9fa}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-form__header{font-size:24px;font-weight:700;margin-bottom:20px}.login-form__input{width:300px;height:40px;margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.login-form__submit{width:300px;height:40px;margin-top:20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.header{background-color:#343a40;width:96%;padding:2%}.header__icon{max-width:75px;width:100%}.product-container{display:flex;justify-content:center;align-items:center}.product{position:relative;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:90vw;max-width:800px;margin:20px auto}.product__image{max-width:100%;height:auto;border-radius:8px}.product__image--container{text-align:center;padding:20px;width:25%}.product__info{padding:20px;border-bottom:1px solid #dee2e6;display:flex;justify-items:left}.product__spec{width:75%;display:flex;flex-direction:column;justify-content:end}.product__spec>div{display:flex;flex-direction:row}.product__spec--type{font-size:24px;margin-bottom:10px;color:#343a40}.product__spec--group{font-size:16px;color:#6c757d;margin-bottom:5px}.product__spec--serial{font-size:16px;color:#adb5bd}.product__spec--dash{color:#000}.product__description{padding:20px;background-color:#e9ecef;border-radius:8px;margin-bottom:20px}.product__description-title{font-size:20px;margin-bottom:10px}.product__description-text{font-size:16px;color:#495057}.product__details{padding:20px;background-color:#e9ecef;border-radius:8px;margin-bottom:20px}.product__details-title{font-size:20px;margin-bottom:10px}.product__details-list{font-size:16px;color:#495057}.product__available{color:#28a745;position:absolute;border:1px solid #28a745;padding:.5vw;border-radius:8px;top:2vw;right:2vw}.product__available--hidden{display:none}.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast-button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}.language{position:absolute;right:1vw;top:1vh}.language__select{background-color:#535353;border:1px solid #000;border-radius:5px;padding:5px;cursor:pointer}.cookie-banner{position:fixed;bottom:0;width:100%;background-color:#0000006b;color:#fff;text-align:center;padding:10px}.cookie-banner button{margin-left:10px;padding:5px 10px;background-color:#fff;color:#000;border:none;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#282c34;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#1f2380;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}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}}
