/* Copy Protection */
*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
input,textarea,select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
:root{
  --bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:rgba(20,20,30,0.6);
  --gold:#7fc3f4;--gold-bright:#bfe3ff;--gold-dim:#447fae;
  --gold-soft:#b7dcff;
  --silver:#c0c0c8;--silver-bright:#e8e8f0;
  --blue-deep:#0a1628;--blue-electric:#1e3a5f;
  --red-accent:#c8102e;--green-success:#4ade80;
  --text-primary:#f0f0f5;--text-secondary:#a0a0b0;
  --border-subtle:rgba(127,195,244,0.15);--border-gold:rgba(127,195,244,0.4);
  --shadow-gold:0 0 40px rgba(127,195,244,0.15);
  /* modern glass + depth tokens */
  --glass-bg:rgba(22,22,28,0.55);
  --glass-border:rgba(255,255,255,0.08);
  --glass-blur:saturate(140%) blur(12px);
  --grad-gold:linear-gradient(135deg,#e7f5ff 0%,#7fc3f4 45%,#4f89bd 100%);
  --grad-gold-soft:linear-gradient(135deg,rgba(231,245,255,0.18),rgba(79,137,189,0.06));
  --radius-lg:20px;--radius-md:14px;--radius-sm:10px;
  --shadow-1:0 2px 8px rgba(0,0,0,0.3);
  --shadow-2:0 10px 30px rgba(0,0,0,0.35);
  --shadow-3:0 24px 60px rgba(0,0,0,0.5);
  --ease:cubic-bezier(0.16,1,0.3,1);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{overflow-x:hidden}
body{font-family:'Cairo',sans-serif;background:#060605;color:#f0f0f5;min-height:100vh;position:relative;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:normal;word-spacing:0.05em}
/* الأرقام والوحدات داخل نص عربي: نضمن مسافة ومحاذاة صحيحة على أندرويد */
.stat-label,.macro,.meal-info .sub,.card-title{word-spacing:0.08em}

.bg-layer{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#050508}
.bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 15% -5%,rgba(127,195,244,0.09) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 105%,rgba(127,195,244,0.07) 0%,transparent 55%),radial-gradient(ellipse at 50% 40%,rgba(58,124,175,0.04) 0%,transparent 55%),linear-gradient(165deg,#06121f 0%,#050f1a 45%,#071522 100%)}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(127,195,244,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(127,195,244,0.04) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}
.bg-orb{position:absolute;border-radius:50%;filter:blur(100px)}
.bg-orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(127,195,244,0.4),rgba(79,154,207,0.1),transparent);top:-5%;right:-5%;opacity:0.32}
.bg-orb-2{width:600px;height:600px;background:radial-gradient(circle,rgba(127,195,244,0.3),rgba(58,124,175,0.1),transparent);bottom:-5%;left:-5%;opacity:0.26}
.bg-orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(104,183,240,0.3),transparent);top:35%;left:20%;opacity:0.2}
@keyframes orb1{0%,100%{opacity:0.7}50%{opacity:0.5}}
@keyframes orb2{0%,100%{opacity:0.6}50%{opacity:0.4}}
@keyframes orb3{0%,100%{opacity:0.5}50%{opacity:0.35}}
.bg-particles{position:absolute;inset:0;overflow:hidden}
.particle{position:absolute;width:3px;height:3px;background:#7fc3f4;border-radius:50%;animation:particleRise linear infinite;opacity:0;box-shadow:0 0 4px 1px rgba(127,195,244,0.5);will-change:transform}
@keyframes particleRise{0%{transform:translateY(100vh) scale(0.5);opacity:0}10%{opacity:0.8}50%{opacity:0.6}90%{opacity:0.4}100%{transform:translateY(-10vh) scale(1.2);opacity:0}}
.bg-noise{position:absolute;inset:0;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.toast-container{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast{padding:14px 24px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;animation:toastIn 0.5s cubic-bezier(0.16,1,0.3,1),toastOut 0.4s 2.8s forwards;pointer-events:all;min-width:280px}
.toast-success{background:#0f2618;border:1px solid #22c55e;color:#4ade80;box-shadow:0 10px 40px rgba(0,0,0,0.6),0 0 20px rgba(74,222,128,0.2)}
.toast-error{background:#200a10;border:1px solid #c8102e;color:#ff6b85;box-shadow:0 10px 40px rgba(0,0,0,0.6),0 0 20px rgba(200,16,46,0.2)}
.toast-info{background:#0b2235;border:1px solid #7fc3f4;color:#bfe3ff;box-shadow:0 10px 40px rgba(0,0,0,0.6),0 0 20px rgba(127,195,244,0.2)}
@keyframes toastIn{from{opacity:0;transform:translateY(-30px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toastOut{to{opacity:0;transform:translateY(-30px) scale(0.9)}}

.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}
.login-stripe{position:absolute;width:4px;height:100%;background:linear-gradient(180deg,transparent,#7fc3f4,transparent)}
.login-stripe-1{right:60px;opacity:0.6}
.login-stripe-2{right:50px;opacity:0.3}
.login-stripe-3{left:60px;opacity:0.4}
.login-stripe-4{left:50px;opacity:0.2}
.login-diagonal{position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(127,195,244,0.2),transparent);left:-50%}
.login-diagonal-1{top:25%;transform:rotate(-20deg)}
.login-diagonal-2{top:75%;transform:rotate(-20deg)}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.login-card{width:100%;max-width:440px;background:rgba(7,23,37,0.7);backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px);border:1px solid rgba(127,195,244,0.18);border-radius:24px;padding:52px 40px;position:relative;z-index:2;animation:slideUp 0.8s var(--ease);box-shadow:0 30px 80px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.05)}
.login-card::before{content:'';position:absolute;top:0;left:10%;right:10%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#447fae,#7fc3f4,#e7f5ff,#7fc3f4,#447fae,transparent)}
.login-card::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(127,195,244,0.4),transparent)}
.brand-logo{text-align:center;margin-bottom:40px}
.brand-icon-bar{display:flex;justify-content:center;gap:8px;margin-bottom:25px}
.brand-icon-bar span{width:35px;height:3px;background:#7fc3f4;border-radius:2px;animation:barPulse 2s ease-in-out infinite}
.brand-icon-bar span:nth-child(2){animation-delay:0.2s;height:5px;width:40px}
.brand-icon-bar span:nth-child(3){animation-delay:0.4s}
@keyframes barPulse{0%,100%{opacity:0.4;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}}
.brand-logo h1{font-family:'Bebas Neue','Cinzel','Times New Roman',serif;font-weight:400;font-size:60px;letter-spacing:16px;color:#fff;margin-bottom:3px;text-shadow:0 2px 30px rgba(127,195,244,0.25)}
.brand-logo h1 em{font-style:normal;background:linear-gradient(135deg,#e7f5ff,#7fc3f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand-logo .tagline{font-size:11px;letter-spacing:6px;color:#555;text-transform:uppercase;border-bottom:2px solid #7fc3f4;padding-bottom:10px;display:inline-block;margin-bottom:0}
.login-card .input-group input{background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.08);border-radius:12px;transition:all 0.3s var(--ease)}
.login-card .input-group input:focus{border-color:rgba(127,195,244,0.6);background:rgba(255,255,255,0.07);box-shadow:0 0 0 3px rgba(127,195,244,0.12)}
.login-card .input-group label{color:#8a8a96;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.tab-switch{display:flex;gap:4px;background:rgba(0,0,0,0.4);padding:4px;border-radius:12px;margin-bottom:30px;border:1px solid rgba(255,255,255,0.05)}
.tab-switch button{flex:1;padding:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#f0f0f5;font-family:'Cairo',sans-serif;font-weight:600;font-size:14px;cursor:pointer;border-radius:8px;transition:all 0.3s}
.tab-switch button.active{background:linear-gradient(135deg,#7fc3f4,#447fae);color:#0a0a0f;box-shadow:0 4px 15px rgba(127,195,244,0.3)}
.input-group{margin-bottom:18px}
.input-group label{display:block;font-size:12px;color:#c0c0c8;margin-bottom:8px;letter-spacing:1px;font-weight:600}
.input-group input,.input-group select,.input-group textarea{width:100%;padding:14px 16px;background-color:rgba(14,14,18,0.7);border:1px solid #2a2a35;border-radius:12px;color:#f0f0f5;font-family:'Cairo',sans-serif;font-size:15px;transition:all 0.3s var(--ease);-webkit-appearance:none;appearance:none}
.input-group input::placeholder{color:#555560}
.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:rgba(127,195,244,0.6);box-shadow:0 0 0 3px rgba(127,195,244,0.15);background-color:rgba(10,10,15,0.85)}
.btn-primary{width:100%;padding:17px;background:var(--grad-gold);border:none;color:#071522;font-family:'Bebas Neue','Cairo',sans-serif;font-size:23px;letter-spacing:9px;cursor:pointer;transition:all 0.35s var(--ease);border-radius:14px;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(127,195,244,0.3)}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);transition:left 0.6s}
.btn-primary:hover::before{left:100%}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(127,195,244,0.5)}
.demo-info{margin-top:20px;padding:14px;text-align:center;background:rgba(127,195,244,0.05);border:1px solid rgba(127,195,244,0.15);border-radius:10px;font-size:12px;color:#c0c0c8}
.demo-info strong{color:#7fc3f4;display:block;margin-bottom:4px;letter-spacing:1px}
.error-msg{background:rgba(200,16,46,0.1);border:1px solid rgba(200,16,46,0.3);color:#ff6b85;padding:12px;border-radius:8px;font-size:13px;margin-bottom:16px;text-align:center}

.app{display:none;min-height:100vh;flex-direction:column;position:relative}
.app::before{content:'';position:fixed;top:0;right:55px;width:3px;height:100%;background:linear-gradient(180deg,transparent,rgba(127,195,244,0.2),transparent);z-index:0;pointer-events:none}
.app::after{content:'';position:fixed;top:0;left:55px;width:3px;height:100%;background:linear-gradient(180deg,transparent,rgba(127,195,244,0.15),transparent);z-index:0;pointer-events:none}
.app.active{display:flex}
.topbar{position:sticky;top:0;z-index:100;background:rgba(10,10,13,0.72);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(127,195,244,0.18);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 30px rgba(0,0,0,0.45)}
.topbar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#447fae,#7fc3f4,#bfe3ff,#7fc3f4,#447fae)}
.topbar-brand h2{font-family:'Cinzel','Times New Roman',Georgia,serif;font-weight:900;font-size:21px;letter-spacing:5px;color:#7fc3f4}
@supports(-webkit-background-clip:text){
  .topbar-brand h2{background:linear-gradient(180deg,#bfe3ff,#447fae);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
.user-pill{display:flex;align-items:center;gap:10px;background:rgba(127,195,244,0.08);border:1px solid rgba(127,195,244,0.4);padding:8px 14px;border-radius:20px;font-size:13px;transition:all 0.3s}
.user-pill:hover{background:rgba(127,195,244,0.15);box-shadow:0 4px 15px rgba(127,195,244,0.2)}
.user-pill .role-badge{background:linear-gradient(135deg,#7fc3f4,#447fae);color:#0a0a0f;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:1px}
.logout-btn{background:none;border:1px solid rgba(200,16,46,0.4);color:#ff6b85;padding:6px 12px;border-radius:8px;font-family:'Cairo',sans-serif;font-size:12px;cursor:pointer;margin-right:8px;transition:all 0.3s}
.logout-btn:hover{background:rgba(200,16,46,0.1);transform:translateY(-1px)}

.nav-tabs{display:flex;gap:8px;padding:16px 20px;overflow-x:auto;scrollbar-width:none;background:rgba(8,8,10,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(127,195,244,0.12)}
.nav-tabs::-webkit-scrollbar{display:none}
.nav-tab{flex-shrink:0;padding:11px 20px;background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.07);color:#a0a0b0;border-radius:14px;cursor:pointer;font-family:'Cairo',sans-serif;font-weight:600;font-size:13px;transition:all 0.35s var(--ease);white-space:nowrap;position:relative;backdrop-filter:blur(6px)}
.nav-tab:hover{border-color:rgba(127,195,244,0.4);color:#f0f0f5;transform:translateY(-2px);background:rgba(127,195,244,0.06)}
.nav-tab.active{background:linear-gradient(135deg,rgba(127,195,244,0.22),rgba(68,127,174,0.08));border-color:rgba(127,195,244,0.55);color:#e7f5ff;box-shadow:0 6px 22px rgba(127,195,244,0.18),inset 0 1px 0 rgba(255,255,255,0.06)}
.nav-tab.active::after{content:'';position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);width:24px;height:3px;border-radius:3px;background:linear-gradient(90deg,#bfe3ff,#7fc3f4)}

.content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1}
.app-diagonals{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.app-diagonals::before{content:'';position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(127,195,244,0.08),transparent);top:30%;left:-50%;transform:rotate(-15deg)}
.app-diagonals::after{content:'';position:absolute;width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(127,195,244,0.06),transparent);top:70%;left:-50%;transform:rotate(-15deg)}
.page{display:none;animation:fadeIn 0.5s cubic-bezier(0.16,1,0.3,1)}
.page.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}

.page-header{margin-bottom:28px;animation:slideInRight 0.6s cubic-bezier(0.16,1,0.3,1)}
@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.page-header h2{font-family:'Cinzel','Times New Roman',Georgia,serif;font-size:30px;font-weight:700;color:#e8e8f0;letter-spacing:2px;margin-bottom:8px}
@supports(-webkit-background-clip:text){
  .page-header h2{background:linear-gradient(180deg,#e8e8f0,#c0c0c8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
.page-header p{color:#a0a0b0;font-size:14px}

.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;transition:all 0.45s var(--ease);position:relative;overflow:hidden;animation:cardIn 0.5s var(--ease) backwards;box-shadow:var(--shadow-1)}
.card::before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(127,195,244,0.5),transparent)}
@keyframes cardIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.card:hover{border-color:rgba(127,195,244,0.35);transform:translateY(-4px);box-shadow:var(--shadow-2),0 0 30px rgba(127,195,244,0.08)}
.card-title{font-family:'Cinzel','Times New Roman',Georgia,serif;font-size:16px;letter-spacing:2px;color:#bfe3ff;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.grid > .card:nth-child(1){animation-delay:0.05s}
.grid > .card:nth-child(2){animation-delay:0.1s}
.grid > .card:nth-child(3){animation-delay:0.15s}
.grid > .card:nth-child(4){animation-delay:0.2s}
.grid > .card:nth-child(5){animation-delay:0.25s}
.grid > .card:nth-child(6){animation-delay:0.3s}

.stat-card{background:linear-gradient(150deg,rgba(17,42,63,0.7),rgba(8,24,39,0.55));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(127,195,244,0.16);border-radius:var(--radius-md);padding:20px 18px;text-align:center;position:relative;overflow:hidden;transition:all 0.35s var(--ease)}
.stat-card:hover{transform:translateY(-3px) scale(1.02);border-color:rgba(127,195,244,0.45)}
.stat-card::before{content:'';position:absolute;top:-20px;right:-20px;width:90px;height:90px;background:radial-gradient(circle,rgba(127,195,244,0.22),transparent 70%)}
.stat-value{font-family:'Bebas Neue',sans-serif;font-size:40px;background:linear-gradient(180deg,#e7f5ff,#7fc3f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;line-height:1;margin-bottom:6px}
.stat-label{font-size:11px;color:#b8b8c4;letter-spacing:1.5px;text-transform:uppercase}

.btn{padding:12px 22px;border-radius:12px;border:none;font-family:'Cairo',sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:all 0.3s var(--ease);display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;letter-spacing:0.3px}
.btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.4s,height 0.4s}
.btn:active::after{width:220%;height:220%;transition:0s}
.btn-gold{background:var(--grad-gold);color:#071522;box-shadow:0 4px 14px rgba(127,195,244,0.25)}
.btn-gold:hover{box-shadow:0 8px 26px rgba(127,195,244,0.45);transform:translateY(-2px)}
.btn-outline{background:rgba(127,195,244,0.04);border:1px solid rgba(127,195,244,0.4);color:#bfe3ff;backdrop-filter:blur(6px)}
.btn-outline:hover{background:rgba(127,195,244,0.12);transform:translateY(-2px)}
.btn-danger{background:rgba(200,16,46,0.15);border:1px solid rgba(200,16,46,0.4);color:#ff6b85}
.btn-danger:hover{background:rgba(200,16,46,0.25);transform:translateY(-1px)}
.btn-sm{padding:8px 15px;font-size:12px}

.day-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}
.day-tab{flex-shrink:0;padding:12px 18px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);color:#a0a0b0;border-radius:10px;cursor:pointer;font-family:'Cairo',sans-serif;font-weight:600;font-size:13px;transition:all 0.3s;min-width:140px;text-align:center}
.day-tab:hover{transform:translateY(-2px);border-color:rgba(127,195,244,0.4)}
.day-tab.active{background:linear-gradient(135deg,rgba(127,195,244,0.15),transparent);border-color:#7fc3f4;color:#bfe3ff}
.day-tab .day-num{display:block;font-family:'Bebas Neue';font-size:18px;color:#7fc3f4}

.exercise-card{background:rgba(11,29,45,0.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(127,195,244,0.14);border-radius:16px;padding:18px;margin-bottom:14px;cursor:pointer;transition:all 0.35s var(--ease);display:flex;align-items:center;gap:16px;animation:cardIn 0.4s var(--ease) backwards}
.exercise-card:hover{border-color:rgba(127,195,244,0.4);transform:translateX(-6px);box-shadow:0 10px 30px rgba(0,0,0,0.3),0 0 22px rgba(127,195,244,0.08)}
.exercise-icon{width:52px;height:52px;border-radius:14px;background:var(--grad-gold);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue';font-size:22px;color:#071522;flex-shrink:0;transition:all 0.35s var(--ease);box-shadow:0 4px 12px rgba(127,195,244,0.25)}
.exercise-card:hover .exercise-icon{transform:rotate(-5deg) scale(1.1);box-shadow:0 5px 15px rgba(127,195,244,0.4)}
.exercise-info{flex:1}
.exercise-info h4{font-size:15px;margin-bottom:4px;color:#f0f0f5}
.exercise-info p{font-size:12px;color:#c0c0c8}
.exercise-meta{display:flex;gap:8px;flex-shrink:0;flex-direction:column;align-items:flex-end}
.exercise-tag{padding:3px 10px;border-radius:8px;font-size:10px;background:rgba(127,195,244,0.1);color:#bfe3ff;letter-spacing:1px;font-weight:600}
.exercise-tag.video{background:rgba(200,16,46,0.1);color:#ff8fa3}

.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(127,195,244,0.15)}
.video-wrap iframe,.video-wrap video{position:absolute;inset:0;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:none}
/* أندرويد WebView قديم (<88): ما يدعم aspect-ratio → نثبّت نسبة 16:9 بطريقة padding */
@supports not (aspect-ratio:16/9){.video-wrap:not(.vid-css-fs):not(:fullscreen){height:0;padding-bottom:56.25%}}
/* v21: ملء الشاشة للفيديو المحمي — نكبّر الحاوية نفسها فتبقى الطبقة الواقية فوق يوتيوب */
.vid-fs-btn{position:absolute;top:10px;left:10px;z-index:6;width:38px;height:38px;border-radius:50%;background:rgba(10,29,46,0.78);border:1px solid rgba(127,195,244,0.55);color:#bfe3ff;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;font-family:inherit}
.vid-fs-btn:active{transform:scale(0.9)}
/* v22: شريط التحكم المخصص (إرجاع/تقديم/شريط زمن) — فوق الطبقة الواقية */
.yt-ctrlbar{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;gap:7px;padding:8px 10px 7px;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.78));direction:ltr}
.yt-skip{background:rgba(10,29,46,0.7);border:1px solid rgba(127,195,244,0.5);color:#bfe3ff;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit;white-space:nowrap}
.yt-skip:active{transform:scale(0.92)}
.yt-time{color:#e8e8ee;font-size:10px;min-width:32px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.8);font-variant-numeric:tabular-nums}
.yt-seek{flex:1;min-width:40px;height:22px;accent-color:#bfe3ff;background:transparent;cursor:pointer;margin:0}
/* v23: زر تثبيت التطبيق */
#pwaPill{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:8000;display:flex;align-items:center;background:rgba(7,23,37,0.92);border:1px solid rgba(127,195,244,0.55);border-radius:999px;padding:10px 18px;color:#bfe3ff;font-size:13px;font-weight:700;font-family:'Cairo',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,0.55);animation:slideUp 0.5s var(--ease)}
.video-wrap.vid-css-fs{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;z-index:9000!important;margin:0!important;border:none!important;border-radius:0!important;background:#000!important;overflow:hidden!important}
/* أثناء التكبير: نوقف خصائص الأسلاف اللي تكسر position:fixed (backdrop-filter/transform) ونخفي الشريط العلوي */
body.vid-fs-on{overflow:hidden!important}
body.vid-fs-on .topbar{visibility:hidden!important}
body.vid-fs-on .card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;animation:none!important;overflow:visible!important}
body.vid-fs-on .modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.video-wrap:fullscreen{border-radius:0;border:none;background:#000}
.video-wrap:-webkit-full-screen{border-radius:0;border:none;background:#000}
/* v22: شريط تحكم خاص (تقديم/إرجاع + شريط تقدم) فوق الطبقة الواقية — يوتيوب يظل مقفول */
.yt-ctrl{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;gap:7px;padding:8px 10px;direction:ltr;background:linear-gradient(0deg,rgba(0,0,0,0.78),transparent)}
.yt-ctrl button{background:rgba(127,195,244,0.92);color:#071522;border:none;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:800;cursor:pointer;font-family:Cairo,sans-serif;line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.yt-ctrl button:active{transform:scale(0.93)}
.yt-bar{flex:1;height:22px;display:flex;align-items:center;cursor:pointer}
.yt-bar .track{position:relative;width:100%;height:4px;background:rgba(255,255,255,0.28);border-radius:3px}
.yt-bar-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:#bfe3ff;border-radius:3px;box-shadow:0 0 6px rgba(191,227,255,0.5)}
.yt-time{font-size:10px;color:#e8e8ec;min-width:78px;text-align:center;font-variant-numeric:tabular-nums}
.protected-video{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.protected-video video{pointer-events:auto}
.protected-video video::-webkit-media-controls-download-button{display:none!important}
.protected-video video::-internal-media-controls-download-button{display:none!important}
.video-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:10px;color:#c0c0c8;font-size:13px}
.video-placeholder .icon{font-size:48px;opacity:0.3}

.modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px;animation:fadeIn 0.3s}
.modal.active{display:flex}
.modal-content{background:rgba(9,26,42,0.85);backdrop-filter:saturate(160%) blur(24px);-webkit-backdrop-filter:saturate(160%) blur(24px);border:1px solid rgba(127,195,244,0.28);border-radius:22px;padding:30px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,0.75),inset 0 1px 0 rgba(255,255,255,0.06);animation:slideUp 0.4s var(--ease)}
.modal-content.wide{max-width:900px}
.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(127,195,244,0.15)}
.modal-header h3{font-family:'Cinzel','Times New Roman',Georgia,serif;color:#bfe3ff;font-size:20px;letter-spacing:2px}
.modal-close{background:none;border:none;color:#c0c0c8;font-size:28px;cursor:pointer;line-height:1;transition:all 0.3s;width:32px;height:32px;border-radius:50%}
.modal-close:hover{background:rgba(200,16,46,0.15);color:#ff6b85;transform:rotate(90deg)}

.sets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;margin:20px 0}
.set-bubble{aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue';font-size:20px;color:#c0c0c8;cursor:pointer;transition:all 0.3s}
.set-bubble:hover{transform:scale(1.05);border-color:#7fc3f4}
.set-bubble.done{background:linear-gradient(135deg,#7fc3f4,#447fae);border-color:#bfe3ff;color:#0a0a0f;box-shadow:0 0 20px rgba(127,195,244,0.4);transform:scale(1.05);animation:setDone 0.5s cubic-bezier(0.16,1,0.3,1)}
@keyframes setDone{0%{transform:scale(0.8) rotate(-10deg)}50%{transform:scale(1.15) rotate(5deg)}100%{transform:scale(1.05) rotate(0)}}

.progress-bar{height:8px;background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden;margin-top:8px;position:relative}
.progress-fill{height:100%;background:linear-gradient(90deg,#447fae,#bfe3ff);transition:width 0.8s cubic-bezier(0.16,1,0.3,1);border-radius:4px;position:relative;overflow:hidden}

.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(127,195,244,0.15)}
table{width:100%;border-collapse:collapse}
th,td{padding:12px 16px;text-align:right;font-size:13px}
th{background:rgba(127,195,244,0.08);color:#bfe3ff;font-weight:600;letter-spacing:1px;font-size:12px;border-bottom:1px solid rgba(127,195,244,0.4)}
td{border-bottom:1px solid rgba(255,255,255,0.04);color:#f0f0f5}
tr{transition:background 0.2s}
tr:hover td{background:rgba(127,195,244,0.05)}

.food-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:10px;margin-bottom:8px;transition:all 0.3s}
.food-item:hover{background:rgba(127,195,244,0.05);border-color:rgba(127,195,244,0.15);transform:translateX(-4px)}
.food-name{font-weight:600;font-size:14px}
.food-portion{color:#c0c0c8;font-size:11px}
.food-cals{font-family:'Bebas Neue';font-size:18px;color:#bfe3ff;background:rgba(127,195,244,0.1);padding:4px 12px;border-radius:8px}

.challenge-card{background:linear-gradient(135deg,rgba(127,195,244,0.1),rgba(30,58,95,0.1));border:1px solid rgba(127,195,244,0.4);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:all 0.4s}
.challenge-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px rgba(127,195,244,0.15)}
.challenge-reward{display:inline-block;background:rgba(127,195,244,0.15);color:#bfe3ff;padding:4px 12px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:1px;margin-top:10px}

.tier-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.tier-bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}
.tier-silver{background:linear-gradient(135deg,#c0c0c8,#808088);color:#0a0a0f}
.tier-gold{background:linear-gradient(135deg,#bfe3ff,#447fae);color:#0a0a0f}
.tier-elite{background:linear-gradient(135deg,#c8102e,#8b0000);color:#fff;box-shadow:0 0 15px rgba(200,16,46,0.4)}

.status-badge{display:inline-block;padding:3px 10px;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:1px}
.status-active{background:rgba(74,222,128,0.15);color:#4ade80;border:1px solid rgba(74,222,128,0.3)}
.status-expired{background:rgba(200,16,46,0.15);color:#ff6b85;border:1px solid rgba(200,16,46,0.3)}
.status-pending{background:rgba(127,195,244,0.15);color:#bfe3ff;border:1px solid rgba(127,195,244,0.4)}

.rest-overlay{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,0.97);align-items:center;justify-content:center;flex-direction:column}
.rest-overlay.active{display:flex;animation:fadeIn 0.3s}
.rest-circle{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(127,195,244,0.1),transparent);border:3px solid #7fc3f4;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue';font-size:80px;color:#bfe3ff;box-shadow:0 0 60px rgba(127,195,244,0.4);animation:pulse 1s infinite;margin-bottom:30px;position:relative}
.rest-circle::before{content:'';position:absolute;inset:-15px;border-radius:50%;border:2px solid rgba(127,195,244,0.2);animation:ringExpand 2s infinite}
@keyframes ringExpand{0%{transform:scale(1);opacity:0.5}100%{transform:scale(1.3);opacity:0}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.rest-label{font-family:'Cinzel','Times New Roman',Georgia,serif;letter-spacing:6px;color:#c0c0c8;font-size:14px;margin-bottom:30px}

.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.input-row.cols-3{grid-template-columns:1fr 1fr 1fr}
.input-row input,.input-row select{width:100%;padding:10px;background-color:rgba(14,14,18,0.7);border:1px solid #333340;border-radius:8px;color:#f0f0f5;font-family:'Cairo',sans-serif;-webkit-appearance:none;appearance:none}
.input-row input::placeholder{color:#707080}
.input-row input:focus,.input-row select:focus{outline:none;border-color:#7fc3f4;background-color:rgba(10,10,15,0.85)}

.calorie-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.calorie-pill{padding:10px 18px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:20px;cursor:pointer;font-family:'Bebas Neue';font-size:18px;letter-spacing:2px;color:#c0c0c8;transition:all 0.3s}
.calorie-pill:hover{border-color:rgba(127,195,244,0.4);transform:translateY(-2px)}
.calorie-pill.active{background:linear-gradient(135deg,#7fc3f4,#447fae);color:#0a0a0f;border-color:#bfe3ff;box-shadow:0 4px 15px rgba(127,195,244,0.3)}

.form-section{background:rgba(7,23,37,0.55);border:1px solid rgba(127,195,244,0.12);border-radius:12px;padding:18px;margin-bottom:14px}
.form-section h4{font-family:'Cinzel','Times New Roman',Georgia,serif;color:#bfe3ff;font-size:13px;letter-spacing:2px;margin-bottom:12px}

.water-tracker{background:linear-gradient(135deg,rgba(30,144,255,0.1),rgba(20,20,30,0.6));border:1px solid rgba(30,144,255,0.2);border-radius:16px;padding:24px;margin-bottom:20px}
.water-visual{width:140px;height:200px;margin:0 auto 20px;position:relative;border:3px solid rgba(30,144,255,0.4);border-radius:10px 10px 20px 20px;overflow:hidden;background:rgba(0,0,0,0.3)}
.water-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#4a9eff,#1e6cd9);transition:height 1s cubic-bezier(0.16,1,0.3,1);box-shadow:inset 0 4px 10px rgba(255,255,255,0.3)}
.water-fill::before{content:'';position:absolute;top:-10px;left:0;right:0;height:20px;background:linear-gradient(180deg,transparent,rgba(74,158,255,0.8));animation:waterWave 3s ease-in-out infinite}
@keyframes waterWave{0%,100%{transform:translateX(0) scaleY(1)}50%{transform:translateX(5px) scaleY(1.1)}}
.water-cups{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:14px}
.water-cup{aspect-ratio:1;border:2px solid rgba(30,144,255,0.3);border-radius:8px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(0,0,0,0.2)}
.water-cup:hover{border-color:#4a9eff;transform:scale(1.05)}
.water-cup.filled{background:linear-gradient(180deg,#4a9eff,#1e6cd9);border-color:#4a9eff;box-shadow:0 0 15px rgba(74,158,255,0.4);animation:cupFill 0.4s cubic-bezier(0.16,1,0.3,1)}
@keyframes cupFill{0%{transform:scale(0.8) rotate(-5deg)}50%{transform:scale(1.1) rotate(3deg)}100%{transform:scale(1) rotate(0)}}

@media (max-width:768px){
  .content{padding:16px}.page-header h2{font-size:24px}
  .login-card{padding:38px 24px;border-radius:20px}.brand-logo h1{font-size:38px;letter-spacing:8px}
  .topbar{padding:12px 16px}.topbar-brand h2{font-size:16px}
  .user-pill{font-size:11px;padding:6px 10px}
  .water-cups{grid-template-columns:repeat(4,1fr)}
  .nav-tab{padding:9px 16px;font-size:12px}
  .stat-value{font-size:34px}
}

::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.25)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#bfe3ff,#447fae);border-radius:6px;border:2px solid rgba(0,0,0,0.3)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e7f5ff,#7fc3f4)}

.empty-state{text-align:center;padding:60px 20px;color:#c0c0c8}
.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:0.4}
.section-divider{display:flex;align-items:center;gap:14px;margin:30px 0 20px}
.section-divider::before,.section-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(127,195,244,0.4),transparent)}
.section-divider span{font-family:'Cinzel','Times New Roman',Georgia,serif;color:#7fc3f4;letter-spacing:3px;font-size:12px}

.meal-day-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.meal-day-btn{padding:8px 16px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;cursor:pointer;font-size:12px;color:#c0c0c8;transition:all 0.3s}
.meal-day-btn.active{background:linear-gradient(135deg,rgba(127,195,244,0.2),transparent);border-color:#7fc3f4;color:#bfe3ff}

.macro-bar{display:flex;gap:4px;height:8px;border-radius:4px;overflow:hidden;margin-top:6px}
.macro-segment{height:100%;transition:all 0.5s}
.macro-p{background:#4ade80}
.macro-c{background:#60a5fa}
.macro-f{background:#79bff0}

/* === ENHANCED ANIMATIONS === */
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(127,195,244,0.2)}50%{box-shadow:0 0 40px rgba(127,195,244,0.5),0 0 80px rgba(127,195,244,0.15)}}
@keyframes borderGlow{0%,100%{border-color:rgba(127,195,244,0.2)}50%{border-color:rgba(127,195,244,0.6)}}
@keyframes subtleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes textGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(127,195,244,0.3))}50%{filter:drop-shadow(0 0 15px rgba(127,195,244,0.6))}}
@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes breathe{0%,100%{opacity:0.85}50%{opacity:1}}
@keyframes glowRed{0%,100%{box-shadow:0 0 15px rgba(255,70,70,0.2)}50%{box-shadow:0 0 30px rgba(255,70,70,0.5),0 0 60px rgba(255,70,70,0.15)}}
@keyframes pulseNum{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

.stat-card{animation:countUp 0.6s cubic-bezier(0.16,1,0.3,1) backwards}
.stat-card:nth-child(1){animation-delay:0.1s}
.stat-card:nth-child(2){animation-delay:0.2s}
.stat-card:nth-child(3){animation-delay:0.3s}
.stat-card:nth-child(4){animation-delay:0.4s}
.stat-card:hover{box-shadow:0 0 40px rgba(127,195,244,0.4),0 0 80px rgba(127,195,244,0.1);transform:translateY(-4px) scale(1.03)}
.stat-value{animation:breathe 3s ease-in-out infinite}

.exercise-card{animation:slideInLeft 0.5s cubic-bezier(0.16,1,0.3,1) backwards}
.exercise-card:nth-child(1){animation-delay:0.05s}
.exercise-card:nth-child(2){animation-delay:0.1s}
.exercise-card:nth-child(3){animation-delay:0.15s}
.exercise-card:nth-child(4){animation-delay:0.2s}
.exercise-card:nth-child(5){animation-delay:0.25s}
.exercise-card:nth-child(6){animation-delay:0.3s}
.exercise-card:nth-child(7){animation-delay:0.35s}

.login-card{animation:slideUp 0.8s cubic-bezier(0.16,1,0.3,1),borderGlow 4s ease-in-out infinite}

.btn-gold:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(127,195,244,0.5)}
.btn-gold:active{transform:translateY(0);transition:transform 0.1s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(127,195,244,0.5)}

.nav-tab{transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}
.nav-tab:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.3)}

.day-tab{transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}
.day-tab:hover{transform:translateY(-3px) scale(1.02)}

.tier-badge{animation:breathe 2s ease-in-out infinite}

.water-cup{transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}
.water-cup:hover{transform:scale(1.15) rotate(-5deg)}

.set-bubble{transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}
.set-bubble:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(127,195,244,0.3)}

.challenge-card{transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}
.challenge-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,0.4),0 0 30px rgba(127,195,244,0.15)}

.topbar-brand h2{animation:textGlow 4s ease-in-out infinite}

.card:hover{border-color:rgba(127,195,244,0.35);transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.3),0 0 20px rgba(127,195,244,0.1)}

.progress-fill{position:relative;overflow:hidden}
.progress-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:progressShimmer 2s infinite}

.chat-container{display:flex;flex-direction:column;height:500px;max-height:60vh}
.chat-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.chat-msg{max-width:80%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.6;animation:fadeIn 0.3s}
.chat-msg.sent{align-self:flex-start;background:#1e3a5f;border:1px solid rgba(96,165,250,0.3);color:#e0e0e8}
.chat-msg.received{align-self:flex-end;background:rgba(127,195,244,0.12);border:1px solid rgba(127,195,244,0.25);color:#e0e0e8}
.chat-msg .msg-meta{font-size:10px;color:#808090;margin-top:4px;display:flex;justify-content:space-between}
.chat-msg .msg-sender{font-size:11px;font-weight:700;margin-bottom:4px}
.chat-input-bar{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(127,195,244,0.15);background:rgba(17,17,24,0.5);backdrop-filter:blur(8px)}
.chat-input-bar input{flex:1;padding:12px;background:rgba(26,26,37,0.6);border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:#f0f0f5;font-family:'Cairo',sans-serif;font-size:14px}
.chat-input-bar input:focus{outline:none;border-color:#7fc3f4}
.chat-input-bar button{padding:12px 20px;background:#7fc3f4;color:#0a0a0f;border:none;border-radius:10px;font-family:'Cairo',sans-serif;font-weight:700;cursor:pointer}
.chat-unread{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#c8102e;border-radius:50%;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.firebase-status{font-size:10px;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}
.firebase-online{background:rgba(74,222,128,0.15);color:#4ade80}
.firebase-offline{background:rgba(255,107,133,0.15);color:#ff6b85}
.firebase-setup{background:rgba(139,199,255,0.15);color:#8bc7ff}

/* === GLOBAL POLISH v11 === */
html{scroll-behavior:smooth}
::selection{background:rgba(127,195,244,0.3);color:#fff}
:focus-visible{outline:2px solid rgba(127,195,244,0.6);outline-offset:2px}
.user-pill{border-radius:24px;backdrop-filter:blur(8px)}
.tab-switch button{border-radius:12px;transition:all 0.3s var(--ease)}
.tab-switch button.active{background:var(--grad-gold);color:#071522}
.calorie-pill,.meal-day-btn,.day-tab{transition:all 0.3s var(--ease)}
.calorie-pill.active{background:var(--grad-gold);color:#071522}
.btn-gold{background:var(--grad-gold)}
.exercise-tag{border:1px solid rgba(127,195,244,0.15)}
.section-divider span{font-size:13px}
.form-section{background:rgba(7,23,37,0.6);backdrop-filter:blur(8px);border-radius:14px}
.table-wrap{border-radius:14px}
th{background:rgba(127,195,244,0.1)}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}

/* ===== SPORTS FEATURES v12 ===== */
/* 1. Streak */
.streak-card{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.streak-flame{position:relative;width:84px;height:84px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.streak-flame .emoji{font-size:48px;animation:flick 1.6s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(94,159,206,.7))}
@keyframes flick{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12) rotate(3deg)}}
.streak-flame .ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(94,159,206,.3);animation:flameExpand 2s infinite}
@keyframes flameExpand{0%{transform:scale(.9);opacity:.6}100%{transform:scale(1.4);opacity:0}}
.streak-n{font-family:'Bebas Neue';font-size:50px;background:linear-gradient(180deg,#bfe3ff,#4f9fd8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:.9}
.streak-days{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.sd{width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:10px;color:#777}
.sd.on{background:linear-gradient(135deg,#bfe3ff,#4f9fd8);border-color:#5e9fce;color:#1a0d00;font-weight:700;box-shadow:0 0 12px rgba(94,159,206,.4)}
/* 2. Progress ring */
.pring{position:relative;width:130px;height:130px;flex-shrink:0}
.pring svg{transform:rotate(-90deg)}
.pring .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pring .ctr .pct{font-family:'Bebas Neue';font-size:34px;background:linear-gradient(180deg,#e7f5ff,#7fc3f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.pring .ctr .sub{font-size:10px;color:#9a9aa5;letter-spacing:1px}
/* 3. PR overlay */
.pr-overlay{display:none;position:fixed;inset:0;z-index:2500;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);align-items:center;justify-content:center;animation:fadeIn .3s}
.pr-overlay.active{display:flex}
.pr-burst{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 50px;border-radius:24px;background:linear-gradient(135deg,rgba(191,227,255,.2),rgba(68,127,174,.08));border:1px solid rgba(127,195,244,.55);position:relative;overflow:hidden;animation:prpop .6s var(--ease),prpulse 2.4s ease-in-out infinite .6s;max-width:90vw;text-align:center}
@keyframes prpop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes prpulse{0%,100%{box-shadow:0 0 30px rgba(127,195,244,.3)}50%{box-shadow:0 0 60px rgba(127,195,244,.65),0 0 100px rgba(127,195,244,.2)}}
.pr-burst::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:sweep 2.4s ease-in-out infinite}
@keyframes sweep{0%{left:-100%}55%,100%{left:160%}}
.pr-burst .crown{font-size:40px;animation:flick 1.6s ease-in-out infinite}
.pr-burst .tag{font-family:'Cinzel',serif;letter-spacing:5px;font-size:14px;color:#bfe3ff}
.pr-burst .big{font-family:'Bebas Neue';font-size:60px;color:#fff;line-height:1;text-shadow:0 0 22px rgba(127,195,244,.6)}
.pr-burst .ex{color:#e0e0e0;font-size:14px}
.pr-burst .delta{color:#4ade80;font-size:13px;font-weight:700}
/* 4. Badges + quote */
.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:12px}
.badge{text-align:center;padding:14px 6px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:.35s var(--ease)}
.badge.unlocked{border-color:rgba(127,195,244,.4);background:linear-gradient(150deg,rgba(17,42,63,.6),rgba(8,24,39,.4))}
.badge.unlocked:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 26px rgba(127,195,244,.14)}
.badge .ic{font-size:28px;filter:grayscale(1) opacity(.35)}
.badge.unlocked .ic{filter:none;animation:badgeGlow 3s ease-in-out infinite}
@keyframes badgeGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(127,195,244,.3))}50%{filter:drop-shadow(0 0 12px rgba(127,195,244,.7))}}
.badge .bt{font-size:10px;margin-top:7px;color:#c0c0c8}
.badge.locked .bt{color:#666}
.quote-box{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,rgba(127,195,244,.06),transparent);border:1px solid rgba(127,195,244,.2);border-right:3px solid #7fc3f4}
.quote-box .q{font-size:34px;font-family:'Cinzel',serif;color:#7fc3f4;line-height:.7;flex-shrink:0}
.quote-box .qt{font-size:14px;color:#e8e8f0;font-weight:600;line-height:1.7}
.quote-box .qa{font-size:11px;color:#888;margin-top:5px}

/* ===== SITE-WIDE GLASS CONSISTENCY v13 ===== */
/* Every page now shares the exact glass atmosphere of the member home */
.form-section{background:rgba(7,23,37,0.5);backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);border:1px solid rgba(127,195,244,0.12);border-radius:16px}
.table-wrap{background:rgba(20,20,28,0.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
th{background:rgba(127,195,244,0.1);backdrop-filter:blur(6px)}
tr:hover td{background:rgba(127,195,244,0.06)}
/* unify day-tabs / pills with home feel */
.day-tab,.calorie-pill,.meal-day-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.day-tab.active{background:linear-gradient(135deg,rgba(127,195,244,0.18),rgba(68,127,174,0.05));border-color:rgba(127,195,244,0.5);color:#bfe3ff;box-shadow:0 6px 22px rgba(127,195,244,0.15)}
/* sub-cards / inner panels inside any page → same glass as .card */
.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md)}
/* food rows blend in */
.food-item{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* every .card across the site already uses the unified glass token, so admin + member pages match home exactly */

/* ===== FIX: no background flicker on page change v14 ===== */
/* Cards/pages slide in WITHOUT fading opacity, so the glass never reveals a "brightening" background */
@keyframes cardIn{from{transform:translateY(14px)}to{transform:translateY(0)}}
@keyframes fadeIn{from{transform:translateY(8px)}to{transform:translateY(0)}}
.card{animation:cardIn 0.4s var(--ease) backwards}
.page{animation:fadeIn 0.35s var(--ease)}
/* keep background atmosphere perfectly steady */
.bg-orb-1,.bg-orb-2,.bg-orb-3{animation:none!important}

/* ===== LIVELINESS v15 (light & elegant) ===== */
/* Staggered entrance via transform only (no opacity → no glass flicker) */
.card,.exercise-card,.stat-card,.challenge-card{animation:none}
@keyframes liveIn{from{opacity:0;transform:translateY(16px) scale(0.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.live-in{animation:liveIn 0.5s var(--ease) both;animation-delay:var(--d,0s)}
/* Tactile press feedback on everything interactive */
.card,.stat-card,.exercise-card,.challenge-card,.nav-tab,.day-tab,.btn,.btn-gold,.btn-outline,.calorie-pill,.meal-day-btn,.food-item{transition:transform 0.18s var(--ease),box-shadow 0.3s var(--ease),border-color 0.3s var(--ease),background 0.3s var(--ease)}
.card:active,.stat-card:active,.exercise-card:active,.challenge-card:active,.food-item:active{transform:scale(0.975)}
.btn:active,.btn-gold:active,.btn-outline:active,.nav-tab:active,.day-tab:active,.calorie-pill:active,.meal-day-btn:active{transform:scale(0.94)}
/* Gentle living pulse on emoji icons inside titles & labels */
.card-title{display:flex;align-items:center}
@keyframes iconBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.card-title{animation:none}
.card-title::first-letter{display:inline-block}
/* soft glow breathing on stat numbers (already gold-gradient) */
@keyframes numGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(127,195,244,0))}50%{filter:drop-shadow(0 0 8px rgba(127,195,244,0.35))}}
.stat-value{animation:numGlow 3.5s ease-in-out infinite}
/* hover lift refinement */
.stat-card:hover{transform:translateY(-4px) scale(1.025)}
.card:hover{transform:translateY(-4px)}
/* animated shimmer already on .progress-fill; ensure smooth width tween */
.progress-fill{transition:width 1s cubic-bezier(0.16,1,0.3,1)}
/* nav tab gentle bob on active */
@keyframes activeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.nav-tab.active{animation:activeBob 2.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.live-in,.stat-value,.nav-tab.active{animation:none!important}}

/* ===== SUBSCRIPTION SYSTEM v16 ===== */
#blockedScreen{position:fixed;inset:0;z-index:9998;background:radial-gradient(ellipse at top,#14120c,#070605 70%);align-items:center;justify-content:center;padding:24px;direction:rtl;display:none}
#blockedScreen.show{display:flex}
.blocked-card{width:100%;max-width:420px;background:rgba(9,26,42,0.8);backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px);border:1px solid rgba(127,195,244,0.3);border-radius:24px;padding:40px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.05);animation:slideUp 0.6s var(--ease)}
.status-stopped{background:rgba(255,107,133,0.15);color:#ff6b85;border:1px solid rgba(255,107,133,0.3)}
.sub-countdown{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sub-ring{position:relative;width:90px;height:90px;flex-shrink:0}
.sub-ring svg{transform:rotate(-90deg)}
.sub-ring .ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.sub-ring .num{font-family:'Bebas Neue';font-size:30px}
.sub-ring .lbl{font-size:9px;color:#9a9aa5}
.sub-warn{background:linear-gradient(135deg,rgba(139,199,255,0.12),transparent);border:1px solid rgba(139,199,255,0.35);border-right:3px solid #8bc7ff;border-radius:12px;padding:14px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px;animation:warnPulse 2.5s ease-in-out infinite}
@keyframes warnPulse{0%,100%{box-shadow:0 0 0 rgba(139,199,255,0)}50%{box-shadow:0 0 22px rgba(139,199,255,0.2)}}
.sub-warn .ic{font-size:26px}
.renewal-req-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(74,222,128,0.15);border:1px solid rgba(74,222,128,0.4);color:#7ee87e;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}
.collapse-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:14px;border-radius:14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);cursor:pointer;transition:all 0.25s var(--ease)}
.collapse-header:hover{border-color:rgba(127,195,244,0.3);background:rgba(127,195,244,0.05)}
.collapse-header:active{transform:scale(0.99)}

/* ===== NUTRITION: collapsible meals ===== */
.section-label{font-family:'Cinzel','Times New Roman',Georgia,serif;font-size:13px;letter-spacing:2px;color:#bfe3ff;margin:20px 4px 12px;display:flex;align-items:center;gap:8px}
.section-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(127,195,244,0.3),transparent)}
.meal{background:linear-gradient(150deg,rgba(24,23,28,0.92),rgba(16,16,20,0.9));border:1px solid rgba(255,255,255,0.08);border-radius:18px;margin-bottom:10px;overflow:hidden;transition:border-color .3s}
.meal.done{border-color:rgba(74,222,128,0.3)}
.meal-head{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer}
.meal-emoji{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(127,195,244,0.1);flex-shrink:0}
.meal.done .meal-emoji{background:rgba(74,222,128,0.12)}
.meal-info{flex:1;min-width:0}
.meal-info .name{font-size:15px;font-weight:700;color:#e8e8f0}
.meal.done .meal-info .name{color:#4ade80}
.meal-info .sub{font-size:11px;color:#909098;margin-top:2px}
.meal-cal{text-align:left;flex-shrink:0}
.meal-cal .n{font-family:'Bebas Neue';font-size:22px;color:#bfe3ff}
.meal-cal .u{font-size:9px;color:#808090}
.meal .chev{color:#808090;font-size:13px;transition:transform .3s;margin-right:4px}
.meal.open .chev{transform:rotate(180deg)}
.meal-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.meal.open .meal-body{max-height:900px}
.meal-body-inner{padding:0 16px 16px}
.meal .item{display:flex;align-items:center;gap:10px;padding:11px 12px;margin-bottom:6px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.04);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s}
.meal .item.eaten{background:rgba(74,222,128,0.07);border-color:rgba(74,222,128,0.18)}
.meal .item .check{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,0.15);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#0a1f12}
.meal .item.eaten .check{background:#4ade80;border-color:#4ade80}
.meal .item .nm{flex:1;font-size:13px;color:#e0e0e0;min-width:0}
.meal .item.eaten .nm{text-decoration:line-through;color:#808088}
.meal .item .qty{font-size:11px;color:#909098}
.meal .item .kc{font-size:12px;color:#bfe3ff;flex-shrink:0}
.meal-action{display:flex;gap:8px;margin-top:10px}
.meal-action .btn{padding:11px;border-radius:12px;border:none;font-family:'Cairo';font-weight:700;font-size:13px;cursor:pointer;flex:1;text-align:center}
.meal-action .btn-gold{background:linear-gradient(135deg,#e7f5ff,#7fc3f4);color:#071522}
.meal-action .btn-out{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);color:#c0c0c8}

/* ===== TOOLS PAGE TABS ===== */
.tools-tabs{display:flex;gap:8px;margin-bottom:18px;background:rgba(255,255,255,0.03);padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,0.06)}
.tool-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;border:none;background:transparent;color:#a0a0b0;font-family:'Cairo',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:all .25s var(--ease)}
.tool-tab:active{transform:scale(0.97)}
.tool-tab.active{background:linear-gradient(135deg,rgba(127,195,244,0.9),rgba(94,159,206,0.9));color:#071522;box-shadow:0 4px 14px rgba(127,195,244,0.25)}
.tool-body{animation:fadeIn .3s var(--ease)}

/* ===== CELEBRATION ===== */
@keyframes popIn{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.25) rotate(8deg)}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes burstFloat{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-80px) scale(1.8);opacity:0}}
.celebrate-burst{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:40px;animation:burstFloat 1.2s ease-out forwards;pointer-events:none}
@keyframes prGlow{0%,100%{box-shadow:0 0 0 rgba(191,227,255,0)}50%{box-shadow:0 0 30px rgba(191,227,255,0.6)}}

/* ===== PERFORMANCE OPTIMIZATION v17 ===== */
/* backdrop-filter مكلف جداً على الجوال. نبقيه فقط على العناصر الثابتة القليلة
   (الشريط، التنقل، المودال، الدخول) ونستبدله في البطاقات المتكررة بخلفية شبه صلبة
   تبدو متطابقة فوق الخلفية الداكنة لكن أخف بكثير على الأداء. */
.card,.stat-card,.exercise-card,.food-item,.form-section,.table-wrap{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* المكونات الصغيرة المتكررة (أزرار، حبوب، رسائل) — نشيل blur عنها */
.btn-outline,.user-pill,.meal-day-btn,.calorie-pill,.day-tab,.chat-input-bar,.chat-input-bar input,.glass-panel{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.card{background:linear-gradient(150deg,rgba(24,23,28,0.92),rgba(16,16,20,0.9))}
.stat-card{background:linear-gradient(150deg,rgba(17,42,63,0.92),rgba(8,24,39,0.9))}
.exercise-card{background:linear-gradient(135deg,rgba(12,31,48,0.92),rgba(7,23,37,0.9))}
.form-section{background:rgba(7,23,37,0.9)}
/* تلميحات للمتصفح لتسريع الرسم */
.card,.stat-card,.exercise-card{contain:layout style}
.bg-orb{will-change:auto}
/* تقليل نصف قطر الـblur في الخلفية (أخف على GPU) */
.bg-orb-1,.bg-orb-2,.bg-orb-3{filter:blur(70px)}
/* إيقاف التوهّج المتنفّس المستمر على الأرقام والألسنة (يسبب رسم مستمر) */
.stat-value{animation:none}
.nav-tab.active{animation:none}
/* الألسنة الفردية كانت كل واحد فيه blur — نشيله ونبقيه على الحاوية فقط */
.nav-tab{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* على الشاشات الصغيرة (الجوال) نخفّف أكثر: نوقف backdrop-filter كلياً ونستبدله بخلفية صلبة */
@media(max-width:768px){
  .topbar,.nav-tabs{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .topbar{background:#0b0b0e}
  .nav-tabs{background:#09090b}
  .bg-orb-1,.bg-orb-2,.bg-orb-3{filter:blur(60px);opacity:0.22}
  .particle{display:none}
}

/* ===== DESIGN REFRESH v18 — حيوية عصرية بدون أي كلفة أداء =====
   كل المؤثرات هنا transform/opacity فقط (تعمل على الـGPU)،
   مؤثرات الهوفر محصورة بأجهزة الماوس، والأنيميشن المستمر المكلف أُزيل. */

/* — إيقاف آخر أنيميشن مستمر مكلف (filter على عنصر ثابت) واستبداله بتوهّج ثابت — */
.topbar-brand h2{animation:none;filter:drop-shadow(0 0 12px rgba(127,195,244,0.35))}
.login-card{animation:slideUp 0.8s var(--ease)}
.sub-warn{animation:none;position:relative}
.sub-warn::after{content:'';position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 24px rgba(139,199,255,0.35);opacity:0;animation:softPulse 2.6s ease-in-out infinite;pointer-events:none}
@keyframes softPulse{50%{opacity:1}}

/* — إصلاح: لمعة شريط التقدم كانت معطّلة (keyframes ناقصة) — الآن تتحرك على الـGPU — */
.progress-fill::after{content:'';position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.38),transparent);animation:progressShimmer 2.4s ease-in-out infinite}
@keyframes progressShimmer{0%{transform:translateX(190%)}100%{transform:translateX(-190%)}}

/* — عمق إضافي للخلفية: ظل دائري ثابت (صفر أنيميشن) — */
.bg-layer::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -5%,transparent 50%,rgba(0,0,0,0.45))}

/* — هالة ذهبية دوّارة خلف بطاقة الدخول (دوران transform = طبقة GPU واحدة) — */
.login-halo{position:absolute;top:50%;left:50%;width:620px;height:620px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0% 16%,rgba(127,195,244,0.32) 25%,rgba(231,245,255,0.5) 30%,rgba(127,195,244,0.32) 35%,transparent 44% 58%,rgba(127,195,244,0.16) 70%,transparent 80%);filter:blur(34px);opacity:0.5;animation:haloSpin 26s linear infinite;z-index:1;pointer-events:none}
@keyframes haloSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}
.brand-logo h1 em{background:linear-gradient(110deg,#7fc3f4 0%,#e7f5ff 25%,#f4fbff 38%,#e7f5ff 50%,#7fc3f4 75%,#e7f5ff 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brandShine 2.4s var(--ease) 0.4s 1 both}
@keyframes brandShine{from{background-position:200% center}to{background-position:0% center}}

/* — عنوان كل صفحة: خط ذهبي يُرسم تحت العنوان عند الدخول — */
.page-header h2{position:relative;padding-bottom:12px}
.page-header h2::after{content:'';position:absolute;bottom:0;right:0;width:54px;height:3px;border-radius:3px;background:linear-gradient(90deg,#bfe3ff,#447fae);transform-origin:right;animation:drawBar 0.7s var(--ease) 0.15s both}
@keyframes drawBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* — التوقيع البصري: إطار ذهبي متوهّج يتبع مؤشر الماوس على البطاقات (أجهزة سطح المكتب فقط) — */
.exercise-card{position:relative}
@media(hover:hover) and (pointer:fine){
  .card::after,.stat-card::after,.exercise-card::after,.challenge-card::after{
    content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;
    background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(231,245,255,0.9),rgba(127,195,244,0.28) 40%,rgba(127,195,244,0.06) 75%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
    opacity:0;transition:opacity 0.35s var(--ease);pointer-events:none}
  .card:hover::after,.stat-card:hover::after,.exercise-card:hover::after,.challenge-card:hover::after{opacity:1}
  /* لمعة تمسح زر الذهب عند الهوفر */
  .btn-gold::before{content:'';position:absolute;top:0;bottom:0;width:50%;left:-65%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.45),transparent);transform:skewX(-18deg);transition:left 0.55s var(--ease)}
  .btn-gold:hover::before{left:125%}
}

/* — الشريط العلوي: عمق إضافي عند التمرير — */
.topbar{transition:box-shadow 0.35s var(--ease),background-color 0.35s var(--ease)}
.topbar.scrolled{background-color:rgba(7,7,10,0.94);box-shadow:0 12px 36px rgba(0,0,0,0.65),0 1px 0 rgba(127,195,244,0.12)}

/* — المودال: دخول أنعم (نبضة + تلاشي للخلفية) — */
.modal{animation:modalFade 0.25s ease}
.modal-content{animation:modalPop 0.45s var(--ease)}
@keyframes modalFade{from{opacity:0}to{opacity:1}}
@keyframes modalPop{from{opacity:0;transform:translateY(26px) scale(0.965)}to{opacity:1;transform:translateY(0) scale(1)}}

/* — التوست: شريط عدّ تنازلي رفيع — */
.toast{position:relative;overflow:hidden}
.toast::after{content:'';position:absolute;bottom:0;right:0;left:0;height:2px;background:currentColor;opacity:0.45;transform-origin:right;animation:toastBar 2.8s linear forwards}
@keyframes toastBar{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* — فقاعات المحادثة بشكل عصري (ذيل ناحية المرسل) — */
.chat-msg{border-radius:16px}
.chat-msg.sent{border-bottom-right-radius:5px}
.chat-msg.received{border-bottom-left-radius:5px}

/* — سهم ذهبي للقوائم المنسدلة (كان مخفياً بسبب appearance:none) — */
.input-group select,.input-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237fc3f4' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-left:36px}

/* — أيقونة الحالة الفارغة تطفو بهدوء — */
.empty-state .icon{display:inline-block;animation:floaty 3.6s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-6px)}}

/* — ظهور العناصر أثناء التمرير (CSS فقط، بدون أي JavaScript — للمتصفحات الداعمة) — */
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .meal,.food-item,.badge,.quote-box{animation:viewIn linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes viewIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* — لمسات دقيقة — */
input,textarea,select{caret-color:#bfe3ff}
.card{box-shadow:var(--shadow-1),inset 0 1px 0 rgba(255,255,255,0.04)}

@media(max-width:768px){
  .login-halo{width:460px;height:460px;filter:blur(26px);opacity:0.4}
  /* تلاشي أطراف شريط التبويبات = إيحاء بوجود المزيد عند السحب */
  .nav-tabs{-webkit-mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent);scroll-snap-type:x proximity}
  .nav-tab{scroll-snap-align:center}
  .page-header h2::after{width:46px}
}

/* ===== EXPERIENCE REFRESH v24 ===== */
:root{
  --bg-primary:#07090d;
  --bg-secondary:#0d1016;
  --bg-card:rgba(16,19,25,.92);
  --glass-bg:rgba(16,19,25,.84);
  --glass-border:rgba(255,255,255,.075);
  --gold:#8bc7ff;
  --gold-bright:#d9edff;
  --gold-dim:#4f89bd;
  --text-primary:#f5f6f8;
  --text-secondary:#a7acb7;
  --radius-lg:18px;
  --radius-md:14px;
  --shadow-1:0 8px 24px rgba(0,0,0,.22);
  --shadow-2:0 18px 48px rgba(0,0,0,.32);
}
body{background:#07090d;color:var(--text-primary);line-height:1.65}
.bg-gradient{background:radial-gradient(ellipse 65% 45% at 82% -8%,rgba(139,199,255,.12),transparent 62%),radial-gradient(ellipse 55% 45% at 0% 100%,rgba(57,78,112,.12),transparent 62%),linear-gradient(160deg,#090b10 0%,#07090d 52%,#090a0d 100%)}
.bg-grid{opacity:.3;background-size:64px 64px}
.bg-noise{opacity:.018}
.bg-orb{opacity:.12!important;filter:blur(130px)}
.login-stripe,.login-diagonal,.app-diagonals{opacity:.32}

/* دخول أوضح: تعريف سريع بالمنصة بجانب نموذج بسيط ومباشر */
.login-screen{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(34px,7vw,92px);padding:clamp(28px,6vw,74px);align-items:center}
.login-showcase{position:relative;z-index:2;max-width:620px}
.login-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--gold-bright);font-size:12px;font-weight:800;background:rgba(139,199,255,.08);border:1px solid rgba(139,199,255,.2);border-radius:999px;padding:7px 12px;margin-bottom:22px}
.login-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:#65d492;box-shadow:0 0 0 5px rgba(101,212,146,.09)}
.login-showcase h2{font-size:clamp(36px,5vw,66px);font-weight:900;line-height:1.18;letter-spacing:-1.8px;margin-bottom:20px;max-width:680px}
.login-showcase h2 span{color:var(--gold-bright)}
.login-showcase>p{color:#b7bbc4;font-size:clamp(15px,1.5vw,18px);line-height:2;max-width:570px}
.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.login-benefit{min-height:118px;padding:17px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.login-benefit .benefit-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(139,199,255,.1);font-size:18px;margin-bottom:13px}
.login-benefit strong{display:block;font-size:13px;margin-bottom:4px;color:#f1f2f5}
.login-benefit span{display:block;color:#838995;font-size:11px;line-height:1.7}
.login-card{max-width:440px;justify-self:end;background:rgba(13,16,21,.94);border-color:rgba(139,199,255,.2);border-radius:22px;padding:40px;box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);animation:slideUp .55s var(--ease)}
.login-card::before{left:28px;right:28px;height:2px}
.login-card::after{display:none}
.brand-logo{margin-bottom:30px}
.brand-logo h1{font-size:48px;letter-spacing:11px;line-height:1.1}
.brand-logo .tagline{letter-spacing:4px;color:#777d88;border-bottom:0;padding-bottom:0}
.brand-icon-bar{margin-bottom:17px}
.brand-icon-bar span{height:2px;width:28px;animation:none}
.brand-icon-bar span:nth-child(2){height:4px;width:34px}
.login-card .input-group label{color:#afb4bd;font-size:12px;letter-spacing:0;text-transform:none}
.login-card .input-group input{min-height:50px;background:#0a0c11;border-color:#282c34;border-radius:12px}
.login-card .input-group input:hover{border-color:#3b404a}
.login-card .input-group input:focus{border-color:var(--gold);background:#0b0d12;box-shadow:0 0 0 4px rgba(139,199,255,.1)}
.btn-primary{min-height:52px;border-radius:12px;font-family:'Cairo',sans-serif;font-size:15px;font-weight:900;letter-spacing:0;box-shadow:0 10px 24px rgba(139,199,255,.18)}
.login-support{display:flex;align-items:center;justify-content:center;gap:7px;color:#737986;font-size:11px;margin-top:17px}
.login-support::before{content:'✓';color:#65d492;font-weight:900}
.login-card>div[style*="position:absolute;bottom:18px"]{display:none!important}
.login-halo{width:500px;height:500px;opacity:.2;filter:blur(60px);animation:none}

/* بنية التطبيق والتنقل */
.app::before,.app::after{display:none}
.topbar{min-height:68px;padding:12px clamp(18px,3vw,42px);background:rgba(9,11,15,.92);border-bottom-color:rgba(255,255,255,.065);box-shadow:0 8px 28px rgba(0,0,0,.22)}
.topbar::before{height:1px;opacity:.7}
.topbar-brand{display:flex;align-items:center;gap:13px}
.topbar-brand::before{content:'IE';width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#d8efff,#5d9dca);color:#071522;font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;box-shadow:0 8px 20px rgba(139,199,255,.16)}
.topbar-brand h2{font-family:'Cinzel',serif;font-size:18px;letter-spacing:3px;animation:none}
.topbar-brand small{display:block;color:#777d88;font-size:10px;font-family:'Cairo',sans-serif;font-weight:600;letter-spacing:0;margin-top:2px}
.user-pill{min-height:40px;background:#12151b;border-color:#2b3039;padding:7px 12px;box-shadow:none}
.user-pill::before{content:'👤';width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(139,199,255,.1);font-size:13px}
.user-pill:hover{background:#151820;border-color:rgba(139,199,255,.32);box-shadow:none}
.user-pill .role-badge{background:rgba(139,199,255,.12);color:var(--gold-bright);border:1px solid rgba(139,199,255,.2)}
.logout-btn{min-height:38px;border-color:#3a252b;background:rgba(255,107,133,.04);padding:7px 13px}
.nav-tabs{position:sticky;top:68px;z-index:90;gap:7px;padding:10px clamp(16px,3vw,40px);background:rgba(9,11,15,.94);border-bottom-color:rgba(255,255,255,.06);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.nav-tab{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;background:transparent;border-color:transparent;border-radius:11px;color:#9ca2ad;font-size:12px;font-weight:700;animation:none!important}
.nav-tab .nav-icon{font-size:16px;line-height:1;filter:grayscale(.25)}
.nav-tab:hover{transform:none;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);color:#fff}
.nav-tab.active{background:rgba(139,199,255,.11);border-color:rgba(139,199,255,.25);color:var(--gold-bright);box-shadow:none;transform:none}
.nav-tab.active::after{bottom:-11px;width:30px;height:2px}
.nav-unread{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;background:#e95668;border-radius:999px;font-size:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 0 0 3px #0a0c10}
.content{max-width:1320px;padding:clamp(24px,3vw,40px) clamp(16px,3vw,36px) 56px}
.page-header{margin-bottom:24px!important}
.page-header h2{font-family:'Cairo',sans-serif;font-size:clamp(24px,3vw,32px);font-weight:900;letter-spacing:-.5px;line-height:1.35;padding-bottom:10px}
.page-header h2::after{height:2px;width:42px}
.page-header p{color:#9299a5;font-size:13px;margin-top:2px}

/* وضوح وتسلسل بصري أفضل للمحتوى */
.card{background:rgba(16,19,25,.9);border-color:rgba(255,255,255,.075);border-radius:18px;padding:22px;box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.card::before{left:22px;right:22px;background:linear-gradient(90deg,transparent,rgba(139,199,255,.28),transparent)}
.card:hover{transform:translateY(-2px);border-color:rgba(139,199,255,.24);box-shadow:var(--shadow-2)}
.card-title{font-family:'Cairo',sans-serif;font-size:15px;font-weight:800;letter-spacing:0;color:#cfe9ff}
.stat-card{min-height:118px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(20,23,29,.96),rgba(13,16,21,.94));border-color:rgba(255,255,255,.07);border-radius:16px;padding:18px;box-shadow:var(--shadow-1)}
.stat-card::before{background:radial-gradient(circle,rgba(139,199,255,.11),transparent 70%)}
.stat-card:hover{transform:translateY(-2px);border-color:rgba(139,199,255,.25);box-shadow:var(--shadow-2)}
.stat-value{font-size:38px;animation:none!important}
.stat-label{color:#9ba1ac;font-family:'Cairo',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2px;text-transform:none}
.grid{gap:14px}
.btn{min-height:44px;border-radius:11px;padding:10px 18px}
.btn-gold{background:linear-gradient(135deg,#d8efff,#64a5d5);color:#071522;box-shadow:0 8px 20px rgba(139,199,255,.14)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(139,199,255,.22)}
.btn-outline{background:#12151b;border-color:#353a44;color:#c7e7ff}
.input-group input,.input-group select,.input-group textarea,.input-row input,.input-row select{min-height:46px;background:#0c0e13;border-color:#2a2f38;border-radius:11px;color:#f4f5f7}
.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.input-row input:focus,.input-row select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(139,199,255,.09);background:#0d1015}
.form-section{background:rgba(15,18,23,.86);border-color:rgba(255,255,255,.07);border-radius:15px}
.form-section h4{font-family:'Cairo',sans-serif;letter-spacing:0;font-size:13px}
.exercise-card{background:rgba(16,19,25,.9);border-color:rgba(255,255,255,.075);border-radius:15px;padding:16px}
.exercise-card:hover{transform:translateX(-3px);border-color:rgba(139,199,255,.24);box-shadow:var(--shadow-2)}
.exercise-icon{width:48px;height:48px;border-radius:12px;box-shadow:none}
.day-tab{min-height:52px;background:#101319;border-color:#282d35;border-radius:11px}
.day-tab.active{background:rgba(139,199,255,.1);border-color:rgba(139,199,255,.36);box-shadow:none}
.table-wrap{border-color:rgba(255,255,255,.075);background:#0e1116}
th{background:#15181f;color:#c7e7ff;border-bottom-color:rgba(139,199,255,.18)}
td{border-bottom-color:rgba(255,255,255,.05)}
tr:hover td{background:rgba(139,199,255,.035)}
.modal{background:rgba(3,4,6,.78)}
.modal-content{background:#11141a;border-color:rgba(139,199,255,.2);border-radius:20px;box-shadow:0 32px 90px rgba(0,0,0,.6)}
.modal-header h3{font-family:'Cairo',sans-serif;font-size:19px;letter-spacing:0}
.app>footer{background:#090b0f!important;border-top-color:rgba(255,255,255,.07)!important;margin-top:20px!important}

@media(max-width:900px){
  .login-screen{grid-template-columns:1fr;max-width:520px;gap:26px;padding:28px 20px}
  .login-showcase{text-align:center;margin:0 auto}
  .login-showcase h2{font-size:34px;letter-spacing:-1px;margin-bottom:12px}
  .login-showcase>p{font-size:14px;line-height:1.8}
  .login-benefits{margin-top:22px}
  .login-benefit{text-align:right;min-height:105px}
  .login-card{justify-self:stretch;max-width:none}
}
@media(max-width:768px){
  .topbar{min-height:60px;padding:10px 12px}
  .topbar-brand{gap:8px}.topbar-brand::before{width:34px;height:34px;font-size:18px}.topbar-brand h2{font-size:14px;letter-spacing:2px}.topbar-brand small{display:none}
  .user-pill{padding:5px 8px;font-size:11px;gap:6px}.user-pill::before{display:none}.user-pill .role-badge{display:none}
  .logout-btn{font-size:11px;min-height:36px;margin-right:5px;padding:6px 10px}
  .nav-tabs{top:60px;padding:8px 12px;gap:5px;scroll-padding-inline:12px;-webkit-mask-image:none;mask-image:none}
  .nav-tab{min-width:82px;min-height:52px;flex-direction:column;gap:4px;padding:7px 10px;font-size:10px;border-color:rgba(255,255,255,.04);background:rgba(255,255,255,.018)}
  .nav-tab .nav-icon{font-size:17px}.nav-tab.active::after{bottom:-9px}
  .content{padding:22px 13px 44px}.page-header{margin-bottom:18px!important}.page-header h2{font-size:24px}
  .card{padding:17px;border-radius:15px}.stat-card{min-height:104px;padding:14px}.stat-value{font-size:32px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}
  .input-row,.input-row.cols-3{grid-template-columns:1fr}
  .modal{align-items:flex-end;padding:0}.modal-content,.modal-content.wide{max-width:none;border-radius:22px 22px 0 0;padding:22px 17px;max-height:88dvh}
  .exercise-card{align-items:flex-start;gap:12px}.exercise-meta{gap:5px}.exercise-icon{width:42px;height:42px}
  .day-tab{min-width:118px}.water-cups{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:520px){
  .login-screen{display:flex;justify-content:center;padding:18px 14px;min-height:100dvh}
  .login-showcase{display:none}
  .login-card{width:100%;padding:31px 22px;border-radius:19px}
  .brand-logo h1{font-size:38px;letter-spacing:7px}.brand-logo{margin-bottom:25px}
  .topbar-brand h2{font-size:13px}.topbar-brand::before{width:32px;height:32px}
  #syncBadge{display:none}.grid-3{grid-template-columns:1fr}
  .food-item{grid-template-columns:1fr auto}.food-item .btn{grid-column:1/-1;justify-content:center}
  th,td{padding:11px 12px;font-size:12px}
}
@media(hover:none){
  .card:hover,.stat-card:hover,.exercise-card:hover,.challenge-card:hover,.food-item:hover{transform:none;box-shadow:var(--shadow-1)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.login-card,.page-header h2::after,.progress-fill::after,.empty-state .icon{animation:none!important}
}

/* ===== BLUE GLASS SYSTEM v25 ===== */
:root{
  color-scheme:dark;
  --bg-primary:#06121f;
  --bg-secondary:#0a1b2b;
  --bg-card:rgba(13,31,48,.72);
  --glass-bg:rgba(12,30,47,.68);
  --glass-border:rgba(181,219,255,.18);
  --glass-blur:blur(22px);
  --gold:#8bc7ff;
  --gold-bright:#d9edff;
  --gold-dim:#4f89bd;
  --gold-soft:#b7dcff;
  --text-primary:#eef6ff;
  --text-secondary:#a4b7c8;
  --shadow-1:0 14px 38px rgba(0,7,16,.28),inset 0 1px 0 rgba(228,244,255,.035);
  --shadow-2:0 22px 54px rgba(0,7,16,.4),0 0 34px rgba(93,169,230,.07),inset 0 1px 0 rgba(232,247,255,.06);
}
html{background:#06121f}
body{background:#06121f;color:var(--text-primary)}
::selection{background:rgba(139,199,255,.32);color:#fff}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#527fa6,#315c80);border:3px solid #071522}
*{scrollbar-color:#416e94 #071522}
.bg-gradient{
  background:
    radial-gradient(ellipse 70% 55% at 82% -8%,rgba(100,181,245,.2),transparent 64%),
    radial-gradient(ellipse 58% 50% at -5% 104%,rgba(83,143,193,.15),transparent 66%),
    linear-gradient(145deg,#071827 0%,#06121f 48%,#0a2033 100%);
}
.bg-grid{opacity:.2;background-image:linear-gradient(rgba(174,218,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(174,218,255,.05) 1px,transparent 1px)}
.bg-noise{opacity:.012}
.bg-orb{opacity:.17!important;filter:blur(138px);background:#4d9bd4!important}
.login-stripe,.login-diagonal,.app-diagonals{opacity:.14;filter:hue-rotate(175deg) saturate(.75)}

/* صفحة الدخول: زجاج هادئ وإضاءة فضية */
.login-kicker{color:#cce8ff;background:rgba(114,187,244,.1);border-color:rgba(164,216,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.login-kicker::before{background:#76d8bf;box-shadow:0 0 0 5px rgba(118,216,191,.1),0 0 16px rgba(118,216,191,.32)}
.login-showcase h2{color:#f2f8ff;text-shadow:0 10px 34px rgba(0,8,18,.3)}
.login-showcase h2 span{color:#b9ddff;background:linear-gradient(180deg,#f4faff,#82bff0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.login-showcase>p{color:#a9bed0}
.login-benefit{background:linear-gradient(145deg,rgba(21,49,73,.62),rgba(11,29,45,.54));border-color:rgba(179,220,255,.15);box-shadow:0 14px 34px rgba(0,8,18,.16),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(16px)}
.login-benefit .benefit-icon{background:linear-gradient(145deg,rgba(151,210,255,.2),rgba(86,150,203,.1));border:1px solid rgba(180,222,255,.16);box-shadow:0 8px 20px rgba(28,111,176,.12)}
.login-benefit strong{color:#edf7ff}.login-benefit span{color:#94aabd}
.login-card{
  background:linear-gradient(145deg,rgba(21,48,72,.82),rgba(8,24,39,.76));
  border-color:rgba(185,224,255,.24);
  box-shadow:0 34px 90px rgba(0,7,16,.48),0 0 55px rgba(85,164,224,.08),inset 0 1px rgba(244,250,255,.09);
  backdrop-filter:blur(28px) saturate(118%);-webkit-backdrop-filter:blur(28px) saturate(118%);
}
.login-card::before{background:linear-gradient(90deg,transparent,#9ad1ff 48%,#edf8ff 52%,transparent);box-shadow:0 0 16px rgba(123,195,250,.3)}
.brand-logo h1,.topbar-brand h2{background:linear-gradient(180deg,#f7fbff 0%,#c1e3ff 45%,#6ea9d8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 18px rgba(88,165,225,.18))}
.brand-logo .tagline{color:#9cb4c8}.brand-icon-bar span{background:linear-gradient(90deg,#5f9dcc,#d9efff)}
.login-card .input-group input,.input-group input,.input-group select,.input-group textarea,.input-row input,.input-row select{
  background:rgba(5,19,32,.62);border-color:rgba(179,219,253,.16);color:#eff8ff;box-shadow:inset 0 1px 2px rgba(0,5,12,.22)
}
.login-card .input-group input:hover,.input-group input:hover,.input-group select:hover,.input-group textarea:hover{border-color:rgba(166,215,255,.3)}
.login-card .input-group input:focus,.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.input-row input:focus,.input-row select:focus{
  background:rgba(7,25,40,.82);border-color:#86c5f7;box-shadow:0 0 0 4px rgba(99,174,230,.13),0 0 24px rgba(73,155,218,.08)
}
.input-group label{color:#b5c8d8}.login-support{color:#8fa8bb}.login-support::before{color:#76d8bf}
.btn-primary,.btn-gold{background:linear-gradient(135deg,#d8efff 0%,#8dc9f5 48%,#5c9aca 100%);color:#071522;border-color:rgba(224,245,255,.55);box-shadow:0 12px 30px rgba(66,150,215,.22),inset 0 1px rgba(255,255,255,.55)}
.btn-primary:hover,.btn-gold:hover{box-shadow:0 16px 36px rgba(75,161,225,.32),0 0 26px rgba(112,190,246,.13);filter:brightness(1.04)}
.btn-outline{background:rgba(16,42,63,.58);border-color:rgba(163,211,249,.23);color:#c9e7ff}
.btn-outline:hover{background:rgba(27,62,90,.72);border-color:rgba(164,216,255,.4);color:#fff}

/* الشريط العلوي والتنقل */
.topbar{background:rgba(6,20,33,.75);border-bottom-color:rgba(182,221,254,.13);box-shadow:0 12px 36px rgba(0,7,16,.28);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
.topbar::before{background:linear-gradient(90deg,transparent,#5e9fce,#d9efff,#5e9fce,transparent);opacity:.66}
.topbar.scrolled{background-color:rgba(6,20,33,.92);box-shadow:0 16px 42px rgba(0,7,16,.44),0 1px 0 rgba(166,216,255,.12)}
.topbar-brand::before{background:linear-gradient(145deg,rgba(229,246,255,.98),rgba(113,176,224,.9));color:#092039;border:1px solid rgba(255,255,255,.56);box-shadow:0 10px 26px rgba(59,142,205,.22),inset 0 1px rgba(255,255,255,.8)}
.topbar-brand small{color:#89a5ba}
.user-pill{background:rgba(17,43,64,.64);border-color:rgba(176,218,252,.16);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.user-pill::before{background:rgba(133,198,247,.13);border:1px solid rgba(177,221,255,.12)}
.user-pill:hover{background:rgba(23,54,79,.82);border-color:rgba(161,213,253,.32)}
.user-pill .role-badge{background:rgba(124,192,244,.14);color:#cce9ff;border-color:rgba(158,212,253,.2)}
.nav-tabs{background:rgba(6,20,33,.78);border-bottom-color:rgba(178,219,252,.1);box-shadow:0 12px 30px rgba(0,7,16,.22);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nav-tab{color:#91aabd}.nav-tab:hover{background:rgba(137,199,248,.07);border-color:rgba(172,217,252,.12);color:#edf8ff}
.nav-tab.active{background:linear-gradient(145deg,rgba(131,199,249,.18),rgba(82,146,194,.09));border-color:rgba(164,216,255,.3);color:#d7efff;box-shadow:inset 0 1px rgba(255,255,255,.045),0 7px 22px rgba(20,98,158,.11)}
.nav-tab.active::after{background:linear-gradient(90deg,#65a9dc,#e4f5ff);box-shadow:0 0 12px rgba(128,201,255,.38)}
.nav-unread{box-shadow:0 0 0 3px #081928}

/* مكوّنات المحتوى */
.page-header h2{color:#eef7ff}.page-header h2::after{background:linear-gradient(90deg,#72b4e5,#d9eeff);box-shadow:0 0 14px rgba(104,183,240,.25)}.page-header p{color:#91a9bc}
.card,.stat-card,.form-section,.exercise-card,.challenge-card,.food-item,.meal-card,.chat-message,.notification-item{
  background:linear-gradient(145deg,rgba(17,42,63,.72),rgba(9,26,42,.65));
  border-color:rgba(181,221,254,.15);
  box-shadow:var(--shadow-1);
  backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%);
}
.card::before{background:linear-gradient(90deg,transparent,rgba(154,211,255,.38),rgba(238,248,255,.58),transparent)}
.card:hover,.stat-card:hover,.exercise-card:hover,.challenge-card:hover,.food-item:hover{border-color:rgba(161,214,255,.32);box-shadow:var(--shadow-2)}
.card-title{color:#cfe9ff}.stat-card::before{background:radial-gradient(circle,rgba(109,187,244,.15),transparent 70%)}
.stat-value{background:linear-gradient(180deg,#f4fbff,#86c2ef);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{color:#93aabd}
.form-section{border-color:rgba(174,217,252,.14)}.form-section h4{color:#cbe7fb}
.exercise-card{border-color:rgba(178,219,252,.14)}.exercise-card:hover{border-color:rgba(150,207,249,.32)}
.exercise-icon{background:linear-gradient(145deg,rgba(144,207,255,.2),rgba(74,139,188,.1));border:1px solid rgba(170,216,252,.14)}
.day-tab{background:rgba(10,29,46,.7);border-color:rgba(170,215,250,.14);color:#91aabd}
.day-tab:hover{border-color:rgba(160,213,253,.3);color:#e8f6ff}.day-tab.active{background:linear-gradient(145deg,rgba(131,198,248,.18),rgba(76,140,189,.1));border-color:rgba(157,211,253,.38);color:#d7efff}
.progress-track,.progress-bar{background:rgba(2,13,24,.58);border-color:rgba(174,217,251,.09)}
.progress-fill{background:linear-gradient(90deg,#4c93c8,#91cef8,#d9efff);box-shadow:0 0 18px rgba(100,184,241,.23)}
.table-wrap{border-color:rgba(174,217,252,.14);background:rgba(7,23,37,.58);box-shadow:inset 0 1px rgba(255,255,255,.025)}
th{background:rgba(22,50,73,.78);color:#cae8ff;border-bottom-color:rgba(170,216,252,.18)}td{border-bottom-color:rgba(184,222,252,.065)}tr:hover td{background:rgba(118,190,244,.055)}
.modal{background:rgba(1,9,17,.78);backdrop-filter:blur(10px)}
.modal-content{background:linear-gradient(145deg,rgba(20,47,70,.97),rgba(7,23,38,.97));border-color:rgba(180,222,255,.24);box-shadow:0 36px 100px rgba(0,6,14,.66),0 0 42px rgba(76,157,218,.08),inset 0 1px rgba(255,255,255,.07)}
.modal-header{border-bottom-color:rgba(180,219,251,.1)}.modal-header h3{color:#eaf6ff}
.empty-state{color:#8fa8bb}.empty-state .icon{filter:hue-rotate(175deg) saturate(.75)}
.app>footer{background:rgba(5,18,30,.86)!important;border-top-color:rgba(174,218,253,.1)!important;color:#7f99ad!important}

@media(max-width:768px){
  .nav-tabs{background:rgba(6,20,33,.92)}
  .nav-tab{background:rgba(130,194,242,.035);border-color:rgba(174,217,252,.07)}
  .card,.stat-card,.form-section,.exercise-card,.food-item{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
}
@media(prefers-reduced-transparency:reduce){
  .login-card,.topbar,.nav-tabs,.card,.stat-card,.form-section,.exercise-card,.modal-content{background:#0c2235;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* ===== BLUE GLASS BRAND COMPLETION v26 ===== */
.brand-logo h1 em{
  background:linear-gradient(110deg,#76b7e7 0%,#c9e9ff 28%,#f7fbff 43%,#a8d6f7 58%,#5f9fce 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 5px 18px rgba(88,165,225,.2));
}
.brand-icon-bar span{background:linear-gradient(90deg,#5f9fce,#d9efff);box-shadow:0 0 12px rgba(127,195,244,.24)}
#rememberMe,#consentCheckbox{
  appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:0 0 auto;
  background:linear-gradient(145deg,rgba(28,62,88,.76),rgba(7,24,39,.86));
  border:1px solid rgba(174,220,255,.4);border-radius:5px;cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 14px rgba(0,8,18,.18);
  transition:background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);
}
#rememberMe::before,#consentCheckbox::before{content:'✓';color:#061522;font-size:14px;font-weight:1000;line-height:1;transform:scale(0);transition:transform .16s var(--ease)}
#rememberMe:checked,#consentCheckbox:checked{background:linear-gradient(145deg,#e6f5ff,#80c3f2 56%,#4f94c7);border-color:#dff3ff;box-shadow:0 0 0 3px rgba(109,187,244,.12),0 7px 18px rgba(46,133,198,.2),inset 0 1px rgba(255,255,255,.64)}
#rememberMe:checked::before,#consentCheckbox:checked::before{transform:scale(1)}
#rememberMe+label{color:#90aabd!important}
.backup-reminder{background:linear-gradient(135deg,rgba(32,76,108,.74),rgba(10,31,49,.7))!important;border-color:rgba(154,212,255,.28)!important;box-shadow:var(--shadow-1),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.backup-reminder:hover{border-color:rgba(176,222,255,.45)!important;box-shadow:var(--shadow-2)}
.app>footer>div:first-child{background:linear-gradient(180deg,#f4fbff,#8fc9f2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 14px rgba(88,165,225,.18))}

/* ===== PREMIUM 3D GLASS EXPERIENCE v27 ===== */
.app,.login-screen{perspective:1200px}
.login-card,.topbar,.nav-tabs,.modal-content{transform-style:preserve-3d}
.login-card{
  box-shadow:0 3px 0 rgba(190,228,255,.13),0 18px 34px rgba(0,8,18,.3),0 45px 100px rgba(0,6,14,.52),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -18px 38px rgba(0,8,18,.16);
}
.topbar{box-shadow:0 2px 0 rgba(159,211,250,.1),0 14px 34px rgba(0,7,16,.3),inset 0 -1px rgba(0,6,14,.25)}
.topbar-brand::before{
  content:'';background:url('icon-192.png') center/cover no-repeat;color:transparent;border-color:rgba(214,239,255,.42);
  transform:perspective(320px) rotateX(5deg) rotateY(-9deg) translateZ(8px);
  box-shadow:0 4px 0 rgba(43,107,157,.5),0 12px 24px rgba(0,8,18,.34),0 0 22px rgba(92,177,239,.2),inset 0 1px rgba(255,255,255,.22);
}
.nav-tab .nav-icon{
  width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:10px;
  background:linear-gradient(145deg,rgba(72,137,187,.32),rgba(8,29,47,.74));
  border:1px solid rgba(174,219,255,.18);
  box-shadow:0 3px 0 rgba(31,80,118,.62),0 8px 15px rgba(0,7,16,.28),inset 0 1px rgba(255,255,255,.12),inset 0 -8px 14px rgba(0,8,18,.18);
  filter:drop-shadow(0 5px 7px rgba(0,7,16,.3));text-shadow:0 2px 1px rgba(255,255,255,.16),0 5px 8px rgba(0,6,14,.35);
  transform:perspective(220px) rotateX(7deg) translateZ(4px);transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease);
}
.nav-tab:hover .nav-icon{transform:perspective(220px) rotateX(3deg) rotateY(-7deg) translateY(-2px) translateZ(9px)}
.nav-tab.active .nav-icon{background:linear-gradient(145deg,rgba(224,244,255,.92),rgba(100,174,228,.72));border-color:rgba(226,246,255,.55);transform:perspective(220px) rotateX(3deg) rotateY(-6deg) translateY(-3px) scale(1.06);box-shadow:0 4px 0 rgba(50,119,168,.72),0 12px 22px rgba(28,111,176,.3),0 0 24px rgba(118,195,250,.25),inset 0 1px rgba(255,255,255,.62)}
.nav-tab.active .nav-icon{filter:saturate(1.08);text-shadow:0 1px rgba(255,255,255,.5),0 4px 7px rgba(4,35,57,.28)}

.benefit-icon,.exercise-icon,.meal-emoji,.empty-state .icon,.video-placeholder .icon,.sub-warn .ic{
  position:relative;transform-style:preserve-3d;
  background:linear-gradient(145deg,rgba(171,220,255,.3),rgba(17,52,78,.72));
  border:1px solid rgba(184,226,255,.24);
  box-shadow:0 4px 0 rgba(29,79,117,.58),0 12px 22px rgba(0,8,18,.28),inset 0 1px rgba(255,255,255,.2),inset 0 -9px 16px rgba(0,8,18,.2);
  filter:drop-shadow(0 6px 8px rgba(0,8,18,.28));text-shadow:0 2px 1px rgba(255,255,255,.18),0 7px 9px rgba(0,6,14,.38);
}
.benefit-icon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:21px!important;transform:perspective(250px) rotateX(8deg) rotateY(-7deg)}
.login-benefit:hover .benefit-icon{transform:perspective(250px) rotateX(1deg) rotateY(8deg) translateY(-4px) scale(1.06)}
.exercise-icon{background:linear-gradient(145deg,#eaf7ff 0%,#91cef8 48%,#4f94c7 100%);color:#061522;border-color:rgba(232,248,255,.58);font-weight:900;text-shadow:0 1px rgba(255,255,255,.7),0 3px 2px rgba(32,95,140,.28)}
.exercise-card:hover .exercise-icon{transform:perspective(260px) rotateX(5deg) rotateY(-10deg) translateY(-3px) scale(1.07);box-shadow:0 5px 0 rgba(46,108,153,.62),0 16px 26px rgba(22,100,159,.28),0 0 22px rgba(111,190,246,.2)}
.meal-emoji{transform:perspective(250px) rotateX(7deg) rotateY(7deg);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.meal:hover .meal-emoji{transform:perspective(250px) rotateX(0) rotateY(-8deg) translateY(-3px) scale(1.05)}
.empty-state .icon{width:70px;height:70px;display:grid!important;place-items:center;margin:0 auto 18px!important;border-radius:22px;font-size:34px!important;opacity:.82!important;animation:iconFloat3D 4.2s ease-in-out infinite!important}
.sub-warn .ic{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;flex:0 0 44px}

.stat-card{overflow:visible;box-shadow:0 4px 0 rgba(28,71,105,.5),0 16px 32px rgba(0,7,16,.27),inset 0 1px rgba(255,255,255,.08),inset 0 -16px 26px rgba(0,8,18,.13)}
.stat-value{transform:translateZ(22px);text-shadow:0 2px 0 rgba(219,241,255,.08),0 12px 24px rgba(0,8,18,.35);filter:drop-shadow(0 6px 12px rgba(75,159,220,.17))}
.stat-label{transform:translateZ(12px)}
.card-title{transform:translateZ(18px);text-shadow:0 2px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,7,16,.3)}
.exercise-info,.exercise-meta{transform:translateZ(12px)}

.btn,.btn-primary,.tool-tab,.day-tab{
  transform-style:preserve-3d;
  box-shadow:0 4px 0 rgba(1,13,24,.72),0 10px 20px rgba(0,7,16,.24),inset 0 1px rgba(255,255,255,.09),inset 0 -8px 14px rgba(0,8,18,.12);
}
.btn-gold,.btn-primary{box-shadow:0 5px 0 #356f99,0 14px 27px rgba(30,113,174,.28),inset 0 1px rgba(255,255,255,.65),inset 0 -10px 16px rgba(35,106,155,.16)}
.btn:hover,.btn-primary:hover,.tool-tab:hover,.day-tab:hover{transform:translateY(-2px);filter:brightness(1.04)}
.btn:active,.btn-primary:active,.tool-tab:active,.day-tab:active{transform:translateY(3px) scale(.985);box-shadow:0 1px 0 rgba(1,13,24,.75),0 4px 9px rgba(0,7,16,.22),inset 0 2px 7px rgba(0,8,18,.16)}
.input-group input,.input-group select,.input-group textarea,.input-row input,.input-row select{box-shadow:inset 0 3px 9px rgba(0,7,16,.3),0 2px 0 rgba(255,255,255,.035),0 9px 20px rgba(0,7,16,.12)}
.water-cup{box-shadow:0 4px 0 rgba(12,55,89,.72),0 10px 18px rgba(0,7,16,.25),inset 0 1px rgba(255,255,255,.09);transform-style:preserve-3d}
.water-cup.filled{box-shadow:0 4px 0 #154f83,0 12px 22px rgba(30,108,190,.3),0 0 20px rgba(74,158,255,.25),inset 0 1px rgba(255,255,255,.28)}
.modal-content{box-shadow:0 5px 0 rgba(68,129,175,.28),0 38px 100px rgba(0,6,14,.7),0 0 50px rgba(83,168,231,.1),inset 0 1px rgba(255,255,255,.1),inset 0 -24px 44px rgba(0,8,18,.14)}

@media(hover:hover) and (pointer:fine){
  .fx-tilt{--rx:0deg;--ry:0deg;--lift:0px;transform-style:preserve-3d;will-change:transform;transform:perspective(960px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .16s ease-out,box-shadow .28s var(--ease),border-color .28s var(--ease)}
  .fx-tilt:hover{--lift:-5px;box-shadow:0 7px 0 rgba(30,79,116,.42),0 28px 52px rgba(0,7,16,.4),0 0 36px rgba(86,170,232,.1),inset 0 1px rgba(255,255,255,.11)}
  .fx-tilt:active{--lift:-1px;transform:perspective(960px) translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry)) scale(.988)}
  .bg-orb-1{animation:orbDriftOne 20s ease-in-out infinite!important;will-change:transform}
  .bg-orb-2{animation:orbDriftTwo 24s ease-in-out infinite!important;will-change:transform}
  .bg-orb-3{animation:orbDriftThree 28s ease-in-out infinite!important;will-change:transform}
}
@keyframes orbDriftOne{50%{transform:translate3d(-42px,32px,0) scale(1.08)}}
@keyframes orbDriftTwo{50%{transform:translate3d(38px,-30px,0) scale(.94)}}
@keyframes orbDriftThree{50%{transform:translate3d(-24px,-20px,0) scale(1.06)}}
@keyframes iconFloat3D{0%,100%{transform:perspective(300px) translateY(0) rotateX(4deg) rotateY(-4deg)}50%{transform:perspective(300px) translateY(-7px) rotateX(-4deg) rotateY(7deg)}}
@media(max-width:768px),(hover:none){
  .topbar-brand::before{transform:none}
  .nav-tab .nav-icon{width:30px;height:30px;flex-basis:30px;transform:none}
  .benefit-icon,.meal-emoji,.exercise-icon{transform:none}
  .bg-orb-1,.bg-orb-2,.bg-orb-3{animation:none!important;will-change:auto}
}
@media(prefers-reduced-motion:reduce){
  .empty-state .icon,.bg-orb-1,.bg-orb-2,.bg-orb-3{animation:none!important}
  .nav-icon,.benefit-icon,.meal-emoji,.exercise-icon{transition:none!important}
}

/* ===== LIVING AURORA BACKGROUND v28 ===== */
.bg-layer{
  isolation:isolate;background:
    radial-gradient(circle at 50% 110%,rgba(38,112,169,.18),transparent 44%),
    linear-gradient(155deg,#030b14 0%,#061522 42%,#071b2b 68%,#040d18 100%);
}
.bg-gradient{
  inset:-12%;z-index:0;
  background:
    radial-gradient(ellipse 52% 42% at 78% 12%,rgba(127,203,255,.24),transparent 68%),
    radial-gradient(ellipse 48% 40% at 15% 76%,rgba(61,137,195,.2),transparent 70%),
    radial-gradient(ellipse 34% 32% at 55% 48%,rgba(79,180,202,.09),transparent 72%),
    linear-gradient(135deg,rgba(5,18,31,.2),rgba(9,35,55,.26));
  transform-origin:center;animation:auroraBreathe 18s ease-in-out infinite alternate;will-change:transform;
}
.bg-layer::before{
  content:'';position:absolute;z-index:1;inset:-44%;pointer-events:none;
  background:conic-gradient(from 20deg at 50% 50%,transparent 0 13%,rgba(111,195,250,.11) 18%,transparent 25% 48%,rgba(84,164,221,.08) 56%,transparent 64% 82%,rgba(135,218,255,.07) 89%,transparent 96%);
  filter:blur(56px);mix-blend-mode:screen;animation:ambientSweep 34s linear infinite;will-change:transform;
}
.bg-layer::after{
  content:'';position:absolute;z-index:7;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 74% 55% at 50% -8%,transparent 34%,rgba(0,6,13,.08) 74%,rgba(0,5,11,.34) 100%),
    linear-gradient(90deg,rgba(0,7,15,.24),transparent 16% 84%,rgba(0,7,15,.24));
}
.bg-grid{
  z-index:2;inset:39% -34% -46%;opacity:.23;
  background-image:linear-gradient(rgba(163,215,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(163,215,255,.085) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.9) 26%,#000 62%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.9) 26%,#000 62%,transparent 100%);
  transform-origin:center bottom;animation:gridFlow 15s linear infinite;will-change:transform;
}
.bg-orb{z-index:1;mix-blend-mode:screen;pointer-events:none}
.bg-orb-1{width:min(72vw,820px);height:min(72vw,820px);top:-18%;right:-15%;opacity:.2!important;background:radial-gradient(circle at 42% 45%,rgba(171,224,255,.86),rgba(73,158,220,.34) 38%,transparent 72%)!important}
.bg-orb-2{width:min(68vw,760px);height:min(68vw,760px);bottom:-25%;left:-18%;opacity:.18!important;background:radial-gradient(circle at 55% 45%,rgba(74,196,213,.55),rgba(48,121,181,.3) 40%,transparent 72%)!important}
.bg-orb-3{width:min(50vw,590px);height:min(50vw,590px);top:31%;left:31%;opacity:.13!important;background:radial-gradient(circle,rgba(123,195,247,.62),rgba(50,111,172,.24) 43%,transparent 72%)!important}
.bg-particles{position:absolute;z-index:4;inset:0;pointer-events:none}
.bg-particles::before,.bg-particles::after{
  content:'';position:absolute;width:76vw;height:36vw;min-height:280px;border-radius:50%;opacity:.32;
  border-top:1px solid rgba(190,229,255,.3);box-shadow:0 -12px 38px rgba(92,178,239,.08),inset 0 15px 42px rgba(86,171,231,.045);
  will-change:transform;
}
.bg-particles::before{top:3%;left:-34%;transform:rotate(-13deg);animation:lightWaveOne 22s ease-in-out infinite alternate}
.bg-particles::after{right:-38%;bottom:2%;transform:rotate(15deg);animation:lightWaveTwo 26s ease-in-out infinite alternate}
.particle{
  background:radial-gradient(circle,#eef9ff 0 20%,#89caf7 44%,transparent 72%);
  box-shadow:0 0 7px 2px rgba(125,200,252,.42),0 0 18px rgba(75,160,222,.2);
}
.bg-noise{z-index:6;opacity:.016;mix-blend-mode:soft-light}
@keyframes auroraBreathe{0%{transform:translate3d(-2%,-1%,0) scale(1.02) rotate(-1deg)}100%{transform:translate3d(3%,2%,0) scale(1.09) rotate(1.2deg)}}
@keyframes ambientSweep{to{transform:rotate(1turn) scale(1.04)}}
@keyframes gridFlow{0%{transform:perspective(760px) rotateX(64deg) translate3d(0,-36px,0) scale(1.32)}100%{transform:perspective(760px) rotateX(64deg) translate3d(0,36px,0) scale(1.32)}}
@keyframes lightWaveOne{0%{transform:translate3d(-2%,0,0) rotate(-13deg) scale(.96)}100%{transform:translate3d(12%,6%,0) rotate(-8deg) scale(1.08)}}
@keyframes lightWaveTwo{0%{transform:translate3d(2%,0,0) rotate(15deg) scale(.96)}100%{transform:translate3d(-12%,-6%,0) rotate(9deg) scale(1.08)}}
@media(max-width:768px){
  .bg-gradient{inset:-8%;animation:auroraBreatheMobile 20s ease-in-out infinite alternate}
  .bg-layer::before{inset:-60%;opacity:.55;filter:blur(44px);animation-duration:42s}
  .bg-grid{inset:48% -60% -35%;opacity:.14;animation:none;transform:perspective(720px) rotateX(66deg) scale(1.4)}
  .bg-particles::before,.bg-particles::after{opacity:.17;animation:none}
  .bg-orb{filter:blur(90px)!important}
}
@keyframes auroraBreatheMobile{from{transform:translate3d(-1%,0,0) scale(1.02)}to{transform:translate3d(2%,1%,0) scale(1.06)}}
@media(prefers-reduced-motion:reduce){
  .bg-gradient,.bg-layer::before,.bg-grid,.bg-particles::before,.bg-particles::after{animation:none!important;will-change:auto}
}

/* ===== BACKGROUND VISIBILITY FIX v29 ===== */
body{background:transparent!important}
.bg-layer{z-index:0!important}
.login-screen,.app{position:relative;z-index:1}
.bg-gradient{opacity:1}
.bg-orb-1{opacity:.26!important}
.bg-orb-2{opacity:.23!important}
.bg-orb-3{opacity:.18!important}
.bg-particles::before,.bg-particles::after{opacity:.46}
@media(max-width:768px){
  .bg-orb-1{opacity:.22!important}.bg-orb-2{opacity:.2!important}.bg-orb-3{opacity:.15!important}
  .bg-particles::before,.bg-particles::after{opacity:.24}
}

/* ===== SIMPLE TRAINEE HOME v30 ===== */
.nav-tabs.member-nav{justify-content:center;gap:10px}
.nav-tabs.member-nav .nav-tab{min-width:116px}
.member-home-simple{max-width:980px;margin:0 auto}
.home-simple-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.home-simple-head h2{margin:0;color:#f2f8fc;font-size:clamp(24px,4vw,34px);font-weight:900;letter-spacing:-.5px}
.home-simple-head p{margin:5px 0 0;color:#8fa8bb;font-size:13px}
.home-sync-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid rgba(170,218,255,.2);background:linear-gradient(145deg,rgba(28,63,90,.82),rgba(10,31,49,.9));color:#bfe3ff;font-size:18px;cursor:pointer;box-shadow:0 7px 20px rgba(0,8,18,.28),inset 0 1px rgba(255,255,255,.08);transition:transform .2s var(--ease),border-color .2s var(--ease)}
.home-sync-btn:hover{transform:translateY(-2px);border-color:rgba(183,225,255,.45)}
.home-essentials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}
.home-action{appearance:none;border:0;background:transparent;color:#dcecf8;font-family:'Cairo',sans-serif;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;position:relative}
.home-action-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:29px;background:linear-gradient(145deg,rgba(31,73,103,.96),rgba(10,33,52,.98));border:1px solid rgba(179,222,255,.22);box-shadow:0 10px 24px rgba(0,8,18,.3),0 3px 0 rgba(17,62,94,.8),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -12px 22px rgba(0,11,24,.22);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}
.home-action:hover .home-action-icon{transform:translateY(-4px) scale(1.04);border-color:rgba(186,227,255,.48);box-shadow:0 14px 30px rgba(0,10,24,.38),0 3px 0 rgba(24,78,115,.9),0 0 24px rgba(89,172,232,.16),inset 0 1px rgba(255,255,255,.16)}
.home-action:active .home-action-icon{transform:scale(.94)}
.home-action-label{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#aec5d7}
.home-action-badge{position:absolute;top:-3px;margin-right:47px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e95770;color:#fff;font-size:10px;display:grid;place-items:center;border:3px solid #081b2b;box-shadow:0 5px 14px rgba(0,0,0,.3)}
.home-focus-card{position:relative;overflow:hidden;border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(25,62,90,.88),rgba(8,27,44,.94));border:1px solid rgba(178,221,254,.22);box-shadow:0 18px 48px rgba(0,7,16,.3),inset 0 1px rgba(255,255,255,.1);margin-bottom:14px}
.home-focus-card::before{content:'';position:absolute;inset:-45% 52% 18% -18%;background:radial-gradient(circle,rgba(93,181,244,.18),transparent 66%);pointer-events:none}
.home-focus-row{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.home-focus-copy{flex:1;min-width:0}
.home-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(131,199,249,.1);border:1px solid rgba(159,214,255,.16);color:#91c9ef;font-size:10px;font-weight:800;margin-bottom:9px}
.home-focus-copy h3{margin:0 0 6px;color:#f3f9fd;font-size:clamp(20px,3vw,28px);font-weight:900;line-height:1.45}
.home-focus-copy p{margin:0;color:#96afc2;font-size:12px;line-height:1.7}
.home-ring{width:82px;height:82px;flex:0 0 82px;position:relative;display:grid;place-items:center}
.home-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.home-ring strong{color:#e7f5ff;font-family:'Bebas Neue',sans-serif;font-size:24px;line-height:1}
.home-ring span{font-size:9px;color:#8fa8bb;margin-top:25px;position:absolute}
.home-main-btn{width:100%;position:relative;z-index:1;margin-top:18px;min-height:48px;border:0;border-radius:14px;background:linear-gradient(180deg,#cfeaff,#78b9e8);color:#082037;font-family:'Cairo',sans-serif;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #326f9c,0 14px 26px rgba(26,116,180,.2),inset 0 1px rgba(255,255,255,.62);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.home-main-btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 #326f9c,0 18px 30px rgba(26,116,180,.26),inset 0 1px rgba(255,255,255,.62)}
.home-main-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #326f9c,0 8px 18px rgba(26,116,180,.18)}
.home-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.home-summary-item{appearance:none;text-align:right;border:1px solid rgba(174,217,252,.13);border-radius:17px;padding:15px;background:linear-gradient(145deg,rgba(15,42,64,.78),rgba(8,26,42,.86));color:#edf7ff;font-family:'Cairo',sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(0,7,16,.2);transition:transform .18s var(--ease),border-color .18s var(--ease)}
.home-summary-item:hover{transform:translateY(-2px);border-color:rgba(174,217,252,.3)}
.home-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#91a9bb;font-size:11px;margin-bottom:6px}
.home-summary-value{font-size:23px;font-weight:900;color:#d9efff;line-height:1.25}
.home-summary-sub{font-size:10px;color:#718da3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-motivation{display:flex;align-items:center;gap:11px;border:1px solid rgba(166,215,252,.12);border-radius:15px;padding:12px 14px;margin-bottom:14px;background:rgba(9,30,48,.66);color:#a8c5da;font-size:12px;font-weight:600;line-height:1.7}
.home-motivation>span:first-child{font-size:22px;flex:0 0 auto}
.home-more{border:1px solid rgba(170,216,250,.1);border-radius:16px;background:rgba(8,27,43,.58);overflow:hidden}
.home-more summary{list-style:none;cursor:pointer;padding:14px 16px;color:#9eb9cc;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:space-between}
.home-more summary::-webkit-details-marker{display:none}
.home-more summary::after{content:'＋';font-size:16px;color:#77b6e3}
.home-more[open] summary::after{content:'−'}
.home-more-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 12px 12px}
.home-more-link{border:1px solid rgba(169,216,251,.1);border-radius:12px;background:rgba(131,199,249,.045);color:#a8c0d2;font-family:'Cairo',sans-serif;font-size:10px;font-weight:700;min-height:62px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.home-more-link span{font-size:20px}
.home-more-link:hover{background:rgba(131,199,249,.09);color:#e7f4fc}
@media(max-width:768px){
  .nav-tabs.member-nav{justify-content:flex-start;gap:5px}.nav-tabs.member-nav .nav-tab{min-width:68px;flex:1;padding-inline:5px}
  .home-simple-head{margin-bottom:18px}.home-simple-head h2{font-size:25px}.home-simple-head p{font-size:11px}
  .home-essentials{gap:4px;margin-inline:-4px;margin-bottom:18px}.home-action-icon{width:56px;height:56px;font-size:23px}.home-action-label{font-size:9px}.home-action-badge{margin-right:35px}
  .home-focus-card{padding:18px;border-radius:20px}.home-focus-row{gap:12px}.home-ring{width:72px;height:72px;flex-basis:72px}.home-ring svg{width:72px;height:72px}.home-ring strong{font-size:21px}.home-focus-copy h3{font-size:19px}.home-focus-copy p{font-size:10px}
  .home-summary{gap:7px}.home-summary-item{padding:12px 10px;border-radius:14px}.home-summary-value{font-size:19px}.home-summary-top{font-size:9px}.home-summary-sub{font-size:8px}
  .home-more-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:370px){.home-action-icon{width:50px;height:50px;font-size:21px}.home-action-label{font-size:8px}.home-summary-value{font-size:17px}}
@media(prefers-reduced-motion:reduce){.home-sync-btn,.home-action-icon,.home-summary-item,.home-main-btn{transition:none!important}}

/* ===== FLEXIBLE WORKOUT SEQUENCE v31 ===== */
.workout-choice-note{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;margin-bottom:14px;border-radius:15px;background:linear-gradient(145deg,rgba(20,55,82,.72),rgba(8,29,47,.78));border:1px solid rgba(157,211,253,.18);color:#9eb8cb;font-size:12px;line-height:1.8}
.workout-choice-note strong{display:block;color:#d9efff;font-size:13px;margin-bottom:1px}
.workout-choice-note.free{background:linear-gradient(145deg,rgba(28,70,100,.8),rgba(10,34,53,.88));border-color:rgba(126,198,249,.36);box-shadow:0 12px 30px rgba(0,8,18,.2),inset 0 1px rgba(255,255,255,.05)}
.workout-choice-note .choice-ic{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:rgba(131,199,249,.1);border:1px solid rgba(168,216,253,.14);font-size:17px}
.day-tab{position:relative}
.day-state{display:inline-flex;align-items:center;justify-content:center;min-height:18px;margin-top:6px;padding:2px 7px;border-radius:999px;background:rgba(131,199,249,.09);border:1px solid rgba(151,210,253,.14);color:#89bfe4;font-size:8px;font-weight:800}
.day-state.chosen{background:rgba(112,194,250,.16);border-color:rgba(155,215,255,.32);color:#d7efff}
.free-workout-complete{background:linear-gradient(180deg,#d8efff,#83c4ef)!important}
@media(max-width:768px){.workout-choice-note{padding:11px 12px;font-size:10px}.workout-choice-note strong{font-size:11px}.day-state{font-size:7px;padding-inline:5px}}

/* ===== STATIC WARM-UP GUIDES v48 ===== */
.warmup-card{margin-bottom:18px!important;padding:0!important;overflow:hidden;border-color:rgba(139,199,255,.24)!important;background:linear-gradient(145deg,rgba(19,54,81,.76),rgba(7,26,42,.9))!important}
.warmup-head{width:100%;min-height:70px;padding:14px 16px;border:0;background:transparent;color:inherit;font-family:'Cairo',sans-serif;display:flex;align-items:center;gap:12px;text-align:right;cursor:pointer}
.warmup-head:focus-visible{outline:2px solid #92d2ff;outline-offset:-3px;border-radius:15px}
.warmup-fire{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(190,229,255,.2),rgba(75,148,199,.09));border:1px solid rgba(177,220,252,.2);box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 18px rgba(0,8,18,.22);font-size:19px}
.warmup-head-copy{flex:1;min-width:0}.warmup-head-copy strong{display:block;color:#dff2ff;font-size:14px}.warmup-head-copy small{display:block;color:#8ba8bd;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.warmup-video-badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:4px 9px;border-radius:999px;background:rgba(119,187,235,.11);border:1px solid rgba(157,211,249,.17);color:#a9d8f7;font-size:9px;font-weight:800;white-space:nowrap}
.warmup-arrow{font-size:17px;color:#86b9dd;transition:transform .25s var(--ease)}
.warmup-head[aria-expanded="true"] .warmup-arrow{transform:rotate(180deg)}
.warmup-content{padding:0 16px 16px;border-top:1px solid rgba(177,219,250,.09)}
.warmup-content[hidden]{display:none!important}
.warmup-video-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:13px 0 10px}.warmup-video-copy strong{display:block;color:#d6edfd;font-size:12px}.warmup-video-copy small{display:block;color:#7695ab;font-size:9px;margin-top:2px}.warmup-video-copy>span{color:#83bfe9;font-size:9px;white-space:nowrap}
.warmup-video-host{margin-bottom:13px}
.warmup-video-launch{position:relative;min-height:170px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid rgba(159,211,248,.17);background:radial-gradient(circle at 20% 10%,rgba(124,194,243,.2),transparent 34%),linear-gradient(145deg,#0d2b42,#061725);background-position:center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:18px}
.warmup-video-launch.has-poster{box-shadow:inset 0 0 0 1px rgba(206,238,255,.04),0 14px 34px rgba(0,8,18,.26)}
.warmup-video-launch.has-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,26,.18),rgba(2,13,26,.7));pointer-events:none}
.warmup-video-launch::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.035) 50%,transparent 75%);transform:translateX(80%);pointer-events:none}
.warmup-play{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;border:1px solid rgba(229,247,255,.7);background:linear-gradient(145deg,#e3f5ff,#74b9e8);color:#071827;display:grid;place-items:center;font-size:23px;cursor:pointer;box-shadow:0 5px 0 #397da9,0 13px 28px rgba(7,89,148,.3)}
.warmup-play:active{transform:translateY(3px);box-shadow:0 2px 0 #397da9,0 7px 18px rgba(7,89,148,.25)}
.warmup-play:focus-visible,.warmup-retry:focus-visible{outline:2px solid #fff;outline-offset:3px}
.warmup-video-launch strong{position:relative;z-index:1;color:#e4f4ff;font-size:12px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.warmup-video-launch small{position:relative;z-index:1;color:#b5d5e9;font-size:9px;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.warmup-offline{padding:18px;border-radius:14px;border:1px dashed rgba(149,204,245,.2);background:rgba(5,21,34,.6);text-align:center;color:#9cb5c7;font-size:11px;line-height:1.8}.warmup-offline strong{display:block;color:#d8edfc;font-size:12px}.warmup-retry{margin-top:10px;min-height:38px;padding:7px 14px;border-radius:10px;border:1px solid rgba(151,209,249,.24);background:rgba(120,187,235,.1);color:#bfe5ff;font-family:'Cairo',sans-serif;cursor:pointer}
.warmup-safety-note{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;margin-top:10px;border-radius:11px;border:1px solid rgba(139,209,255,.16);background:linear-gradient(145deg,rgba(89,174,232,.1),rgba(8,31,49,.45));color:#a9c6d9;font-size:10px;line-height:1.8}.warmup-safety-note strong{color:#d9effd}
.warmup-guide-intro{display:flex;align-items:flex-start;gap:10px;padding:13px 0 11px;color:#9eb9ca;font-size:10px;line-height:1.8}.warmup-guide-intro strong{display:block;color:#d9edf9;font-size:12px}.warmup-guide-intro span:first-child{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:rgba(129,190,229,.1);border:1px solid rgba(153,207,240,.14);font-size:16px}
.warmup-guide-primer{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-bottom:10px;border-radius:11px;background:rgba(113,178,218,.07);border:1px solid rgba(148,204,238,.12);color:#bed7e7;font-size:11px;line-height:1.7}.warmup-guide-primer strong{color:#e0f0fa}.warmup-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.warmup-guide-card{min-width:0;overflow:hidden;border-radius:13px;background:rgba(5,24,38,.72);border:1px solid rgba(151,207,241,.14);box-shadow:0 9px 24px rgba(0,8,17,.16)}.warmup-guide-strip{width:100%;min-height:94px;background-color:#071725;background-repeat:no-repeat;background-size:100% auto;border-bottom:1px solid rgba(157,210,242,.1)}.warmup-guide-copy{display:flex;align-items:center;gap:9px;padding:10px 11px}.warmup-guide-order{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:rgba(130,190,228,.11);border:1px solid rgba(154,207,239,.15);color:#b9def4;font-size:10px;font-weight:900}.warmup-guide-copy>div{min-width:0;flex:1}.warmup-guide-copy strong{display:block;color:#e2eff7;font-size:11px;line-height:1.55}.warmup-guide-copy small{display:block;color:#8eb8d1;font-size:9px;margin-top:2px}.warmup-text-list{display:grid;gap:6px}.warmup-text-step{display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(139,199,255,.05);border:1px solid rgba(139,199,255,.1);border-radius:10px}.warmup-text-step>span{width:36px;height:36px;border-radius:8px;background:rgba(139,199,255,.15);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.warmup-text-step strong{display:block;font-size:13px;color:#f0f0f5}.warmup-text-step small{display:block;font-size:11px;color:#8bc7ff}
@media(max-width:520px){.warmup-head{padding:12px;gap:9px}.warmup-fire{width:38px;height:38px;flex-basis:38px}.warmup-video-badge{padding-inline:7px}.warmup-content{padding:0 12px 13px}.warmup-video-launch{min-height:150px}.warmup-video-copy{flex-direction:column;gap:4px}}
@media(max-width:700px){.warmup-guide-grid{grid-template-columns:1fr}.warmup-guide-strip{min-height:105px}}
@media(prefers-reduced-motion:reduce){.warmup-arrow,.warmup-video-launch::before,.warmup-play{transition:none!important;animation:none!important}}

/* ===== SIMPLE MEMBER EXPERIENCE v32 ===== */
.member-mode .content{max-width:1020px;padding-top:26px}
.member-mode .page-header{margin-bottom:18px!important}
.member-mode .page-header h2{font-size:clamp(23px,3vw,29px);padding-bottom:8px;margin-bottom:4px;letter-spacing:-.3px}
.member-mode .page-header p{font-size:12px;line-height:1.7}
.member-mode .card,.member-mode .stat-card,.member-mode .exercise-card,.member-mode .challenge-card{box-shadow:0 10px 28px rgba(0,7,16,.22),inset 0 1px rgba(255,255,255,.05);border-color:rgba(174,217,252,.12)}
.member-mode .card::before,.member-mode .card::after,.member-mode .stat-card::after,.member-mode .exercise-card::after,.member-mode .challenge-card::after{display:none!important}
.member-mode .card:hover,.member-mode .stat-card:hover,.member-mode .exercise-card:hover,.member-mode .challenge-card:hover{transform:none;box-shadow:0 10px 28px rgba(0,7,16,.22),inset 0 1px rgba(255,255,255,.05)}
.member-mode .card-title{font-size:14px;transform:none;text-shadow:none;margin-bottom:13px}
.member-mode .grid{gap:11px}
.member-mode .stat-card{min-height:92px;padding:14px;border-radius:14px;transform:none}
.member-mode .stat-value{font-size:31px;transform:none;text-shadow:none;filter:none}
.member-mode .stat-label{transform:none;font-size:10px}
.member-mode .section-divider{margin:24px 0 14px}.member-mode .section-divider::before,.member-mode .section-divider::after{opacity:.55}
.member-mode .section-label{font-family:'Cairo',sans-serif;letter-spacing:0;font-size:13px;font-weight:900;color:#d6edfe;margin:20px 2px 10px}
.member-mode .tools-tabs{position:sticky;top:128px;z-index:35;background:rgba(7,25,40,.94);border-color:rgba(171,217,252,.12);padding:5px;border-radius:14px;box-shadow:0 8px 22px rgba(0,7,16,.18)}
.member-mode .tool-tab{min-height:54px;padding:8px 6px;border-radius:10px;font-size:11px;color:#91a9bc}
.member-mode .tool-tab.active{background:linear-gradient(180deg,#cfeaff,#7ebce8);color:#092139;box-shadow:0 3px 0 #356f99,0 8px 16px rgba(20,102,161,.16)}
.member-mode .tool-body>.page-header{display:none}
.member-mode input,.member-mode select,.member-mode textarea{border-radius:12px!important;border-color:rgba(169,215,250,.14)!important;background-color:rgba(5,20,33,.8)!important;color:#eef7ff!important;min-height:44px}
.member-mode .btn{border-radius:12px;min-height:42px}
.member-mode .meal{background:linear-gradient(145deg,rgba(14,39,60,.78),rgba(7,25,41,.86));border-color:rgba(170,216,251,.12);border-radius:16px;box-shadow:0 8px 22px rgba(0,7,16,.16)}
.member-mode .meal-head{padding:14px}.member-mode .meal-emoji{width:42px;height:42px;border-radius:50%;transform:none;font-size:20px}.member-mode .meal:hover .meal-emoji{transform:none}
.member-mode .meal-info .name{font-size:14px}.member-mode .meal-info .sub{font-size:10px}.member-mode .meal-cal .n{font-size:20px}
.member-mode .meal .item{background:rgba(134,199,246,.035);border-color:rgba(172,217,251,.07);border-radius:10px}
.member-mode .challenge-card{border-radius:16px;padding:18px}

.nutrition-simple-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
.nutrition-nav-btn{border:1px solid rgba(169,216,252,.12);border-radius:14px;background:linear-gradient(145deg,rgba(15,42,64,.78),rgba(8,27,44,.88));color:#a9c1d3;font-family:'Cairo',sans-serif;font-size:10px;font-weight:800;min-height:66px;padding:8px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 7px 18px rgba(0,7,16,.17)}
.nutrition-nav-btn span{font-size:22px}.nutrition-nav-btn:hover{border-color:rgba(170,218,255,.3);color:#e6f5ff}
.nutrition-summary{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(280px,1fr);gap:12px;margin-bottom:14px;padding:18px;border-radius:20px;background:linear-gradient(140deg,rgba(20,55,82,.86),rgba(7,26,43,.92));border:1px solid rgba(174,219,253,.16);box-shadow:0 14px 34px rgba(0,7,16,.24),inset 0 1px rgba(255,255,255,.07)}
.nutrition-calorie-main{display:flex;flex-direction:column;justify-content:center;min-width:0}
.nutrition-calorie-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.nutrition-calorie-number{font-family:'Bebas Neue',sans-serif;font-size:48px;line-height:.9;color:#e3f3ff}.nutrition-calorie-number small{font-family:'Cairo',sans-serif;font-size:11px;color:#85a0b4;margin-right:5px}
.nutrition-remaining{font-size:11px;color:#8dc7ef;padding:5px 9px;border-radius:999px;background:rgba(131,199,249,.08);border:1px solid rgba(156,213,254,.13);white-space:nowrap}
.nutrition-progress{height:8px;border-radius:999px;background:rgba(1,14,25,.62);overflow:hidden}.nutrition-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4e98ce,#8bc9f4,#d7efff);box-shadow:0 0 16px rgba(104,185,241,.28)}
.nutrition-progress-note{display:flex;justify-content:space-between;color:#7792a6;font-size:9px;margin-top:6px}
.nutrition-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.nutrition-macro{border:1px solid rgba(172,218,252,.1);border-radius:13px;background:rgba(126,194,243,.045);color:#9eb7ca;font-family:'Cairo',sans-serif;padding:10px 6px;cursor:pointer;text-align:center;min-width:0}
.nutrition-macro .mi{font-size:19px}.nutrition-macro strong{display:block;color:#d9efff;font-size:18px;line-height:1.2;margin-top:2px}.nutrition-macro small{font-size:8px;color:#718ca1}
.nutrition-ready-start{scroll-margin-top:150px;margin:2px 0 14px}
.nutrition-ready-empty{display:flex;align-items:center;gap:11px;padding:14px;border:1px dashed rgba(157,211,250,.2);border-radius:16px;background:rgba(113,188,242,.045);color:#8fa9bc;font-size:11px;margin-bottom:10px}
.nutrition-ready-empty span{font-size:24px;filter:drop-shadow(0 5px 8px rgba(82,165,224,.22))}
.nutrition-quick-entry{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(150px,.75fr);gap:10px;margin:2px 0 18px}
.nutrition-barcode-main,.nutrition-manual-link{border-radius:18px;font-family:'Cairo',sans-serif;cursor:pointer;text-align:right;display:flex;align-items:center;gap:12px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.nutrition-barcode-main{position:relative;overflow:hidden;min-height:78px;padding:13px 16px;border:1px solid rgba(173,220,255,.38);background:linear-gradient(135deg,rgba(45,130,193,.76),rgba(13,57,91,.9));color:#eef9ff;box-shadow:0 14px 30px rgba(1,17,31,.3),inset 0 1px rgba(255,255,255,.18)}
.nutrition-barcode-main:before{content:'';position:absolute;inset:-60% 55% -60% -15%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none}
.nutrition-barcode-main:hover,.nutrition-manual-link:hover{transform:translateY(-2px);border-color:rgba(194,229,255,.55)}
.nutrition-barcode-main .entry-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;font-size:25px;background:linear-gradient(145deg,rgba(232,247,255,.22),rgba(105,186,243,.08));border:1px solid rgba(225,244,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.2),0 9px 18px rgba(0,17,30,.24)}
.nutrition-barcode-main strong,.nutrition-manual-link strong{display:block;font-size:14px}.nutrition-barcode-main small,.nutrition-manual-link small{display:block;margin-top:2px;font-size:9px;font-weight:400;color:#b9d5e8}
.nutrition-manual-link{min-height:78px;padding:13px;border:1px solid rgba(165,213,247,.14);background:linear-gradient(145deg,rgba(17,49,73,.8),rgba(7,27,44,.9));color:#c9e4f7;box-shadow:0 10px 24px rgba(0,10,20,.2),inset 0 1px rgba(255,255,255,.06)}
.nutrition-manual-link .entry-icon{font-size:23px;flex:0 0 auto}
.smart-meal-builder{margin-top:12px;padding:14px;border:1px solid rgba(159,215,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(18,52,78,.66),rgba(6,24,40,.82));box-shadow:inset 0 1px rgba(255,255,255,.055)}
.smart-meal-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.smart-meal-head>span{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:linear-gradient(145deg,rgba(86,165,219,.32),rgba(18,66,100,.56));border:1px solid rgba(179,223,253,.18)}.smart-meal-head strong{display:block;color:#e1f3ff;font-size:13px}.smart-meal-head small{display:block;color:#82a1b6;font-size:9px;line-height:1.7;margin-top:2px}
.smart-meal-field{width:100%;padding:10px 12px!important;border-radius:11px!important;font-family:'Cairo',sans-serif!important;font-size:12px!important}.smart-meal-search{position:relative;margin-top:8px}.smart-meal-results{display:none;position:absolute;inset-inline:0;top:100%;margin-top:4px;max-height:245px;overflow-y:auto;z-index:55;border:1px solid rgba(153,211,252,.22);border-radius:12px;background:rgba(7,25,41,.98);box-shadow:0 14px 30px rgba(0,5,12,.46)}
.smart-meal-textarea{width:100%;min-height:92px;margin-top:8px;padding:12px!important;border-radius:12px!important;resize:vertical;font-family:'Cairo',sans-serif!important;font-size:12px!important;line-height:1.8}.smart-meal-one-shot{width:100%;margin-top:8px;min-height:46px}.smart-meal-text-status{display:none;margin-top:8px;padding:9px 11px;border:1px solid rgba(159,215,255,.12);border-radius:11px;background:rgba(104,188,244,.045);color:#8eacbf;font-size:9px;line-height:1.8}.smart-meal-text-status.warn,.smart-meal-text-status.ok{display:block}.smart-meal-text-status.warn{border-color:rgba(255,181,91,.22);background:rgba(255,170,68,.055);color:#e4bd89}.smart-meal-text-status.ok{border-color:rgba(102,214,168,.2);background:rgba(67,190,137,.055);color:#a7dfc7}.smart-meal-divider{display:flex;align-items:center;gap:9px;margin:13px 0 8px;color:#6f8da2;font-size:8px;font-weight:800}.smart-meal-divider:before,.smart-meal-divider:after{content:'';height:1px;flex:1;background:rgba(159,215,255,.1)}
.smart-meal-selected{display:none;align-items:center;gap:8px;margin-top:8px;padding:9px 11px;border:1px solid rgba(138,209,255,.2);border-radius:11px;background:rgba(104,188,244,.07);color:#cceaff;font-size:11px}.smart-meal-selected strong{flex:1;min-width:0}.smart-meal-selected button{border:0;background:none;color:#ff8197;font-size:18px;cursor:pointer}
.smart-meal-add-row{display:grid;grid-template-columns:minmax(92px,1fr) 70px minmax(112px,.8fr);gap:7px;margin-top:8px}.smart-meal-unit{min-height:44px;display:grid;place-items:center;padding:8px;border:1px solid rgba(164,214,250,.13);border-radius:11px;background:rgba(3,18,30,.74);color:#9ed3f4;font-size:10px}.smart-meal-preview{min-height:23px;margin-top:6px;color:#7e9bae;font-size:9px;text-align:center}
.smart-meal-items{display:grid;gap:6px;margin-top:10px}.smart-meal-empty{padding:14px;border:1px dashed rgba(159,215,255,.14);border-radius:12px;color:#718da1;font-size:10px;text-align:center}.smart-meal-item{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(159,215,255,.11);border-radius:12px;background:rgba(120,193,243,.045)}.smart-meal-item-copy{flex:1;min-width:0}.smart-meal-item-copy strong{display:block;color:#dcefff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-meal-item-copy small{display:block;color:#7894a8;font-size:8px;margin-top:2px}.smart-meal-item-macro{text-align:left;color:#b8ddf5;font-size:10px;white-space:nowrap}.smart-meal-item-macro small{display:block;color:#6f8ba0;font-size:8px}.smart-meal-remove{width:28px;height:28px;flex:0 0 28px;border:0;border-radius:50%;background:rgba(255,107,133,.08);color:#ff8298;cursor:pointer}
.smart-meal-total{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.smart-meal-total span{padding:9px 3px;border-radius:10px;background:rgba(129,198,246,.055);border:1px solid rgba(164,215,251,.08);text-align:center;color:#7e9aad;font-size:8px}.smart-meal-total b{display:block;color:#e2f3ff;font-size:14px;margin-bottom:1px}.smart-meal-custom{margin-top:10px;border:1px solid rgba(159,215,255,.1);border-radius:12px;background:rgba(3,18,30,.42);overflow:hidden}.smart-meal-custom>summary{list-style:none;cursor:pointer;padding:11px 12px;color:#9fc8e2;font-size:10px;font-weight:800}.smart-meal-custom>summary::-webkit-details-marker{display:none}.smart-meal-custom>summary:after{content:'＋';float:left;color:#6daed9}.smart-meal-custom[open]>summary:after{content:'−'}.smart-meal-custom-body{padding:0 11px 11px}.smart-meal-custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.smart-meal-note{margin:9px 0;color:#6f8da2;font-size:8px;line-height:1.7;text-align:center}.tracked-log-macros{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px;color:#7192a7;font-size:8px}
.smart-meal-review{display:none;margin-top:12px;padding:13px;border:1px solid rgba(123,205,255,.25);border-radius:16px;background:linear-gradient(145deg,rgba(25,67,97,.72),rgba(5,25,42,.9));box-shadow:0 14px 30px rgba(0,8,17,.2),inset 0 1px rgba(255,255,255,.07)}.smart-meal-review.active{display:block;animation:nutritionPanelIn .24s ease both}.smart-meal-review-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.smart-meal-review-head>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:rgba(90,181,240,.14);border:1px solid rgba(165,220,255,.2)}.smart-meal-review-head strong{display:block;color:#e5f5ff;font-size:12px}.smart-meal-review-head small{display:block;color:#83a5ba;font-size:8px;margin-top:1px}.smart-meal-review-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:10px 2px;border-bottom:1px solid rgba(164,215,251,.08)}.smart-meal-review-row:last-child{border-bottom:0}.smart-meal-review-copy{min-width:0}.smart-meal-review-copy strong{display:block;color:#dff2ff;font-size:11px}.smart-meal-review-copy small{display:block;margin-top:2px;color:#7897ab;font-size:8px;line-height:1.7}.smart-meal-review-values{text-align:left;color:#c2e5fb;font-size:10px;white-space:nowrap}.smart-meal-review-values strong{display:block;color:#f0f9ff;font-size:12px}.smart-meal-review-values small{display:block;color:#82a8c0;font-size:8px;margin-top:2px}.smart-meal-review-warning{margin:9px 0;padding:10px;border:1px solid rgba(255,178,87,.24);border-radius:11px;background:rgba(255,170,68,.06);color:#e6c08e;font-size:9px;line-height:1.8}.smart-meal-review-warning button{margin-top:6px;border:0;background:none;color:#9bd5f8;font-family:Cairo;font-size:9px;font-weight:800;cursor:pointer}.smart-meal-review-summary{margin-top:11px;padding:12px;border:1px solid rgba(146,213,255,.19);border-radius:13px;background:rgba(114,194,247,.07)}.smart-meal-review-summary>strong{display:flex;justify-content:space-between;align-items:center;color:#e6f5ff;font-size:12px}.smart-meal-review-summary>strong b{font-family:'Bebas Neue',Cairo;font-size:23px;color:#bfe8ff}.smart-meal-review-actions{display:grid;grid-template-columns:.8fr 1.25fr;gap:7px;margin-top:10px}.smart-meal-review-lock{margin-top:8px;text-align:center;color:#7f9eb2;font-size:8px;line-height:1.7}
.saved-meals-card{border-color:rgba(150,209,251,.18)!important;background:linear-gradient(145deg,rgba(18,52,78,.76),rgba(8,28,46,.88))!important}
.nutrition-plan-first{border-color:rgba(157,211,250,.22);background:linear-gradient(145deg,rgba(20,57,84,.84),rgba(7,27,44,.9));box-shadow:0 14px 34px rgba(0,8,18,.22),inset 0 1px rgba(255,255,255,.07)}
.nutrition-plan-first>summary{font-size:14px;color:#e1f3ff}.nutrition-plan-first>summary .plan-first-note{display:block;color:#82a2b8;font-size:9px;font-weight:600;margin-top:2px}
.nutrition-mini-actions{display:grid;grid-template-columns:repeat(4,62px);align-items:start;justify-content:center;gap:12px;margin:2px 0 14px}
.nutrition-mini-action{width:62px;border:0;background:none;color:#a9c8dc;font-family:'Cairo',sans-serif;font-size:9px;font-weight:800;cursor:pointer;padding:0;text-align:center}
.nutrition-mini-action .mini-action-icon{width:48px;height:48px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;font-size:21px;background:linear-gradient(145deg,rgba(39,104,151,.78),rgba(10,39,62,.94));border:1px solid rgba(174,220,252,.26);box-shadow:0 9px 20px rgba(0,9,18,.25),inset 0 1px rgba(255,255,255,.14);transition:transform .2s ease,border-color .2s ease}
.nutrition-mini-action:hover .mini-action-icon{transform:translateY(-2px) scale(1.04);border-color:rgba(194,230,255,.5)}
.nutrition-ready-fold{scroll-margin-top:150px}.nutrition-ready-fold>summary .saved-count{margin-right:5px;color:#7e9caf;font-size:10px;font-weight:600}
.nutrition-ready-fold .saved-meals-card{margin:0!important}
.nutrition-today-fold{scroll-margin-top:150px}.nutrition-today-fold>summary .today-count{margin-right:5px;color:#7e9caf;font-size:10px;font-weight:600}.nutrition-today-fold .nutrition-status{margin-top:2px}
.nutrition-page-shell{max-width:920px;margin:0 auto}
.nutrition-overview{position:relative;overflow:hidden;padding:20px;border-radius:24px;background:linear-gradient(145deg,rgba(22,61,90,.92),rgba(6,25,42,.96));border:1px solid rgba(177,221,253,.2);box-shadow:0 18px 46px rgba(0,8,18,.28),inset 0 1px rgba(255,255,255,.08);margin-bottom:14px}
.nutrition-overview:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;top:-180px;left:-90px;background:rgba(112,190,245,.13);filter:blur(8px);pointer-events:none}
.nutrition-overview-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.nutrition-overview-title strong{color:#e8f6ff;font-size:15px}.nutrition-overview-title span{color:#89a7bb;font-size:9px}
.nutrition-kpis{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.nutrition-kpi{padding:13px 10px;border-radius:15px;background:rgba(126,195,244,.055);border:1px solid rgba(174,219,252,.11);text-align:center}.nutrition-kpi small{display:block;color:#7896aa;font-size:9px;margin-bottom:3px}.nutrition-kpi strong{display:block;color:#e5f4ff;font-family:'Bebas Neue','Cairo',sans-serif;font-size:29px;line-height:1}.nutrition-kpi strong em{font-family:'Cairo',sans-serif;font-style:normal;font-size:8px;color:#7794a8;margin-right:3px}.nutrition-kpi.eaten strong{color:#9ed8ff}.nutrition-kpi.remaining strong{color:#9de6bd}
.nutrition-overview .nutrition-progress{position:relative}.nutrition-overview .nutrition-progress-note{position:relative;margin-bottom:13px}
.nutrition-overview .nutrition-macros{position:relative}.nutrition-overview .nutrition-macro{cursor:pointer;min-height:78px}.nutrition-overview .nutrition-macro small{display:block;line-height:1.6}.nutrition-overview .nutrition-macro small b{color:#98cceb;font-weight:800}
.nutrition-mini-action.active .mini-action-icon{border-color:rgba(203,236,255,.62);background:linear-gradient(145deg,rgba(76,157,214,.9),rgba(16,65,99,.98));box-shadow:0 11px 26px rgba(13,87,139,.28),inset 0 1px rgba(255,255,255,.2)}
.nutrition-section-panel{display:none;scroll-margin-top:145px;margin-top:4px;padding:16px;border-radius:21px;border:1px solid rgba(169,216,251,.14);background:linear-gradient(145deg,rgba(12,38,59,.86),rgba(5,23,38,.94));box-shadow:0 16px 38px rgba(0,8,17,.23),inset 0 1px rgba(255,255,255,.055)}
.nutrition-section-panel.active{display:block;animation:nutritionPanelIn .28s ease both}
.nutrition-section-panel.nutrition-panel-refresh{animation:none}
@keyframes nutritionPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.nutrition-section-head{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(165,214,250,.09)}.nutrition-section-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:linear-gradient(145deg,rgba(67,143,198,.46),rgba(15,55,84,.82));border:1px solid rgba(181,224,253,.2);box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 18px rgba(0,8,16,.2)}.nutrition-section-copy{flex:1;min-width:0}.nutrition-section-copy strong{display:block;color:#e2f3ff;font-size:14px}.nutrition-section-copy small{display:block;color:#7e9caf;font-size:9px;margin-top:2px}.nutrition-section-close{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid rgba(169,216,251,.12);background:rgba(122,193,243,.05);color:#8eacc0;font-size:19px;cursor:pointer}
.nutrition-plan-track{display:grid;gap:9px}.nutrition-plan-track .meal{margin:0}.nutrition-plan-track .meal-head{cursor:pointer}.nutrition-plan-track .meal-body-inner{padding-top:2px}
.nutrition-plan-track .meal .item{cursor:default;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:9px;padding:10px}.nutrition-plan-track .meal .item.eaten .nm{text-decoration:none}.nutrition-plan-track .meal .item.eaten .nutrition-item-name{text-decoration:line-through;color:#748895}
.nutrition-item-check{width:40px;height:40px;border-radius:50%;border:2px solid rgba(178,219,248,.2);background:rgba(3,18,30,.42);color:transparent;display:grid;place-items:center;cursor:pointer;font-size:14px}.item.eaten .nutrition-item-check{background:#4ade80;border-color:#4ade80;color:#092116}
.nutrition-item-copy{min-width:0}.nutrition-item-name{display:block;color:#e0eff9;font-size:12px;font-weight:800}.nutrition-item-meta{display:block;color:#718da1;font-size:8px;margin-top:2px;line-height:1.5}.nutrition-item-kcal{color:#a8d8f8;font-size:10px;white-space:nowrap;text-align:left}
.nutrition-qty{grid-column:2/4;display:flex;align-items:center;justify-content:flex-end;gap:5px}.nutrition-qty button{width:38px;height:38px;border-radius:10px;border:1px solid rgba(163,214,250,.13);background:rgba(7,27,44,.86);color:#acd9f6;font-size:18px;cursor:pointer}.nutrition-qty input{width:66px!important;min-height:38px!important;height:38px;text-align:center;padding:2px 4px!important;border-radius:10px!important;font-size:12px!important}.nutrition-qty span{width:32px;color:#7594a9;font-size:9px;text-align:center}
.nutrition-meal-complete{width:100%;margin-top:9px;min-height:40px}.nutrition-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-bottom:11px;border-radius:13px;background:rgba(128,197,246,.05);border:1px solid rgba(161,214,251,.1);color:#86a4b8;font-size:9px}.nutrition-plan-toolbar strong{color:#d8edfb;font-size:12px}
.nutrition-subfold{margin-top:12px;border:1px solid rgba(159,215,255,.1);border-radius:13px;background:rgba(3,18,30,.38);overflow:hidden}.nutrition-subfold>summary{list-style:none;cursor:pointer;padding:12px;color:#9fc8e2;font-size:10px;font-weight:900}.nutrition-subfold>summary::-webkit-details-marker{display:none}.nutrition-subfold>summary:after{content:'＋';float:left;color:#6daed9}.nutrition-subfold[open]>summary:after{content:'−'}.nutrition-subfold-body{padding:0 10px 10px}.nutrition-subfold .saved-meals-card{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px!important}
.nutrition-empty-inline{padding:14px;border:1px dashed rgba(159,215,255,.14);border-radius:12px;color:#718da1;font-size:10px;text-align:center}
.chart-range-switch{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 10px;padding:5px;border-radius:12px;background:rgba(4,19,31,.58);border:1px solid rgba(148,207,249,.11)}
.chart-range-total{margin-left:auto;padding:0 7px;color:#7794a8;font-size:9px;white-space:nowrap}
.chart-range-btn{border:1px solid transparent;border-radius:8px;background:transparent;color:#7f9aae;font-family:'Cairo',sans-serif;font-size:9px;font-weight:800;padding:5px 9px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.chart-range-btn.active{background:linear-gradient(145deg,rgba(65,143,199,.38),rgba(24,75,112,.48));border-color:rgba(159,215,253,.24);color:#e0f3ff;box-shadow:inset 0 1px rgba(255,255,255,.08)}
canvas[data-smart-chart="1"]{display:block;max-width:100%;border-radius:12px;touch-action:none}
.nutrition-status{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:13px;margin-bottom:12px;background:rgba(131,199,249,.06);border:1px solid rgba(159,215,255,.13);color:#91bfe0;font-size:11px;line-height:1.6}
.nutrition-fold{border:1px solid rgba(169,216,251,.11);border-radius:17px;background:rgba(8,28,45,.66);margin-bottom:12px;overflow:hidden}
.nutrition-fold>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px 16px;color:#d3eafe;font-size:13px;font-weight:900}
.nutrition-fold>summary .saved-count{margin-right:5px;color:#7e9caf;font-size:10px;font-weight:600}
.nutrition-fold>summary::-webkit-details-marker{display:none}.nutrition-fold>summary::after{content:'＋';margin-right:auto;color:#77b9e8;font-size:17px}.nutrition-fold[open]>summary::after{content:'−'}
.nutrition-fold-body{padding:0 14px 14px}.nutrition-fold .card{margin-bottom:10px!important}
.nutrition-plan-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:13px;background:rgba(131,199,249,.06);border:1px solid rgba(159,215,255,.12);margin-bottom:12px}.nutrition-plan-intro strong{color:#d9efff;font-size:18px}.nutrition-plan-intro span{color:#829daf;font-size:10px}
.nutrition-fold .meal-day-selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;flex-wrap:nowrap}.nutrition-fold .meal-day-btn{min-width:0;padding:8px 3px;text-align:center;font-size:9px;border-radius:9px}
.nutrition-data-note{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;margin-bottom:12px;border:1px solid rgba(112,209,158,.18);border-radius:14px;background:rgba(74,222,128,.055);color:#a8c7b6;font-size:10px;line-height:1.8}.nutrition-data-note strong{display:block;color:#9ce7b9;font-size:11px}.nutrition-data-note span:first-child{font-size:20px}
.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recipe-card{border:1px solid rgba(166,216,252,.13);border-radius:16px;background:linear-gradient(145deg,rgba(15,43,66,.78),rgba(7,25,41,.9));overflow:hidden}.recipe-card>summary{list-style:none;cursor:pointer;padding:14px;display:flex;align-items:center;gap:11px}.recipe-card>summary::-webkit-details-marker{display:none}.recipe-emoji{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:linear-gradient(145deg,rgba(84,164,220,.34),rgba(13,51,78,.82));border:1px solid rgba(184,225,253,.2);box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 18px rgba(0,8,16,.2)}.recipe-head{flex:1;min-width:0}.recipe-head strong{display:block;color:#e0f2ff;font-size:13px}.recipe-head small{color:#7f9caf;font-size:9px}.recipe-cal{color:#aad9f8;font-family:'Bebas Neue',sans-serif;font-size:22px;white-space:nowrap}.recipe-card>summary:after{content:'＋';color:#72b8e8;font-size:15px}.recipe-card[open]>summary:after{content:'−'}.recipe-body{padding:0 14px 14px}.recipe-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.recipe-macros span{padding:7px 4px;border-radius:9px;background:rgba(133,199,246,.055);text-align:center;color:#91acc0;font-size:9px}.recipe-macros b{display:block;color:#d8edfb;font-size:12px}.recipe-section-title{color:#9fcce9;font-size:10px;font-weight:900;margin:9px 0 5px}.recipe-list{margin:0;padding-right:17px;color:#a6bdcd;font-size:10px;line-height:1.9}.recipe-add{width:100%;margin-top:11px;border:1px solid rgba(162,217,254,.25);border-radius:11px;background:linear-gradient(135deg,rgba(55,139,198,.68),rgba(17,70,107,.82));color:#eef9ff;font-family:'Cairo',sans-serif;font-size:11px;font-weight:900;padding:9px;cursor:pointer}
.member-guide-list{display:grid;gap:10px}.member-guide-fold{border:1px solid rgba(169,216,251,.11);border-radius:15px;background:rgba(8,28,45,.68);overflow:hidden}.member-guide-fold>summary{list-style:none;cursor:pointer;padding:15px 16px;color:#d5edff;font-size:13px;font-weight:900;display:flex;align-items:center;gap:8px}.member-guide-fold>summary::-webkit-details-marker{display:none}.member-guide-fold>summary::after{content:'＋';margin-right:auto;color:#77b8e6}.member-guide-fold[open]>summary::after{content:'−'}.member-guide-body{padding:0 16px 14px;color:#a5bdce;font-size:12px;line-height:2}.member-guide-body ul{list-style:none;padding:0;margin:0}.member-guide-body li{padding:6px 0;border-bottom:1px solid rgba(169,216,251,.06)}.member-guide-body li:last-child{border-bottom:0}
@media(max-width:768px){
  .member-mode .content{padding-top:18px}.member-mode .tools-tabs{top:120px}.member-mode .tool-tab{font-size:9px}.member-mode .tool-tab span:first-child{font-size:18px!important}
  .nutrition-simple-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.nutrition-nav-btn{min-height:58px;font-size:8px;border-radius:12px}.nutrition-nav-btn span{font-size:19px}
  .nutrition-summary{grid-template-columns:1fr;padding:14px}.nutrition-calorie-number{font-size:42px}.nutrition-macros{gap:5px}.nutrition-macro{padding:8px 4px}.nutrition-macro strong{font-size:16px}
  .nutrition-quick-entry{grid-template-columns:1fr}.nutrition-barcode-main,.nutrition-manual-link{min-height:70px}.nutrition-manual-link{justify-content:center;text-align:center}
  .nutrition-mini-actions{grid-template-columns:repeat(4,58px);gap:8px}.nutrition-mini-action{width:58px}.nutrition-mini-action .mini-action-icon{width:46px;height:46px}
  .nutrition-overview{padding:15px;border-radius:20px}.nutrition-kpis{gap:5px}.nutrition-kpi{padding:11px 4px}.nutrition-kpi strong{font-size:25px}.nutrition-section-panel{padding:12px;border-radius:18px}.nutrition-plan-track .meal .item{grid-template-columns:auto minmax(100px,1fr) auto}.nutrition-item-kcal{font-size:9px}
  .nutrition-fold-body{padding-inline:10px}.nutrition-fold .meal-day-selector{overflow-x:auto;display:flex}.nutrition-fold .meal-day-btn{min-width:58px}.recipe-grid{grid-template-columns:1fr}
  .smart-meal-builder{padding:11px}.smart-meal-add-row{grid-template-columns:minmax(80px,1fr) 62px}.smart-meal-add-row .btn{grid-column:1/-1}.smart-meal-total{gap:4px}.smart-meal-total b{font-size:12px}.smart-meal-custom-grid{grid-template-columns:1fr 1fr}.smart-meal-review-actions{grid-template-columns:1fr}.smart-meal-review-row{grid-template-columns:1fr}.smart-meal-review-values{text-align:right;white-space:normal}
}

/* ===== COACH COMMAND CENTER v40 ===== */
.coach-shell{display:grid;gap:16px}
.coach-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid rgba(163,216,255,.22);border-radius:24px;background:linear-gradient(135deg,rgba(22,65,97,.94),rgba(7,28,46,.96) 62%,rgba(14,48,73,.92));box-shadow:0 20px 54px rgba(0,8,18,.3),inset 0 1px rgba(255,255,255,.1)}
.coach-hero:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;left:-90px;top:-170px;background:radial-gradient(circle,rgba(165,220,255,.22),transparent 68%);pointer-events:none}
.coach-hero-copy{position:relative;z-index:1}.coach-eyebrow{display:flex;align-items:center;gap:8px;color:#91c9ed;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:7px}.coach-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#6ee7a2;box-shadow:0 0 0 5px rgba(110,231,162,.08)}
.coach-hero h2{font-family:'Cairo',sans-serif;font-size:clamp(24px,3.4vw,37px);line-height:1.25;color:#f4faff;letter-spacing:-.7px;margin:0 0 7px}.coach-hero p{color:#a7c0d2;font-size:12px;margin:0}
.coach-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.coach-hero-btn{min-height:44px;border-radius:13px;padding:9px 14px;border:1px solid rgba(183,226,255,.18);background:rgba(151,211,252,.08);color:#dcefff;font-family:'Cairo',sans-serif;font-size:11px;font-weight:900;cursor:pointer}.coach-hero-btn.primary{background:linear-gradient(180deg,#d8efff,#80bfe9);border-color:#c9eaff;color:#08223a;box-shadow:0 4px 0 #326d99,0 12px 24px rgba(11,75,123,.22)}
.coach-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.coach-metric{position:relative;overflow:hidden;min-height:118px;padding:16px;border:1px solid rgba(169,217,252,.13);border-radius:18px;background:linear-gradient(145deg,rgba(17,48,72,.9),rgba(7,26,43,.95));box-shadow:0 12px 28px rgba(0,7,16,.22),inset 0 1px rgba(255,255,255,.06);cursor:pointer}.coach-metric:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;left:-28px;top:-35px;background:radial-gradient(circle,rgba(143,205,247,.14),transparent 70%)}
.coach-metric-top{display:flex;align-items:center;justify-content:space-between;color:#8aa7bc;font-size:9px;font-weight:800}.coach-metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(110,187,239,.22),rgba(24,76,113,.3));border:1px solid rgba(177,222,253,.17);font-size:16px;box-shadow:inset 0 1px rgba(255,255,255,.1),0 7px 16px rgba(0,8,16,.2)}
.coach-metric-value{display:flex;align-items:baseline;gap:5px;margin-top:9px;color:#e8f6ff;font-family:'Bebas Neue','Cairo',sans-serif;font-size:34px;line-height:1}.coach-metric-value small{font-family:'Cairo',sans-serif;color:#7f9aae;font-size:9px}.coach-metric-note{color:#7190a5;font-size:9px;margin-top:7px}
.coach-grid-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:12px}.coach-panel{border:1px solid rgba(169,216,251,.12);border-radius:20px;background:linear-gradient(145deg,rgba(14,42,64,.84),rgba(7,25,41,.92));box-shadow:0 14px 34px rgba(0,7,16,.22),inset 0 1px rgba(255,255,255,.05);padding:18px}.coach-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.coach-panel-head strong{color:#e0f2ff;font-size:14px}.coach-panel-head span{color:#7896ab;font-size:9px}
.coach-alert-list{display:grid;gap:7px}.coach-alert{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 11px;border:1px solid rgba(168,215,249,.1);border-radius:13px;background:rgba(126,194,243,.045);cursor:pointer}.coach-alert.urgent{border-color:rgba(255,122,146,.2);background:rgba(255,107,133,.055)}.coach-alert.warn{border-color:rgba(139,199,255,.23);background:rgba(139,199,255,.06)}.coach-alert.ok{border-color:rgba(86,222,142,.17);background:rgba(74,222,128,.045)}
.coach-alert-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:rgba(146,205,246,.09);font-size:16px}.coach-alert-copy{flex:1;min-width:0}.coach-alert-copy strong{display:block;color:#d8edfb;font-size:11px}.coach-alert-copy span{display:block;color:#7791a4;font-size:9px;margin-top:1px}.coach-alert-arrow{color:#6fb4e3;font-size:15px}
.coach-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coach-shortcut{min-height:82px;padding:11px;border:1px solid rgba(168,216,251,.11);border-radius:14px;background:rgba(130,198,246,.045);color:#b9d7ea;font-family:'Cairo',sans-serif;font-size:10px;font-weight:900;cursor:pointer;text-align:right}.coach-shortcut span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:17px;background:linear-gradient(145deg,rgba(70,148,202,.28),rgba(15,57,87,.5));border:1px solid rgba(181,225,254,.14);margin-bottom:7px}
.coach-roster{border:1px solid rgba(169,216,251,.12);border-radius:22px;background:rgba(6,23,38,.68);padding:18px}.coach-roster-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.coach-roster-head h3{color:#e5f4ff;font-size:17px;margin:0 0 2px}.coach-roster-head p{color:#7893a7;font-size:9px;margin:0}.coach-search{width:min(300px,100%);min-height:42px;border:1px solid rgba(169,217,252,.14)!important;border-radius:13px!important;background:rgba(3,18,30,.72)!important;color:#eef8ff!important;padding:10px 13px!important;font-family:'Cairo',sans-serif;font-size:11px!important}
.coach-filterbar{display:flex;align-items:center;gap:6px;overflow-x:auto;margin-bottom:13px;padding-bottom:2px;scrollbar-width:none}.coach-filterbar::-webkit-scrollbar{display:none}.coach-filter{white-space:nowrap;border:1px solid rgba(163,213,249,.12);border-radius:999px;background:rgba(124,193,243,.04);color:#88a5b9;font-family:'Cairo',sans-serif;font-size:9px;font-weight:900;padding:7px 11px;cursor:pointer}.coach-filter.active{background:linear-gradient(145deg,rgba(69,145,199,.46),rgba(21,72,108,.55));border-color:rgba(169,220,255,.3);color:#e5f5ff}
.coach-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coach-member-card{position:relative;overflow:hidden;padding:15px;border:1px solid rgba(166,215,250,.12);border-radius:18px;background:linear-gradient(145deg,rgba(17,47,70,.88),rgba(7,25,41,.94));box-shadow:0 10px 26px rgba(0,7,16,.19),inset 0 1px rgba(255,255,255,.05)}.coach-member-card.needs{border-color:rgba(255,121,144,.22)}.coach-member-card[hidden]{display:none!important}
.coach-member-head{display:flex;align-items:center;gap:10px}.coach-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9ed5f8,#447ea8);color:#071d30;font-size:17px;font-weight:900;box-shadow:0 5px 0 #285c83,0 10px 18px rgba(0,8,18,.25),inset 0 1px rgba(255,255,255,.45)}.coach-member-name{flex:1;min-width:0}.coach-member-name strong{display:block;color:#edf8ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coach-member-name span{display:block;color:#718da2;font-size:9px;margin-top:1px;direction:ltr;text-align:right}.coach-member-state{width:9px;height:9px;border-radius:50%;background:#6f8290;box-shadow:0 0 0 5px rgba(111,130,144,.08)}.coach-member-state.active{background:#58db91;box-shadow:0 0 0 5px rgba(88,219,145,.08)}.coach-member-state.attention{background:#ff7890;box-shadow:0 0 0 5px rgba(255,120,144,.08)}
.coach-member-tags{display:flex;gap:5px;flex-wrap:wrap;margin:11px 0}.coach-tag{border-radius:999px;padding:4px 8px;background:rgba(135,200,246,.06);border:1px solid rgba(165,215,250,.1);color:#89a9bd;font-size:8px;font-weight:800}.coach-tag.good{color:#7fe4a7;border-color:rgba(74,222,128,.14);background:rgba(74,222,128,.045)}.coach-tag.warn{color:#ff9daf;border-color:rgba(255,107,133,.17);background:rgba(255,107,133,.05)}
.coach-member-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.coach-member-kpi{padding:8px 4px;text-align:center;border-radius:10px;background:rgba(129,197,245,.04);border:1px solid rgba(165,214,249,.07)}.coach-member-kpi b{display:block;color:#dcedf8;font-size:13px}.coach-member-kpi small{display:block;color:#6d899e;font-size:7px;margin-top:1px}
.coach-progress-line{height:6px;border-radius:999px;background:rgba(1,14,24,.7);overflow:hidden}.coach-progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4e9bd0,#91cef5,#d7efff)}.coach-progress-caption{display:flex;justify-content:space-between;color:#708da2;font-size:8px;margin-top:4px}.coach-card-actions{display:grid;grid-template-columns:1fr 1fr 42px;gap:6px;margin-top:12px}.coach-card-action{min-height:38px;border:1px solid rgba(164,214,249,.13);border-radius:11px;background:rgba(126,195,244,.055);color:#bdddef;font-family:'Cairo',sans-serif;font-size:9px;font-weight:900;cursor:pointer}.coach-card-action.primary{background:linear-gradient(180deg,#caeaff,#79bae5);border-color:#bde2fb;color:#08223a;box-shadow:0 3px 0 #316b96}.coach-card-action.icon{font-size:16px;padding:0}
.coach-progress-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px;border:1px solid rgba(165,215,250,.12);border-radius:16px;background:rgba(7,27,44,.68);margin-bottom:14px}.coach-progress-toolbar label{color:#88a8bc;font-size:10px;font-weight:800}.coach-progress-select{flex:1;min-width:210px;min-height:42px;border-radius:12px!important;background-color:rgba(3,18,30,.82)!important;border-color:rgba(168,216,252,.16)!important;color:#e7f5ff!important}.coach-progress-actions{display:flex;gap:6px}.coach-progress-action{min-height:39px;border:1px solid rgba(166,215,250,.13);border-radius:11px;background:rgba(130,198,246,.055);color:#bddcf0;font-family:'Cairo',sans-serif;font-size:9px;font-weight:900;padding:8px 11px;cursor:pointer}
.coach-empty{padding:30px;text-align:center;color:#7a96aa;font-size:11px;border:1px dashed rgba(166,215,250,.16);border-radius:16px}.coach-empty span{display:block;font-size:32px;margin-bottom:7px}
@media(hover:hover) and (pointer:fine){.coach-metric,.coach-shortcut,.coach-member-card,.coach-alert{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.coach-metric:hover,.coach-shortcut:hover,.coach-member-card:hover,.coach-alert:hover{transform:translateY(-2px);border-color:rgba(183,226,255,.28);box-shadow:0 16px 34px rgba(0,7,16,.28)}}
@media(max-width:900px){.coach-grid-main{grid-template-columns:1fr}.coach-member-grid{grid-template-columns:1fr}.coach-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.coach-hero{align-items:flex-start;flex-direction:column;padding:18px;border-radius:20px}.coach-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.coach-hero-btn{padding-inline:8px}.coach-metrics{gap:7px}.coach-metric{min-height:104px;padding:13px}.coach-metric-value{font-size:29px}.coach-panel,.coach-roster{padding:13px;border-radius:17px}.coach-roster-head{align-items:stretch;flex-direction:column}.coach-search{width:100%}.coach-card-actions{grid-template-columns:1fr 1fr 40px}.coach-progress-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.coach-progress-action{padding-inline:6px}}

/* ===== IDEAL MEMBER + COACH EXPERIENCE v42 ===== */
.home-essentials{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;margin-inline:auto}
.home-focus-card.task-chat{border-color:rgba(121,197,250,.34)}
.home-focus-card.task-nutrition{border-color:rgba(110,222,163,.24)}
.home-focus-card.task-water{border-color:rgba(115,195,251,.3)}
.home-focus-card.task-weekly{border-color:rgba(193,226,250,.28)}
.home-ring.task-symbol{border-radius:50%;background:linear-gradient(145deg,rgba(123,199,250,.2),rgba(12,47,73,.72));border:1px solid rgba(184,225,253,.22);box-shadow:0 10px 24px rgba(0,8,18,.24),inset 0 1px rgba(255,255,255,.12)}
.home-ring.task-symbol strong{font-family:'Cairo',sans-serif;font-size:30px}
.home-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-summary-item{display:flex;align-items:center;gap:11px;padding:13px;text-align:right;min-width:0}
.home-mini-ring{--pct:0;width:52px;height:52px;flex:0 0 52px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#82c7f5 calc(var(--pct) * 1%),rgba(148,201,239,.09) 0);box-shadow:0 8px 18px rgba(0,8,17,.23)}
.home-mini-ring::before{content:'';position:absolute;inset:5px;border-radius:inherit;background:linear-gradient(145deg,#102f48,#071c2d);border:1px solid rgba(194,229,254,.08)}
.home-mini-ring span{position:relative;z-index:1;font-size:18px}
.home-summary-copy{min-width:0;flex:1}.home-summary-copy .home-summary-top{margin-bottom:3px}.home-summary-copy .home-summary-value{font-size:18px}.home-summary-copy .home-summary-sub{font-size:8px}
.home-weekly{border:1px solid rgba(171,218,252,.14);border-radius:18px;background:linear-gradient(145deg,rgba(14,42,64,.74),rgba(7,25,41,.84));margin-bottom:14px;overflow:hidden;box-shadow:0 9px 24px rgba(0,7,16,.18)}
.home-weekly>summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;gap:11px}.home-weekly>summary::-webkit-details-marker{display:none}
.home-weekly-icon{width:39px;height:39px;flex:0 0 39px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(102,181,235,.25),rgba(18,65,98,.55));border:1px solid rgba(183,225,253,.18);font-size:18px}
.home-weekly-copy{flex:1;min-width:0}.home-weekly-copy strong{display:block;color:#dff1fe;font-size:12px}.home-weekly-copy small{display:block;color:#7795aa;font-size:9px;margin-top:2px}
.home-weekly-score{font-family:'Bebas Neue','Cairo',sans-serif;color:#bfe4fc;font-size:27px;line-height:1}.home-weekly-arrow{color:#6fb3e1;font-size:14px;transition:transform .2s ease}.home-weekly[open] .home-weekly-arrow{transform:rotate(90deg)}
.home-weekly-body{padding:0 14px 14px}.weekly-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.weekly-metric{padding:10px 5px;text-align:center;border-radius:11px;background:rgba(131,199,249,.045);border:1px solid rgba(169,216,251,.08)}.weekly-metric b{display:block;color:#dcedf8;font-size:15px}.weekly-metric small{display:block;color:#708ca0;font-size:7px;margin-top:2px}
.weekly-recommendation{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:10px 11px;border-radius:11px;background:rgba(125,195,245,.06);border:1px solid rgba(164,215,251,.11);color:#a9c2d3;font-size:10px;line-height:1.7}.weekly-recommendation strong{color:#d8edfb}
.weekly-coach-note{margin-top:8px;padding:10px 11px;border-radius:11px;background:rgba(110,222,163,.055);border:1px solid rgba(110,222,163,.14);color:#a9cdb8;font-size:10px;line-height:1.7}.weekly-coach-note strong{color:#91e4ae}
.home-setup-nudge{display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:14px;border-radius:15px;border:1px dashed rgba(166,216,252,.22);background:rgba(115,190,242,.05);color:#91adbf;font-size:10px;line-height:1.7}.home-setup-nudge span:first-child{font-size:22px}.home-setup-nudge button{margin-right:auto;white-space:nowrap;border:1px solid rgba(174,220,252,.2);border-radius:10px;background:rgba(129,198,247,.08);color:#d3ebfb;font-family:'Cairo',sans-serif;font-size:9px;font-weight:900;padding:8px 10px;cursor:pointer}
.workout-cue{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;margin-bottom:14px;border-radius:13px;background:linear-gradient(145deg,rgba(64,151,211,.16),rgba(10,43,67,.42));border:1px solid rgba(141,207,251,.2);color:#c9e5f7;font-size:12px;line-height:1.7}.workout-cue strong{color:#8ecdf6;white-space:nowrap}
.workout-feedback{margin-top:14px;padding:14px;border-radius:16px;background:linear-gradient(145deg,rgba(14,42,64,.72),rgba(6,23,38,.84));border:1px solid rgba(164,214,249,.13)}
.workout-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.workout-feedback-head strong{color:#d9efff;font-size:13px}.workout-feedback-head small{color:#728fa4;font-size:8px}
.feedback-block{margin-top:11px}.feedback-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9db8ca;font-size:10px;font-weight:800;margin-bottom:7px}.feedback-label small{color:#678397;font-size:8px;font-weight:600}
.feedback-scale{display:flex;gap:5px;flex-wrap:wrap}.feedback-choice{min-width:43px;min-height:34px;padding:5px 8px;border-radius:10px;border:1px solid rgba(165,214,249,.12);background:rgba(127,195,244,.045);color:#8faabd;font-family:'Cairo',sans-serif;font-size:9px;font-weight:800;cursor:pointer}.feedback-choice.active{background:linear-gradient(180deg,#cae9fc,#78b9e5);border-color:#c7e9ff;color:#082139;box-shadow:0 3px 0 #326b96}.feedback-choice.pain.active{background:linear-gradient(180deg,#ffd0d9,#ff8096);border-color:#ffd8df;color:#49111d;box-shadow:0 3px 0 #a83e51}
.feedback-pain-warning{display:none;margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(255,107,133,.07);border:1px solid rgba(255,107,133,.18);color:#ff9fb0;font-size:9px;line-height:1.7}.feedback-pain-warning.show{display:block}
.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.feedback-grid input,.feedback-grid select{min-height:42px!important;font-size:10px!important}
.workout-feedback textarea{width:100%;min-height:58px;margin-top:9px;padding:10px 12px;background:rgba(2,16,27,.62);border:1px solid rgba(167,215,250,.12);border-radius:11px;color:#edf7ff;font-family:'Cairo',sans-serif;font-size:11px;resize:vertical}
.coach-weekly-card{margin-bottom:18px;padding:15px;border:1px solid rgba(164,215,251,.14);border-radius:17px;background:linear-gradient(145deg,rgba(16,47,71,.78),rgba(7,25,41,.88))}.coach-weekly-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.coach-weekly-head strong{color:#dff2ff;font-size:13px}.coach-weekly-head span{color:#8bc8ef;font-size:10px;font-weight:900}
.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-intro{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;margin-bottom:14px;border-radius:14px;background:rgba(124,195,245,.06);border:1px solid rgba(165,215,250,.13);color:#9eb9cb;font-size:10px;line-height:1.8}.setup-intro span{font-size:24px}.setup-intro strong{display:block;color:#d9efff;font-size:12px}
@media(max-width:768px){
  .home-essentials{max-width:none}.home-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home-summary-item{padding:11px}.home-mini-ring{width:47px;height:47px;flex-basis:47px}.home-summary-copy .home-summary-value{font-size:16px}
  .weekly-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-grid,.setup-grid{grid-template-columns:1fr}.feedback-choice{flex:1;min-width:38px;padding-inline:5px}.home-setup-nudge{align-items:flex-start;flex-wrap:wrap}.home-setup-nudge button{width:100%;margin-right:0}
}
@media(max-width:370px){.home-summary-item{gap:7px;padding:9px}.home-mini-ring{width:43px;height:43px;flex-basis:43px}.home-mini-ring span{font-size:16px}.home-summary-copy .home-summary-top{font-size:8px}.home-summary-copy .home-summary-value{font-size:14px}}
@media(prefers-reduced-motion:reduce){.home-weekly-arrow,.feedback-choice{transition:none!important}}