body { background:#f4f7fb; font-family: "Microsoft YaHei", Arial, sans-serif; color:#23364d; }
.layout { display:flex; min-height:100vh; }
.sidebar { width:220px; background:#12385f; color:#fff; flex-shrink:0; }
.brand { font-weight:700; font-size:20px; padding:22px 20px; border-bottom:1px solid rgba(255,255,255,.15); }
.sidebar nav { padding:12px; }
.sidebar a { display:block; color:#dcecff; text-decoration:none; padding:11px 14px; border-radius:8px; margin-bottom:4px; }
.sidebar a:hover { background:rgba(255,255,255,.12); color:#fff; }
.main { flex:1; display:flex; flex-direction:column; }
.topbar { height:64px; background:#fff; border-bottom:1px solid #e6ecf2; display:flex; align-items:center; justify-content:space-between; padding:0 24px; font-weight:600; }
.content { padding:24px; }
.card { border:0; border-radius:14px; box-shadow:0 4px 16px rgba(18,56,95,.08); }
.stat-card { padding:22px; }
.stat-title { color:#6b7c90; font-size:14px; margin-bottom:8px; }
.stat-value { font-size:28px; font-weight:700; color:#12385f; }
.login-page { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#eaf6ff 0%,#f7fbff 100%); }
.login-card { width:420px; border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(18,56,95,.15); padding:32px; }
.table thead th { background:#eef5fc; color:#12385f; }