:root{font-family:Inter,system-ui,sans-serif;color:#17212b;background:#f4f6f7}*{box-sizing:border-box}body{margin:0}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{background:#17212b;color:#fff;padding:24px 16px}.brand{font-size:20px;font-weight:750;margin:0 8px 28px}nav{display:grid;gap:4px}nav a{padding:10px 12px;text-decoration:none;border-radius:6px;color:#cbd5dc}nav a.active{background:#eff6f5;color:#176b5b}main{padding:40px;max-width:1100px;width:100%}h1{font-size:28px;margin:0 0 12px;letter-spacing:0}p{color:#52616d}.login{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px;background:#fff}.login h1{font-size:42px}.button{display:inline-block;margin-top:18px;padding:12px 18px;background:#176b5b;color:#fff;text-decoration:none;border-radius:6px}@media(max-width:700px){.app-shell{grid-template-columns:1fr}aside{padding:14px}nav{display:flex;overflow-x:auto}main{padding:24px 18px}}