*{box-sizing:border-box}body{margin:0;background:#f3f7f6;color:#14213d;font-family:Poppins,Arial,sans-serif}
h1,h2,td,th,label,p{font-family:'Noto Nastaliq Urdu',Poppins,sans-serif}
.wrap{max-width:1180px;margin:auto;padding:20px}.hero{background:linear-gradient(135deg,#0f766e,#0f172a);color:white}
.hero .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.tag{background:#ffffff22;display:inline-block;padding:6px 12px;border-radius:99px}
h1{font-size:34px;line-height:1.8;margin:10px 0}.sub{opacity:.9}.stats-card{background:white;color:#0f172a;border-radius:22px;padding:22px;min-width:210px;box-shadow:0 18px 50px #0003}
.stats-card span,.stats-card small{display:block;color:#64748b}.stats-card b{font-size:40px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:white;border-radius:22px;padding:22px;box-shadow:0 10px 30px #0f172a10;border:1px solid #e2e8f0}
.wide{grid-column:1/-1}h2{margin:0 0 14px;font-size:24px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}
.kpis div{background:#ecfeff;border-radius:16px;padding:12px;text-align:center}.kpis span,.kpis small{display:block;color:#64748b}.kpis b{font-size:26px}
.inline{display:flex;gap:10px}input{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px;font-size:16px}
button{border:0;border-radius:12px;background:#0f766e;color:white;padding:12px 20px;font-weight:700;cursor:pointer}.ghost{background:#e2e8f0;color:#0f172a;margin-top:15px}
table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px}th,td{border:1px solid #e2e8f0;padding:12px;text-align:right;line-height:1.8}th{background:#0f766e;color:white}
.checks{display:grid;gap:10px}.checks label{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;cursor:pointer}
.checks input{width:auto;margin-left:8px}.progress{height:14px;background:#e2e8f0;border-radius:99px;margin:18px 0 6px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:#0f766e;transition:.3s}
.note{color:#64748b}.warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px;color:#9a3412}
.calorie{text-align:center;background:#f0fdfa;border-radius:18px;padding:24px}.calorie b{font-size:42px;display:block}.calorie span{color:#64748b}
footer{text-align:center;color:#64748b;padding:25px}
@media(max-width:780px){.hero .wrap{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}h1{font-size:26px}.card{padding:16px}table{font-size:13px}}