:root{--accent:#3366ff;--card-bg:#ffffff}
body{background:#f5f7fb;font-family:Inter,system-ui,Arial,Helvetica,sans-serif}
.card-3d{
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(245,247,252,0.9));
  box-shadow: 0 10px 25px rgba(49,73,101,0.08), 0 3px 6px rgba(49,73,101,0.05);
  border:1px solid rgba(0,0,0,0.04);
}
.kpi{
  padding:22px;border-radius:12px;color:#fff;position:relative;overflow:hidden;
}
.kpi .num{font-size:24px;font-weight:700}
.kpi .label{opacity:0.9}
.kpi .icon{position:absolute;right:18px;top:18px;opacity:0.18;font-size:48px}
.kpi.blue{background:linear-gradient(135deg,#2b7bff,#3fa0ff)}
.kpi.green{background:linear-gradient(135deg,#00b04f,#00d08a)}
.kpi.red{background:linear-gradient(135deg,#ff4d4f,#ff7b7b)}
.kpi.orange{background:linear-gradient(135deg,#ff7a00,#ffb14d)}

.list-card{background:#fff;border-radius:10px;padding:12px;margin-bottom:14px;border:1px solid rgba(0,0,0,0.04)}

@media(max-width:768px){
  .kpi .num{font-size:20px}
}