:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#111827;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:8px}.brand{font-size:24px;font-weight:800;margin-bottom:20px}.brand small{display:block;font-size:12px;font-weight:500;opacity:.7}aside button{border:0;background:transparent;color:#dbe4f3;text-align:left;padding:12px;border-radius:9px;text-transform:capitalize}.active,aside button:hover{background:#263449}.legal{margin-top:auto;font-size:12px;line-height:1.6;opacity:.7}main{padding:28px;max-width:1200px;width:100%}header{display:flex;justify-content:space-between;align-items:center}button,.button{border:0;background:#111827;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;display:inline-block}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0}.card,section{background:#fff;border:1px solid #e4e9f2;border-radius:14px;padding:20px}.card strong{font-size:28px;display:block}.card span,.note,small{color:#667085}.toggle,label{display:block;margin:14px 0}.toggle input{margin-right:10px}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(420px,90vw);background:#fff;padding:30px;border-radius:16px;border:1px solid #ddd}.login input{width:100%;padding:11px;margin-top:6px}.error{color:#a00}footer{margin-top:40px;color:#667085;font-size:12px}@media(max-width:700px){.shell{grid-template-columns:1fr}aside{position:static}.legal{margin-top:15px}}