*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#18263d;font:15px/1.6 system-ui,sans-serif}header{background:#10213a;color:white;display:flex;justify-content:space-between;padding:22px 5%;gap:20px}header a{color:white;text-decoration:none}nav{display:flex;gap:24px;padding:14px 5%;background:white;flex-wrap:wrap}a{color:#1867a8}main{max-width:1250px;margin:30px auto;padding:0 24px 50px}h1{font-size:30px}h2{font-size:21px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:white;border:1px solid #dde5ef;border-radius:15px;padding:24px;text-decoration:none;color:inherit}.card:hover{border-color:#267cb7}.notice{padding:18px;background:#e4edf7;border-radius:9px;margin-top:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;background:white;padding:24px;border-radius:12px}label{display:block}input:not([type=checkbox]),select,textarea{width:100%;padding:11px;border:1px solid #c6d2e0;border-radius:7px;font:inherit;margin-top:5px}button{background:#176ca6;color:white;border:0;border-radius:7px;padding:12px 20px;cursor:pointer;font:inherit;align-self:end}table{width:100%;border-collapse:collapse;background:white}td,th{text-align:left;padding:13px;border-bottom:1px solid #e4eaf2}th{background:#e7eef7;white-space:nowrap}.scroll{overflow-x:auto}.search{display:flex;gap:10px;max-width:520px;margin-bottom:20px}.search input{margin:0}.login{max-width:460px;background:white;padding:38px;border-radius:18px;margin-top:10vh}.login label{margin:16px 0}.login button{width:100%}.error{background:#ffe4e4;color:#9a2020;padding:15px}.access-row{background:white;padding:18px;margin-bottom:12px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header span{font-size:13px}@media(max-width:600px){header{flex-direction:column}.grid{padding:16px}main{padding:0 15px 30px}}