@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#f7f8f3;--ink:#263b31;--green:#395743;--lime:#e3edb8;--muted:#798077;--border:#e4e7dd;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Noto Sans Arabic',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #9db26c;outline-offset:4px}a{text-decoration:none;color:inherit}.sidebar{width:245px;position:fixed;right:0;top:0;bottom:0;padding:36px 25px;background:#fcfdf9;border-left:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;direction:ltr;font:700 28px 'DM Sans',sans-serif;margin-bottom:58px}.brand small{font:10px 'Noto Sans Arabic',sans-serif;display:block;margin-top:5px;color:var(--muted)}.mark{background:var(--green);color:var(--lime);width:42px;height:47px;display:grid;place-items:center;border-radius:15px 5px 15px 5px;font-size:38px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:.3px}nav{margin-top:17px}nav button{width:100%;display:flex;align-items:center;gap:16px;text-align:right;padding:14px 17px;margin-bottom:7px;border-radius:12px;background:none;color:#748074;font-size:19px}nav button span{font-size:14px}nav button.active{background:var(--green);color:#fff}.side-note{margin-top:auto;background:#eef1e5;border-radius:16px;padding:20px;position:relative;overflow:hidden}.side-note span{font-weight:600}.side-note p{font-size:11px;line-height:1.9;max-width:130px;color:var(--muted)}.leaf{font-size:50px;color:#c1cdac;position:absolute;bottom:-20px;left:8px}.profile{background:none;display:flex;gap:12px;align-items:center;text-align:right;margin-top:26px;color:var(--ink)}.profile small{display:block;font-size:10px;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;background:#e4dfd0;display:grid;place-items:center}main{margin-right:245px;max-width:1600px;padding:0 42px}header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.dot{padding:0 12px;color:#b4bdab}.quiet{background:transparent;border:1px solid var(--border);border-radius:9px;color:var(--ink);padding:9px 14px}.demo{font-size:10px;color:#7a806c;margin:13px 0 20px}.title-row{display:flex;align-items:center;justify-content:space-between}h1{font-size:36px;line-height:1.5;margin:4px 0 8px;letter-spacing:-1.3px;font-weight:600}em{font-style:normal;color:#819268}p{line-height:1.9}.muted{color:var(--muted);font-size:12px}.date{font-size:11px;border:1px solid var(--border);border-radius:20px;padding:7px 12px}.hero{margin-top:25px;min-height:300px;display:grid;grid-template-columns:42% 58%;border-radius:22px;overflow:hidden;background:#e9eddf;position:relative}.hero-copy{padding:30px 32px}.pill{display:inline-block;border:1px solid #a5b18e;border-radius:20px;padding:4px 12px;font-size:10px}.hero h2{font-size:32px;line-height:1.6;font-weight:500;margin:16px 0 8px}.hero p{font-size:11px;max-width:260px;color:#65755e}.hero img{width:100%;height:100%;object-fit:cover;min-height:300px}.photo-label{position:absolute;bottom:15px;left:20px;color:#fff;font:10px 'DM Sans';letter-spacing:3px}.primary{background:var(--green);border-radius:10px;padding:12px 18px;color:white;font-size:12px;display:inline-flex;justify-content:center;gap:24px;align-items:center}.hero .primary{margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.card{background:var(--white);border:1px solid var(--border);border-radius:17px;padding:23px}.card h3{font-size:29px;font-family:'DM Sans','Noto Sans Arabic',sans-serif;margin:12px 0}.card h3 small{font-size:12px;font-weight:400;color:var(--muted)}.energy{display:flex;align-items:center;justify-content:space-between}.ring{width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--green) 0deg,#edf0e5 0deg);padding:7px}.ring span{width:100%;height:100%;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:27px;color:#869a64}.card-top,.water-bottom,.section-head{display:flex;justify-content:space-between;align-items:center}.water-bottom button{background:#f1f4e9;border-radius:50%;width:28px;height:28px;color:var(--green);font-size:20px}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}h2{font-size:18px;font-weight:600;margin:0 0 15px}.text-button{background:none;color:var(--green);font-size:10px}.meal-preview{display:flex;gap:18px;align-items:center;margin-top:17px}.meal-preview h3{font-size:16px;margin:7px 0}.meal-art{font-size:48px;background:#f1ede3;border-radius:15px;width:85px;height:90px;display:grid;place-items:center}.coach{background:#edf1e4}.coach h2{margin:9px 0 0}.coach p{font-size:11px;color:#68765d}.moods{display:flex;gap:8px}.moods button{background:#fff;border:1px solid #dde3d1;border-radius:20px;padding:7px 11px;font-size:11px;color:var(--ink)}.moods button.selected{background:var(--green);color:white}footer{display:flex;justify-content:space-between;color:#949b8c;font-size:10px;padding:30px 0 20px;margin-top:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}label{display:block;font-size:12px;margin-bottom:18px}input,select{width:100%;background:#fafbf7;border:1px solid var(--border);border-radius:9px;padding:11px;color:var(--ink);margin-top:8px}form .primary{width:100%}.meal-row{padding:13px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;font-size:12px}.meal-row button{color:#976c61;background:#faf5f1;border-radius:7px}.training-hero{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.training-hero img{width:100%;height:440px;object-fit:cover;border-radius:18px}.training-hero h2{margin-top:18px}.exercise{display:flex;gap:20px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:12px}.exercise>span{font:24px 'DM Sans';color:#a6b291}.exercise h3{font-size:15px;margin:0}.exercise p{font-size:10px;color:var(--muted)}.filters{display:flex;gap:18px;margin-top:25px}.filters label{min-width:180px}.club-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.club-card{border:1px solid var(--border);border-radius:16px;background:white;overflow:hidden}.club-art{height:145px;display:grid;place-items:center;background:linear-gradient(130deg,#e8e5d8,#c9d5bb);color:#718169;font-size:54px}.club-content{padding:20px}.club-content h3{font-size:17px;margin:8px 0}.club-content p{font-size:11px;color:var(--muted)}.source-note{margin-top:24px}.source-note h3{font-size:16px}.source-note p{font-size:12px;color:var(--muted)}dialog{border:1px solid var(--border);border-radius:20px;padding:35px;width:min(440px,90vw);color:var(--ink)}dialog::backdrop{background:#1c302b70;backdrop-filter:blur(3px)}.close{float:left;font-size:25px;color:var(--muted);background:none}.reminder{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:8px;font-size:13px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:12px;padding:12px 24px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;font-size:12px}#toast.show{opacity:1}[hidden]{display:none!important}@media(min-width:1500px){main{margin-left:auto;margin-right:245px}.hero{min-height:360px}.hero-copy{padding:40px}}@media(max-width:1100px){main{padding:0 24px;margin-right:205px}.sidebar{width:205px;padding:30px 18px}.hero-copy{padding:25px 22px}.hero h2{font-size:27px}.card{padding:18px}.ring{width:60px;height:60px}.date{display:none}}@media(max-width:780px){.sidebar{position:fixed;top:auto;bottom:0;right:0;width:100%;height:70px;padding:0;z-index:5;border-top:1px solid var(--border)}.sidebar>.brand,.sidebar>.eyebrow,.side-note,.profile{display:none}nav{display:flex;justify-content:space-around;margin:0;height:100%}nav button{flex-direction:column;gap:1px;width:20%;padding:8px 2px;margin:0;border-radius:0;font-size:20px}nav button span{font-size:9px}nav button.active{background:#edf1e4;color:var(--green)}main{margin:0;padding:0 18px 70px}header{height:65px;font-size:10px}header .quiet{font-size:10px;padding:7px}.demo{font-size:9px}h1{font-size:29px}.hero{grid-template-columns:1fr 1fr;min-height:285px}.hero-copy{padding:22px 17px}.hero h2{font-size:25px}.hero img{min-height:285px}.hero .primary{font-size:10px;gap:6px;padding:10px}.hero .pill{font-size:8px}.hero p{font-size:10px}.stats{gap:9px}.card{padding:15px}.card h3{font-size:24px}.card h3 small{font-size:9px}.eyebrow{font-size:10px}.energy{display:block}.ring{display:none}.water-bottom .muted{font-size:9px;max-width:65px}.bottom-grid,.two-col,.training-hero{grid-template-columns:1fr}.training-hero img{height:260px}.club-grid{grid-template-columns:1fr}.filters label{min-width:0;flex:1}.photo-label{font-size:7px;letter-spacing:1px}.bottom-grid{gap:12px}.moods button{padding:8px 15px}.brand{margin:0}.title-row .muted{font-size:11px}}