*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f7f8fa;color:#1f2329}.layout{display:flex;height:100vh}.side{width:208px;background:#fff;border-right:1px solid #e8eaed;display:flex;flex-direction:column;padding:12px 8px}.brand{display:flex;align-items:center;gap:8px;padding:8px 10px 16px}.logo{width:30px;height:30px;border-radius:9px;background:#1664ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.brand-name{font-weight:600;font-size:14px}nav{flex:1;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#4e5969;text-decoration:none;font-size:14px}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#f2f3f5}.nav-item.active{background:#e8f0ff;color:#1664ff;font-weight:600}.side-foot{padding:12px;font-size:11px;color:#9aa0aa;line-height:1.5}.main{flex:1;overflow:auto}