*{box-sizing:border-box}:root,body{margin:0;padding:0;width:100%;height:100%}:root{font-family:sans-serif;font-size:18px;--bg1: #ffffff;--bg2: #eff1f1;--bg3: #ebffee;--fg1: #000000;--fg2: #5d5d5d;--a1: #42b57b;--a2: #e55353;--a3: #53afe5;--a4: #a97ed7}body{padding:1em;background-color:var(--bg1)}input,select{background-color:var(--bg1);color:var(--fg1);font-size:1em}a,button,input[type=submit]{cursor:pointer;margin:.5em;padding:.5em;border:2px solid transparent;border-radius:.4em;background-color:var(--a1);color:var(--bg1);text-decoration:none}button,input[type=submit]{background-color:var(--a3);font-size:1em}:is(a,button,input[type=submit]):hover{border-color:var(--fg1)}button p{margin:0}button.red{background-color:var(--a2)}.session-list{width:fit-content}.session-list .session{margin:.5em;padding:.5em;border:2px solid transparent;border-radius:.6em;background-color:var(--bg2)}.session-list .session.selected{background-color:var(--bg3);border-color:var(--a1)}.session-list .session>div{display:flex;justify-content:space-between}table{display:block;border-spacing:0;text-align:center;max-height:min(500px,100%);overflow:auto}th{padding:.5em}td{padding:0 .3em;height:2em;border:1px solid var(--fg2)}