:root{color:#17324a;background:#f4f7fa;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:2rem}header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}h1{color:#123e64;margin:0}header p{color:#526678;margin:.2rem 0}.card{background:#fff;border:1px solid #dce5ec;border-radius:10px;margin:1rem 0;padding:1.5rem;box-shadow:0 2px 8px #14304b0a}h2{margin-top:0}form{flex-direction:column;gap:1rem;max-width:400px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;max-width:none;display:grid}label{flex-direction:column;gap:.3rem;font-weight:600;display:flex}input,select{width:100%;font:inherit;background:#fff;border:1px solid #b9cbd9;border-radius:6px;padding:.65rem}button{color:#fff;font:inherit;cursor:pointer;background:#116ca5;border:0;border-radius:6px;padding:.68rem 1.1rem;font-weight:600}button:disabled{opacity:.55;cursor:default}button.secondary{color:#17324a;background:#dce7ef}.actions,.pagination{align-items:center;gap:.75rem;display:flex}.pagination{margin-top:1rem}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #dce5ec;padding:.75rem}th,.note{color:#526678}.error{color:#a31818;background:#ffebeb;border-radius:6px;padding:1rem}code{font-size:.95em}
