*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{overflow-wrap:break-word;transition:background-color .3s,color .3s}[hidden]{display:none!important}:where(img,video,canvas,iframe){max-width:100%;height:auto}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (pointer:coarse){:where(a,button,[role=button],input,select,textarea,label){-webkit-tap-highlight-color:rgba(var(--primary-rgb), .12)}:where(.admin-main-content,.crm-drawer-scroll-area,.custom-scrollbar){overscroll-behavior:contain}.ui-media-btn{min-height:var(--tap-min)}}:root{--primary:#60a5fa;--primary-rgb:96, 165, 250;--primary-hover:#3b82f6;--primary-light:#93c5fd;--primary-active:#2563eb;--primary-dim:rgba(var(--primary-rgb), .18);--primary-on-tint:var(--primary);--secondary:#93c5fd;--accent:#60a5fa;--plan-1:#820911;--plan-1-rgb:130, 9, 17;--plan-2:gold;--plan-2-rgb:255, 215, 0;--plan-3:#370f75;--plan-3-rgb:55, 15, 117;--plan-1-text:#fff;--plan-2-text:#000;--plan-3-text:#fff;--background:#0a121a;--surface:#0a121a;--surface-secondary:#15212e;--card:#15212e;--bg:#0a121a;--bg2:#15212e;--bg3:#243342;--bg4:#3e5265;--text:#f8fafc;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--muted:#94a3b8;--muted2:#cbd5e1;--border:#162235;--border-strong:#22334d;--border-primary:rgba(var(--primary-rgb), .3);--success:#22c55e;--warning:#fbbf24;--error:#f87171;--info:#60a5fa;--success-text:var(--success);--warning-text:var(--warning);--error-text:var(--error);--mono-icon-color:#fff;--watermark:#94a3b80d;--overlay-scrim:#0a121a99;--nav-bg:#0a121af2;--nav-bg-glass:#0a121ab3;--nav-bg-scrolled:#0a121af2;--shadow-color:#0206178c;--shadow-primary:rgba(var(--primary-rgb), .25);--brand-gradient:linear-gradient(135deg, #1e3a8a 0%, #2563eb 35%, #3b82f6 70%, #60a5fa 100%);--elev-1:0 1px 2px #02061766;--elev-2:0 2px 8px #0206175c;--elev-3:0 12px 32px #0206177a;--primary-glow:var(--primary-dim);--bg-color:var(--bg);--bg-image:none;--card-bg:var(--bg2);--card-border:var(--border);--card-shadow:var(--elev-2);--text-main:var(--text);--input-bg:var(--bg3);--input-border:var(--border);--input-focus:var(--primary);--error-bg:#f871711f;--success-bg:#22c55e1f;--font-primary:"Cairo", sans-serif;--font-display:"Cairo", sans-serif;--font-editorial:"Cairo", sans-serif;--font-arabic:"Cairo", sans-serif;--font-ar:"Cairo", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--radius-circle:50%;--elev-0:none;--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.25;--leading-snug:1.45;--leading-normal:1.65;--leading-relaxed:1.8;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--focus-ring:0 0 0 3px rgba(var(--primary-rgb), .28);--tap-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}.app-icon{vertical-align:middle;flex-shrink:0;line-height:1;display:inline-block}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root{--admin-radius-lg:var(--radius-lg);--admin-radius:var(--radius-md);--admin-radius-sm:var(--radius-sm);--admin-card-bg:var(--nav-bg-glass);--admin-card-border:var(--border);--admin-card-shadow:var(--elev-1);--admin-card-shadow-hover:var(--elev-2);--admin-primary:var(--primary);--admin-on-surface:var(--text);--admin-outline:var(--muted2);--admin-error:var(--error);--admin-bg:var(--bg);--admin-bg-2:var(--bg2);--admin-bg-3:var(--bg3);--admin-bg-4:var(--bg4)}:where(input,select,textarea,button){border-radius:var(--radius-md)}:where(a,button,input,select,textarea,[role=button]){transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Cairo;src:url(/fonts/Cairo-Variable.woff2)format("woff2-variations"),url(/fonts/Cairo-Variable.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}:root{--font-primary:"Cairo", sans-serif;--font-display:"Cairo", sans-serif;--font-editorial:"Cairo", sans-serif;--font-arabic:"Cairo", sans-serif;--font-ar:"Cairo", sans-serif}html{font-variation-settings:"slnt" 0}input,textarea,select,button,optgroup,option{font-variation-settings:inherit}body{font-family:var(--font-primary)}em,i,cite,dfn,address,var{font-style:normal}html:lang(ar) body,html:lang(ar){font-family:var(--font-arabic)}.font-primary{font-family:var(--font-primary)}.font-display{font-family:var(--font-display)}.font-editorial{font-family:var(--font-editorial)}:root:lang(ar){--font-primary:var(--font-arabic);--font-display:var(--font-arabic);--font-editorial:var(--font-arabic)}:lang(ar) :not(.app-icon){font-family:var(--font-arabic)!important;letter-spacing:0!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"anum" 0, "tnum" 1, "lnum" 1!important}.bottom-nav{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--card-border);z-index:1000;width:100%;box-shadow:var(--elev-2);justify-content:space-around;align-items:center;padding:12px 20px 24px;display:none;position:fixed;bottom:0;left:0}.nav-item{color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), opacity var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:var(--radius-xl);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-weight:500;text-decoration:none;display:flex}body[lang=ar] .nav-item{font-family:var(--font-ar);font-weight:600}.nav-item svg{fill:currentColor;width:24px;height:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.nav-item:hover{color:var(--primary-on-tint);background:var(--bg3)}.nav-item.active{color:var(--primary-on-tint)}.nav-item.active svg{transform:translateY(-2px)scale(1.1)}.nav-item:after{content:"";border-radius:var(--radius-circle);background-color:#0000;width:4px;height:4px;margin-top:2px;transition:background-color .3s;display:block}.nav-item.active:after{background-color:var(--primary)}.layout-centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80vh;padding:20px;display:flex}.layout-main{width:100%;max-width:1000px;margin:80px auto 40px;padding:20px;animation:.8s fadeInUp}.brand-header{text-align:start;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.brand-logo-container{box-shadow:none;background:0 0;width:auto;margin-bottom:0}.flex-row-gap-16{align-items:center;gap:16px;display:flex}.flex-col-gap-24{flex-direction:column;gap:24px;display:flex}.flex-col-gap-14{flex-direction:column;gap:14px;display:flex}.flex-col-gap-12{flex-direction:column;gap:12px;display:flex}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:24px;display:grid}.section-card{width:100%;padding:24px}.section-title{font-size:var(--text-lg);border-bottom:2px solid var(--input-border);color:var(--text-main);margin-top:0;margin-bottom:16px;padding-bottom:8px;font-weight:700}.stat-row{border-bottom:1px solid #0000000d;justify-content:space-between;padding-bottom:8px;display:flex}.stat-label{color:var(--text-muted)}.stat-value{font-weight:600}.diet-card{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:14px}.diet-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.diet-title{font-size:var(--text-base);color:var(--primary-on-tint)}.diet-time{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.diet-desc{font-size:var(--text-base);color:var(--text-main);line-height:1.5}.flex-between{justify-content:space-between;align-items:center;display:flex}.pill-badge{background:var(--primary-glow);color:var(--primary-on-tint);font-size:var(--text-sm);border-radius:var(--radius-sm);padding:4px 10px;font-weight:700}.water-tracker-container{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.water-tracker-title{font-size:var(--text-md);color:#00bcd4;align-items:center;gap:6px;display:flex}.water-tracker-subtitle{font-size:var(--text-sm);color:var(--text-muted);font-weight:600}.water-btn{width:40px;height:40px;font-size:var(--text-lg);border-radius:var(--radius-circle);box-shadow:none;margin:0;padding:0}.water-glass-container{gap:4px;max-width:200px;display:flex;overflow-x:auto}.water-glass{border-radius:var(--radius-xs);width:16px;height:24px;transition:background .3s}.spinner-dash{border-width:3px;border-color:var(--input-border);border-top-color:var(--primary);width:40px;height:40px;margin-bottom:16px;display:block}.w-full{width:100%}.mt-0{margin-top:0}.mb-24{margin-bottom:24px}.mb-16{margin-bottom:16px}.form-layout-main{width:100%;max-width:680px;margin-top:80px;margin-bottom:40px}.form-card{padding:30px}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.flex-btn-group{justify-content:space-between;gap:16px;margin-top:24px;display:flex}.admin-layout{background-color:var(--bg-color);width:100%;min-height:100vh;color:var(--text-main);display:flex;position:absolute;top:0;left:0;right:0}.admin-sidebar{background-color:var(--card-bg);border-inline-end:1px solid var(--card-border);width:280px;box-shadow:var(--card-shadow);z-index:10;flex-direction:column;padding:24px;display:flex}.admin-logo{font-size:1.5rem;font-weight:var(--weight-bold);color:var(--primary-on-tint);align-items:center;gap:12px;margin-bottom:40px;display:flex}.admin-nav{flex-direction:column;flex:1;gap:8px;display:flex}.admin-nav-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), opacity var(--dur) var(--ease), transform var(--dur) var(--ease);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.admin-nav-btn:hover{background-color:var(--hover-bg,#0000000a);color:var(--text-main)}.admin-nav-btn.active{background-color:var(--primary-glow);color:var(--primary-on-tint);border-color:var(--border-primary)}.admin-main{flex:1;height:100vh;padding:32px;overflow-y:auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field-label{font-size:var(--text-base);color:var(--text-main);align-items:center;font-weight:600;display:flex}.form-input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:inherit;font-size:var(--text-md);appearance:none;padding:12px 16px;transition:border-color .3s,box-shadow .3s,background-color .3s}select.form-input{cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394A3B8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-inline-end:40px}:lang(ar) select.form-input{background-position:16px}.form-input:focus{border-color:var(--input-focus);box-shadow:var(--focus-ring);outline:none}.form-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg2)}textarea.form-input{resize:vertical;min-height:100px}.loading-vlogo{object-fit:contain;width:80%;max-width:200px;height:auto;animation:2s ease-in-out infinite pulse-vlogo}@keyframes pulse-vlogo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.94)}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.ui-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ui-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);line-height:var(--leading-tight)}.ui-control{border-radius:var(--admin-radius);border:1px solid var(--border-strong);background:var(--input-bg);width:100%;color:var(--text);font-family:inherit;font-size:var(--text-base);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;padding:9px 12px}.ui-control::placeholder{color:var(--text-muted)}.ui-control:hover:not(:focus){border-color:var(--border-primary)}.ui-control:focus{border-color:var(--primary);background:var(--bg4);box-shadow:var(--focus-ring)}textarea.ui-control{resize:vertical;min-height:76px;line-height:var(--leading-snug)}.ui-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-width:0;display:inline-flex}.ui-switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-switch-track{border-radius:var(--radius-pill);background:var(--bg4);border:1px solid var(--border-strong);width:34px;height:20px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-shrink:0;position:relative}.ui-switch-track:after{content:"";top:2px;border-radius:var(--radius-circle);background:var(--text-muted);width:14px;height:14px;transition:inset-inline-start var(--dur) var(--ease), background-color var(--dur) var(--ease);position:absolute;inset-inline-start:2px}.ui-switch input:checked+.ui-switch-track{background:var(--primary);border-color:var(--primary)}.ui-switch input:checked+.ui-switch-track:after{background:var(--text-inverse);inset-inline-start:16px}.ui-switch input:focus-visible+.ui-switch-track{box-shadow:var(--focus-ring)}.ui-switch input:disabled+.ui-switch-track{opacity:.5}.ui-switch-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-switch input:checked~.ui-switch-label{color:var(--text)}.ui-switch-row{border-radius:var(--admin-radius);border:1px solid var(--border);background:var(--bg3);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);align-items:center;gap:10px;padding:10px 12px;display:flex}.ui-switch-row:hover{border-color:var(--border-primary)}.ui-media-field{border:1px solid var(--border);border-radius:var(--admin-radius);background:color-mix(in srgb, var(--text) 2%, transparent);min-width:0;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);align-items:center;gap:12px;padding:10px;display:flex;position:relative}.ui-media-field:hover{border-color:var(--border-primary)}.ui-media-thumb{z-index:2;border-radius:var(--admin-radius-sm);border:1px solid var(--border-strong);background:var(--bg3);width:76px;height:76px;color:var(--text-muted);flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.ui-media-thumb img{object-fit:contain;width:100%;height:100%;display:block}.ui-media-body{z-index:2;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative}.ui-media-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.ui-media-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ui-media-btn{border-radius:var(--admin-radius-sm);border:1px solid var(--border-strong);background:var(--bg3);color:var(--text-secondary);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), opacity var(--dur) var(--ease);align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:relative}.ui-media-btn .app-icon{font-size:15px}.ui-media-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-on-tint);background:var(--primary-dim)}.ui-media-btn:disabled{opacity:.5;cursor:not-allowed}.ui-media-btn.is-upload{border-style:dashed}.ui-media-btn.is-danger:hover:not(:disabled){border-color:var(--error);color:var(--error-text);background:var(--error-bg)}.ui-media-file{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ui-grid-2{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;display:grid}.ui-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px;display:grid}@media (max-width:768px){.ui-grid-2{grid-template-columns:1fr}}@media (max-width:640px){.ui-media-btn{min-height:var(--tap-min)}}.cms-preview-bar{z-index:9999;align-items:center;gap:var(--space-3);max-width:calc(100vw - var(--space-8));padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);background:var(--nav-bg);border:1px solid var(--border-strong);border-radius:var(--radius-pill);box-shadow:var(--elev-3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;position:fixed;inset-block-end:var(--space-4);inset-inline-start:50%;transform:translate(50%)}.cms-preview-dot{width:8px;height:8px;background:var(--warning);border-radius:var(--radius-circle);flex:none;margin-inline-start:var(--space-2)}.cms-preview-text{min-width:0;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cms-preview-close{padding:var(--space-1) var(--space-4);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-inverse);background:var(--primary);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur) var(--ease);border:none;flex:none}.cms-preview-close:hover{background:var(--primary-hover)}.cms-preview-close:focus-visible{box-shadow:var(--focus-ring)}@media (max-width:480px){.cms-preview-text{font-size:var(--text-2xs)}}