:root{color:#172033;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#172033;gap:2rem;padding:1rem 2rem;display:flex}header a{color:#fff;text-decoration:none}main{max-width:1100px;margin:auto;padding:2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.card{background:#fff;border:1px solid #e1e6ef;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #1620330a}.muted{color:#687386}form{gap:1rem;max-width:420px;display:grid}input,button,select,textarea{border:1px solid #ccd3df;border-radius:8px;padding:.8rem}button{color:#fff;cursor:pointer;background:#3157d5;border:0}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #e1e6ef;padding:.8rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.drop{text-align:center;background:#fff;border:2px dashed #aab5ca;border-radius:12px;padding:2rem}@media (max-width:600px){header{flex-wrap:wrap;padding:1rem}main{padding:1rem}}