:root{font-family:system-ui,sans-serif;color:#17344a;background:#f1f5f8}*{box-sizing:border-box}body{margin:0}header{padding:22px 5%;background:#14354b;color:white;display:flex;gap:24px;align-items:center}header strong{font-size:24px}header button{margin-left:auto}main{max-width:1250px;margin:30px auto;padding:0 24px}h1{font-size:30px}button{background:#087b79;color:white;border:0;border-radius:7px;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5}input,select{font:inherit;padding:10px;border:1px solid #b5c8d3;border-radius:5px;max-width:100%;background:white}label{display:flex;flex-direction:column;gap:7px;font-size:14px}form{display:grid;gap:18px;max-width:500px;background:white;padding:24px;border-radius:10px}form h2{margin:0}form.create{max-width:none;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end;margin:24px 0}.create h2{grid-column:1/-1}nav{display:flex;flex-wrap:wrap;gap:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:24px}article{padding:20px;background:white;border-radius:10px}article h2{font-size:16px}article strong{font-size:38px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:14px;text-align:left;border-bottom:1px solid #dce5eb;font-size:14px}th{background:#e3edf2}#message:not(:empty){padding:12px;background:#fff1d5;color:#693c00}[hidden]{display:none!important}@media(max-width:600px){header span{display:none}main{padding:0 14px}header{gap:8px}}
.row-actions{padding:0;min-width:190px;gap:8px}.row-actions label{font-size:12px}.row-actions button{padding:8px}td{vertical-align:top}input[type=checkbox]{width:20px;height:20px}nav button:focus-visible,button:focus-visible{outline:3px solid #e9a925;outline-offset:2px}