:root{font-family:Arial,sans-serif;color:#172b46;background:#f0f4f8}body{margin:0}header{background:#173e69;color:white;padding:22px 5%;font-size:21px}header button{float:right}main{max-width:1200px;margin:30px auto;padding:0 20px}h1{font-size:30px}h2{font-size:20px}article,#login,#setup{background:white;border:1px solid #dce3eb;border-radius:12px;padding:24px;margin-bottom:20px}#login,#setup{max-width:480px;margin:50px auto}input,select,textarea{display:block;box-sizing:border-box;width:100%;padding:12px;margin:10px 0;border:1px solid #b8c4d4;border-radius:6px;font-size:16px}button{background:#20568e;color:white;border:0;border-radius:6px;padding:12px 18px;cursor:pointer;margin:4px}button:disabled{opacity:.5;cursor:wait}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #dce3eb;padding:12px;white-space:nowrap}th{background:#eef3f8}p{line-height:1.5;color:#53647a}#message{color:#96380a;font-weight:bold}a{color:#20568e}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:0 12px}article{padding:16px}}