:root{--color-txt:#14233c;--color-bg:#fff;--color-accent:#aa151c;--color-alt-bg:#deded8;--color-alt-txt:#2c2d2e;--color-light:#f3f3f3}*{box-sizing:border-box;accent-color:var(--color-accent);margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:24px}body{color:var(--color-txt);background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}html,body{height:100%}aside{background:var(--color-txt);color:var(--color-bg);flex-direction:column-reverse;width:45%;padding:3em;display:flex}aside div{max-width:400px}aside div h1{color:var(--color-bg);margin-bottom:.3em;font-size:2em}aside div p{opacity:.8;padding:0 .1em}header{background:var(--color-bg);flex-shrink:0;grid-template-columns:auto 1fr auto;height:50px;padding:.25em .5em;display:grid}header button{background:0 0;width:40px;margin:0}header button:hover{background:var(--color-light)}header menu{flex-direction:row;align-items:center;gap:.5em;padding:0 .5em;display:flex}header menu button{background:var(--color-txt);width:2em;height:2em;color:var(--color-bg);text-align:center;border-radius:50%;margin:0 .5em;padding:0;text-decoration:none}header menu button:hover{background:var(--color-txt)}header menu img{width:1.5em;height:1.5em}header h1{margin:auto .5em}header span{border:1px solid var(--color-alt-bg);border-radius:.5em;gap:.25em;padding:.25em .5em;display:flex}#myMenu{border:1px solid var(--color-alt-bg);border-radius:.5em;margin:1em;top:1.5em;left:auto}#myMenu a{color:var(--color-alt-txt);border-bottom:1px solid var(--color-alt-bg);padding:.5em 2em;text-decoration:none;display:block}#myMenu a:last-child{border-bottom:0}#myMenu a:hover{background:var(--color-light)}#myMenu::backdrop{background:0 0}#layout{flex:1;min-height:0;display:flex}main{background:var(--color-alt-bg);border:1px solid var(--color-alt-bg);border-radius:.5em 0 0;flex:1;align-items:start;gap:1em;padding:.5em;display:flex;overflow:auto}nav{text-wrap:nowrap;box-sizing:border-box;color:var(--color-txt);grid-template-rows:1fr auto;align-self:start;width:11em;height:100%;padding:.5em 0;transition:all .3s ease-in-out;display:grid;overflow-x:hidden}nav.reduced{width:3.5em}nav a img{width:1.5em;height:1.5em}nav ul{margin:0;list-style:none}nav li{padding:0}nav a{color:var(--color-alt-txt);align-items:center;gap:.5em;padding:.75em 1em;text-decoration:none;display:flex}nav li.active a,nav a:hover{background:var(--color-light)}nav li.active a{border-left:3px solid var(--color-alt-txt);padding-left:calc(1em - 3px)}nav a span{flex-grow:1}nav.reduced a span{display:none}nav div{text-align:center;margin:.5em 0}nav.reduced div{display:none}nav p{opacity:.75;margin:0;font-size:.75em}.counter{background:var(--color-alt-bg);border-radius:.5em;padding:.2em .3em;font-size:.7em;line-height:1em;transform:translateY(-.5em)translate(-.5em)}article,section{background:var(--color-bg);border-radius:.5em;padding:1em}article{flex:1;min-height:100%}dialog{border:1px solid var(--color-alt-bg);border-radius:.5em;margin:auto;padding:2em}::backdrop{background:var(--color-alt-bg);opacity:.75}h2,h3{color:var(--color-alt-txt);margin-bottom:.5em}h2,p{margin-bottom:1em}a{color:var(--color-accent)}ul{margin:0 2em}li{padding:.1em}hr{border:0;border-bottom:1px solid var(--color-alt-bg);margin:1.5em}p.success,p.fail,p.warning{border-radius:.5em;padding:.5em 1em}main span{background:var(--color-alt-bg);color:var(--color-alt-txt);border-radius:.5em;padding:.2em .5em;box-shadow:0 1px 3px #0003}.success{background:#cdeac0}.fail{background:#ff928b}.warning{background:#ffac81}form{max-width:700px}fieldset{border:0;flex-direction:column;margin-bottom:.5em;display:flex}article form{flex-wrap:wrap;justify-content:space-around;gap:.5em 1em;width:100%;max-width:100%;margin:auto;display:flex}article form fieldset{width:100%;max-width:min(700px,50% - .5em);margin:0}article form fieldset button{margin:auto 0}.commands{text-align:right;flex-direction:row;justify-content:flex-end;gap:1em}label{justify-content:space-between;align-items:center;gap:.5em;margin-bottom:.5em;font-size:.85em;display:flex}fieldset a{font-size:.85em}textarea,input,select{border:1px solid var(--color-alt-bg);background:var(--color-bg);border-radius:.5em;flex-grow:1;max-width:400px;padding:.85em 1em;font-size:1em}input:focus,select:focus{border-color:var(--color-txt);outline:none;box-shadow:0 .5em 1em #0000001a}textarea{width:100%;max-width:none;height:5em;padding:.5em}label:has(textarea){display:block}.form-options{flex-direction:row;justify-content:space-between;gap:1em;display:flex}.form-options label{flex:1;display:inline}.form-options input{margin-right:.25em}button{cursor:pointer;border:none;border-radius:.5em;width:auto;max-width:400px;font-size:1em}main button{background:var(--color-txt);width:100%;color:var(--color-bg);padding:1em;font-weight:500}main button.secondary,main button[type=reset]{background:var(--color-alt-bg);color:var(--color-txt)}main button:hover{background:oklch(from var(--color-txt) calc(l * 1.25) c h);transform:translateY(-1px);box-shadow:0 .5em 1em #0000001a}main button.secondary:hover,main button[type=reset]:hover{background:var(--color-alt-bg)}main button:active{opacity:.7;box-shadow:none;transform:none}main button:disabled{background:var(--color-light);box-shadow:none;color:var(--color-alt-txt);transform:none}main menu{border-bottom:1px solid var(--color-alt-bg);margin-bottom:1em;display:flex;overflow:hidden}main menu button,main menu a{color:var(--color-alt-txt);opacity:.7;border-bottom:2px solid var(--color-bg);background:0 0;width:auto;padding:1em 1em .5em;font-size:.9em;font-weight:400;text-decoration:none}main menu button.active,main menu a.active{color:var(--color-accent)}main menu button:hover,main menu a:hover{color:var(--color-accent);opacity:1;border-bottom:2px solid var(--color-alt-bg);box-shadow:none;background:0 0;border-radius:0;transform:none}table{border-collapse:collapse;border:1px solid var(--color-alt-bg);width:100%;max-width:1500px;margin:.5em auto}caption{padding:.5em;font-weight:700}td a,th a{padding:.5em;text-decoration:none}th,td{text-wrap:nowrap;padding:.5em}th button,td button{width:auto;padding:.5em 1em}th.number,td.number{text-align:center}th.action,td.action{text-align:right}th{background:var(--color-alt-bg);text-align:left}tr:nth-child(2n){background:var(--color-light)}tr:hover{background:color-mix(in srgb, var(--color-txt), transparent 90%)}:is(.clickable tr:has(input):hover,.clickable tr:has(a):hover){background:color-mix(in srgb, var(--color-accent), transparent 90%);cursor:pointer}.clickable tr:has(a):hover a{text-decoration:underline}.narrow{justify-content:center;width:auto;min-width:700px}.narrow fieldset{width:auto}.table-controls{justify-content:space-between;max-width:1500px;margin:0 auto;display:flex}.table-controls fieldset{flex-direction:row;gap:1em;width:auto}.table-controls button{width:auto;padding:.5em 1em}.wrapper-scroll{border:1px solid var(--color-alt-bg);width:100%;max-width:1000px;max-height:18em;margin:.5em auto;overflow-y:auto}.wrapper-scroll table{border:0;width:100%;margin:0}.wrapper-scroll thead th{position:sticky;top:0}div[popover]{border:1px solid var(--color-alt-bg);text-align:left;border-radius:.5em;margin:auto;padding:.5em;font-weight:400}div[popover] fieldset{max-width:100%}div[popover] .wrapper-scroll{min-width:70vw;min-height:50vh}@media (width<=600px){main{gap:.25em}main,article,section{padding:.25em}nav.reduced{width:0}article form fieldset{max-width:100%}}@media print{@page{size:A4 portrait;margin:1cm}header button,nav{display:none}main{background:var(--color-bg);border:0;padding:0}img{max-width:100%}h1,h2,h3,h4,caption{page-break-after:avoid}a[href^=http]:after{content:" (" attr(href) ")"}video,object,iframe{width:0!important;height:0!important;display:none!important;overflow:hidden!important}}