:root{font-family:Avenir,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{cursor:pointer;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--primary-color-accent)}h1,h2,h3,h4{margin-block:var(--large-space)}h1{font-size:var(--xx-larger-font)}h2{font-size:var(--x-larger-font)}h3{font-size:var(--larger-font)}h4{font-size:var(--large-font)}button{color:var(--on-surface-color);background-color:var(--surface-color);border-radius:var(--default-radius);border:var(--thin-border) solid var(--surface-variant);outline:none;padding:var(--default-space) var(--x-larger-space);font-size:var(--default-font);font-family:inherit;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}button:enabled{cursor:pointer}button:disabled{opacity:.6;cursor:default}form :is(input,select){padding:var(--small-space) var(--large-space)}progress{width:100%;height:16px;appearance:none}progress::-webkit-progress-bar{box-shadow:inset 0 0 6px 2px var(--shadow-color);background-color:var(--background-color);border-radius:var(--default-radius)}progress::-webkit-progress-value{background-color:var(--secondary-color);border-radius:var(--default-radius)}:root{--white: rgb(240, 240, 240);--primary-color: rgb(0, 153, 204);--primary-color-variant: rgb(0, 153, 204, .7);--on-primary-color: var(--white);--primary-container: rgb(0, 92, 122);--on-primary-container: rgb(220, 240, 248);--primary-color-accent: rgb(0, 180, 235);--primary-color-alpha-50: rgba(0, 153, 204, .5);--primary-color-accent-alpha-50: rgba(0, 180, 235, .5);--outline-primary-container: var(--primary-color-alpha-50);--secondary-color: rgb(80, 183, 72);--on-secondary-color: var(--white);--secondary-container: rgb(46, 108, 42);--on-secondary-container: rgb(220, 245, 220);--secondary-color-accent: rgb(100, 210, 92);--secondary-color-alpha-50: rgba(80, 183, 72, .5);--secondary-color-accent-alpha-50: rgba(100, 210, 92 .5);--outline-secondary-container: var(--secondary-color-alpha-50);--tertiary-color: rgb(248, 152, 28);--on-tertiary-color: var(--white);--tertiary-container: rgb(150, 90, 15);--on-tertiary-container: rgb(255, 235, 210);--tertiary-color-accent: rgb(255, 175, 60);--tertiary-color-50: rgba(248, 152, 28, .5);--tertiary-color-accent-50: rgba(255, 175, 60, .5);--outline-tertiary-container: var(--tertiary-color-alpha-50);--quaternary-color: rgb(247, 236, 55);--on-quaternary-color: rgb(35, 35, 35);--quaternary-container: rgb(145, 138, 25);--on-quaternary-container: rgb(255, 250, 200);--quaternary-color-accent: rgb(255, 245, 90);--quaternary-color-alpha-50: rgba(247, 236, 55, .5);--quaternary-color-accent-alpha-50: rgba(255, 245, 90, .5);--outline-quaternary-container: var(--quaternary-color-alpha-50);--background-color: rgb(35, 35, 35);--on-background-color: rgb(225, 225, 225);--surface-color: rgb(45, 45, 45);--on-surface-color: rgb(200, 200, 200);--surface-variant: rgb(75, 75, 75);--on-surface-variant: rgb(180, 180, 180);--error-color: #ffb4ab;--on-error-color: #690005;--outline-color: rgb(120, 120, 120);--shadow-color: rgba(10, 10, 10, .7);--card-shadow-params: 0 2px 6px var(--shadow-color);--buton-shadow-params: 0px 1px 3px var(--shadow-color);--x-small-space: 2px;--small-space: 4px;--default-space: 8px;--large-space: 12px;--larger-space: 16px;--x-larger-space: 20px;--xx-larger-space: 24px;--x-small-radius: 2px;--small-radius: 4px;--default-radius: 8px;--large-radius: 12px;--larger-radius: 16px;--x-larger-radius: 20px;--xx-larger-radius: 24px;--thin-border: 1px;--default-border: 2px;--strong-border: 4px;--x-small-font: .8em;--small-font: .9em;--default-font: 1em;--large-font: 1.1em;--larger-font: 1.2em;--x-larger-font: 1.4em;--xx-larger-font: 1.6em}*{scrollbar-color:var(--surface-variant) transparent}body{background-color:var(--background-color);color:var(--on-background-color)}@font-face{font-family:Armstrong;src:url(./assets/Armstrong.ttf) format("truetype");font-weight:400;font-style:normal}.primary{color:var(--primary-color)}.secondary{color:var(--secondary-color)}.tertiary{color:var(--tertiary-color)}.error{color:var(--error-color)}.button-simple:enabled:hover{border-color:var(--primary-color)}.button-simple.active{color:var(--on-primary-container);border-color:var(--primary-color);background-color:var(--primary-container)}.button-primary,.button-secondary,.button-tertiary,.button-quaternary{border-color:transparent;padding:var(--default-space) var(--x-larger-space);box-shadow:var(--buton-shadow-params)}.button-primary{background-color:var(--primary-color);color:var(--on-primary-color)}.button-primary:hover{background-color:var(--primary-color-accent)}.button-secondary{background-color:var(--secondary-color);color:var(--on-secondary-color)}.button-secondary:hover{background-color:var(--secondary-color-accent)}.button-tertiary{background-color:var(--tertiary-color);color:var(--on-tertiary-color)}.button-tertiary:hover{background-color:var(--tertiary-color-accent)}.card{color:var(--on-primary-container);background-color:var(--primary-container);padding:var(--large-space);border:var(--thin-border) solid var(--primary-color);border-radius:var(--default-radius);box-shadow:var(--card-shadow-params);scrollbar-color:var(--primary-color) transparent}.card span{display:block}.card hr{margin-block:var(--small-space);border-color:var(--primary-color)}.card>:is(h1,h2,h3,h4):first-child{margin-top:0}.card :is(h1,h2,h3,h4){margin-block:var(--default-space)}.card a{padding:var(--x-small-space);color:var(--primary-color-accent)}.card a:hover{color:var(--primary-color)}.card.secondary{color:var(--on-secondary-container);background-color:var(--secondary-container);border-color:var(--secondary-color)}.card.secondary hr{border-color:var(--secondary-color)}.card.secondary a{color:var(--secondary-color-accent)}.card.secondary a:hover{color:var(--secondary-color)}.card.tertiary{color:var(--on-tertiary-container);background-color:var(--tertiary-container);border-color:var(--tertiary-color)}.card.tertiary hr{border-color:var(--tertiary-color)}.card.tertiary a{color:var(--tertiary-color-accent)}.card.tertiary a:hover{color:var(--tertiary-color)}.card.quaternary{color:var(--on-quaternary-container);background-color:var(--quaternary-container);border-color:var(--quaternary-color)}.card.quaternary hr{border-color:var(--quaternary-color)}.card.quaternary a{color:var(--quaternary-color-accent)}.card.quaternary a:hover{color:var(--quaternary-color)}.flex-container{display:flex;gap:var(--large-space)}.flex-container.flex-center{align-items:center}.flex-container.flex-end{align-items:end}.flex-container.flex-baseline{align-items:baseline}.flex-container.flex-space-between{justify-content:space-between}.flex-container.flex-column{flex-direction:column}.flex-container.flex-gap-default{gap:var(--default-space)}.flex-1{flex:1}.clickable{cursor:pointer}.font-small{font-size:var(--small-font)}.overflow-y{overflow-y:auto}.inside-container{border-radius:var(--default-radius);color:var(--on-background-color);padding-block:var(--default-space);padding-inline:var(--large-space);background-color:var(--background-color)}#login-layout{min-width:420px;max-width:460px;margin:24px auto;text-align:center}#login-layout .container-logo{margin:20px;filter:drop-shadow(0px 0px 8px rgba(100,100,100,.8))}#login{padding:10px;text-align:center;border:2px solid transparent;border-radius:var(--x-larger-radius);box-shadow:0 1px 6px 2px var(--shadow-color);will-change:transform,box-shadow;transition:border-color .3s ease,transform .3s ease-in-out,box-shadow .3s ease-in-out}#login:is(:hover,:focus-within){transform-origin:center;transform:scale(1.1);border-color:var(--primary-color);box-shadow:0 1px 6px 2px var(--primary-color-alpha-50)}#login-layout hr{margin-block:var(--x-larger-space)}#login hr{border-color:var(--outline-color)}#login form{display:flex;flex-direction:column;row-gap:5px}#login form input{flex:1;border-radius:var(--larger-radius);margin-block:var(--default-space);margin-inline:var(--small-space);min-height:20px;padding:var(--default-space);transition:border-color .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out}#login form :is(input:hover,input:focus,input:active){outline-color:var(--primary-color);border-color:var(--primary-color)}#login form :is(input:hover,input:focus,input:active)::placeholder{color:var(--white)}#login form .button-primary{margin-block:var(--default-space);margin-inline:var(--small-space)}#login form .button-primary:enabled:hover{box-shadow:0 1px 6px 0 var(--primary-color-accent-alpha-50)}#special-page-layout{display:flex;flex-direction:column;gap:var(--large-space);place-items:center;justify-content:center;text-align:center;min-width:320px}.navlink-family{display:flex;flex-direction:column;row-gap:var(--small-space)}.navlink-button{width:100%;height:24px;padding-block:0px;padding-inline:10px;margin:0;border:none;outline:none;display:block;color:var(--on-surface-color);background-color:transparent;text-align:center;transition:none;font-size:inherit}.navlink-button:hover{color:var(--white)}.navlink-button:focus{border:none;outline:none}.navlink-button.active{border:none;outline:none;color:var(--primary-color-accent);font-weight:700}.navlink-children{padding-left:16px;display:flex;flex-direction:column;row-gap:var(--small-space)}.arrow{float:right}.navlink-children{overflow:hidden;max-height:0;transition:max-height .3s ease}.navlink-children.open{max-height:900px}.sidebar{width:220px;min-width:220px;background:var(--surface-variant);color:var(--white);padding:var(--large-space);text-align:center}.sidebar nav{display:flex;flex-direction:column;gap:var(--default-space)}.sidebar hr{box-shadow:0 0 3px 0 var(--primary-color-alpha-50)}.sidebar a{color:var(--on-surface-color);text-decoration:none}.sidebar a:hover{color:var(--white)}.sidebar a.active{color:var(--primary-color-accent);font-weight:700}.sidebar .button-primary{width:80%;padding-block:var(--small-space);margin:0 auto}.sidebar hr{width:80%;border-color:var(--primary-color-accent-alpha-50)}.layout{display:flex;height:100vh}.layout-content{display:flex;flex-direction:column;flex:1}.page-content{flex:1;padding-block:var(--large-space);padding-inline:24px;overflow-y:auto;box-shadow:inset 0 0 6px 2px var(--shadow-color)}.page-content :is(h1,h2,h3,h4){line-height:1}.topbar{height:56px;display:flex;align-items:center;justify-content:flex-end;background:var(--surface-variant);border-bottom:var(--thin-border) solid var(--surface);padding:var(--large-space) var(--xx-larger-space)}