#app{display:grid;grid-template:min-content 100% / min-content auto;gap:1em;width:100vw;height:100vh;overflow:hidden;padding-right:1em}@media (max-width: 1023px){#app{grid-template:min-content min-content auto / auto;padding-right:0}}#app>#app-header{position:relative;grid-area:1/1 / span 2/1;display:flex;flex-direction:column;justify-content:space-between;padding:1em;height:100vh;color:#fff;background-color:var(--accent-color)}#app>#app-header>button{position:relative;width:1.7em;height:1.7em;display:none;align-items:center;justify-content:center;transition:transform .2s}#app>#app-header>button.show{transform:rotate(180deg)}#app>#app-header>button.show>svg:first-child{opacity:0}#app>#app-header>button.show>svg:last-child{opacity:1}#app>#app-header>button>svg{position:absolute;width:100%;height:100%;transition:opacity .2s}#app>#app-header>button>svg:last-child{opacity:0}#app>#app-header>img{width:100%;height:auto;max-height:3em;object-fit:contain}#app>#app-header>nav{display:flex;gap:1em;flex-direction:column;background-color:var(--accent-color)}#app>#app-header>nav>a,#app>#app-header>nav>button{font-size:1.2em;white-space:nowrap;padding:.5em;transition:color .2s,background-color .2s}#app>#app-header>nav>a>svg,#app>#app-header>nav>button>svg{font-size:.9em}@media (hover: hover){#app>#app-header>nav>a:hover,#app>#app-header>nav>button:hover{background-color:#fff;color:var(--accent-color)}}#app>#app-header>div{text-align:center;white-space:nowrap}#app>#app-header>div>a{display:inline-flex;justify-content:center;align-items:center;width:2em;height:2em;background-color:#fff;color:var(--accent-color);border-radius:100%;transition:color .2s,background-color .2s,outline .1s}#app>#app-header>div>a:last-child{margin-left:.5em}@media (hover: hover){#app>#app-header>div>a:hover{background-color:var(--accent-color);color:#fff;outline:solid .15em #FFF}}@media (max-width: 1023px){#app>#app-header{grid-area:auto;flex-direction:row;align-items:center;height:auto}#app>#app-header>img{width:auto;max-width:10em}#app>#app-header>nav{flex-direction:row}}@media (max-width: 767px){#app>#app-header{height:4.5em}#app>#app-header>button{display:flex}#app>#app-header>nav{position:absolute;top:4.3em;left:0;z-index:10;width:100%;height:0;flex-direction:column;align-items:center;padding:0;box-shadow:0 2em 2em -1.5em #0000004d;overflow:hidden;transition:height .2s,padding .2s}#app>#app-header>nav.show{padding:2em 0 1em;height:auto}}#app>#app-main{align-self:baseline;justify-self:baseline;padding:2em;height:98%;width:100%;background-color:#fff;border-radius:1em;box-shadow:0 .2em 2em #0000000d;overflow:auto}@media (max-width: 1023px){#app>#app-main{margin:0 1em;max-width:calc(100% - 2em)}}#app>#app-aside{grid-area:1/2/1/2;display:flex;align-items:center;gap:1em;margin-top:1em}#app>#app-aside>a,#app>#app-aside>button,#app>#app-aside>span{position:relative;padding:.7em 1em;background-color:#fff;border-radius:2em;box-shadow:0 .2em 2em #0000000d;overflow:hidden;transition:border-radius .2s,background-color .2s,color .2s,padding .2s}#app>#app-aside>a:before,#app>#app-aside>button:before,#app>#app-aside>span:before{content:"";position:absolute;top:calc(50% - .25em);left:-.5em;width:.5em;height:.5em;background-color:#fff;border-radius:100%;transition:left .2s}@media (hover: hover){#app>#app-aside>a:hover,#app>#app-aside>button:hover,#app>#app-aside>span:hover{padding-left:2em;color:#fff;background-color:var(--accent-color);border-radius:0}#app>#app-aside>a:hover:before,#app>#app-aside>button:hover:before,#app>#app-aside>span:hover:before{left:1em}}@media (max-width: 1023px){#app>#app-aside{grid-area:2/1/2/1;margin:0 1em}}#results-table{border-collapse:collapse}#results-table th,#results-table td{padding:.4em .5em}#results-table>tbody>tr.confirmed{color:green;font-weight:400}@media (hover: hover){#results-table>tbody>tr:hover{background-color:#d3d3d3}}#results-table>tbody>tr>td{text-align:center}#results-table>tbody>tr>td.actions{white-space:nowrap}#results-table>tbody>tr>td>:is(a,button){font-size:1.2em}#results-table>tbody>tr>td>:is(a,button).confirm{color:green}#results-table>tbody>tr>td>:is(a,button).cancel{margin-left:.5em;color:red}#results-table>tbody>tr>td>:is(a,button).edit{margin-left:.5em;color:#daa520}#results-table>tbody>tr>td>b{display:none}@media (orientation: portrait){#results-table{display:block}#results-table>thead{display:none}#results-table>tbody{display:flex;flex-direction:column;gap:1em}#results-table>tbody>tr{display:block;border:solid 1px currentColor;padding:.3em;border-radius:.5em}#results-table>tbody>tr>td{display:block;margin-right:.5em;text-align:left}#results-table>tbody>tr>td.actions{text-align:center}#results-table>tbody>tr>td>b{display:inline}}#counters{display:flex;flex-wrap:wrap;gap:1em 2em}#counters>div{font-size:1.2em}#counters>div>dt{font-weight:400;display:inline}#counters>div>dd{display:inline;margin-left:0}.popover{gap:1em;padding:1em;border-radius:8px;border:none;background-color:#fff}.popover h2{color:#585858;font-size:1.2em}.popover form{text-align:center}.popover form label{display:inline-block}.popover form label input{width:auto;display:inline-block}.popover form canvas{margin:auto;max-width:100%;aspect-ratio:16 / 9;height:auto;display:block;border:1px solid;border-radius:.5em}.popover form button{margin-top:3em;display:inline-block;padding:.5em;border-radius:.25em;color:#fff;font-weight:700;background-color:#00000080}.popover::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{width:.6em}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:2em}body{margin:0;padding:0;font-family:Josefin Sans,sans-serif;font-weight:300;background-color:var(--body-bg-color);--body-bg-color: #F0F0F0;--accent-color: #575757;--edit-color: goldenrod;--delete-color: #F00;--save-color: green}a{color:inherit;text-decoration:none}button{padding:0;font-size:1em;font-family:inherit;font-weight:inherit;color:inherit;background-color:transparent;border:none;cursor:pointer}h1{margin-top:0;color:var(--accent-color)}h1>small{margin-top:.2em;display:block;font-weight:300;font-size:.7em;color:#000}svg{width:1em;height:1em;vertical-align:-.125em;box-sizing:content-box;fill:currentColor}form>fieldset{border-radius:.5em;border-width:1px}form>fieldset:not(:last-child){margin-bottom:2em}form>fieldset>legend{color:var(--accent-color);font-size:1.5em;font-weight:400}form small.required{color:red;font-weight:700}#app{display:grid;overflow:hidden}#loading-icon{position:fixed;right:2rem;top:2rem;width:3em;height:3em;border:solid 6px var(--accent-color);border-radius:100%;border-top-color:#d3d3d3;animation:loading-icon-animation 1s linear infinite}@media (max-width: 1023px){#loading-icon{top:auto;bottom:3rem}}@keyframes loading-icon-animation{to{transform:rotate(360deg)}}#login-page{margin:3em 1em;justify-self:center;text-align:center;background-color:#fff;padding:2em;box-shadow:0 .2em 2em #0000001a;border-radius:1em;grid-area:1/1/1 / span 2}#login-page>h1{display:flex;align-items:center;justify-content:space-between}#login-page>h1>img{width:5em;height:auto}#login-page>h1>span{white-space:nowrap}#login-page>form{text-align:right;margin:5em auto 0}#login-page>form>div{margin-top:3em;text-align:center}#login-page>form>div>button{background-color:var(--accent-color);color:#fff;font-size:1.2em;font-weight:400;padding:.5em 1em;border-radius:2em}@media (orientation: portrait){#login-page{margin:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--body-bg-color)}}label{display:block;width:fit-content;margin:1em;text-align:left;max-width:100%}label:not(.box)>span{display:block}label>span{font-size:1.1em}label>input{font-family:inherit;padding:.7em;font-size:inherit;font-weight:300;width:100%}label.box{display:inline-block;white-space:nowrap}.message{position:fixed;top:1em;right:1em;font-weight:400;background-color:#fff;padding:1.5em;box-shadow:0 .3em 2em -.5em #0003;border-radius:.5em;cursor:pointer}div#install-container{position:fixed;display:none;padding:1em;left:1em;bottom:1em;font-size:1.2em;background-color:#fff;border-radius:1em;box-shadow:-.2em 0 2em -.3em #0003}@media (orientation: portrait){div#install-container{width:calc(100% - 2em)}}div#install-container>span{font-weight:400}div#install-container>button.remove{color:red;font-size:1.3em;position:absolute;bottom:.5em;right:1em}div#install-container>button.choice{margin-top:1em;padding:.7em 1em;font-weight:400;background-color:var(--accent-color);color:#fff;border-radius:2em}@media (hover: hover){div#install-container>button.choice{transition:background-color .1s,color .1s}div#install-container>button.choice:hover{background-color:#fff;color:var(--accent-color);outline:solid 2px var(--accent-color)}}.error-limit{color:red;width:fit-content;padding:.5em;background-color:#ffdada;font-weight:700;margin:0 1em}