:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#15221c;background:#f4f7f5}*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#123c2b;color:white;padding:28px 20px}.brand{font-weight:900;font-size:22px;letter-spacing:.5px}.product{color:#8de0ad;font-size:12px;margin-top:4px}.nav{margin-top:30px;display:grid;gap:8px}.nav a{color:#cfe1d7;text-decoration:none;padding:10px 12px;border-radius:9px}.nav a.active{background:#236344;color:#fff}main{padding:34px 40px}.top{display:flex;justify-content:space-between;align-items:center}.badge{background:#e4f5eb;color:#236344;padding:6px 10px;border-radius:99px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px;margin-top:28px}.card,.panel{background:white;border:1px solid #dfe9e3;border-radius:14px;padding:20px;box-shadow:0 4px 16px #123c2b0a}.card .value{font-size:30px;font-weight:800;margin-top:12px}.label{color:#64736b;font-size:13px}.panel{margin-top:20px}.panel h2{font-size:17px;margin:0 0 14px}.notice{padding:13px;background:#f0f8f3;border-left:3px solid #36a568;border-radius:6px;font-size:14px;line-height:1.6}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{display:none}main{padding:24px}.cards{grid-template-columns:repeat(2,1fr)}}