/* রঙ, ফন্ট, ডার্ক মোড, মূল কাঠামো */
/* ===== নলকূপ হিসাব — মডার্ন প্রো থিম (ক্লাস/ভ্যারিয়েবলের নাম অ্যাপের সাথে হুবহু মেলানো) ===== */
:root{
  --bg:#f2f5f8;--fg:#0f172a;--card:#ffffff;--bd:#e3e8ef;--ac:#0a7f62;--ac2:#ffffff;--bad:#dc2626;
  --mut:#64748b;--bg2:#eaf0f5;--ac-soft:rgba(10,127,98,.11);--bad-soft:rgba(220,38,38,.09);
  --sh0:0 1px 2px rgba(15,23,42,.05);
  --sh:0 1px 2px rgba(15,23,42,.04),0 6px 20px -6px rgba(15,23,42,.10);
  --sh2:0 10px 40px -8px rgba(15,23,42,.28);
  --r:16px;--r2:12px;--r3:10px;--sw:272px;
  color-scheme:light;box-sizing:border-box
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0a1020;--fg:#e7eef8;--card:#111a2d;--bd:#1f2c45;--ac:#2fd3a3;--ac2:#032a1f;--bad:#fb7185;
  --mut:#92a3bd;--bg2:#0d1526;--ac-soft:rgba(47,211,163,.13);--bad-soft:rgba(251,113,133,.13);
  --sh:0 1px 2px rgba(0,0,0,.35),0 8px 24px -8px rgba(0,0,0,.55);--sh2:0 14px 48px -8px rgba(0,0,0,.7);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0a1020;--fg:#e7eef8;--card:#111a2d;--bd:#1f2c45;--ac:#2fd3a3;--ac2:#032a1f;--bad:#fb7185;
  --mut:#92a3bd;--bg2:#0d1526;--ac-soft:rgba(47,211,163,.13);--bad-soft:rgba(251,113,133,.13);
  --sh:0 1px 2px rgba(0,0,0,.35),0 8px 24px -8px rgba(0,0,0,.55);--sh2:0 14px 48px -8px rgba(0,0,0,.7);color-scheme:dark}
html,body{overflow-x:clip}
html{scroll-padding-top:16px;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--fg);font-size:15px;line-height:1.5;
  font-family:Inter,"Hind Siliguri","Noto Sans Bengali","Kalpurush",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--bg) radial-gradient(900px 380px at 12% -6%,var(--ac-soft),transparent 70%) no-repeat;
  -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
::selection{background:var(--ac);color:var(--ac2)}
::placeholder{color:var(--mut);opacity:.65}
*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-thumb{background:var(--bd);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}
.shell{display:flex;min-height:100vh}
.main-col{flex:1;min-width:0;margin-left:var(--sw);display:flex;flex-direction:column;min-height:100vh}
.w{width:100%;max-width:1100px;margin:0 auto;padding:22px 22px 28px;flex:1}
h1{font-size:18px;margin:4px 0 6px}
b,strong{font-weight:650}
small{color:var(--mut)}