:root{--background:#f7f8fa;--foreground:#101418;--card:#fff;--card-foreground:#101418;--primary:#0f766e;--muted:#eef2f4;--muted-foreground:#4b5563;--destructive:#b91c1c;--border:#d6dce1}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Tajawal,Noto Sans Arabic,Segoe UI,sans-serif}.container{width:100%;max-width:980px;margin:0 auto;padding:16px}.card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:14px;padding:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.kpi{font-size:24px;font-weight:700}.label{color:var(--muted-foreground);font-size:13px}.bottom-nav{inset-inline:0;background:var(--card);border-top:1px solid var(--border);z-index:30;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.bottom-nav button{background:0 0;border:0;min-height:44px;padding:12px 6px;font-size:12px}main{padding-bottom:72px}