body{margin:0;font-family:Segoe UI,Arial,sans-serif;display:flex;height:100vh}
.sidebar{width:230px;background:#222;color:#fff;padding:20px 15px;box-sizing:border-box}
.sidebar h2{margin:0 0 15px;font-size:20px}
.sidebar ul{list-style:none;padding:0}
.sidebar li{margin:8px 0}
.sidebar a{color:#fff;text-decoration:none;cursor:pointer}
.main{flex:1;display:flex;flex-direction:column}
#login-screen{margin:auto;text-align:center}
#login-screen input,button{width:220px;padding:8px;margin:6px 0}
.error{color:#f33}
header{display:flex;justify-content:space-between;align-items:center;
       background:#eee;padding:10px 20px}
.req{border:1px solid #ccc;padding:10px;margin:10px 0;background:#fafafa}
.hidden{display:none}
table{width:100%;border-collapse:collapse;margin:10px 0}
th,td{border:1px solid #ccc;padding:6px;text-align:left}
button{background:#2e8b57;color:#fff;border:none;cursor:pointer;padding:6px 12px}
button:hover{background:#246b45}
ul{margin:6px 0 0 15px}
@media(max-width:640px){.sidebar{display:none}}