/* 基础布局 */
html, body { height: 100%; }
#app-root { min-height: 100vh; }
#sidebar { width: 240px; transition: width .2s ease; }
#sidebar.collapsed { width: 64px; }
#sidebar .nav-link { color: #333; }
#sidebar .nav-link:hover { background: rgba(0,0,0,0.03); }
#sidebar .sidebar-header { border-bottom: 1px solid rgba(0,0,0,0.05); }

.topbar { height: 64px; }
.topbar .container-fluid { height: 64px; }

main { background: #f8f9fa; min-height: calc(100vh - 64px - 56px); }

/* 卡片样式 */
.stats-card { cursor: default; }
.stats-icon { font-size: 2.2rem; color: #0d6efd; margin-right: 12px; }

/* 响应式 */
@media (max-width: 767.98px) {
    #sidebar { position: absolute; z-index: 1040; transform: translateX(-100%); }
    #sidebar.collapsed { transform: translateX(0); }
}

/* 视觉美化 */
.card { border-radius: 8px; }