.layout{display:flex;min-height:100vh;background:#f5f7fa}.page-loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666}.sidebar{width:240px;background:#001529;color:#fff;display:flex;flex-direction:column;transition:width .2s ease}.sidebar.collapsed{width:64px}.sidebar-header{height:60px;display:flex;align-items:center;justify-content:center}.sidebar-header h2{margin:0;font-size:18px;white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;padding:8px 0}.empty-tip{padding:16px 24px;color:#fff6;font-size:14px}.nav-item{display:flex;align-items:center;padding:12px 24px;cursor:pointer;gap:10px;position:relative;transition:background .2s}.nav-item:hover{background:#ffffff14}.nav-item.active{background:#1890ff}.nav-icon{font-size:18px;flex-shrink:0}.nav-label{flex:1;white-space:nowrap}.badge{background:#f5222d;border-radius:10px;font-size:12px;padding:2px 8px;flex-shrink:0}.collapse-btn{height:48px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;transition:background .2s}.collapse-btn:hover{background:#ffffff26}.main-wrap{flex:1;display:flex;flex-direction:column}.top-bar{height:60px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 1px 4px #00000014}.top-title{font-size:16px;font-weight:500}.user-area{display:flex;gap:16px;align-items:center}.username{color:#333;font-size:14px}.logout-btn{padding:6px 12px;cursor:pointer;border:1px solid #dcdcdc;background:#fff;border-radius:4px;transition:all .2s}.logout-btn:hover{border-color:#1890ff;color:#1890ff}.page-content{flex:1;padding:24px}.dashboard-wrap .page-title{margin-bottom:24px}.dashboard-wrap .ant-statistic-prefix{font-size:24px}.dashboard-wrap .icon-blue{color:#1677ff}.dashboard-wrap .icon-green{color:#52c41a}.dashboard-wrap .icon-orange{color:#faad14}.dashboard-wrap .icon-red{color:#f5222d}