*{box-sizing:border-box;margin:0;padding:0}html{height:100vh;width:100vw}.watermelon-contrast-bg,body>footer h5.footer,body>header h1.title,body>main{background-color:rgba(0,128,0,.6);border:10px dotted crimson;border-radius:10px;color:#faebd7}.hcenter-fit-content,body>footer h5.footer,body>header h1.title,body>main{margin:0 auto;width:-moz-fit-content;width:fit-content}body{background-color:#fff8dc;background-image:url(../asset/bg.svg);background-size:30vh;display:flex;flex-direction:column;height:inherit;overflow:hidden;padding:1em 0}body>header h1.title{color:#f5f5f5;font-family:BeyondWonderland;font-size:x-large!important;font-size:40pt!important;font-weight:400;padding:5px;text-align:center}body>.btn-login{font-size:larger;font-weight:700;margin:1em auto 0;width:-moz-max-content;width:max-content}body>main{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1em dotted crimson;border-radius:100vh;display:flex;flex:1;flex-direction:column;margin:1em auto;padding:3.5em;position:relative;width:85vh}body>main:not([unlocked]){-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;background-image:url(../asset/guards.png);background-repeat:no-repeat;background-size:100% 100%;border:none}body>main:not([unlocked])>*{display:none}body>main .select-wrapper{display:inline-block;position:relative;width:-moz-max-content;width:max-content}body>main .select-wrapper>label{color:#f5f5f5;font-size:large;font-weight:700}body>main .select-wrapper:after{color:#fff;content:"▼";font-size:small;pointer-events:none;position:absolute;right:5px;top:50%;transform:translateY(-50%)}body>main .select-wrapper>select{-webkit-padding-end:1em;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:rgba(0,128,0,.5);border:2px dashed crimson;border-radius:5px;color:#f5f5f5;cursor:pointer;font-size:large;font-weight:700;outline:none;padding:5px;padding-inline-end:1em;text-align:center}body>main .select-wrapper>select:focus{outline:none}body>main .select-wrapper>select option{background-color:#006400;border-radius:10px;color:lime;outline:none}body>main .select-wrapper>select>optgroup{background-color:rgba(0,100,0,.9);color:lime;font-weight:700}body>main .select-wrapper>select>optgroup:empty{display:none}body>main>header>div.row{align-items:center;display:flex;flex-direction:row;margin-bottom:.25em}body>main>header>div.row>h2{flex:1;text-align:center}body>main>header>div.row>h2 span#username{text-transform:capitalize}body>main>header>div.row button#btn-logout span{font-size:medium;font-weight:700;padding:5px}body>main>header .select-features label,body>main>header .select-features select{font-size:x-large}body>main>main{align-items:center;display:flex;flex:1;flex-direction:row}body>main>main>.vcenter-container{align-items:center;display:flex;flex:1;flex-direction:column}body>main>main>.vcenter-container>*+*{-webkit-margin-before:1em;margin-block-start:1em}body>main>main>.vcenter-container label{font-size:larger;font-weight:unset}body>main>main>.vcenter-container div[data-input]{align-items:center;display:flex;flex-direction:row;justify-content:space-between}body>main>main>.vcenter-container div[data-input]>:first-child{-webkit-margin-start:auto;margin-inline-start:auto}body>main>main>.vcenter-container div[data-input]>:last-child{-webkit-margin-end:auto;margin-inline-end:auto}body>main>main>.vcenter-container div[data-input] .inp-capacha{width:15%}body>main>main>.vcenter-container div[data-input][data-input=branch]>div+div{-webkit-margin-start:.5em;margin-inline-start:.5em}body>main>main>.vcenter-container div[data-input][data-input=item-picker]{display:flex;flex-direction:column}body>main>main>.vcenter-container div[data-input][data-input=item-picker]>div{-webkit-margin-start:unset;-webkit-margin-end:unset;align-items:center;display:flex;flex-direction:row;margin-inline-end:unset;margin-inline-start:unset;margin-left:auto;margin-right:auto}body>main>main>.vcenter-container div[data-input][data-input=item-picker]>div+*{-webkit-margin-before:.5em;margin-block-start:.5em}body>main>main>.vcenter-container div[data-input][data-input=item-picker] input.inp-item-name{width:40vh}body>main>footer button{font-size:x-large;font-weight:700}body>footer{margin-top:1em}body>footer h5.footer{color:#f5f5f5;font-size:large;margin-top:2px;padding:5px;text-align:center}body>footer h5.footer a{color:lime}input+label[for]{-webkit-margin-start:.5em;margin-inline-start:.5em}input+input,label[for]+input,label[for]+select{-webkit-margin-start:.25em;margin-inline-start:.25em}input[type=date],input[type=number],input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:2px dashed crimson;border-radius:6px;box-sizing:border-box;color:#f5f5f5;font-size:larger;outline:none;padding:.5em;text-align:center}input[type=date] ::-webkit-datetime-edit-text,input[type=number] ::-webkit-datetime-edit-text,input[type=text] ::-webkit-datetime-edit-text{padding:0 2rem}input[type=date] ::-webkit-datetime-edit-day-field,input[type=date] ::-webkit-datetime-edit-month-field,input[type=number] ::-webkit-datetime-edit-day-field,input[type=number] ::-webkit-datetime-edit-month-field,input[type=text] ::-webkit-datetime-edit-day-field,input[type=text] ::-webkit-datetime-edit-month-field{text-transform:uppercase}input[type=date] ::-webkit-datetime-edit-year-field,input[type=number] ::-webkit-datetime-edit-year-field,input[type=text] ::-webkit-datetime-edit-year-field{text-transform:uppercase}input[type=date] ::-webkit-inner-spin-button,input[type=number] ::-webkit-inner-spin-button,input[type=text] ::-webkit-inner-spin-button{display:none}input[type=date] ::-webkit-calendar-picker-indicator,input[type=number] ::-webkit-calendar-picker-indicator,input[type=text] ::-webkit-calendar-picker-indicator{background:transparent}@keyframes bounce{0%,to{font-size:calc(var(--size)*.75)}50%{font-size:calc(var(--size)*1.5)}}@keyframes blast{0%,40%{font-size:calc(var(--size)*.5)}70%{font-size:calc(var(--size)*4);opacity:1}to{font-size:calc(var(--size)*6);opacity:0}}.loader{--color-1:crimson;--color-2:#000;--color-3:#006400;--color-4:#114402;--size:0.23vh;height:calc(var(--size)*48);position:relative;width:calc(var(--size)*48)}.loader:before{background-image:radial-gradient(circle calc(var(--size)*10),var(--color-2) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-2) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-2) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-2) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0)}.loader:after,.loader:before{animation:blast 1s ease-in infinite;background-position:0 -18em,0 18em,18em 0,-18em 0,13em -13em,-13em -13em,13em 13em,-13em 13em;background-repeat:no-repeat;content:"";font-size:calc(var(--size)*.5);height:48em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48em}.loader:after{animation:bounce 1s ease-in infinite;background-image:radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0),radial-gradient(circle calc(var(--size)*10),var(--color-1) 100%,transparent 0);background:var(--color-4);border:5px solid var(--color-3);border-radius:50%;font-size:calc(var(--size)*1)}.watermelon-button{align-items:center;background-image:linear-gradient(144deg,crimson,#32cd32 50%,#00ddeb);border:0;border-radius:8px;box-shadow:0 15px 30px -5px rgba(151,65,252,.2);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;line-height:1em;max-width:100%;padding:3px;text-decoration:none;touch-action:manipulation;transition:all .3s;-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap}.watermelon-button:active{outline:0;transform:scale(.9)}.watermelon-button:hover{color:wheat;outline:0}.watermelon-button:hover span{background:none}.watermelon-button span{background-color:#114402;border-radius:6px;height:100%;padding:16px 24px;pointer-events:none;transition:.3s;width:100%}[hidden]{display:none!important}label:has(input[type=checkbox]){align-items:center;color:#f5f5f5;cursor:pointer;display:flex;flex-direction:row;font-size:22px;min-height:25px;padding-left:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}label:has(input[type=checkbox]) input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}label:has(input[type=checkbox]) input:checked~span{background-color:rgba(0,128,0,.7);border:2px dashed crimson}label:has(input[type=checkbox]) input:checked~span:after{display:block}label:has(input[type=checkbox]):hover input~span{background-color:rgba(0,128,0,.7);border:2px dashed crimson}label:has(input[type=checkbox]) span{background-color:hsla(0,0%,100%,.5);border-radius:5px;height:25px;left:0;position:absolute;top:0;width:25px}label:has(input[type=checkbox]) span:after{border:solid #fff;border-width:0 3px 3px 0;content:"";display:none;height:10px;left:7.5px;position:absolute;top:2.5px;transform:rotate(45deg);width:5px}