:root{color:#17324d;background:#f4f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:.45rem;padding:.65rem .9rem;background:#1677c8;color:#fff}button:disabled{opacity:.65;cursor:wait}input{width:100%;padding:.65rem;margin-top:.35rem;border:1px solid #b9c7d6;border-radius:.35rem}label{display:grid;gap:.25rem}.centered{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{max-width:42rem;width:100%;background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 8px 30px #17324d1a;display:grid;gap:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:15rem 1fr}aside{padding:1.5rem;background:#12355b;color:#fff;display:flex;flex-direction:column;gap:2rem}nav{display:grid;gap:.5rem}nav a{color:#dbeeff;text-decoration:none;padding:.5rem;border-radius:.35rem}nav a.active{background:#ffffff20}aside button{margin-top:auto;background:#ffffff20}.app-shell>main{padding:1.5rem}header{display:flex;justify-content:flex-end;margin-bottom:1.5rem;color:#52677c}@media(max-width:700px){.app-shell{grid-template-columns:1fr}aside{gap:1rem}nav{grid-template-columns:repeat(4,auto);overflow-x:auto}aside button{margin-top:0}}