:root{box-sizing:border-box;color:#3c3c3cde;background-color:#e3e3e3;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}*,:before,:after{box-sizing:inherit}body{min-width:320px;margin:0;padding:0}hr{border-top:1px solid #0006;margin:1rem 0}a{color:#3a90e0;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#6eb9ff}h1{font-size:3.2rem;line-height:1.1}button,input,select{border:1px solid #484848;border-radius:8px;margin:0;font-family:inherit;font-size:1rem;box-shadow:0 0 1px #0003}button{cursor:pointer;color:#ffffffde;background-color:#484848;padding:.2rem 1rem;font-weight:500}input,select{background-color:#f0f0f0;padding:.2rem .5rem}input:hover,button:hover,select:hover{box-shadow:0 0 2px #0009}button:active:not([disabled]){transform:translateY(1px);box-shadow:0 0 1px #0006}button[disabled],input[disabled],select[disabled]{opacity:.35;cursor:default}button.small{padding:0 .5rem;font-weight:300}button.danger{background-color:#c63636;border-color:#c63636}button.action{background-color:#3a90e0;border-color:#3a90e0}.pagination{justify-content:center;align-items:center;display:flex}.pagination span{text-align:center;flex:1}.badge{color:#e3e3e3;background-color:#484848;border-radius:8px;margin:0 .25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.badge button{color:#484848;background-color:#e3e3e3;border-radius:16px;margin-left:.5rem;padding:0 .5rem;font-size:.8rem}ul{line-height:2}#root{flex-direction:column;width:100%;height:100vh;display:flex}#root>header{color:#ffffffde;background-color:#484848;border-bottom:2px solid #0006;padding:0 1rem}#root>header>h2{margin:.5rem 0}#root>header>ul{padding:0;list-style-type:none;display:inline}#root>header>ul>li{margin-right:1rem;font-size:larger;display:inline}#root>header>ul>li>a.active{color:#c0e0fe}#root>main{flex-direction:row;flex:1;margin:1rem;display:flex;overflow-y:scroll}#root>footer{color:#ffffffde;text-align:center;background-color:#484848;border-top:2px solid #0006}#sidebar{border-right:1px solid #333;flex-direction:column;width:30rem;max-height:100%;padding-right:1rem;display:flex;overflow-y:auto}#sidebar form{line-height:2.5}#sidebar ul{padding:0;line-height:2;list-style:none}#sidebar ul li{align-items:center;display:flex}#sidebar ul li a{text-overflow:ellipsis;white-space:pre;color:inherit;border-radius:8px;flex:1;padding:0 .5rem;text-decoration:none;overflow:hidden}#sidebar ul a:hover{background:#bfcfde}#sidebar ul a.active{color:#fff;background:#3a90e0}#info{flex:1;width:100%;max-height:100%;padding:0 2rem;overflow-y:auto}#info ul li{border-bottom:.5px dashed #333;margin-bottom:.5rem}#info ul li button{float:right}
