.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;flex-shrink:0;background:#1e293b;display:flex;flex-direction:column;overflow-y:auto}.logo{height:60px;display:flex;align-items:center;padding:0 20px;flex-shrink:0}.logo-img{height:36px;max-width:100%;object-fit:contain}.side-menu{border-right:none!important;flex:1}.side-menu .el-menu-item{height:44px;line-height:44px;margin:2px 8px;border-radius:8px;font-size:14px}.side-menu .el-menu-item:hover{background:#ffffff0f!important}.side-menu .el-menu-item.is-active{background:#f9731626!important;color:#fb923c!important}.side-menu .el-menu-item.is-active .menu-icon{color:#fb923c}.menu-item{display:flex;align-items:center;gap:10px}.menu-icon{width:20px;display:flex;align-items:center;justify-content:center;font-size:18px}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:60px;flex-shrink:0;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 3px #0000000a}.topbar-title{font-size:16px;font-weight:600;color:#0f172a}.user-badge{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.user-badge:hover{background:#f1f5f9}.user-name{font-size:14px;color:#334155}.content{flex:1;background:#fafaf9;padding:24px;overflow-y:auto}.bottom-nav{display:none}@media (max-width: 768px){.sidebar{display:none}.topbar{height:48px;padding:0 16px}.topbar-title{font-size:15px}.user-name{display:none}.content{padding:12px 12px 68px;height:auto;flex:1}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #e2e8f0;z-index:100;box-shadow:0 -1px 6px #0000000a}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#94a3b8;font-size:10px;cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-item.active{color:#f97316;font-weight:600}.nav-item:active{opacity:.7}}