*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:min-content;display:block}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active,textarea:focus{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}:root{--space-align: 8px;--space-inside-s: 8px;--space-inside-m: 10px;--space-inside-l: 24px;--space-related: 16px;--space-unrelated: 24px;--space-block: 34px;--space-blocks: 60px;--space-page: 76px;--font-size-small: 14px;--font-size-base: 16px;--font-size-large: 20px;--font-size-heading: 24px;--font-size-great: 30px;--color-black: #101010;--color-bg: #ffffff;--color-text-on-color: #ffffff;--color-surface: #f5f5f5;--color-border: #85a7c0a3;--color-text-primary: #092b53;--color-text-secondary: #9c9c9c;--color-accent: #ffa102;--color-success: #31b544;--color-blue: #1d5175;--color-success-alpha: #31b54485;--color-warn: #ffcc00;--color-warn-alpha: #ffcc00ad;--color-error: #f63b3b}body{font-family:Nunito Sans,sans-serif;font-weight:400;font-style:normal;font-size:var(--font-size-base);letter-spacing:.02em;color:var(--color-text-primary)}a{padding:var(--space-inside-m);display:block;cursor:pointer}input::placeholder{color:var(--color-text-secondary)}[inert]{opacity:.7}a:active,button:active{transition:transform .12s ease;transform:translateY(-1px)}h3{font-size:var(--font-size-large);font-weight:600;text-transform:capitalize;color:var(--color-black);display:flex;align-items:center;gap:.5em}h6{color:var(--color-text-secondary);text-transform:capitalize}section{display:flex;flex-direction:column}header,.header{position:sticky;width:100%;top:0;display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-page);min-height:var(--space-page);background-color:#fff;z-index:2}:is(header,.header) a.back{display:block;position:absolute;top:0;bottom:0;left:0;aspect-ratio:1 / 1}:is(header,.header) a.back .icon{padding:var(--space-inside-m)}:is(header,.header) a.back:hover img{opacity:1}main{flex:1;padding:var(--space-page);padding-bottom:0}footer{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--space-block) var(--space-page);position:relative}.icon{opacity:.8;aspect-ratio:1 / 1}.icon-link{display:grid;grid-template-columns:1.5em auto;align-items:center;gap:.5em;color:var(--color-black)}.icon-link>div{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.toggle-switch{width:26px;height:20px;display:flex;align-items:center;position:relative;filter:grayscale(100%);transition:filter .12s ease}.toggle-switch:before{content:"";width:100%;height:10px;background-color:var(--color-success);border:2px solid var(--color-success);border-radius:10px;box-sizing:content-box}.toggle-switch:after{content:"";position:absolute;width:10px;height:10px;background-color:#fff;border-radius:10px;left:2px;transition:left .12s ease}.toggle-switch.active{filter:grayscale(0%)}.toggle-switch.active:after{left:calc(100% - 12px);transform:translate(0)}.chip{background-color:var(--color-success);border-radius:2em;font-size:var(--font-size-small);font-weight:300;padding:0 .5em 0 1.5em;color:#fff;position:relative;text-transform:lowercase}.chip:before{content:"";position:absolute;display:inline-block;inset:3px;width:1em;aspect-ratio:1 / 1;background-color:#fff;border-radius:1em}.chip:after{content:"";position:absolute;inset:calc(.2em + 3px);width:.7em;aspect-ratio:1.5 / 1;border-left:2px solid var(--color-success);border-bottom:2px solid var(--color-success);transform:rotate(-45deg)}.select{position:relative;display:flex;align-items:center;min-width:12ch}.select .menu-button{width:100%;anchor-name:attr(popovertarget);padding-right:var(--font-size-great);text-align:left}.select .popover-menu{top:anchor(bottom);left:anchor(left);right:anchor(right);margin-top:8px;opacity:0;transition:opacity .12s ease;position-anchor:attr(id);box-shadow:0 4px 16px #0000001a;border-radius:var(--space-inside-s)}.select .popover-menu input[type=button]{border:0;width:100%;text-align:left;position:relative;border-radius:0}.select .popover-menu input[type=button].active{background-color:var(--color-border)}.select .popover-menu input[type=button].selected{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23092b53'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.select .popover-menu:popover-open{opacity:1}@starting-style{.select .popover-menu:popover-open{opacity:0}}.select:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23092b53'%3E%3Cpath d='M480-360 280-560h400L480-360Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.title{padding:0 var(--space-unrelated)}.wrap{display:flex}.columns{display:flex;flex-wrap:wrap}.column{display:flex;flex-direction:column;min-width:280px;padding:0 var(--space-unrelated);box-sizing:content-box}.form{display:flex;flex-direction:column;gap:var(--space-related)}.form .form-element{display:flex;flex-direction:column;position:relative}.form .form-element label{display:block;padding:var(--space-inside-s) 0;font-weight:700;text-transform:none}.form .form-element .icon{position:absolute}.form .form-group-element{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;padding:var(--space-related) 0}input,textarea{border:1px solid var(--color-border);padding:var(--space-inside-m);border-radius:var(--space-inside-s)}button{--current-color-button: var(--color-accent);padding:var(--space-inside-m) var(--space-inside-l);border:1px solid var(--current-color-button);color:var(--color-text-on-color);border-radius:var(--space-inside-s);width:max-content;position:relative;cursor:pointer}input[type=button]{cursor:pointer}button:before{content:"";position:absolute;background-color:var(--current-color-button);inset:2px;border-radius:var(--space-inside-s);z-index:-1}button:hover:before{inset:0}input[disabled]{background-color:var(--color-surface)}button[disabled]{filter:grayscale(.8);opacity:.5}button.primary:before{inset:0}button.secondary{color:inherit;border-color:var(--color-surface)}button.secondary:before{background-color:var(--color-surface)}@keyframes pop-in{0%{transform:scale(.95);opacity:.8}60%{transform:scale(1.015)}to{transform:scale(1);opacity:1}}dialog{position:relative;overflow:visible;color:inherit}dialog[open]{animation:fadeIn .3s ease}dialog:after{content:"×";position:absolute;top:0;right:0;transform:translate(50%,-50%);width:var(--space-block);height:var(--space-block);background:var(--color-black);color:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;z-index:1}dialog:after:hover{background:#f0f0f0}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}dialog::backdrop{background:#00000080;animation:fadeBackdrop .3s ease}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}[screen]{position:absolute;inset:0;background-color:#fff;z-index:2;opacity:1;max-height:100vh;overflow:auto}.status{height:8px;display:flex;align-items:flex-end}.status.done:after{content:"";display:block;height:100%;aspect-ratio:1.5 / 1;border-left:4px solid var(--color-success);border-bottom:4px solid var(--color-success);transform-origin:center;transform:rotate(-45deg) translateY(-50%)}.status.warn:after{content:"";display:block;height:160%;aspect-ratio:1 / 1;background-color:var(--color-warn);clip-path:polygon(50% 10%,0% 100%,100% 100%);transform:translateY(10%)}.home-screen header{justify-content:flex-end}.home-screen main{display:flex;justify-content:center;align-items:center}.home-screen main .columns-menu{background-color:var(--color-border);gap:1px;border:1px solid var(--color-border)}.home-screen main .column{cursor:pointer;height:170px;padding:0 var(--space-block);display:flex;justify-content:center;background-color:#fff;flex:1}.home-screen main .column .columns{align-items:center}.home-screen main .column .columns .icon{height:var(--space-page);width:var(--space-page);margin-left:var(--space-inside-s)}.home-screen main .column .columns .title{position:relative}.home-screen main .column .columns .title .chip{position:absolute;bottom:-6px;transform:translateY(100%)}.calibration-screen .calibration-columns{margin-top:var(--space-page);justify-content:space-between;align-items:stretch;gap:var(--space-block)}.calibration-screen .calibration-columns .column{padding:0;display:flex;flex-direction:column;justify-content:center}.calibration-screen .calibration-columns .view{width:100%;outline:1px solid var(--color-border);aspect-ratio:1 / 1}.calibration-screen .calibration-columns .view.done{outline:4px solid var(--color-success)}.calibration-screen .calibration-columns .line{flex:0 0 auto;margin:auto var(--space-page);height:1px;background-color:var(--color-border);min-width:80px;align-self:center}.calibration-screen .calibration-columns .result .view{padding:var(--space-inside-l)}.calibration-screen .calibration-columns .result .view p{padding:var(--space-inside-m) 0}.calibration-screen .calibration-columns .result .view p span{display:block;font-size:var(--font-size-large);font-weight:600;color:var(--color-success);margin-top:var(--space-inside-s)}.calibration-screen .controls{padding:var(--space-page) var(--space-unrelated);display:flex;justify-content:space-between}.calibration-screen .controls .timeLeft{margin-left:.5em}.measurement-screen .form-fixed{position:fixed;width:280px;padding-bottom:var(--space-related)}.measurement-screen .form-fixed:after{content:"";position:absolute;height:100%;border-right:1px solid var(--color-border);left:calc(100% + var(--space-page) + var(--space-unrelated) - 1px)}.measurement-screen .form-fixed h3{text-transform:uppercase;display:flex;gap:var(--space-inside-s)}.measurement-screen .form-fixed h3 button{border-radius:50%;overflow:hidden;padding:0}.measurement-screen .form-fixed h3 button:before{inset:0}.measurement-screen .form-fixed h3 button svg{height:30px}.measurement-screen .form-fixed h3 button.active rect{display:none}.measurement-screen .form-fixed[inert=true] input,.measurement-screen .form-fixed[inert=true] textarea{border:0;background-color:var(--color-surface)}.measurement-screen .form-fixed[inert=true] .history-link{display:none}.measurement-screen main>.columns{flex-wrap:nowrap;gap:var(--space-page);min-height:600px;height:100%}.measurement-screen .sending{opacity:.5;pointer-events:none}.measurement-screen .history-link{margin-top:var(--space-related);font-weight:700;width:max-content}.measurement-screen .history-link:after{content:"";display:inline-block;height:.4em;width:.4em;margin-left:.3em;border-top:2px solid;border-right:2px solid;transform:translateY(-.05em) rotate(45deg);transition:margin .12s ease}.measurement-screen .history-link:hover:after{margin-left:.4em}.measurement-screen .main-form{display:flex;flex-direction:column;position:relative}.measurement-screen .main-form .add-form-wrap{padding:var(--space-inside-m) 0 var(--space-unrelated) 0}.measurement-screen .main-form .add-form{overflow:hidden;padding-top:var(--space-inside-m);transition:height .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;opacity:0;height:0}.measurement-screen .main-form .add-form .form-element{flex-direction:row;justify-content:space-between}.measurement-screen .main-form .add-form .form-element input{width:120px}.measurement-screen .main-form .add-form .card-image{max-height:240px;width:100%;background-color:var(--color-surface);aspect-ratio:1 / 1;margin:var(--space-unrelated) 0}.measurement-screen .main-form .add-form .actions{display:flex;justify-content:space-between}.measurement-screen .main-form .add-form.show{height:532px;opacity:1}.measurement-screen .main-form .controls{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-block);padding:0 var(--space-page) var(--space-blocks) calc(var(--space-blocks) * 1.5)}.measurement-screen .main-form .reading-sides{flex:1;margin:0 0 var(--space-blocks) 0;gap:var(--space-block)}.measurement-screen .main-form .reading-sides .column-wrap{flex:1}.measurement-screen .main-form .reading-sides .column-wrap:nth-child(2){border-left:1px solid var(--color-border)}.measurement-screen .main-form .reading-sides .column-wrap>h3{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-inside-s) var(--space-blocks) var(--space-related) calc(var(--space-blocks) * 1.5);background-color:#fff;text-transform:uppercase;position:sticky;top:var(--space-page);z-index:2}.measurement-screen .main-form .reading-sides .count-side{font-size:var(--font-size-small)}.measurement-screen .main-form .reading-sides .column-wrap>.column{width:320px;padding:0 var(--space-blocks) 0 calc(var(--space-blocks) * 1.5)}.measurement-screen .main-form .reading-sides .column-wrap>.column .empty-text{padding:var(--space-unrelated) 0 var(--space-related) 0}.measurement-screen .main-form .reading-sides .column-wrap>.column .empty-text span{padding:var(--space-inside-s) 0;display:block}.measurement-screen .main-form .reading-sides[inert=true] .add-form-wrap{display:none}.measurement-screen .main-form .result{margin-left:auto}.measurement-screen .main-form .submit{--current-color-button: var(--color-success)}.measurement-screen .reading-cards{counter-reset:row-number}.measurement-screen .reading-cards .reading-card{animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) .12s;transform-origin:center}.measurement-screen .reading-cards li{padding:var(--space-related) 0}.measurement-screen .reading-cards li .values{flex:1;padding:var(--space-unrelated) 0;display:flex;flex-direction:column;gap:var(--space-inside-m);font-size:var(--font-size-small)}.measurement-screen .reading-cards li .values p{display:flex;align-items:center;justify-content:space-between}.measurement-screen .reading-cards li .card-id{font-weight:600;font-size:var(--font-size-small)}.measurement-screen .reading-cards li .status{margin-left:var(--space-inside-m);margin-right:auto}.measurement-screen .reading-cards li .content{display:flex;align-items:center;gap:var(--space-unrelated);height:102px;transition:height .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.measurement-screen .reading-cards li .card-head{position:relative;width:100%;display:flex;align-items:center;padding:var(--space-inside-s) 0}.measurement-screen .reading-cards li .card-head:before{counter-increment:row-number;content:counter(row-number);font-size:var(--font-size-heading);position:absolute;left:-.8em;bottom:0;transform:translate(-100%,50%)}.measurement-screen .reading-cards li .card-head:after{content:"";position:absolute;width:100%;border-bottom:1px solid var(--color-border);bottom:0}.measurement-screen .reading-cards li .card-image-mini{width:60px;aspect-ratio:1 / 1;background-color:var(--color-black)}.measurement-screen .reading-cards li .card-image-mini img{height:100%}.measurement-screen .reading-cards li article.removed .content{height:0;opacity:0}.history-screen .filters .action{--current-color-button: var(--color-success);display:flex;align-items:center;gap:var(--space-inside-m);margin-left:auto}.history-screen .filters .action svg{height:100%;fill:#fff}.history-screen .date-range{display:flex;align-items:center;gap:16px}.history-screen .date-range label{padding:var(--space-inside-s);font-weight:700;text-transform:capitalize}.history-screen .date-range input{width:140px}.image-dialog{margin:auto;width:540px;color:var(--color-black)}.image-dialog .form{padding:var(--space-inside-l)}.image-dialog .buttons{display:flex;justify-content:space-between;margin-bottom:16px}.image-dialog .buttons .radio[index="0"]{--radio-color: var(--color-warn)}.image-dialog .buttons .radio[index="1"]{--radio-color: var(--color-error)}.image-dialog .buttons .radio[index="2"]{--radio-color: var(--color-success)}.image-dialog .buttons .radio{cursor:pointer;padding:var(--space-inside-s);border-radius:3em;display:flex;align-items:center;gap:var(--space-inside-m);text-transform:capitalize;font-weight:600;transition:background .12s ease,color .12s ease}.image-dialog .buttons .radio:before{content:"";height:1em;width:1em;outline:1px solid var(--color-border)}.image-dialog .buttons .radio:hover:before{background-color:var(--color-border)}.image-dialog .buttons .radio.checked:before{background-color:var(--radio-color);outline:0}section{background:linear-gradient(to bottom,#fff 90%,#e6f3ff 98%,#e9f5ff)!important;background-attachment:fixed}section footer:before{content:"";background-image:url(/assets/eoslogoorange-CKX_g0A5.webp);z-index:3;height:64px;width:136px;background-size:cover}.login-screen .icon-login{width:var(--space-blocks);margin:var(--space-inside-m) auto;background-color:var(--color-surface);border-radius:50%;padding:var(--space-inside-s)}.login-screen>.column{margin:auto}.login-screen h2{font-size:var(--font-size-heading);margin-bottom:var(--font-size-large);text-transform:capitalize;text-align:center}.login-screen .forgot-password{font-size:var(--font-size-small);text-transform:capitalize}.history-screen main{height:calc(100vh - var(--space-page))}.history-screen main>.column{height:100%}.history-screen main.offline:after{position:absolute;content:"No connection to the server";background-color:var(--color-warn);padding:var(--space-inside-s) var(--space-inside-m);bottom:var(--space-page);left:50%;transform:translate(-50%);font-size:var(--font-size-small)}.history-screen input{font-size:var(--font-size-small);padding:var(--space-inside-s)}.history-screen button{font-size:var(--font-size-small);padding:var(--space-inside-s) var(--space-inside-l)}.history-screen .search{display:flex;align-items:center;position:relative}.history-screen .search input{width:260px;padding-right:2.5em}.history-screen .search:after{content:"";position:absolute;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20x='0px'%20y='0px'%20viewBox='0%200%20100%20100'%20xml:space='preserve'%3e%3cpath%20d='M82.5,77.5l-15-15c3.8-4.8,6-10.9,6-17.5c0-15.7-12.8-28.5-28.5-28.5S16.5,29.3,16.5,45S29.3,73.5,45,73.5%20c6.6,0,12.7-2.3,17.5-6l15,15L82.5,77.5z%20M45,66.5c-11.9,0-21.5-9.6-21.5-21.5c0-11.9,9.6-21.5,21.5-21.5c11.9,0,21.5,9.6,21.5,21.5%20C66.5,56.9,56.9,66.5,45,66.5z'/%3e%3c/svg%3e");background-size:cover;height:70%;aspect-ratio:1 / 1;right:var(--space-inside-s);opacity:.2}.history-screen .filters{display:flex;gap:26px}.history-screen .users-table{position:relative;margin-top:var(--space-unrelated);display:grid;grid-template-columns:auto auto 1fr 1fr auto auto;gap:0;background-color:var(--color-surface);border:1px solid var(--color-surface);font-family:Arial,sans-serif;counter-reset:row-number;border-radius:var(--space-inside-s);overflow:auto}.history-screen .users-table::-webkit-scrollbar{width:6px}.history-screen .users-table::-webkit-scrollbar-track{background:transparent}.history-screen .users-table::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}.history-screen .table-header,.history-screen .table-row{display:contents}.history-screen .table-header>div{background-color:var(--color-text-primary);color:#fff;padding:var(--space-inside-s) var(--space-inside-l) var(--space-inside-s) var(--space-inside-m);position:sticky;top:0}.history-screen .table-row>div{height:min-content;background-color:#fff;padding:var(--space-inside-s) var(--space-inside-l) var(--space-inside-s) var(--space-inside-m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-screen .table-row:nth-child(2n)>div{background-color:var(--color-surface)}.history-screen .table-row>div:first-child:before{counter-increment:row-number;content:counter(row-number);font-weight:700;font-size:var(--font-size-small)}.history-screen .table-row:hover>div{background-color:var(--color-success-alpha);color:#fff}.history-screen .table-row.active>div{background-color:var(--color-success);color:#fff}.invalid[data-v-51848097]{border-color:#ef4444}.format-hint[data-v-51848097]{transition:opacity .3s ease;opacity:0;position:absolute;top:-50%;left:8px;font-size:12px;color:var(--color-text-secondary);margin-top:2px;white-space:nowrap}.format-hint.has-hint[data-v-51848097]{opacity:1}