/* assets/style.css — 3D buttons, soft cards */
.btn-3d { box-shadow: 0 6px 0 rgba(0,0,0,.2); transform: translateY(-2px); transition: all .15s; }
.btn-3d:active { box-shadow: 0 2px 0 rgba(0,0,0,.2); transform: translateY(2px); }

:root{
  --brand:#6a11cb;        /* গ্রেডিয়েন্ট শুরু */
  --brand2:#2575fc;       /* গ্রেডিয়েন্ট শেষ   */
  --card-bg:#ffffff;
  --muted:#6b7280;
  --shadow: 0 10px 25px rgba(0,0,0,.08);
  --shadow-lg: 0 18px 40px rgba(0,0,0,.12);
  --radius: 18px;
}

/* পেজ ব্যাকগ্রাউন্ড (হালকা 2-টোন + subtle pattern) */
body {
  background: linear-gradient(135deg, rgba(106,17,203,.08), rgba(37,117,252,.08)),
              repeating-linear-gradient(45deg, rgba(255,255,255,.12) 0 14px, rgba(255,255,255,.18) 14px 28px);
}

/* DASHBOARD “widget” কার্ড */
.widget{
  background: var(--card-bg);
  border: 0;
  border-radius: var(--radius);
  padding: 16px 18px;
  box-shadow: var(--shadow);
  position: relative;
}
.widget:after{
  content:"";
  position:absolute; left:14px; right:14px; bottom:-6px; height:10px;
  background: linear-gradient(90deg, rgba(37,117,252,.22), rgba(106,17,203,.22));
  filter: blur(6px); border-radius: 12px; z-index:-1;
}
.widget .text-muted{ color: var(--muted)!important; }

/* 3D look card */
.card-3d{
  background: var(--card-bg);
  border: 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.card-3d:hover{ box-shadow: var(--shadow-lg); transform: translateY(-1px); transition:.15s ease; }

/* 3D outline buttons */
.btn-3d{
  border-radius: 12px;
  box-shadow: 0 6px 14px rgba(37,117,252,.15);
}
.btn-3d:active{ transform: translateY(1px); }

/* Soft badge (কাউন্টার ছোট কার্ড) */
.badge-soft{
  display:inline-block;
  padding:10px 14px;
  border-radius: 12px;
  background: rgba(37,117,252,.12);
  color:#1f3b8f;
  font-weight:600;
}

/* টেবিল/কার্ড এজ সুন্দর */
.card-3d .table{ margin-bottom:0 }
.table thead th{ border-bottom:0; color:#334155 }
.table td, .table th{ vertical-align: middle }

/* চার্ট ক্যানভাসে অনাকাঙ্ক্ষিত স্ক্রোল রোধ */
#ieChart{ max-height: 280px; }

/* মোবাইল স্পেসিং (আপনি হেডার fixed রেখেছেন) */
@media (max-width: 991.98px){
  .widget{ padding:14px }
  .card-3d{ padding:14px }
}



.card-3d { border: 0; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,.08); background: linear-gradient(180deg,#ffffff,#f4f9ff); }
.widget { border-radius: 14px; padding: 16px; background: linear-gradient(135deg,#1E90FF20,#00BFFF20); border: 1px solid #e8f1ff; }
.badge-soft { background:#eef5ff; color:#004AAD; padding:.4rem .6rem; border-radius:1rem; display:inline-block; }
@media print { .no-print { display: none !important; } .print-only { display: block !important; } }