*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#20344d;font:16px/1.6 system-ui,sans-serif}.login{width:min(420px,calc(100% - 32px));margin:12vh auto;background:white;padding:32px;border:1px solid #dfe7ef;border-radius:12px}h1{font-size:26px;margin:0 0 8px}p{color:#60758e}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #bdcddd;border-radius:6px;font:inherit;margin-top:6px}button{padding:10px 18px;background:#235c98;color:#fff;border:0;border-radius:6px;font:inherit;cursor:pointer}button:disabled{opacity:.6}.login button{width:100%}#message{min-height:26px;color:#c53535;font-size:14px}.admin{max-width:900px;margin:24px auto;padding:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid #e3eaf2;font-size:14px}a{color:#235c98}header{display:flex;gap:20px;align-items:center;flex-wrap:wrap}