:root{--bg:black;--bg_nav:#e42313;--bg_nav_hover:#700;--text:lightgrey;--text_nav:white;--text_nav_selected:lightgrey;--border:white;--link:white;--link_hover:#e42313;font-family:Arial,Helvetica,sans-serif}body{background-color:var(--bg);color:var(--text);margin:0}.app-container{width:auto;padding-bottom:8px}.logo{height:24px;margin-left:8px;margin-right:4px}nav{background-color:var(--bg_nav);flex-direction:row;width:100%;padding:0;display:flex;position:sticky;top:0}nav a,.logout{color:var(--text_nav);background-color:#0000;border:none;width:fit-content;padding:8px;font-size:medium;text-decoration:none;transition:all .2s}nav a:hover,.logout:hover{background-color:var(--bg_nav_hover);color:var(--text_nav);cursor:pointer}nav .active{background-color:var(--bg);color:var(--text_nav_selected)}nav a:last-child,.logout{margin-left:auto;margin-right:0}.main-container{max-width:900px;margin:auto;padding:0 24px}Link,a{color:var(--link);text-decoration:underline;transition:all .1s}Link:hover,a:hover{color:var(--link_hover)}h1,h2,h3,h4,p{width:fit-content;margin-bottom:8px}.table-container{width:100%;overflow:auto}table{border-collapse:collapse;border:1px solid var(--border);width:100%}th,td{border:1px solid var(--border);padding:8px}th{border-bottom-width:3px}.page-controls{border-style:solid;border-width:0 1px 1px;border-color:var(--border);flex-direction:row;display:flex}.page-controls p{text-align:center;flex:1;margin:auto;padding:8px}.page-controls button{color:var(--text_nav);background-color:var(--bg_nav);border:none;flex:1}.page-controls button:hover{cursor:pointer;background-color:var(--bg_nav_hover)}.page-controls .btn-inactive{opacity:.4;background-color:var(--bg_nav_hover)}select{border:1px solid var(--border);background-color:var(--bg);color:var(--text);padding:4px}