*{box-sizing:border-box;margin:0;padding:0}img,video,canvas{vertical-align:bottom}.flex{display:flex}.flex--column{flex-direction:column}.flex--column-reverse{flex-direction:column-reverse}.flex--row{flex-direction:row}.flex--row-reverse{flex-direction:row-reverse}.flex--align-center{align-items:center}.flex--align-start{align-items:flex-start}.flex--align-end{align-items:flex-end}.flex--align-baseline{align-items:baseline}.flex--align-stretch{align-items:stretch}.flex--justify-center{justify-content:center}.flex--justify-start{justify-content:flex-start}.flex--justify-end{justify-content:flex-end}.flex--justify-between{justify-content:space-between}.flex--justify-around{justify-content:space-around}.flex--wrap{flex-wrap:wrap}.flex--wrap-reverse{flex-wrap:wrap-reverse}.flex--no-wrap{flex-wrap:nowrap}.flex--gap-half{gap:.5rem}.flex--gap-1{gap:1rem}.flex__flex-1{flex:1}.flex__flex-2{flex:2}.flex__flex-3{flex:3}.flex__flex-4{flex:4}.flex__flex-5{flex:5}.flex__flex-6{flex:6}.flex__flex-7{flex:7}.flex__flex-8{flex:8}.flex__flex-9{flex:9}html,body,#app{height:100%}body{background:#ebebeb;font-family:system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}h2{font-size:1.3rem}a{color:#17a081;text-decoration:none}dl{display:grid;column-gap:1rem;grid-template-columns:1fr 2fr;margin:.5rem 0;row-gap:.5rem}dl dt,dl dd{white-space:nowrap}.group{border-radius:.5rem;box-shadow:0 0 .5rem #00000040;overflow:hidden}.group>*,.group>*>*{border-radius:0!important}.group--shadow{box-shadow:0 0 .5rem #00000040}.group .input-comp__input-group,.group .input-comp input{border-radius:0!important;box-shadow:none}.label{color:#989898}.padding-1rem{padding:1rem}.padding--left-half{padding-left:.5rem}.padding--left-1rem{padding-left:1rem}.toast[data-v-7b9d0f76]{background:#333;border-radius:.5rem;box-shadow:0 0 1rem #0003;color:#eee;display:block;height:3.5rem;left:50%;min-width:16rem;opacity:0;overflow:hidden;padding:1rem;position:fixed;text-align:center;top:-3.5rem;transform:translate(-50%);transition:all .5s ease;z-index:9999}.toast span[data-v-7b9d0f76]{bottom:0;height:.5rem;left:0;position:absolute;right:0;width:100%}.toast--visible[data-v-7b9d0f76]{opacity:1;top:3rem}.loading-overlay[data-v-7db1455e]{background:#fffffff2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.loading-overlay img[data-v-7db1455e]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30%}.app-wrapper[data-v-6e38ad04]{height:100%}.modal[data-v-33dba685]{background:#fff;border:none;border-radius:.5rem;box-shadow:0 0 1rem #00000080;left:50%;max-height:calc(100vh - 4rem);max-width:480px;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}.modal--wide[data-v-33dba685]{max-width:960px}.modal--top[data-v-33dba685]{top:1rem;transform:translate(-50%)}.modal[data-v-33dba685]::backdrop{background:#000000b3;content:"TEST";bottom:0;left:0;position:fixed;right:0;top:0}.modal__header[data-v-33dba685]{border-bottom:1px solid #ccc;display:flex;justify-content:space-between}.modal__header h3[data-v-33dba685]{margin:1rem}.modal__close[data-v-33dba685]{align-items:center;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:1rem}.modal__content[data-v-33dba685]{padding:1rem;position:relative}.modal__content--no-padding[data-v-33dba685]{padding:0}.button[data-v-e219d73d]{border:none;border-radius:.5rem;box-shadow:0 0 .5rem #00000040;height:2.5rem;padding:0 1rem}.button[disabled][data-v-e219d73d]{cursor:not-allowed;opacity:.5}.button--default[data-v-e219d73d]{background:#6c757d;color:#eee}.button--primary[data-v-e219d73d]{background:#33aedd;color:#eee}.button--alternative[data-v-e219d73d]{background:#17a081;color:#eee}.button--warning[data-v-e219d73d]{background:#ffc107;color:#333}.button--danger[data-v-e219d73d]{background:#dc3545;color:#fff}@keyframes colorChange-094ca7c4{0%{color:#fff}to{color:#c0392b}}.header-main[data-v-094ca7c4]{align-items:center;background:#17a081;color:#f4f4f4;display:flex;gap:1rem;height:3.5rem;justify-content:space-between;padding:0 1rem;position:fixed;right:0;top:0;width:100%;z-index:900}.header-main h1[data-v-094ca7c4]{flex:1;font-size:1.2rem;font-weight:400}.header-main h1 a[data-v-094ca7c4]{color:#fff}.header-main__icon[data-v-094ca7c4],.header-main__icon--offline[data-v-094ca7c4]{color:#fff;cursor:pointer}.header-main__icon--offline[data-v-094ca7c4]{animation:colorChange-094ca7c4 1s infinite alternate}.sidebar-nav[data-v-5a302968]{background:#333;bottom:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:fixed;right:0;top:3.5rem;transition:width .3s;width:0;z-index:1000}.sidebar-nav[data-v-5a302968] *{color:#eee;white-space:nowrap}.sidebar-nav__visible[data-v-5a302968]{width:clamp(12rem,80%,20rem)}.sidebar-nav__user-nav[data-v-5a302968]{gap:1px}.sidebar-nav__user-nav a[data-v-5a302968]{background:#444}.sidebar-nav__backdrop[data-v-5a302968]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-nav menu[data-v-5a302968]{display:flex;flex-direction:column;list-style:none}.sidebar-nav a[data-v-5a302968]{align-items:center;display:flex;height:3rem;padding:0 1rem;text-decoration:none}.base-layout[data-v-9b2150b6]{height:100%;padding-top:3.5rem}.slider[data-v-e84c8484]{background:#ccc;border-radius:1.25rem;cursor:pointer;display:inline-block;height:2.125rem;margin:0;padding:0;position:relative;transition:.4s;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-touch-callout:none;touch-callout:none;-webkit-user-select:none;user-select:none;width:3.75rem}.slider[data-v-e84c8484]:before{background:#fff;border-radius:50%;bottom:.25rem;content:"";display:block;height:1.625rem;left:.25rem;position:absolute;transition:.4s;width:1.625rem}.slider--checked[data-v-e84c8484]{background:#2196f3}.slider--checked[data-v-e84c8484]:before{transform:translate(1.625rem)}.slider[data-v-e84c8484]:focus{outline:none!important}video[data-v-f0aced51]{background:#333;border-radius:.5rem;height:18vh;object-fit:cover;width:100%}.input-comp__input-group[data-v-5aed59fa]{align-items:stretch;background:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #00000040;display:flex;overflow:hidden}.input-comp__btn[data-v-5aed59fa]{align-items:center;display:flex;justify-content:center;padding:0 .5rem}.input-comp p[data-v-5aed59fa]{color:#989898;margin:0 .5rem .5rem}.input-comp input[data-v-5aed59fa]{border:1px solid transparent;border-radius:.5rem;flex:1;font-family:inherit;font-size:1rem;height:2.5rem;outline:none;padding:0 .5rem}.input-comp input.error[data-v-5aed59fa]{border-color:#c0392b}.input-comp__error[data-v-5aed59fa]{margin-top:.25rem}.input-comp__error p[data-v-5aed59fa]{color:#c0392b;font-size:.75rem}.block[data-v-c7ee83b6]{background:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #00000040}.block--padded[data-v-c7ee83b6]{padding:1rem}.scanner-history[data-v-59e4b223]{display:flex;flex-direction:column;height:100%}.scanner-history__empty[data-v-59e4b223]{align-items:center;color:#aaa;display:flex;flex:1;font-size:1.25rem;justify-content:center}.scanner-history__item[data-v-59e4b223]{border-top:1px solid #ccc;display:grid;grid-template-columns:2rem 1fr min-content;grid-template-rows:auto auto auto;grid-template-areas:"error error error" "status barcode quantity" "status date quantity";padding:.5rem 0}.scanner-history__item__barcode[data-v-59e4b223]{font-weight:400;grid-area:barcode;letter-spacing:.05rem}.scanner-history__item__date[data-v-59e4b223]{color:#aaa;font-size:.85rem;grid-area:date}.scanner-history__item__quantity[data-v-59e4b223]{align-items:center;background:#eee;border-radius:1rem;display:flex;grid-area:quantity;height:2rem;justify-content:center;min-width:2rem;padding:0 .5rem;white-space:nowrap}.scanner-history__item__status[data-v-59e4b223]{align-items:center;display:flex;grid-area:status}.scanner-history__item__status--error[data-v-59e4b223]{color:#e74c3c}.scanner-history__item__status--unsynced[data-v-59e4b223]{color:#f39c12}.scanner-history__item__status--ok[data-v-59e4b223]{color:#27ae60}.scanner-history__item__error[data-v-59e4b223]{background:#e74c3c;border-radius:.5rem;color:#eee;grid-area:error;margin-bottom:.125rem;overflow:hidden;padding:.125rem .5rem;text-overflow:ellipsis;white-space:nowrap}.scanner-history h3[data-v-59e4b223]{margin-bottom:.5rem}.scanner-history hgroup[data-v-59e4b223]{margin-bottom:.5rem}.scanner-history hgroup h3[data-v-59e4b223]{margin-bottom:0}.scanner-history hgroup p[data-v-59e4b223]{color:#aaa;font-size:.9rem}.scanner-history[data-v-1fa6172a]{display:flex;flex-direction:column;height:100%}.scanner-history__empty[data-v-1fa6172a]{align-items:center;color:#aaa;display:flex;flex:1;font-size:1.25rem;justify-content:center}.scanner-history__item[data-v-1fa6172a]{border-top:1px solid #ccc;display:grid;grid-template-columns:2rem 1fr min-content;grid-template-rows:auto auto auto;grid-template-areas:"error error error" "status barcode quantity" "status date quantity";padding:.5rem 0}.scanner-history__item__barcode[data-v-1fa6172a]{font-weight:400;grid-area:barcode;letter-spacing:.05rem}.scanner-history__item__date[data-v-1fa6172a]{color:#aaa;font-size:.85rem;grid-area:date}.scanner-history__item__quantity[data-v-1fa6172a]{align-items:center;background:#eee;border-radius:1rem;display:flex;grid-area:quantity;height:2rem;justify-content:center;min-width:2rem;padding:0 .5rem;white-space:nowrap}.scanner-history__item__status[data-v-1fa6172a]{align-items:center;display:flex;grid-area:status}.scanner-history__item__status--error[data-v-1fa6172a]{color:#e74c3c}.scanner-history__item__status--unsynced[data-v-1fa6172a]{color:#f39c12}.scanner-history__item__status--ok[data-v-1fa6172a]{color:#27ae60}.scanner-history__item__error[data-v-1fa6172a]{background:#e74c3c;border-radius:.5rem;color:#eee;grid-area:error;margin-bottom:.125rem;overflow:hidden;padding:.125rem .5rem;text-overflow:ellipsis;white-space:nowrap}.scanner-history h3[data-v-1fa6172a]{margin-bottom:.5rem}.scanner-history hgroup[data-v-1fa6172a]{margin-bottom:.5rem}.scanner-history hgroup h3[data-v-1fa6172a]{margin-bottom:0}.scanner-history hgroup p[data-v-1fa6172a]{color:#aaa;font-size:.9rem}.amount-selector[data-v-d16f84cb]{background:#fff;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 0 .5rem #00000040;display:flex;height:2.5rem;overflow:hidden}.amount-selector__amount-btn[data-v-d16f84cb]{align-items:center;background:#eee;display:flex;justify-content:center;width:2.5rem}.amount-selector__amount-input[data-v-d16f84cb]{border:none;flex:1;height:100%;padding:0 .5rem}.scan-response[data-v-07403f09]{overflow:hidden}.scan-response__state-banner[data-v-07403f09],.scan-response__state-banner--error[data-v-07403f09],.scan-response__state-banner--success[data-v-07403f09]{align-items:center;background:#3498db;color:#196090;display:flex;font-size:5rem;justify-content:center;padding:1rem}.scan-response__state-banner--success[data-v-07403f09]{background:#dafee0;color:#61ba9d}.scan-response__state-banner--error[data-v-07403f09]{background:#edd5d5;color:#cb444a}.scan-response__content[data-v-07403f09]{padding:1rem}.container[data-v-33774f31]{display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content 1fr;height:100%;gap:1rem;padding:1rem}