#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}#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: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;max-height:calc(100% - 5.5em);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{width:100%;border-collapse:collapse}#results-table th,#results-table td{padding:.4em .5em}#results-table>tbody>tr.confirmed{color:green;font-weight:400}#results-table>tbody>tr.bg{background-color:var(--color)}#results-table>tbody>tr:hover{background-color:#d3d3d3}#results-table>tbody>tr>td{text-align:center;border:1px solid #000}#results-table>tbody>tr>td:last-child{white-space:nowrap}#results-table>tbody>tr>td>a{color:green;font-size:1.2em}#results-table>tbody>tr>td>a.disconfirm{margin-left:.5em;color:red}#results-table>tbody>tr>td>a.advisor{margin-left:.5em;color:brown}#results-table>tbody>tr>td>a.edit{margin-left:.5em;color:#daa520}*,: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}#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}label:not(.box)>span{display:block}label>span{font-size:1.1em}label>input,label>select{font-family:inherit;padding:.7em;font-size:inherit;font-weight:300}label.box{display:inline-block;white-space:nowrap}label>small{display:block;margin-top:.2em;color:red;font-weight:400}.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}