body{font:16px system-ui,sans-serif;background:#f4f6f8;color:#17212b;margin:0}main{max-width:480px;margin:8vh auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 22px #0001}h1{font-size:1.5rem}label{display:block;margin:1rem 0}input{display:block;width:100%;box-sizing:border-box;padding:.75rem;margin-top:.4rem;border:1px solid #aab4bd;border-radius:6px}button{padding:.7rem 1.2rem;border:0;border-radius:6px;background:#1769aa;color:white;font:inherit}.error{color:#b42318}

main{max-width:960px}nav{margin-bottom:1.5rem}a{color:#1769aa}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #dde3e9}small{color:#586573}.pagination{display:flex;gap:1rem;margin-top:1rem}