:root{color:#17202a;background:#f5f7f9;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}nav{color:#fff;background:#17202a;padding:1.5rem}nav a{color:#fff;padding:.55rem 0;text-decoration:none;display:block}main{max-width:1100px;padding:2rem}h1{margin-top:0}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.card,.data-list li,.state{background:#fff;border:1px solid #dce1e5;border-radius:6px;padding:1rem}.data-list{gap:.75rem;padding:0;list-style:none;display:grid}.error{color:#b42318;border-color:#b42318}@media (max-width:700px){.shell{grid-template-columns:1fr}nav{position:static}}