.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)}.card a.alternate-a{color:var(--on-primary-container)}.card a:hover.alternate-a{color:var(--primary-color-accent)}.card.small{width:386px;max-width:386px;flex:1}.card.medium{width:810px;max-width:810px;flex:2}.card.large{width:560px;max-width:560px;flex:3}.card-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)}.inset-shadow{box-shadow:inset 0 0 6px 2px var(--shadow-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-space-evenly{justify-content:space-evenly}.flex-container.flex-content-start{justify-content:flex-start}.flex-container.flex-content-end{justify-content:flex-end}.flex-container.flex-content-center{justify-content:center}.flex-container.flex-column{flex-direction:column}.flex-container.flex-gap-default{gap:var(--default-space)}.flex-container.flex-gap-small{gap:var(--small-space)}.flex-container.flex-gap-x-small{gap:var(--x-small-space)}.flex-container.flex-gap-none{gap:0}.flex-container.flex-row-gap-small{row-gap:var(--small-space)}.flex-container.flex-row-gap-default{row-gap:var(--default-space)}.flex-container.flex-wrap{flex-wrap:wrap}.child-flex-1>:where(*){flex:1}.child-flex-1>:where(button,.flex-none,.toggle-switch-container){flex:none}.flex-container .flex-0{flex:0}.flex-container .flex-1{flex:1}.flex-container .flex-2{flex:2}.flex-container .flex-3{flex:3}.flex-container .flex-grow-0{flex-grow:0}.flex-container .flex-grow-1{flex-grow:1}.flex-container .flex-grow-2{flex-grow:2}.flex-container .flex-grow-3{flex-grow:3}.flex-container.small{width:386px;max-width:386px;flex:1}.flex-container.medium{width:810px;max-width:810px;flex:2}.flex-container.large{width:560px;max-width:560px;flex:3}.mt-larger{margin-top:var(--larger-space)}.text-center{text-align:center}.text-bold{font-weight:700}.d-block{display:block}.w-100{width:100%}.p-x-larger{padding:var(--x-larger-space)}.max-w-720{max-width:720px}.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-simple.primary:enabled:hover{border-color:var(--primary-color)}.button-simple.secondary:enabled:hover{border-color:var(--secondary-color)}.button-simple.tertiary:enabled:hover{border-color:var(--tertiary-color)}.button-simple.quaternary:enabled:hover{border-color:var(--quaternary-color)}.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:enabled:hover{background-color:var(--primary-color-accent)}.button-secondary{background-color:var(--secondary-color);color:var(--on-secondary-color)}.button-secondary:enabled:hover{background-color:var(--secondary-color-accent)}.button-tertiary{background-color:var(--tertiary-color);color:var(--on-tertiary-color)}.button-tertiary:enabled:hover{background-color:var(--tertiary-color-accent)}.button-quaternary{background-color:var(--quaternary-color);color:var(--on-quaternary-color)}.button-quaternary:enabled:hover{background-color:var(--quaternary-color-accent)}button.small{min-width:100px}button.default{width:fit-content}button.medium{min-width:200px}button.large{min-width:300px}.button-icon{font-weight:700;padding-block:var(--small-space);padding-inline:var(--default-space)}: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-alpha-20: rgba(0, 153, 204, .2);--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-alpha-20: rgba(80, 183, 72, .2);--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-alpha-50: rgba(248, 152, 28, .5);--tertiary-color-alpha-20: rgba(248, 152, 28, .2);--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-alpha-20: rgba(247, 236, 55, .2);--quaternary-color-accent-alpha-50: rgba(255, 245, 90, .5);--outline-quaternary-container: var(--quaternary-color-alpha-50);--danger-color: rgb(204, 51, 51);--danger-color-variant: rgba(204, 51, 51, .7);--on-danger-color: var(--white);--danger-container: rgb(122, 24, 24);--on-danger-container: rgb(248, 220, 220);--danger-color-accent: rgb(235, 70, 70);--danger-color-alpha-50: rgba(204, 51, 51, .5);--danger-color-alpha-20: rgba(204, 51, 51, .2);--danger-color-accent-alpha-50: rgba(235, 70, 70, .5);--outline-danger-container: var(--danger-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);--outline-color-variant: rgba(140, 140, 140, .5);--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: .125rem;--small-space: .25rem;--default-space: .5rem;--large-space: .75rem;--larger-space: 1rem;--x-larger-space: 1.25rem;--xx-larger-space: 1.5rem;--x-small-radius: .125rem;--small-radius: .25rem;--default-radius: .5rem;--large-radius: .75rem;--larger-radius: 1rem;--x-larger-radius: 1.25rem;--xx-larger-radius: 1.5rem;--thin-border: 1px;--default-border: 2px;--medium-border: 3px;--strong-border: 4px;--x-small-font: .7rem;--small-font: .8rem;--default-font: .9rem;--large-font: 1rem;--larger-font: 1.1rem;--x-larger-font: 1.3rem;--xx-larger-font: 1.5rem}*{scrollbar-color:var(--surface-variant) transparent}body{background-color:var(--background-color);color:var(--on-background-color)}@font-face{font-family:Armstrong;src:url(src/assets/Armstrong.otf) format("truetype");font-weight:400;font-style:normal}.primary{color:var(--primary-color)}.primary.alpha-50{color:var(--primary-color-alpha-50)}.primary.alpha-20{color:var(--primary-color-alpha-20)}.secondary{color:var(--secondary-color)}.tertiary{color:var(--tertiary-color)}.quaternary{color:var(--quaternary-color)}.error{color:var(--error-color)}.danger{color:var(--danger-color)}.clickable{cursor:pointer}.font-small{font-size:var(--small-font)}.overflow-y{overflow-y:auto}.fit-content{width:fit-content}.margin-small{margin:var(--small-space)}: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;transition:color .2s ease-in-out}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{height:fit-content;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){box-sizing:border-box;height:32px;min-width:80px;padding:var(--small-space) var(--large-space)}form select{width:100%}p{margin-block:var(--default-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)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#login-layout{min-width:320px;max-width:360px;margin:var(--xx-larger-space) auto;text-align:center}#login-layout .container-logo{margin:var(--x-larger-space);filter:drop-shadow(0px 0px 8px rgba(100,100,100,.8))}#login{padding:var(--large-space);text-align:center;border:var(--default-border) 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:var(--large-space)}#login form input{flex:1;border-radius:var(--larger-radius);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:enabled:hover{box-shadow:0 1px 6px 0 var(--primary-color-accent-alpha-50)}.checkbox-wrapper{transition:color .3s ease}.checkbox-wrapper.primary{color:var(--on-primary-color);--checkbox-bg: var(--primary-color);--checkbox-fg: var(--on-primary-color)}.checkbox-wrapper.secondary{color:var(--on-secondary-color);--checkbox-bg: var(--secondary-color);--checkbox-fg: var(--on-secondary-color)}.checkbox-wrapper.tertiary{color:var(--on-tertiary-color);--checkbox-bg: var(--tertiary-color);--checkbox-fg: var(--on-tertiary-color)}.checkbox-wrapper.quaternary{color:var(--on-quaternary-color);--checkbox-bg: var(--quaternary-color);--checkbox-fg: var(--on-quaternary-color)}.checkbox-wrapper.active{color:var(--checkbox-bg)}.checkbox-input{display:none}.checkbox-label{display:flex;align-items:center;gap:var(--large-space);cursor:pointer}.checkbox-label.flex-space-between{justify-content:space-between}.checkbox-label.flex-content-start{justify-content:flex-start}.checkbox-label.flex-content-end{justify-content:flex-end}.checkbox-right .checkbox-custom{order:2}.checkbox-right .checkbox-text,.checkbox-left .checkbox-custom{order:1}.checkbox-left .checkbox-text{order:2}.checkbox-custom{min-width:20px;min-height:20px;width:20px;height:20px;border:2px solid var(--outline-color);border-radius:var(--small-radius);position:relative;transition:background-color .3s ease,border-color .3s ease}.small>.checkbox-label .checkbox-custom{min-width:12px;min-height:12px;width:12px;height:12px}.small>.checkbox-label .checkbox-custom:after{left:4px;top:1px;width:3px;height:6px;border-width:0 1px 1px 0}.checkbox-input:not(:disabled)+.checkbox-label:hover{color:var(--checkbox-bg);transition:color .3s ease}.checkbox-input:not(:disabled)+.checkbox-label:hover .checkbox-custom{border-color:var(--checkbox-bg)}.checkbox-input:checked+.checkbox-label .checkbox-custom{background-color:var(--checkbox-bg);border-color:var(--checkbox-bg)}.checkbox-custom:after{content:"";position:absolute;left:6px;top:1px;width:6px;height:12px;border:solid var(--checkbox-fg);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .3s ease}.checkbox-input:checked+.checkbox-label .checkbox-custom:after{opacity:1}.checkbox-input:disabled+.checkbox-label{opacity:.5;cursor:default;pointer-events:none}.datepicker .react-datepicker{font-family:inherit;font-size:var(--x-small-font);background-color:var(--surface-color);color:var(--on-surface-color);border-color:var(--primary-color)}.datepicker button{background:none;color:var(--on-surface-color);padding:var(--small-space)}.datepicker .react-datepicker-wrapper{width:100%}.datepicker .react-datepicker__header{text-align:center;background-color:var(--surface-color);color:var(--on-surface-color);border-bottom:1px solid var(--primary-color);border-top-left-radius:.3rem}.datepicker :is(.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header){color:var(--on-surface-color)}.datepicker :is(.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name){color:var(--on-surface-color)}.datepicker .react-datepicker__day--keyboard-selected{background:var(--primary-color);color:var(--on-primary-color)}.datepicker :is(.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover){background:var(--primary-color);color:var(--on-primary-color)}.datepicker :is(.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range){background:var(--secondary-color);color:var(--on-secondary-color)}.input-container{width:100%}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input{width:100%;border-radius:var(--small-radius)}.input-with-icon{padding-right:2.5rem}.input-password-toggle{position:absolute;right:.5rem;background:none;border:none;padding:4px;display:flex;align-items:center;justify-content:center}.input-password-toggle:hover{opacity:.8}.input-password-toggle:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--error-color)}.input-error-message{color:var(--error-color);font-size:var(--small-font);margin-top:var(--small-space);display:block}.skeleton{background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);background-size:200% 100%;animation:shimmer 2s infinite;animation-delay:var(--delay, 0s);border-radius:var(--default-radius);margin-block:var(--small-space)}.skeleton-container{padding:var(--default-space)}.skeleton-container>.skeleton{--delay: .2s}.skeleton-container>.skeleton>.skeleton{--delay: .4s}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}#special-page-layout{display:flex;flex-direction:column;gap:var(--large-space);place-items:center;justify-content:center;text-align:center;min-width:320px}.sidebar{width:220px;min-width:220px;background:var(--surface-variant);color:var(--white);padding:var(--large-space);text-align:center;transition:width .3s ease,min-width .3s ease,max-width .3s ease}.sidebar img{width:64px;height:64px;cursor:pointer}.sidebar nav{padding-block:var(--large-space);display:flex;flex-direction:column;gap:var(--default-space);overflow-y:auto}.sidebar hr{margin:0 auto;box-shadow:0 0 3px 0 var(--primary-color-alpha-50);width:90%;border-color:var(--primary-color-accent-alpha-50)}.sidebar a{color:var(--on-surface-color);text-decoration:none}.sidebar a:hover{color:var(--white)}.sidebar a.active{background-color:var(--primary-container);color:var(--on-primary-container);border-radius:var(--small-radius);font-weight:700}.sidebar .button-simple{width:80%;color:var(--on-surface-color);padding-block:var(--small-space);margin:0 auto}.sidebar.collapse{width:30px;min-width:30px;overflow-x:hidden}.sidebar.collapse img{width:32px;height:32px;margin-block:var(--large-space)}.navlink-family{display:flex;flex-direction:column;row-gap:var(--small-space)}.navlink-button{width:100%;height:24px;padding-block:0;padding-inline:var(--large-space);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}.arrow{float:right}.navlink-children{display:flex;flex-direction:column;row-gap:var(--small-space);border-radius:var(--small-radius);overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease,box-shadow .3s ease}.navlink-children.open{box-shadow:inset 0 0 6px var(--shadow-color);max-height:900px;padding:var(--small-space)}.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:var(--xx-larger-space);overflow-y:auto;box-shadow:inset 0 0 6px 2px var(--shadow-color)}.page-content :is(h1,h2,h3,h4){line-height:1}.topbar{display:flex;align-items:center;justify-content:flex-end;background:var(--surface-variant);border-bottom:var(--thin-border) solid var(--surface-color);padding:var(--large-space) var(--xx-larger-space)}