:root{--bg:#f6f7f9;--card:#fff;--text:#16171b;--muted:#7b7e87;--pink:#ff6fae;--green:#15986a;--red:#e5484d}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,sans-serif;color:var(--text)}.shell{display:flex;min-height:100vh}aside{width:235px;background:#fff;border-right:1px solid #eee;padding:28px 18px;position:fixed;top:0;bottom:0}aside h2{margin:0;font-size:26px}aside p{color:var(--muted);font-size:12px}nav{display:grid;gap:6px;margin-top:28px}nav a{padding:11px 12px;border-radius:12px;color:#555;text-decoration:none;font-size:14px}nav a:hover{background:#fff1f7;color:var(--pink)}main{margin-left:235px;width:calc(100% - 235px);padding:28px}header{display:flex;justify-content:space-between;margin-bottom:24px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:var(--card);border:1px solid #eee;border-radius:18px;padding:20px;box-shadow:0 10px 30px #14141e0a;margin-bottom:14px}.card small{display:block;color:var(--muted);margin-bottom:12px}.card strong{font-size:26px}