: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{line-height:1.2;margin-block:12px}h1{font-size:2.8em}h2{font-size:2.2em}h3{font-size:1.6em}h4{font-size:1.2em}button{margin-inline:4px;border-radius:8px;border:1px solid transparent;padding:.6em 2em;font-size:1em;font-family:inherit;cursor:pointer;transition:border-color .25s ease-in-out,box-shadow .25s ease-in-out,opacity .25s ease-in-out,color .25s ease-in-out,background-color .25s ease-in-out}button:disabled{opacity:.6;cursor:default}.error{color:var(--error-color)}:root{--white: rgb(240, 240, 240);--primary-color: rgb(0, 153, 204);--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);--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);--tertiary-color: rgb(247, 236, 55);--on-tertiary-color: rgb(35, 35, 35);--tertiary-container: rgb(145, 138, 25);--on-tertiary-container: rgb(255, 250, 200);--tertiary-color-accent: rgb(255, 245, 90);--tertiary-color-alpha-50: rgba(247, 236, 55, .5);--tertiary-color-accent-alpha-50: rgba(255, 245, 90, .5);--quaternary-color: rgb(248, 152, 28);--on-quaternary-color: var(--white);--quaternary-container: rgb(150, 90, 15);--on-quaternary-container: rgb(255, 235, 210);--quaternary-color-accent: rgb(255, 175, 60);--quaternary-color-50: rgba(248, 152, 28, .5);--quaternary-color-accent-50: rgba(255, 175, 60, .5);--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)}*{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}.button-primary{background-color:var(--primary-color);color:var(--on-primary-color);border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:filter .2s}.button-primary:hover{filter:brightness(1.1)}.card{background-color:var(--primary-container);padding:12px;border-radius:8px;box-shadow:0 2px 6px var(--shadow-color);scrollbar-color:var(--primary-color) transparent}.card span{display:block}.card hr{margin-block:4px;border-color:var(--primary-color)}.card>:is(h1,h2,h3,h4):first-child{margin-top:0}.card :is(h1,h2,h3,h4){margin-block:8px}.sidebar{width:220px;min-width:220px;background:var(--surface-variant);color:var(--white);padding:12px;text-align:center}.sidebar nav{display:flex;flex-direction:column;gap:8px}.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 .logout-btn{text-align:center;width:80%;padding:4px;margin:0 auto;background-color:var(--primary-color);box-shadow:0 0 6px 0 var(--primary-color-alpha-50)}.sidebar .logout-btn:hover{background-color:var(--primary-color-accent);box-shadow:0 0 6px 0 var(--primary-color-accent-alpha-50)}.sidebar hr{width:80%;border-color:var(--primary-color-accent-alpha-50)}.navlink-family{display:flex;flex-direction:column;row-gap:4px}.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:4px}.arrow{float:right}.navlink-children{overflow:hidden;max-height:0;transition:max-height .3s ease}.navlink-children.open{max-height:900px}.topbar{height:56px;display:flex;align-items:center;justify-content:flex-end;background:var(--surface-variant);border-bottom:1px solid var(--surface);padding:12px 24px}.layout{display:flex;height:100vh}.layout-content{display:flex;flex-direction:column;flex:1}.page-content{flex:1;padding-block:12px;padding-inline:24px;overflow-y:auto;box-shadow:inset 0 0 6px var(--shadow-color)}.page-content :is(h1,h2,h3,h4){line-height:.9}.page-content h1{font-size:1.8em}.page-content h2{font-size:1.5em}.page-content h3{font-size:1.3em}.page-content h4{font-size:1.1em}#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:20px;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:20px}#login hr{border-color:var(--outline-color)}#login form{display:flex;flex-direction:column}#login form input{flex:1;border-radius:16px;margin-block:6px;margin-inline:4px;min-height:20px;padding:8px;transition:border-color .25s ease-in-out,background-color .25s ease-in-out,color .25s 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{display:block;margin-block:6px;margin-inline:4px;background:var(--primary-color)}#login form button:enabled{box-shadow:0 2px 4px 0 var(--shadow-color)}#login form button:enabled:hover{background:var(--primary-color-accent)}#login form button:disabled{background:transparent}#special-page-layout{display:flex;place-items:center;justify-content:center;text-align:center;min-width:320px}