html,body,#app{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Microsoft YaHei,sans-serif}.app{display:flex;height:100vh}.sidebar{width:250px;background:#1e88e5;color:#fff;transition:width .3s}.sidebar.collapsed{width:60px}.logo{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo h2{margin:0;font-size:18px}.nav-menu{list-style:none;padding:0;margin:0}.nav-item{display:block;padding:15px 20px;color:#fff;text-decoration:none;transition:background .3s}.nav-item:hover,.nav-item.router-link-active{background:#ffffff1a}.main-content{flex:1;display:flex;flex-direction:column}.header{height:60px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 20px;justify-content:space-between}.menu-btn{background:none;border:none;font-size:18px;cursor:pointer}.header-right{display:flex;align-items:center;gap:15px}.logout-btn{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.content{flex:1;padding:20px;background:#f9fafb}