*{box-sizing:border-box}body{color:#17263d;background:#f5f6fa;margin:0;font:16px system-ui}.shell{grid-template-columns:290px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#17263d;height:100vh;padding:24px;position:sticky;top:0;overflow:auto}nav{gap:4px;margin-top:16px;display:grid}a{color:inherit;border-radius:6px;padding:10px;text-decoration:none}a[aria-current],a:hover{background:#304966}input{width:100%;margin-top:8px;padding:10px;display:block}main{max-width:1100px;padding:40px}.badge{background:#fff1d6;border-radius:6px;padding:12px}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #ddd;padding:14px}dt{font-weight:700}dd{margin:0 0 12px}@media (width<=700px){.shell{grid-template-columns:1fr}aside{height:260px;position:static}main{padding:20px}}form,.filters{flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;display:flex}button,select{font:inherit;padding:10px}button{color:#fff;cursor:pointer;background:#17263d;border:0;border-radius:5px}label{display:block}