html,body{height:100%;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif}#root{display:flex;flex-direction:column;min-height:100%}.content{flex:1}.container-list{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:30px 0;max-height:unset;min-height:65vh;background-color:#dbd9d9}.submit-button{margin-top:10px}input{width:200px;padding:8px;border:1px solid #ccc;border-radius:100px;box-shadow:#d4d4d8 0 1px 3px;order:1}button{width:200px;padding:10px 15px;background-color:#046a7c;color:#fff;cursor:pointer;border:1px solid #ccc;border-radius:100px;box-shadow:#d4d4d8 0 1px 3px;order:1}button:hover{background-color:#064b57}.in-movement-container{display:flex;flex-direction:column;align-items:center;padding:120px 20px 20px;margin-top:0;background-image:linear-gradient(to bottom,#fffc,#fffc),url(/assets/inventory-BYndhOwn.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;width:100%}.in-movement-header{text-align:center;margin-bottom:20px;color:#01070c}.in-movement-form{width:100%;max-width:800px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}.in-movement-form fieldset{border:none;padding:0}.legend{font-size:1em;margin-bottom:10px;color:#276ba6}.data{display:flex;flex-wrap:wrap;gap:20px}.in-movement-item{flex:1 1 calc(50% - 20px);display:flex;flex-direction:column}.in-movement-label{margin-bottom:5px;font-weight:700;color:#276ba6}.input-date,.select-in,.input-in{padding:8px;border:1px solid #ccc;border-radius:4px}input[type=date],input[type=time]{max-width:100%}button[type=submit]{width:100%;padding:10px;border:none;border-radius:4px;background:#276ba6;color:#fff;font-size:1em;cursor:pointer;margin-top:20px}button[type=submit]:hover{background:#1e5481}footer{width:100%;background-color:#fff;text-align:center;padding:20px 0;position:relative}footer p{margin:0}.in-movement-container{padding-bottom:100px}.header{width:100%;position:fixed;top:0;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:10px 2%}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#000}.nav-container{display:flex;align-items:center;justify-content:flex-end}.nav-visible{flex-direction:column;width:100%;background-color:#fff;position:absolute;top:50px;left:0}.user-menu{display:flex}@media(max-width:768px){.nav-toggle{display:block}.nav-container{display:none}.nav-visible{display:flex;background-color:#fff;z-index:1000}.header-content{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-menu{display:flex;justify-content:flex-end;align-items:center;padding-left:20px}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background-color:#276ba6;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:14px}.dropdown-menu{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;list-style-type:none;padding:0;margin:0}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu li{padding:8px 12px}.dropdown-menu li:hover{background-color:#ddd}.dropdown-menu a,.dropdown-menu span{color:#000;text-decoration:none;display:block;cursor:pointer;font-size:14px}.dropdown-menu a:hover,.dropdown-menu span:hover{color:#054f91}@media(max-width:768px){.user-menu{justify-content:center;padding-left:0}.dropdown-menu{position:static;display:none;width:100%}.dropdown:hover .dropdown-menu{display:block}}.navbar{display:flex;justify-content:center;align-items:center;background-color:#fff}.navbar-options-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.navbar-option-page{cursor:pointer}.navbar-option-text{font-size:14px;font-weight:700;color:#276ba6;transition:transform .3s ease,color .3s ease}.navbar-option-text:hover{transform:scale(1.1);color:#054f91}@media(max-width:768px){.navbar-options-container{flex-direction:column;align-items:center;gap:2px}.navbar-option-text{font-size:16px}}.logo-container{display:flex;align-items:center;height:80px}.navbar-logo-kontti{max-height:100%;width:auto;object-fit:contain}@media(max-width:768px){.logo-container{height:40px}}.out-movement-container{display:flex;flex-direction:column;align-items:center;padding:120px 20px 20px;margin-top:0;background-color:#f5f5f5;min-height:100vh}.out-movement-header{text-align:center;margin-bottom:20px;color:#01070c}.out-movement-header p{font-size:larger}.out-movement-box{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}.out-movement-form fieldset{border:1px solid #ccc;padding:20px;border-radius:10px}.legend{font-size:1.5em;color:#276ba6;margin-bottom:10px}.release-orders-section{margin-bottom:20px}.release-orders-section p{color:#276ba6;margin-bottom:10px}.select-in{width:100%;padding:10px;margin-bottom:20px;border-radius:5px;border:1px solid #ccc}.order-details{background-color:#f1f1f1;padding:15px;margin-bottom:20px;border-radius:5px}.order-details h4{margin-bottom:10px;color:#276ba6}.order-details p{margin:5px 0;color:#276ba6}button{background-color:#276ba6;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#0056b3}.login-page{width:100vw;height:100vh;background-color:#f0e9e9;display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:400px;padding:20px}.login-form{background-color:#ffffff1a;border-radius:50px;box-shadow:0 4px 6px #0000001a,5px 5px 10px #0000004d,-5px -5px 10px #ffffff80;padding:2rem;width:100%;max-width:85vw;margin:0 auto;position:relative;transition:transform .3s ease}.login-form:hover{transform:translateY(-4px)}.app-name{color:#043841;margin-bottom:10px;text-align:center;font-size:1.8rem}h2{text-align:center;color:#666;margin-bottom:1rem}.login-message{font-size:18px;color:#666;margin-bottom:20px;text-align:center}.label-input{margin-bottom:1rem}.login-label{display:block;margin-bottom:5px;color:#444}.form-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:50px;box-sizing:border-box}.form-input::placeholder{color:#bbb}.login-button{display:flex;justify-content:center;margin-top:1rem}.lbtn{position:relative;overflow:hidden;padding:10px 20px;background-color:#276ba6;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease;box-shadow:5px 5px 10px #0000004d,-5px -5px 10px #ffffff80}.lbtn:active{transform:scale(.98)}.lbtn:disabled{background-color:#ccc;cursor:not-allowed}input[type=text]:focus,input[type=password]:focus{outline:2px solid #276ba6;border-color:transparent}@media(max-width:480px){.login-form{padding:1.5rem}.app-name{font-size:1.5rem}.login-message{font-size:16px}}@media(prefers-color-scheme:dark){.login-page{background-color:#1a1a1a}.login-form{background-color:#ffffff0d}.login-message{color:#999}.login-label{color:#ccc}}.home-page{display:flex;flex-direction:column;min-height:100vh}.home{padding:120px 20px 80px;display:flex;flex-wrap:wrap;justify-content:center;background-image:linear-gradient(to bottom,#fffc,#fffc),url(/assets/inventory-BYndhOwn.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;width:100%}.text-and-options{flex:3;text-align:center;flex-direction:column}aside{flex:1;text-align:center;flex-direction:column;gap:40px}.home-header{color:#01070c;margin-bottom:120px;display:block}.home-options{position:relative;margin-left:6rem}.option-card-in,.option-card-out,.option-card-di,.option-card-qp,.option-card-sv{border:1px solid #d6d4d4;width:18.5rem;height:18.5rem;display:flex;align-items:center;justify-content:center;color:#0871cd;font-size:20px;font-weight:700;text-align:center;transform:rotate(45deg);cursor:pointer;background:linear-gradient(145deg,#c8c4c4,#f0f0f0);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.option-card-in{position:absolute;top:1rem;left:4rem}.option-card-out{position:absolute;top:1rem;left:30rem}.option-card-di{position:absolute;top:14rem;left:17rem}.option-card-qp{position:absolute;top:14rem;left:43rem}.option-card-sv{position:absolute;top:27rem;left:30rem}.option-card-in p,.option-card-out p,.option-card-di p,.option-card-qp p,.option-card-sv p{transform:rotate(-45deg)}.option-card-in:hover,.option-card-di:hover,.option-card-out:hover,.option-card-qp:hover,.option-card-sv:hover{transform:translateY(-10px) rotate(45deg);background:linear-gradient(145deg,#b4b0b0,#dcdcdc);box-shadow:0 4px 8px #0003;color:#fff}.links-units-inquiry{display:flex;flex-direction:column;flex:1;padding:20px;background-color:#fff;border:1px solid #ccc;border-radius:8px;align-items:center}.links-units-inquiry h3{margin-bottom:10px;justify-content:center;font-size:25px;color:#333}.links-units-inquiry ul{list-style-type:none;padding:0}.links-units-inquiry li{display:flex;margin-bottom:10px;justify-content:center}.links-units-inquiry a{color:#007bff;text-decoration:none}.links-units-inquiry a:hover{text-decoration:underline}@media screen and (min-width:1024px)and (max-width:1600px){.home-header{margin-bottom:20px}.home-options{display:flex;flex-wrap:wrap;padding:0;justify-content:center;margin-left:0}.option-card-in,.option-card-out,.option-card-di,.option-card-qp,.option-card-sv{position:initial;transform:rotate(0);border:1.5px solid #f1eded}.option-card-in p,.option-card-out p,.option-card-di p,.option-card-qp p,.option-card-sv p{transform:rotate(0)}.option-card-in:hover,.option-card-di:hover,.option-card-out:hover,.option-card-qp:hover,.option-card-sv:hover{transform:translateY(-10px)}}@media screen and (min-width:800px)and (max-width:1024px){.home-header{margin-bottom:20px}.home-options{display:flex;flex-wrap:wrap;padding:0;justify-content:center;margin-left:0}.option-card-in,.option-card-out,.option-card-di,.option-card-qp,.option-card-sv{position:initial;transform:rotate(0);border:2px solid #f1eded;align-items:center}.option-card-in p,.option-card-out p,.option-card-di p,.option-card-qp p,.option-card-sv p{transform:rotate(0)}.option-card-in:hover,.option-card-di:hover,.option-card-out:hover,.option-card-qp:hover,.option-card-sv:hover{transform:translateY(-10px)}}@media screen and (min-width:80px)and (max-width:800px){.home-header{margin-bottom:20px}.home-options{display:flex;flex-wrap:wrap;padding:0;justify-content:center;margin-left:0}.option-card-in,.option-card-out,.option-card-di,.option-card-qp,.option-card-sv{position:initial;transform:rotate(0);border:2px solid #f1eded;align-items:center}.option-card-in p,.option-card-out p,.option-card-di p,.option-card-qp p,.option-card-sv p{transform:rotate(0)}.option-card-in:hover,.option-card-di:hover,.option-card-out:hover,.option-card-qp:hover,.option-card-sv:hover{transform:translateY(-10px)}}.register-container{background-color:#f5f5f5;display:flex;position:relative;margin:0;height:100vh;align-items:center;justify-content:center}.register-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4%;background-color:#ffffff1a;border-radius:50px;box-shadow:0 4px 6px #0000001a;width:400px;max-width:85vw;margin:0 auto;position:relative;z-index:2;box-shadow:5px 5px 10px #0000004d,-5px -5px 10px #ffffff80}.app-name h3{color:#333;margin-bottom:10px}.register-message{font-size:18px;color:#666;margin-bottom:20px}input[type=text]{width:100%;padding:10px;border:1px solid #ccc;border-radius:50px;box-sizing:border-box;margin-bottom:20px}input[type=text]::placeholder{color:#bbb}.register-button{width:100%;display:flex;flex-direction:column;align-items:center}select{width:100%;padding:10px;border:1px solid #ccc;border-radius:50px;box-sizing:border-box;margin-bottom:20px}.empty-div{height:8vh;width:98vw;position:fixed;top:0;background-color:#fff}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:85vh;padding:20px;background-color:#fff}.verification-status{font-size:large}.return-home-link{text-decoration:none;color:#fff;background:#046a7c;padding:10px 15px;border-radius:5px;margin-top:20px;display:inline-block}.return-home-link:hover{background:#024551}.change-password-container{background-color:#f5f5f5;display:flex;position:relative;margin:0;height:85vh;align-items:center;justify-content:center;padding:80px 20px 20px}.change-password-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4%;background-color:#ffffffd0;border-radius:50px;box-shadow:0 4px 6px #0000001a;width:400px;max-width:85vw;margin:0 auto;position:relative;z-index:2;box-shadow:5px 5px 10px #0000004d,-5px -5px 10px #ffffff80}.change-password-text{font-size:20px;color:#666;margin-bottom:20px;text-align:center}.label-input{width:100%}.form-label{display:block;margin-bottom:5px;color:#444}input[type=text],input[type=password]{width:100%;padding:10px;border:1px solid #ccc;border-radius:50px;box-sizing:border-box;margin-bottom:20px}input[type=text]::placeholder,input[type=password]::placeholder{color:#bbb}.change-password-button{width:100%;display:flex;flex-direction:column;align-items:center}.lbtn{padding:10px 20px;background-color:#046a7c;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease;box-shadow:5px 5px 10px #0000004d,-5px -5px 10px #ffffff80}.lbtn:disabled{background-color:#ccc}.lbtn:not(:disabled):hover{background-color:#043c46}.spinner-grow{margin-right:5px}.terminal-stack-body{display:flex;flex-direction:column;padding:120px 20px 20px;background-image:linear-gradient(to bottom,#fffc,#fffc),url(/assets/inventory-BYndhOwn.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;text-align:center}.terminal-stack-view{display:flex;flex-wrap:wrap;width:100%;align-items:center}.zones-container{flex:2;overflow-y:auto;padding:10px;display:flex;flex-wrap:wrap;gap:10px}.zone{display:flex;flex-direction:column;gap:2px;background-color:transparent}.zone-a,.zone-b{width:150px;height:266px}.zone-c{width:200px;height:300px}.stack{align-items:center;display:flex;justify-content:center;border:1px solid #666;padding:5px;height:calc(100% / 7);background-color:#d1cece}.containers-without-position{margin-bottom:20px}.location-form{display:flex;flex-direction:column;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.location-form fieldset{border:none;margin:0;padding:0}.location-form legend{font-size:1.5em;margin-bottom:10px}.container-location{display:flex;flex-wrap:wrap;gap:10px}.container-location-item{flex:1;min-width:120px}.location-form button{align-self:flex-end;padding:10px 20px;color:#fff;border:none;border-radius:4px;cursor:pointer}.stack-details{margin-top:20px;flex:4;padding:60px 10px 10px;overflow-y:auto;width:100%;justify-items:center}.stack-title{text-align:center;font-size:larger;font-weight:bolder;color:red;margin-top:20px}.column{display:flex;flex-direction:column;align-items:center;flex:1;border:1px solid #39393b;margin:0 2px;width:10px}.stack-view{display:flex;flex-direction:row;width:480px}.height{border:1px solid rgb(144,136,136);background-image:url(/assets/container-BgvRnl-_.png);background-size:contain;background-repeat:no-repeat;background-position:center;height:100px;font-size:smaller;box-shadow:10px 10px 20px #000000e6,-10px -10px 20px #ffffff80;transition:transform .6s ease;color:#00f}.empty-slot{text-align:center;color:#b6b3b3;height:100px;font-size:smaller;border:none;background-color:transparent}.stack:hover{background-color:#4ae3e3;box-shadow:10px 10px 20px #000000e6,-10px -10px 20px #ffffff80}.dispatch-order-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:99vw;height:80vh;padding:120px 20px 20px}.dispatch-order-header{height:10%;color:#01070c;font-size:1.2rem;text-align:center;margin-bottom:20px}.dispatch-order-form{padding-top:50px;padding-right:50px}.dispatch-order-section{padding:60px 20px 20px}.input-in,.select-in,.input-date{width:100%;padding:8px 12px;margin-bottom:10px;border:1px solid #ccc;border-radius:50px}.dispatch-order-item{margin-bottom:20px;flex:1 1 1%}.data,.optional-data{display:flex;flex-wrap:wrap;gap:10px}fieldset{border:2px solid #046a7c;padding:10px;margin-bottom:20px;background-color:#e3e3e3;box-shadow:5px 5px 10px #0000004d,-5px -5px 10px #ffffff80}legend{padding:0 10px;color:#333;font-size:20px;font-weight:700}@media(max-width:768px){.dispatch-order-container{margin-top:100px;margin-bottom:200px;padding:220px 0 0}.dispatch-order-header{margin-bottom:120px}.dispatch-order-item{margin-bottom:20px;flex:1 1 25%}}.register-container{display:flex;flex-direction:column;align-items:center;padding:80px 20px 160px;background-color:#f5f5f5;color:#276ba6;margin-top:6rem}.register-form{width:100%;max-width:800px;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-top:8rem}form h1{margin-bottom:30px}.label-input{display:flex;flex-direction:column;margin-bottom:15px}.form-label{margin-bottom:10px;font-weight:700;color:#276ba6}.form-input{padding:8px;border:1px solid #ccc;border-radius:4px}.register-button{margin-top:20px}.lbtn{width:100%;padding:10px;border:none;border-radius:4px;background:#276ba6;color:#fff;font-size:1em;cursor:pointer}.lbtn:hover{background:#1e5481}.data-management-page{display:flex;flex-direction:column;min-height:100vh}.data-management-body{text-align:center;background-color:#f5f5f5;min-height:100vh;min-width:100vw;padding:80px 20px 20px}.data-management-header{color:#01070c;margin-top:60px;margin-bottom:60px}.data-management-options{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.data-management-options>div{width:20rem;height:20rem;display:flex;justify-content:center;align-items:center;color:#0871cd;font-size:18px;font-weight:700;text-align:center;cursor:pointer;border-radius:10px;background:linear-gradient(145deg,#c8c4c4,#f0f0f0);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.data-management-options>div:hover{transform:translateY(-10px);background:linear-gradient(145deg,#b4b0b0,#dcdcdc);box-shadow:0 4px 8px #0003;color:#fff}.user-count{background-color:#f0f0f0;border-radius:8px;padding:20px;text-align:center}.user-count-title{font-size:18px;margin-bottom:10px}.user-count-value{font-size:36px;font-weight:700;color:#4a90e2}.dashboard{padding:20px}.dashboard-title{font-size:24px;font-weight:700;margin-bottom:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.loading{text-align:center;font-size:18px;margin-top:50px}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.query-page{padding:120px 20px 20px;min-height:100vh;background-color:#f5f5f5}.query-page h1{text-align:center}.query-options-container{display:flex;flex-wrap:wrap;justify-content:space-around}.option-text{margin:0}.search-section,.filter-section,.query-section{margin-bottom:20px}.query-section h2{margin-bottom:10px}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}.query-option-inv,.query-option-mov,.query-option-ro,.query-option-cm{border:1px solid #ccc;width:33%;height:60px;display:flex;align-items:center;justify-content:center;color:#276ba6;font-size:20px;font-weight:700;text-align:center;cursor:pointer;background-color:#c8c4c4;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.query-option-inv:hover,.query-option-mov:hover,.query-option-ro:hover,.query-option-cm:hover{transform:translateY(-10px);background:linear-gradient(145deg,#b4b0b0,#dcdcdc);box-shadow:0 4px 8px #0003;color:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}