/* Reset some specific overrides if needed, fade anims */
:root { font-family: "Vazirmatn", system-ui, -apple-system, sans-serif; }
body { font-feature-settings: "ss01"; }
.num { font-variant-numeric: tabular-nums; direction: ltr; unicode-bidi: plaintext; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.elev { box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 20px rgba(15, 23, 42, 0.06); }
.kpi-value { font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
canvas { max-width: 100%; }
.tab-btn { white-space: nowrap; transition: all 0.15s ease; }
.page-enter { animation: fade 0.25s ease; }
@keyframes fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.tabbar::-webkit-scrollbar { height: 4px; }
.tabbar::-webkit-scrollbar-thumb { background: rgba(56, 189, 248, 0.4); border-radius: 4px; }