*{box-sizing:border-box;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#333}#layout{display:flex;min-height:100vh}nav{width:220px;min-width:220px;background:#1a1c23;color:#fff;padding:20px 0;display:flex;flex-direction:column;z-index:200}nav h2{padding:0 20px 20px;font-size:16px;border-bottom:1px solid #333;margin-bottom:10px}nav a,nav .user{display:block;padding:10px 20px;color:#aaa;text-decoration:none;font-size:14px}nav a:hover,nav a.router-link-active{color:#fff;background:#2a2d35}.spacer{flex:1}nav .user{color:#666;font-size:12px;padding-bottom:4px}main{flex:1;overflow-y:auto}.hamburger,.overlay{display:none}@media (max-width: 768px){#layout{flex-direction:column}.hamburger{display:flex;flex-direction:column;gap:5px;padding:16px;background:#1a1c23;cursor:pointer;align-items:flex-start;z-index:300}.hamburger span{display:block;width:24px;height:3px;background:#fff;border-radius:2px;transition:.3s}.menu-open .hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.menu-open .hamburger span:nth-child(2){opacity:0}.menu-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}nav{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .25s ease;padding-top:60px;z-index:1100}nav.open{transform:translate(0)}.overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000}}