*{box-sizing:border-box}body{margin:0;font-family:system-ui,Microsoft YaHei,sans-serif;color:#1f2937}.layout{height:100vh;display:flex;flex-direction:column}header{background:#1f4e79;color:#fff;padding:12px 20px}header h1{font-size:18px;margin:0}.body{flex:1;display:flex;min-height:0}nav{width:160px;background:#f1f5f9;padding:12px 8px;display:flex;flex-direction:column;gap:4px}nav a{padding:10px 12px;border-radius:6px;color:#334155;text-decoration:none}nav a.router-link-active{background:#1f4e79;color:#fff}main{flex:1;padding:20px;overflow:auto}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid #eef2f7;font-size:14px}button{background:#1f4e79;color:#fff;border:0;padding:8px 14px;border-radius:6px;cursor:pointer}button.secondary{background:#64748b}