@layer normalize,theme,components,page,layout,util;@layer layout{@media (prefers-color-scheme: dark){:root{--bg-color: #2e2b2b;--bg-color2: color-mix(in oklab, var(--bg-color), white 5%);--fg-color: #f1f0de;--fg-color2: color-mix(in oklab, var(--fg-color), black 30%);--primary: #27ae60;--accent: #00727f;--warn: #e27f04;--link: lightskyblue}}@media (prefers-color-scheme: light){:root{--bg-color: #f1f0de;--bg-color2: color-mix(in oklab, var(--bg-color), black 5%);--fg-color: #2e2b2b;--fg-color2: color-mix(in oklab, var(--fg-color), white 30%);--primary: hsl(100, 38%, 50%);--accent: hsl(190, 40%, 65%);--warn: #e27f04;--link: color-mix(in oklab, var(--fg-color), blue 50%);--link-hover: var(--fg-color2)}}#root{display:grid;grid-template-columns:minmax(4.1em,min-content) 1fr;gap:.5em;min-height:100dvh;width:100%;position:relative;background-color:var(--bg-color);container-type:inline-size}main{padding:2em;grid-column:2 / -1;grid-row:1;left:50%;position:relative;transform:translate(-50%);max-width:calc(500px + 50vw);container-type:inline-size}@media (max-width: 850px){#root{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(4.1em,min-content) 1fr}main{grid-column:1 / -1;grid-row:2;padding:0 10px}nav{height:4em;min-height:unset}.hide-mobile{display:none}}dialog{overflow:auto;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);container-type:inline-size}.broken-image{display:none}}@layer normalize{*{margin:0;padding:0;box-sizing:border-box}img,picture,svg,video{font-style:italic;background-repeat:no-repeat;background-size:cover;max-width:100%;height:auto;vertical-align:middle}h1{font-size:2em;margin:.5em 0}h1,h2,h3,h4,h5{margin:.2em 0;display:block;text-wrap:balance}p{max-width:70ch;text-wrap:pretty}pre{white-space:pre-wrap}b,strong{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit}button,select{text-transform:none}[hidden]{display:none!important}}@layer theme{:root{overflow-y:auto;overflow-x:hidden;font-family:system-ui,sans-serif;color:var(--fg-color)}a:not(.close,.button,.default):link{color:var(--link)}a:not(.close,.button,.default):visited{color:var(--link)}@media (hover: hover){a:not(.close,.button,.default):hover{color:var(--link-hover)}}a:not(.close,.button,.default):active{text-decoration:none;font-weight:400}label{font-weight:700}label:after{content:" "}dialog.medium{min-width:min(calc(100vw - 22px),45em)}dialog{min-width:min(calc(100vw - 22px),25em);padding:16px 24px;color:var(--fg-color);background-color:var(--bg-color);border:1px solid var(--fg-color);outline:none}@media (max-width: 700px){dialog{padding:8px}}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}ul:not(.default){list-style-type:none}ul:not(.default)>li{list-style-type:none}input,select{border-radius:.3em;padding-inline:.2em;color:var(--fg-color);background:var(--bg-color);border:1px solid var(--fg-color)}button:not(.default),.button{--btn-color: var(--fg-color);--btn-background: var(--bg-color);display:inline-block;vertical-align:middle;cursor:pointer;font-weight:700;font-size:1em;line-height:1em;padding:2px .4em;background-clip:padding-box!important;box-shadow:0 0 1px 0 var(--fg-color) inset,0 0 1px 0 var(--fg-color);border-radius:7px;border:1px solid var(--fg-color);color:var(--btn-color)}button:not(.default):is(a),.button:is(a){text-decoration:none}button:not(.default):is(a):link,button:not(.default):is(a):visited,.button:is(a):link,.button:is(a):visited{color:var(--btn-color)}@media (hover: hover){button:not(.default):is(a):hover,.button:is(a):hover{color:var(--btn-color)}}.rollable{transition:background-color .5s ease-in-out}@media (hover: hover){.rollable:hover{cursor:pointer;background-color:var(--warn)}}form .button-group{margin-top:1em}.button-group>button:not(:first-child),.button-group>a:not(:first-child),.button-group>.button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.button-group>button:not(:last-child),.button-group>a:not(:last-child),.button-group>.button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.primary{background-color:var(--primary)}.accent{background-color:var(--accent)}.warn{background-color:var(--warn)}button:not(.default):not(.primary,.accent,.warn),.button:not(.primary,.accent,.warn){background-color:var(--bg-color)}dialog:has(a.close):has(form) a.close{float:right}dialog:has(a.close):has(form) form{clear:both}a.close{color:var(--warn);opacity:.6;font-size:3rem;line-height:.75;overflow:hidden}a.close:after{vertical-align:top;height:.75em;content:"×"}@media (hover: hover){a.close:hover{opacity:1}}svg{width:1.3em;height:1.3em;fill:var(--fg-color);display:flex;align-items:center;justify-content:center}img.round{border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:cover}*:has(.input-group){--input-columns: 1;container-type:inline-size}@container (30rem < width < 60rem){*:has(.input-group){--input-columns: 2!important}}@container (width >= 60rem){*:has(.input-group){--input-columns: 3!important}}.input-group{display:grid;container-type:inline-size;grid-template-columns:repeat(var(--input-columns),min-content 1fr);row-gap:.5em;margin:1em 0}.input-group label{margin-right:0}.input-group>.input{display:grid;grid-template-columns:subgrid;grid-column:span 2;padding-inline:6px}table{margin:1rem 0}table>tr:first-of-type,thead{background-color:var(--primary)!important}tr{justify-items:start;align-items:baseline}tr>*{padding:5px}}@layer components{ul[aria-label=Pagination]{text-align:center}ul[aria-label=Pagination] li{display:inline-block;margin:0 .5em;cursor:pointer}ul[aria-label=Pagination] li.disabled{opacity:70%;cursor:no-drop}table{border-collapse:collapse}input[type=search]{border:1px solid gray;padding:.5em .25em .5em 3em;border-radius:.8rem;color:var(--fg-color);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;cursor:pointer;border-radius:50em;background:url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;background-size:contain;opacity:0;pointer-events:none;filter:invert(1)}input[type=search]:focus::-webkit-search-cancel-button{opacity:.3;pointer-events:all}}@layer util;@layer nav{.non-primary{background-color:var(--bg-color);color:var(--primary)}.nav-toggle{display:none}@media (max-width: 850px){.nav-toggle{display:inline-block;font-size:2rem;width:1.5em;text-align:center;border-radius:.2em;background-color:color-mix(in srgb,var(--bg-color),black 20%);cursor:pointer;padding:.1em;transition:.4s}nav img{display:none!important}nav.toggle{border-right:none;overflow:visible}nav.toggle>*:not(.nav-toggle){display:none!important}nav{width:4.1em}nav ul{border:solid 2px color-mix(in srgb,var(--bg-color),white 30%);padding:5px}}.logout{margin:1em 0}nav{overflow:visible;background-color:var(--bg-color);color:var(--fg-color);position:sticky;align-self:start;top:0;padding:.5em;z-index:100}nav ul{background-color:var(--bg-color);font-size:3em;min-width:8rem}nav ul li{font-size:.35em;line-height:2.5}nav ul li svg{height:auto;width:auto;display:inline-block}nav a{background-color:var(--bg-primary);height:100%;width:auto;display:block;vertical-align:middle;color:inherit;text-decoration:none}nav a.active{text-decoration:underline 3px white}}