.hi-hero { background:linear-gradient(120deg,#0057b8,#003b7a); border-radius:1.25rem; color:#fff; }
  .hi-hero h3 { font-weight:700; }
  .hi-kpi { border:1px solid #eef1f6; border-radius:1rem; background:#fff; transition:transform .18s ease, box-shadow .18s ease; }
  .hi-kpi:hover { transform:translateY(-3px); box-shadow:0 .6rem 1.4rem rgba(30,60,120,.10); }
  .hi-kpi-icon { width:44px; height:44px; border-radius:.75rem; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1rem; flex-shrink:0; }
  .hi-kpi-label { font-size:.64rem; letter-spacing:.06em; text-transform:uppercase; font-weight:700; color:#8392ab; }
  .hi-kpi-num { font-size:1.7rem; font-weight:800; line-height:1; color:#344767; }
  .hi-card { border:none; border-radius:1rem; }
  .hi-list-item { display:flex; align-items:center; gap:.75rem; padding:.6rem 0; border-bottom:1px solid #f2f4f8; }
  .hi-list-item:last-child { border-bottom:none; }
  .hi-avatar { width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.72rem; color:#fff; flex-shrink:0; }
  .hi-quick { border:1px solid #eef1f6; border-radius:.9rem; padding:1rem .75rem; text-align:center; display:block; color:#344767; transition:all .15s; height:100%; }
  .hi-quick:hover { border-color:#b9d4f0; box-shadow:0 .4rem 1rem rgba(0,87,184,.10); color:#0057b8; transform:translateY(-2px); }
  .hi-quick i { font-size:1.3rem; display:block; margin-bottom:.4rem; }
  .hi-quick span { font-size:.78rem; font-weight:600; }
  .hi-empty { color:#a9b3c5; font-size:.84rem; padding:.8rem 0; }
  .hi-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }