*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:#17243a;font:14px/1.5 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#101c35;color:white;padding:20px 5%}header span{display:inline-block;margin:0 14px}header div:first-child span{color:#c6d4ec}main{max-width:1120px;margin:30px auto;padding:0 20px}h1,h2{margin:0}p{color:#53637c}.heading{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:20px}button,input,select,textarea{font:inherit;border:1px solid #cad4e5;border-radius:8px;padding:10px 14px}button{cursor:pointer;background:white;color:#20324f}.primary{background:#2341b8;color:white;border-color:#2341b8}button:disabled{opacity:.5;cursor:wait}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select,textarea{width:100%;background:white;color:#17243a;font-weight:400}.search{max-width:420px;margin-bottom:22px}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:15px;border-bottom:1px solid #e5eaf1}th{background:#eaf0fa;color:#435570}#list{overflow:auto;border:1px solid #e1e7f0;border-radius:12px;margin-bottom:22px}td small{display:block;color:#64748b}dialog{width:min(700px,94vw);max-height:94dvh;overflow:auto;border:0;border-radius:16px;padding:24px;box-shadow:0 20px 60px #0003}dialog::backdrop{background:#0f1c35aa}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#form-error,#message{color:#a02039}#message:empty{display:none}:focus-visible{outline:3px solid #80a8ff;outline-offset:2px}@media(max-width:600px){header{align-items:flex-start}header span{display:block;margin:3px 0}.grid{grid-template-columns:1fr}th,td{padding:10px}table{min-width:520px}}