.progress-page,.reminders-page{color:#12342e;background:#f4f8f6;min-height:100vh;font-family:Arial,Noto Sans Arabic,sans-serif}.progress-topbar,.reminders-topbar{justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:18px 22px;display:flex}.progress-brand,.reminders-brand{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.progress-brand img,.reminders-brand img{width:32px;height:32px}.progress-brand em,.reminders-brand em{color:#668f88;font-size:.65em}.progress-topbar nav,.reminders-topbar nav{gap:16px;display:flex}.progress-topbar nav a,.reminders-topbar nav a{color:#35655d;font-size:.9rem;text-decoration:none}.progress-hero,.reminders-hero{color:#f5fffb;background:#103f38;justify-content:space-between;align-items:end;gap:24px;max-width:1076px;margin:12px auto 18px;padding:38px 42px;display:flex}.progress-hero small,.reminders-hero small{color:#83d9c8}.progress-hero h1,.reminders-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,3.6rem)}.progress-hero p,.reminders-hero p{color:#d3e7e1;max-width:650px;line-height:1.8}.progress-hero>a,.reminders-hero>a{color:#143a33;white-space:nowrap;background:#9be7d7;padding:12px 17px;text-decoration:none}.progress-metrics,.progress-content,.reminders-grid{gap:14px;max-width:1076px;margin:0 auto 22px;padding:0;display:grid}.progress-metrics{grid-template-columns:repeat(4,1fr)}.progress-metrics article,.progress-chart,.progress-upcoming,.reminder-form,.reminder-list,.channel-card{background:#fff;border:1px solid #e1ebe7;padding:20px}.progress-metrics small,.progress-metrics em{color:#6c827d;font-style:normal;display:block}.progress-metrics b{margin:9px 0;font-size:1.5rem;display:block}.progress-content{grid-template-columns:1.3fr .7fr}.progress-chart h2,.progress-upcoming h2{margin:4px 0 18px;font-size:1.25rem}.progress-bars{align-items:end;gap:12px;height:160px;display:flex}.progress-bars div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:6px;height:100%;display:flex}.progress-bars i{background:#53bca9;width:100%;min-height:8px;display:block}.progress-bars small{color:#687d78;font-size:.72rem}.progress-upcoming>div{grid-template-columns:26px 1fr;gap:5px;margin:12px 0;display:grid}.progress-upcoming span{color:#557d74;grid-row:span 2}.progress-upcoming small,.progress-upcoming p{color:#6d807c}.progress-upcoming>a{color:#167b6c}.reminders-grid{grid-template-columns:.95fr 1.05fr}.reminder-form form{gap:12px;display:grid}.reminder-form input{font:inherit;border:1px solid #cbdcd7;padding:11px}.reminder-form button{color:#fff;font:inherit;background:#127f70;border:0;padding:12px}.reminder-channels{gap:12px;display:flex}.reminder-channels label,.channel-card label{align-items:center;gap:6px;font-size:.9rem;display:flex}.reminder-list article{border-bottom:1px solid #e6efec;grid-template-columns:1fr auto;gap:8px;padding:14px 0;display:grid}.reminder-list small{color:#6a807b;margin-top:4px;display:block}.reminder-list button{color:#a13b40;background:0 0;border:0}.channel-controls{gap:10px;display:grid}.channel-card{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.channel-card small{color:#6d827d}.reminder-note{color:#667d77;max-width:1076px;margin:0 auto;padding:0 0 32px;line-height:1.7}@media (width<=760px){.progress-topbar,.reminders-topbar{padding:15px}.progress-hero,.reminders-hero{margin:0;padding:28px 20px;display:block}.progress-hero>a,.reminders-hero>a{margin-top:12px;display:inline-block}.progress-metrics,.progress-content,.reminders-grid{grid-template-columns:1fr;padding:0 15px}.progress-metrics{grid-template-columns:repeat(2,1fr)}.progress-metrics article{padding:15px}.progress-topbar nav,.reminders-topbar nav{gap:9px}.channel-card{grid-template-columns:1fr 1fr}.channel-card small{grid-column:1/-1}}