* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body { font-family: -apple-system, "Microsoft YaHei", sans-serif; background: #f5f6fa; }

/* 登录页 */
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #ca8a04 0%, #92400e 100%); }
.login-card { width: 380px; border: none; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.25); padding: 1.5rem; }

/* 后台布局 */
.admin-layout { display: flex; min-height: 100vh; }
.sidebar { width: 220px; background: #1f2937; color: #fff; display: flex; flex-direction: column; }
.sidebar-brand { padding: 1rem; font-size: 1.1rem; font-weight: bold; border-bottom: 1px solid #374151;
  display: flex; align-items: center; gap: .5rem; }
.brand-icon { font-size: 1.5rem; }
.sidebar-nav { flex: 1; padding: .5rem 0; }
.nav-item { display: flex; align-items: center; gap: .6rem; padding: .7rem 1.2rem; color: #d1d5db;
  text-decoration: none; border-left: 3px solid transparent; transition: all .15s; }
.nav-item:hover { background: #374151; color: #fff; }
.nav-item.active { background: #ca8a04; color: #fff; border-left-color: #fbbf24; }
.sidebar-footer { border-top: 1px solid #374151; padding: .5rem 0; }

.main-content { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.topbar { height: 56px; background: #fff; border-bottom: 1px solid #e5e7eb; display: flex;
  align-items: center; justify-content: space-between; padding: 0 1.5rem; }
.page-title { font-size: 1.1rem; font-weight: 600; }
.topbar-right { display: flex; align-items: center; gap: .75rem; }
.content-body { flex: 1; padding: 1.5rem; overflow: auto; }

/* 统计卡片 */
.stat-card { background: #fff; border-radius: 10px; padding: 1.2rem; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.stat-label { color: #6b7280; font-size: .85rem; }
.stat-value { font-size: 1.8rem; font-weight: 700; color: #111827; margin-top: .25rem; }
.stat-card.text-danger .stat-value { color: #dc2626; }