:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--topbar-safe-gap: 0px;--topbar-context-gap: 4px;--topbar-content-gap: 12px;--topbar-side-padding: 16px;--topbar-title-size: 22px;--topbar-context-size: 13px;--topbar-context-opacity: .75;--topbar-total-target: 60px;--profile-hero-padding-top: 16px;--profile-hero-padding-bottom: 20px;--profile-hero-padding-x: 24px;--profile-avatar-size: 88px;--profile-avatar-gap: 14px;--profile-name-size: 2rem;--profile-name-weight: 700;--profile-role-gap: 6px;--profile-hero-margin-bottom: 12px;--app-header-offset: 12px;--color-bg-main: #F8F9FA;--color-bg-card: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-border-soft: #E2E8F0;--color-border-light: #F1F5F9;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-subtle: #CBD5E1;--color-primary: #059669;--color-primary-dark: #047857;--color-primary-soft: #D1FAE5;--color-primary-muted: #A7F3D0;--color-accent: #D97706;--color-accent-soft: #FEF3C7;--color-danger: #DC2626;--color-danger-soft: #FEE2E2;--color-warning: #D97706;--color-warning-soft: #FEF3C7;--color-info: #2563EB;--color-info-soft: #DBEAFE;--color-success: #059669;--color-success-soft: #D1FAE5;--primary-hue: 160;--primary-color: #059669;--primary-dark: #047857;--primary-light: #34D399;--bg-primary: #F8F9FA;--bg-secondary: #FFFFFF;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--gradient-primary: linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-primary-hover: linear-gradient(135deg, #047857 0%, #065F46 100%);--gradient-success: linear-gradient(135deg, #34D399 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #F87171 0%, #DC2626 100%);--primary-gradient: var(--gradient-primary);--primary-gradient-hover: var(--gradient-primary-hover);--success-gradient: var(--gradient-success);--danger-gradient: var(--gradient-danger);--secondary-gradient: linear-gradient(135deg, #64748B 0%, #475569 100%);--shadow-none: none;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .02);--shadow-modal: 0 20px 40px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .08);--shadow-floating: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xs: var(--shadow-none);--shadow-sm: var(--shadow-soft);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-elevated);--shadow-xl: var(--shadow-modal);--shadow-glow: none;--shadow-glow-hover: none;--glass-shadow: var(--shadow-none);--glass-bg: rgba(255, 255, 255, .95);--glass-bg-hover: rgba(255, 255, 255, .98);--glass-border: var(--color-border-soft);--glass-blur: 12px;--accent-veggie: #059669;--accent-fruit: #DC2626;--accent-grain: #D97706;--accent-protein: #EA580C;--accent-dairy: #2563EB;--accent-water: #0891B2;--accent-nuts: #B45309;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-card-padding: 20px;--space-card-gap: 16px;--space-section-gap: 28px;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--transition-bouncy: .4s cubic-bezier(.34, 1.56, .64, 1)}#history-view,#favorites-view,#analysis-view,#profile-view,#admin-view{display:none!important;visibility:hidden!important;opacity:0!important}#client-view,#dashboard-view{display:block!important;visibility:visible!important;opacity:1!important}#history-view:not([hidden]),#favorites-view:not([hidden]),#analysis-view:not([hidden]),#profile-view:not([hidden]),#admin-view:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-header{padding-top:var(--app-header-offset, 12px);padding-left:var(--topbar-side-padding, 16px);padding-right:var(--topbar-side-padding, 16px);margin-bottom:var(--topbar-content-gap, 12px)}.page-header-title{font-size:var(--topbar-title-size, 22px);font-weight:700;color:var(--color-text-primary, #0F172A);line-height:1.2}.page-header-context{font-size:var(--topbar-context-size, 13px);color:var(--color-text-muted, #94A3B8);margin-bottom:var(--topbar-context-gap, 4px)}.has-topbar .page-header{padding-top:0}.no-topbar .page-header{padding-top:var(--app-header-offset, 12px)}.upm-content,.ai-food-edit-content,.modal-content,.legal-modal-content,.legal-consent-content,.profile-edit-content,.pricing-modal-content,.info-panel-content,.beta-feedback-content,.notification-settings-content,#profile-gate-modal>div>div,#logout-confirm-modal .logout-confirm-content{max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@supports (max-height: 1dvh){.upm-content,.ai-food-edit-content,.modal-content,.legal-modal-content,.legal-consent-content,.profile-edit-content,.pricing-modal-content,.info-panel-content,.beta-feedback-content,.notification-settings-content,#profile-gate-modal>div>div,#logout-confirm-modal .logout-confirm-content{max-height:calc(100dvh - 80px)!important}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;width:100%;height:100%;background:var(--color-bg-main, #F9FAFB);overflow:clip}body{font-family:var(--font-body);background-color:var(--color-bg-main);color:var(--color-text-primary);line-height:1.6;overflow:clip;-webkit-overflow-scrolling:touch;min-height:100vh;min-height:-webkit-fill-available;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overscroll-behavior:none;width:100%;max-width:100vw}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}input,textarea,select{font-size:16px!important}img,button,a,div{touch-action:manipulation}.view-section,.view-container,#client-view,#login-view,#admin-view{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);width:100%;max-width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.logo,.logo-large{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary)}.glass-panel{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg)}.glass-panel--modal{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-modal)}header{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1rem 1.5rem;padding-top:max(1rem,env(safe-area-inset-top) + .5rem);position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.logo{font-size:1.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.user-info{display:flex;align-items:center;gap:1rem;font-weight:600;color:var(--text-medium)}.view-slider-wrapper{display:block!important;width:100vw!important;height:100vh!important;overflow:hidden!important;position:fixed!important;top:0;left:0;margin:0!important;padding:0!important}.view-slider{display:block!important;width:100%!important;height:100%!important;transform:none!important;margin:0!important;padding:0!important}.view-slider .view-container{width:100%!important;height:100dvh!important;height:100vh!important;min-height:0!important;flex-shrink:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:calc(120px + var(--ad-banner-height, 0px))!important;margin-top:0!important;padding-top:0!important}#profile-view{padding-bottom:140px!important;padding-top:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;height:100dvh!important;height:100vh!important;max-height:none!important;background:#f8fafc!important;overscroll-behavior:contain!important}#dietitian-view{position:fixed!important;inset:0;z-index:10;padding-bottom:140px!important;padding-top:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;max-height:none!important;background:#f8f9fa!important;overscroll-behavior:contain!important}#profile-view>*{margin-top:0!important}#analysis-view .view-header,#analysis-view .view-content,#profile-view .view-header,#profile-view .view-content,#profile-view .profile-header-glass{margin-top:0!important}.onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:#000000b3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .5s ease-out}.onboarding-card{background:#fffffffa;width:100%;max-width:400px;border-radius:32px;padding:2.5rem 2rem;text-align:center;box-shadow:0 25px 80px #0000004d;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}.onboarding-visual-container{height:200px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1rem}.mock-ui{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.welcome-mock .logo-large{font-size:5rem;z-index:2;animation:float 3s ease-in-out infinite}.pulse-ring{position:absolute;width:120px;height:120px;border-radius:50%;background:#00b8941a;animation:pulseRing 2s infinite}.mock-chip-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mock-chip{padding:8px 16px;background:#f1f5f9;border-radius:20px;font-size:.9rem;color:#64748b;border:1px solid transparent}.mock-chip.active{background:#dcfce7;color:#166534;border-color:#22c55e;transform:scale(1.05);box-shadow:0 4px 12px #22c55e33}.hand-cursor{font-size:2rem;position:absolute;bottom:20px;right:40px;animation:tapHand 2s infinite}.mock-food-card{background:#fff;padding:15px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;align-items:center;gap:10px;width:160px}.mock-stepper{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:4px;border-radius:12px}.mock-btn{width:28px;height:28px;border-radius:8px;border:none;background:#fff;box-shadow:0 2px 4px #0000000d;color:#64748b;font-weight:700}.mock-btn.active{background:#22c55e;color:#fff;transform:scale(.9)}.hand-cursor-click{font-size:2rem;position:absolute;bottom:40px;right:60px;animation:tapClick 1.5s infinite}.water-sleep-mock{gap:20px}.mock-water-glass{width:60px;height:90px;background:#ffffff80;border:3px solid #3b82f6;border-top:none;border-radius:0 0 15px 15px;position:relative;overflow:hidden}.water-level{position:absolute;bottom:0;left:0;width:100%;height:0%;background:#60a5fa;animation:fillWater 2s ease-in-out infinite alternate}.mock-sleep-ring{width:90px;height:90px;border-radius:50%;border:8px solid #f1f5f9;border-top-color:#8b5cf6;border-right-color:#8b5cf6;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#64748b;animation:spinRing 3s ease-in-out infinite}.mock-calendar-row{display:flex;gap:10px;margin-bottom:15px}.mock-day{width:40px;height:50px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#94a3b8;box-shadow:0 2px 8px #0000000d}.mock-day.active{background:#22c55e;color:#fff;transform:translateY(-5px)}.mock-list{width:100%;display:flex;flex-direction:column;gap:8px}.mock-item{background:#fff;padding:10px;border-radius:10px;font-size:.9rem;display:flex;align-items:center;gap:10px;box-shadow:0 2px 4px #00000008;animation:slideInRight .5s ease-out forwards}.mock-share-card{background:linear-gradient(135deg,#22c55e,#16a34a);width:200px;height:140px;border-radius:16px;padding:15px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #22c55e4d;transform:rotate(-5deg);animation:floatCard 3s ease-in-out infinite}.mock-share-header{font-weight:700;font-size:1.1rem}.mock-share-stats{display:flex;justify-content:space-between;font-size:.9rem;background:#fff3;padding:8px;border-radius:8px}.mock-mic-btn{width:80px;height:80px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;position:relative;box-shadow:0 10px 30px #ef44444d}.mic-waves{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #ef4444;animation:ripple 1.5s infinite}.mock-speech-bubble{background:#fff;padding:10px 20px;border-radius:20px;margin-top:20px;box-shadow:0 4px 15px #0000001a;font-size:.9rem;color:#475569;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;animation-delay:.5s}.camera-mock{flex-direction:column;gap:16px}.mock-camera-frame{width:120px;height:120px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 15px 40px #6366f159;animation:cameraFloat 2s ease-in-out infinite}.mock-camera-frame .camera-icon{font-size:3rem;z-index:2}.mock-camera-frame .ai-sparkle{position:absolute;top:-10px;right:-10px;font-size:1.5rem;animation:sparkle 1.5s infinite}.mock-detected-foods{display:flex;gap:8px;animation:popIn .6s ease-out forwards;animation-delay:.5s;opacity:0}.detected-chip{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;padding:8px 14px;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 4px 12px #22c55e33}@keyframes cameraFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(15deg);opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.5);opacity:0}}@keyframes tapHand{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px) scale(.9)}}@keyframes tapClick{0%,to{transform:scale(1)}50%{transform:scale(.8)}}@keyframes fillWater{0%{height:20%}to{height:80%}}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes floatCard{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}@keyframes ripple{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.onboarding-text-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.onboarding-text-content p{font-size:1rem;color:var(--text-secondary);line-height:1.5}body{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100vh;background:#f4f7f6}#client-view{min-height:100vh;background:#f4f7f6;overflow-y:auto!important;max-height:100vh}.app-header{position:fixed;top:0;left:0;width:100%;min-height:70px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;padding-top:max(.5rem,env(safe-area-inset-top,.5rem));background:linear-gradient(135deg,#fffffffa,#f8fafcf2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000000f;border-bottom:1px solid rgba(0,184,148,.1)}.premium-user-card{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#00b894,#00cec9);padding:.5rem 1rem;border-radius:16px;box-shadow:0 6px 16px #00b89440;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.premium-user-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00b89459}.premium-user-card:active{transform:scale(.98)}.user-avatar{width:40px;height:40px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 8px #0000001a}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.avatar-emoji{display:block}.user-info-premium{display:flex;flex-direction:column;gap:.05rem}.greeting-premium{font-size:.65rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px}.user-name-premium{font-size:1.1rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.15)}.header-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#eb3b5a,#fc5c65);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #eb3b5a40;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.header-logout-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #eb3b5a66}.header-logout-btn:active{transform:translateY(0) scale(1)}.header-logout-btn span:first-child{font-size:1.2rem}#app-views-container{margin-top:0;padding-bottom:0}.view-section,.meal-page,.meal-selection-menu{display:none;padding:10px 10px 100px;width:100%;min-height:100vh;box-sizing:border-box}.view-section.active-view,.meal-page.active-view,.meal-selection-menu.active-view{display:block!important;animation:fadeIn .3s ease}.view-container{display:none;width:100%;background:#f5f6fa;min-height:100vh;box-sizing:border-box;position:relative}.view-container:not([hidden]){display:block!important;opacity:1;visibility:visible;overflow-y:auto;-webkit-overflow-scrolling:touch}.view-header{padding:1rem;background:var(--color-bg-card, #FFFFFF);border-bottom:1px solid var(--color-border-soft, #E5E7EB);display:flex;justify-content:center;align-items:center;position:static;z-index:100}.view-content{padding:1rem;padding-bottom:100px;max-width:1200px;margin:0 auto}#login-view{display:flex;align-items:center;justify-content:center;background:transparent;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:hidden;padding:0}#login-view[hidden],#login-view.hidden,#login-view[style*="display: none"],body.logged-in #login-view{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;z-index:-99999!important;position:fixed!important;top:-9999px!important;left:-9999px!important;width:0!important;height:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(100%)!important}#login-view[hidden]:before,#login-view[hidden]:after,#login-view.hidden:before,#login-view.hidden:after,body.logged-in #login-view:before,body.logged-in #login-view:after{display:none!important;content:none!important}#login-view[hidden] *,#login-view.hidden *,body.logged-in #login-view *{display:none!important;visibility:hidden!important}#login-view:before,#login-view:after{display:none!important;content:none!important}.login-card{position:relative;z-index:1;background:#fffffff2;padding:4rem 3.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:460px;text-align:center;border:1px solid white}.logo-large{font-size:2.8rem;font-weight:800;margin-bottom:.5rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dietitian-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:20px;margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 24px #667eea40}.dietitian-avatar{font-size:4rem;background:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.dietitian-info{text-align:left;color:#fff}.dietitian-info h3{margin:0;font-size:.9rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:1px}.dietitian-info h2{margin:.25rem 0 0;font-size:1.8rem;font-weight:700}.login-subtitle{color:#64748b;font-size:1rem;margin-bottom:2rem}.form-group label{display:block;text-align:left;font-weight:500;color:#334155;margin-bottom:.5rem;font-size:.9rem}.login-help{margin-top:1.5rem;font-size:.85rem;color:#64748b;line-height:1.5}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.6rem;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-left:.2rem}.form-group input,.form-group select{width:100%;padding:1.2rem;border:2px solid #edf2f7;background:#f8fafc;border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);transition:all .2s ease;color:var(--text-dark)}.form-group input:focus,.form-group select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #00b8941a;outline:none}.primary-btn{width:100%;padding:1.2rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #00b89440;margin-top:1rem}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #00b89459}.meal-layout{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5rem;width:100%;margin-bottom:3rem}.meal-group{display:flex;flex-direction:column;align-items:center;gap:2rem}.group-label{font-size:1.1rem;color:var(--text-medium);text-transform:uppercase;letter-spacing:2px;font-weight:700;position:relative;padding-bottom:.8rem}.group-label:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--primary-gradient);border-radius:10px}.plate-container{position:relative;width:300px;height:300px;margin:0 auto;perspective:1000px}.plate-container:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:260px;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.2) 0%,transparent 70%);filter:blur(8px);z-index:-1}.plate-container:hover .plate,.plate-container:active .plate,.plate.touched{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 50px #0000002e,0 10px 20px #0000001a}.plate{width:100%;height:100%;border-radius:50%;background:#f5f5f5;box-shadow:0 15px 35px #00000026,0 5px 15px #00000014,inset 0 1px 3px #fffc,inset 0 -2px 6px #0000000d;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;position:relative;cursor:pointer;transition:all .35s ease;border:1px solid rgba(0,0,0,.06)}.plate:before{content:"";position:absolute;top:8%;left:12%;width:25%;height:15%;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 70%);border-radius:50%;z-index:100;pointer-events:none;opacity:.6}.plate:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 20px #0000000a;pointer-events:none;z-index:99}.q-veggies{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 70% 50%,rgba(0,0,0,.05) 0%,transparent 40%),radial-gradient(circle at 40% 70%,rgba(255,255,255,.1) 0%,transparent 35%),linear-gradient(155deg,#5cb85c,#4caf50,#43a047 70%,#388e3c);width:100%;height:100%;position:relative;border-top-left-radius:100%;transition:all .3s ease;box-shadow:inset -3px -3px 15px #0000001f,inset 2px 2px 10px #ffffff26}.q-grains{background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at 30% 60%,rgba(0,0,0,.04) 0%,transparent 40%),radial-gradient(circle at 55% 80%,rgba(255,255,255,.1) 0%,transparent 35%),linear-gradient(155deg,#ffca28,#ffc107,#ffb300 70%,#ffa000);width:100%;height:100%;position:relative;border-top-right-radius:100%;transition:all .3s ease;box-shadow:inset 3px -3px 15px #0000001a,inset -2px 2px 10px #fff3}.q-protein{background:radial-gradient(circle at 25% 70%,rgba(255,255,255,.12) 0%,transparent 40%),radial-gradient(circle at 65% 40%,rgba(0,0,0,.06) 0%,transparent 40%),radial-gradient(circle at 50% 20%,rgba(255,255,255,.08) 0%,transparent 35%),linear-gradient(155deg,#e57373,#ef5350,#f44336 70%,#e53935);width:100%;height:100%;position:relative;border-bottom-left-radius:100%;transition:all .3s ease;box-shadow:inset -3px 3px 15px #00000026,inset 2px -2px 10px #ffffff1f}.q-dairy{background:radial-gradient(circle at 70% 65%,rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at 35% 35%,rgba(0,0,0,.03) 0%,transparent 40%),radial-gradient(circle at 50% 85%,rgba(255,255,255,.1) 0%,transparent 35%),linear-gradient(155deg,#64b5f6,#42a5f5,#2196f3 70%,#1e88e5);width:100%;height:100%;position:relative;border-bottom-right-radius:100%;transition:all .3s ease;box-shadow:inset 3px 3px 15px #0000001a,inset -2px -2px 10px #fff3}.q-veggies:hover,.q-grains:hover,.q-protein:hover,.q-dairy:hover{filter:brightness(1.05)}.plate>div:nth-child(1){box-shadow:inset -4px -4px 20px #00000014}.plate>div:nth-child(2){box-shadow:inset 4px -4px 20px #00000014}.plate>div:nth-child(3){box-shadow:inset -4px 4px 20px #00000014}.plate>div:nth-child(4){box-shadow:inset 4px 4px 20px #00000014}.food-group-label{text-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;gap:.2rem;pointer-events:none;text-align:center;width:100%}.plate-label{font-size:2.5rem;line-height:1.2;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.plate-label span{font-size:.85rem;margin-top:.2rem;background:#0003;padding:.2rem .6rem;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;max-width:100%}.side-items{display:flex;flex-direction:column;gap:2.5rem}.side-item{width:90px;height:90px;border-radius:28px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;box-shadow:var(--shadow-md);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;position:relative;overflow:hidden}.side-item:before{content:"";position:absolute;inset:0;opacity:.1;background:currentColor}.side-item:hover{transform:scale(1.15) rotate(3deg);box-shadow:var(--shadow-lg)}.side-item span{z-index:1;margin-top:.2rem}.water-glass{color:var(--accent-protein)}.fruit-bowl{color:var(--accent-fruit)}.nuts-bowl{color:var(--accent-nuts)}.client-profile-summary{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 20px #764ba24d}.profile-avatar-large{font-size:4rem;background:#fff3;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:3px solid rgba(255,255,255,.5)}.profile-info-large{text-align:center;margin-bottom:1.5rem}.profile-info-large h3{font-size:1.5rem;margin-bottom:.5rem}.client-stats-text{font-size:.9rem;opacity:.9}.profile-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:500px}.metric-box{background:#ffffff26;padding:1rem;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.metric-box .label{display:block;font-size:.75rem;opacity:.8;margin-bottom:.3rem}.metric-box .value{font-size:1.2rem;font-weight:700}.stats-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1rem;margin:1rem;border-radius:16px;box-shadow:0 4px 15px #0000000d}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:#888}.stat-value{font-size:1.1rem;font-weight:700;color:#333}.edit-profile-btn{background:#f0f2f5;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background .2s}.client-meta{font-size:.8rem;color:#666;margin-top:4px}.info-section{display:flex;flex-direction:column;gap:2rem}.info-panel{background:#fff;padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.03);min-height:350px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.info-panel:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--primary-gradient)}.info-title{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark);line-height:1.1}.info-desc{font-size:1.1rem;color:var(--text-medium);margin-bottom:2rem;line-height:1.7}.food-list{display:flex;flex-wrap:wrap;gap:.8rem}.food-tag{padding:.6rem 1.2rem;background:#f8fafc;border-radius:50px;font-size:.9rem;font-weight:600;color:var(--text-dark);border:1px solid #e2e8f0;transition:all .2s}.food-tag:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-color)}.analysis-section,.history-section{grid-column:1 / -1;margin-top:2rem}.history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .2s ease}.history-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-date{font-size:.85rem;color:#64748b;margin-left:.5rem}.history-menu{color:#334155;margin:.5rem 0;line-height:1.5}.history-score{font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.score-perfect{background:#d1fae5;color:#065f46}.score-good{background:#fef3c7;color:#92400e}.score-bad{background:#fee2e2;color:#991b1b}.history-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.empty-history{text-align:center;color:#94a3b8;padding:2rem;font-size:.95rem}.clear-btn{margin-top:1.5rem;padding:.75rem 1.5rem;background:#fee2e2;color:#991b1b;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#fecaca;transform:translateY(-1px)}.feedback-notification{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 24px #667eea40;animation:slideDown .4s ease-out}.notification-icon{font-size:2.5rem;background:#fff3;padding:.75rem;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-content h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.notification-content p{margin:0;font-size:.95rem;opacity:.95}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.analysis-card,.history-card{background:#fff;padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.analysis-card:before,.history-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(102,126,234,.08) 1px,transparent 1px),radial-gradient(circle,rgba(0,184,148,.06) 1px,transparent 1px);background-size:40px 40px,60px 60px;background-position:0 0,20px 20px;animation:cardParticles 20s linear infinite;opacity:.6;pointer-events:none;z-index:0}.analysis-card>*,.history-card>*{position:relative;z-index:1}@keyframes cardParticles{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-15px) translate(10px)}}.selection-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.category-group h3{font-size:1rem;color:var(--text-medium);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.food-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.5rem 1rem;background:#f1f5f9;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-medium)}.chip:hover{background:#e2e8f0}.chip.selected{background:var(--text-dark);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.fastfood-accordion{margin-top:1.5rem;grid-column:1 / -1}.fastfood-toggle-btn{width:100%;padding:1rem 1.25rem;background:linear-gradient(135deg,#ff6b6b1a,#ff9f431a,#ffc1071a);border:2px solid rgba(255,107,107,.2);border-radius:20px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.fastfood-toggle-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,107,107,.1),transparent);transform:translate(-100%);transition:.6s}.fastfood-toggle-btn:hover:before{transform:translate(100%)}.fastfood-toggle-btn:hover{transform:scale(1.02);border-color:#ff6b6b66;box-shadow:0 8px 25px #ff6b6b33,0 4px 10px #ff9f431a}.fastfood-toggle-btn:active{transform:scale(.98)}.fastfood-toggle-btn.active{background:linear-gradient(135deg,#ff6b6b33,#ff9f4333,#ffc10733);border-color:#ff6b6b66}.fastfood-icon{font-size:1.8rem;animation:bounceEmoji 2s ease-in-out infinite}@keyframes bounceEmoji{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.fastfood-label{flex:1;text-align:left;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ff9f43,#ffc107);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fastfood-arrow{font-size:.9rem;color:#ff6b6b;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.fastfood-arrow.rotated{transform:rotate(180deg)}.fastfood-content{padding:1rem 0;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fastfood-subcategory{margin-bottom:.75rem}.fastfood-sub-btn{width:100%;padding:1rem 1.25rem;border:none;border-radius:16px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}@keyframes particleFloat{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.fastfood-sub-btn.gradient-orange{background:linear-gradient(135deg,#ff9a56,#ff6b35);color:#fff!important;-webkit-text-fill-color:white!important;box-shadow:0 4px 15px #ff6b354d}.fastfood-sub-btn.gradient-red{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff!important;-webkit-text-fill-color:white!important;box-shadow:0 4px 15px #ff6b6b4d}.fastfood-sub-btn.gradient-purple{background:linear-gradient(135deg,#a55eea,#8854d0);color:#fff!important;-webkit-text-fill-color:white!important;box-shadow:0 4px 15px #a55eea4d}.fastfood-sub-btn:hover{transform:translateY(-3px) scale(1.02)}.protein-subcategories{display:flex;flex-direction:column;gap:.35rem}.protein-subcategory{display:flex;flex-direction:column;margin-bottom:.15rem}.protein-sub-btn{width:100%;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:inherit;font-size:1rem;position:relative;overflow:hidden}.protein-sub-btn:hover{transform:translateY(-2px) scale(1.01)}.protein-sub-btn:active{transform:scale(.98)}.protein-sub-btn .sub-icon{font-size:1.5rem;position:relative;z-index:2;color:inherit}.protein-sub-btn .sub-label{flex:1;text-align:left;font-size:.95rem;font-weight:600;position:relative;z-index:2;color:inherit}.protein-sub-btn .sub-arrow{font-size:.8rem;transition:transform .3s ease;position:relative;z-index:2;color:inherit}.protein-sub-btn .sub-arrow.rotated{transform:rotate(180deg)}.protein-sub-btn.gradient-red{background:linear-gradient(135deg,#d32f2f1f,#b71c1c14);border:1.5px solid rgba(211,47,47,.25);color:#b71c1c!important;-webkit-text-fill-color:#b71c1c!important;box-shadow:none}.protein-sub-btn.gradient-orange{background:linear-gradient(135deg,#ff98001f,#f57c0014);border:1.5px solid rgba(255,152,0,.25);color:#e65100!important;-webkit-text-fill-color:#e65100!important;box-shadow:none}.protein-sub-btn.gradient-blue{background:linear-gradient(135deg,#1976d21f,#0d47a114);border:1.5px solid rgba(25,118,210,.25);color:#0d47a1!important;-webkit-text-fill-color:#0d47a1!important;box-shadow:none}.protein-sub-btn.gradient-yellow{background:linear-gradient(135deg,#fdd83526,#f9a8251a);border:1.5px solid rgba(249,168,37,.3);color:#f57f17!important;-webkit-text-fill-color:#f57f17!important;box-shadow:none}.protein-sub-btn.gradient-brown{background:linear-gradient(135deg,#8d6e631f,#5d403714);border:1.5px solid rgba(141,110,99,.25);color:#5d4037!important;-webkit-text-fill-color:#5d4037!important;box-shadow:none}.protein-sub-btn.gradient-red:hover{background:linear-gradient(135deg,#d32f2f2e,#b71c1c1f);border-color:#d32f2f66}.protein-sub-btn.gradient-orange:hover{background:linear-gradient(135deg,#ff98002e,#f57c001f);border-color:#ff980066}.protein-sub-btn.gradient-blue:hover{background:linear-gradient(135deg,#1976d22e,#0d47a11f);border-color:#1976d266}.protein-sub-btn.gradient-yellow:hover{background:linear-gradient(135deg,#fdd83538,#f9a82526);border-color:#f9a82573}.protein-sub-btn.gradient-brown:hover{background:linear-gradient(135deg,#8d6e632e,#5d40371f);border-color:#8d6e6366}.protein-sub-btn.gradient-green{background:linear-gradient(135deg,#4caf501f,#388e3c14);border:1.5px solid rgba(76,175,80,.25);color:#2e7d32!important;-webkit-text-fill-color:#2e7d32!important;box-shadow:none}.protein-sub-btn.gradient-green:hover{background:linear-gradient(135deg,#4caf502e,#388e3c1f);border-color:#4caf5066}.protein-category-cards{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none}.protein-category-cards::-webkit-scrollbar{display:none}.protein-category-card{width:100px;height:120px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid rgba(76,175,80,.2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.protein-category-card:hover{transform:translateY(-3px);border-color:#4caf5080;box-shadow:0 8px 25px #4caf5040}.protein-category-card:active{transform:scale(.95)}.protein-category-card.active{background:linear-gradient(135deg,#4caf50,#43a047);border-color:#2e7d32;box-shadow:0 8px 25px #4caf5066}.protein-category-card .food-card-emoji{font-size:2rem;margin-bottom:.5rem}.protein-category-card .food-card-name{font-size:.8rem;font-weight:600;color:#2e7d32;text-align:center;line-height:1.2}.protein-category-card.active .food-card-name{color:#fff}.protein-category-cards{position:relative;z-index:10}.protein-items-container{margin-top:.75rem;position:relative;z-index:5}.protein-chips{padding:.75rem;flex-wrap:wrap;gap:.75rem;background:#4caf500d;border-radius:12px;margin-top:.25rem;animation:fadeIn .3s ease}.fastfood-sub-btn:active{transform:scale(.98)}.fastfood-sub-btn.active{box-shadow:0 8px 25px #0003,inset 0 0 0 2px #ffffff4d}.sub-icon{font-size:1.5rem;position:relative;z-index:2;color:inherit}.sub-label{flex:1;text-align:left;font-size:.95rem;font-weight:600;position:relative;z-index:2;color:inherit}.sub-arrow{font-size:.8rem;transition:transform .3s ease;position:relative;z-index:2;color:inherit}.sub-arrow.rotated{transform:rotate(90deg)}.fastfood-chips{padding:1rem .5rem;display:flex;flex-wrap:wrap;gap:.75rem;animation:fadeIn .3s ease}.fastfood-chip{display:flex;flex-direction:column;align-items:center;padding:1rem;min-width:100px;background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid rgba(255,107,107,.15);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.fastfood-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b6b0d,#ff9f430d);opacity:0;transition:opacity .3s ease}.fastfood-chip:hover:before{opacity:1}.fastfood-chip:hover{transform:translateY(-4px) scale(1.02);border-color:#ff6b6b66;box-shadow:0 10px 30px #ff6b6b33}.fastfood-chip:active{transform:scale(.95)}.fastfood-chip.selected{background:linear-gradient(145deg,#d4edda,#c3e6cb);border-color:#28a745;box-shadow:0 4px 15px #28a7454d,inset 0 0 0 2px #28a74533}.fastfood-chip.selected:before{opacity:0}.fastfood-chip.selected:after{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.fastfood-chip .chip-emoji{font-size:2rem;margin-bottom:.5rem;position:relative;z-index:1}.fastfood-chip .chip-name{font-size:.8rem;font-weight:600;color:#2d3436;text-align:center;line-height:1.2;margin-bottom:.3rem;position:relative;z-index:1}.fastfood-chip .chip-kcal{font-size:.7rem;font-weight:700;color:#ff6b6b;background:#ff6b6b1a;padding:.2rem .5rem;border-radius:8px;position:relative;z-index:1}.fastfood-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}.fastfood-modal-overlay.active{opacity:1}.fastfood-modal-content{background:linear-gradient(180deg,#fff,#f8f9fa);border-radius:28px;padding:1.5rem;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 25px 80px #0000004d,0 10px 30px #0003;transform:translateY(20px) scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.fastfood-modal-overlay.active .fastfood-modal-content{transform:translateY(0) scale(1)}.fastfood-modal-content .modal-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;font-size:1.5rem;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.fastfood-modal-content .modal-close-btn:hover{background:#ff6b6b1a;color:#ff6b6b;transform:rotate(90deg)}.fastfood-modal-content .modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.fastfood-modal-content .modal-emoji{font-size:3rem}.fastfood-modal-content .modal-title{font-size:1.3rem;font-weight:700;color:#2d3436;margin:0}.fastfood-modal-content .modal-subtitle{font-size:.9rem;color:#636e72;margin-bottom:1rem;font-weight:600}.portions-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.portion-option{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid rgba(0,0,0,.08);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.portion-option:hover{transform:scale(1.02);border-color:#ff6b6b66;box-shadow:0 8px 25px #ff6b6b26}.portion-option.default{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#ff6b6b4d}.portion-option:active{transform:scale(.98)}.portion-name{font-size:1rem;font-weight:700;color:#2d3436}.portion-grams{font-size:.85rem;font-weight:600;color:#636e72;background:#0000000d;padding:.2rem .6rem;border-radius:8px}.portion-macros{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;width:100%}.macro-kcal{font-size:.85rem;font-weight:700;color:#ff6b6b}.macro-detail{font-size:.75rem;font-weight:600;color:#636e72;background:#0000000d;padding:.15rem .4rem;border-radius:6px}.modal-macros-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#ff6b6b0d,#ff9f430d);border-radius:16px}.macro-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:10px}.macro-bar.protein-bar{background:#e74c3c1a}.macro-bar.carbs-bar{background:#f1c40f1a}.macro-bar.fat-bar{background:#9b59b61a}.macro-icon{font-size:1.2rem}.macro-label{flex:1;font-size:.85rem;font-weight:600;color:#2d3436}.macro-value{font-size:.9rem;font-weight:700;color:#2d3436}.macro-bar.calories-bar{background:linear-gradient(135deg,#ff6b351a,#ff9f431a)}.fastfood-add-btn{width:100%;padding:1rem 2rem;margin-top:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 25px #667eea66;position:relative;overflow:hidden}.fastfood-add-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.fastfood-add-btn:hover:before{left:100%}.fastfood-add-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #667eea80}.fastfood-add-btn:active{transform:scale(.98)}.add-btn-icon{font-size:1.3rem;font-weight:700}.add-btn-text{letter-spacing:.5px}.portion-option.selected{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;border-color:#4caf50!important;box-shadow:0 4px 15px #4caf504d!important}body.admin-mode #bottom-nav,body.admin-mode #view-slider-wrapper,body.admin-mode .view-slider-wrapper,body.admin-mode #voice-fab{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.admin-mode:not(.cp-layout-ready) #admin-view>header,body.admin-mode:not(.cp-layout-ready) #admin-view>.admin-main,body.admin-mode:not(.cp-layout-ready) #admin-view>.admin-tab-navbar,body.admin-mode:not(.cp-layout-ready) #admin-dashboard,body.admin-mode:not(.cp-layout-ready) .admin-dashboard-grid{opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease}body.admin-mode.cp-layout-ready #admin-view>header,body.admin-mode.cp-layout-ready #admin-view>.admin-main,body.admin-mode.cp-layout-ready #admin-dashboard,body.admin-mode.cp-layout-ready .admin-dashboard-grid{opacity:1!important;visibility:visible!important}body.admin-mode{overflow-y:auto!important;height:auto!important;min-height:100vh}html.admin-mode-html{overflow-y:auto!important}body.admin-mode.detail-mode #admin-view{display:none!important}body.admin-mode.detail-mode #admin-detail-page{display:block!important;z-index:99999;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background:#f8fafc}.admin-main{max-width:1400px;margin:0 auto;padding:2rem;background:linear-gradient(180deg,#f8fafc,#e2e8f0);min-height:100vh}#admin-view>header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem;border-radius:0 0 24px 24px;margin:-2rem -2rem 2rem;box-shadow:0 10px 40px #667eea4d}#admin-view>header .logo{color:#fff;font-size:1.4rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}#admin-view>header button{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;padding:.6rem 1.2rem;border-radius:12px;font-weight:600;transition:all .3s ease}#admin-view>header button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 5px 20px #0003}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.feedback-chip{background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#636e72;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000008}.feedback-chip:hover{background:#00b894;color:#fff;border-color:#00b894;transform:translateY(-2px);box-shadow:0 4px 12px #00b89433}.feedback-chip:active{transform:scale(.95)}.search-container{margin-bottom:2rem}.search-wrapper{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#94a3b8;z-index:10}.search-input{width:100%;padding:1.2rem 1.2rem 1.2rem 3.5rem;border:none;border-radius:20px;background:#fff;box-shadow:0 10px 30px #0000000d;font-size:1rem;color:#334155;transition:all .3s ease}.search-input:focus{outline:none;box-shadow:0 15px 40px #667eea26;transform:translateY(-2px)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;color:#94a3b8;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000008}.mini-stats{display:flex;justify-content:center;gap:.8rem;margin:0 0 1.2rem;font-size:.85rem;color:#64748b}.mini-stats span{background:#f1f5f9;padding:4px 10px;border-radius:12px}.goal-badge{background:#e0e7ff!important;color:#4f46e5;font-weight:600}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:20px;box-shadow:0 10px 40px #667eea40;border:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 40px #f093fb40}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #667eea59}.stat-card:nth-child(2):hover{box-shadow:0 20px 50px #f093fb59}.stat-card h3{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#ffffffd9;margin-bottom:.75rem;font-weight:600}.stat-card span{font-size:3.5rem;font-weight:800;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.15);display:block}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.client-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(255,255,255,.8);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.client-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s}.client-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #667eea26;border-color:#667eea4d}.client-card:hover:before{opacity:1}.client-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.client-avatar{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 15px #667eea4d}.client-info h3{font-weight:700;font-size:1.1rem;color:#1e293b;margin:0 0 4px}.client-status{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600}.client-status.active{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.client-stats{display:flex;gap:1rem;margin-bottom:1.25rem;padding:1rem;background:#f8fafc;border-radius:14px}.client-stats .stat{flex:1;text-align:center}.client-stats .stat .val{display:block;font-size:1.25rem;font-weight:800;color:#334155}.client-stats .stat .lbl{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.detail-btn{width:100%;padding:.9rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea40}.detail-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea59}.detail-btn:active{transform:translateY(0)}.client-list-section h3{font-size:1.25rem;font-weight:700;color:#334155;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.client-list-section h3:before{content:"👥"}.profile-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--glass-border)}.profile-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.profile-avatar{width:80px;height:80px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem}.profile-name{font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.profile-stats{color:var(--text-medium);font-size:.9rem}.selection-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:2rem 0 1.5rem;text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meal-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;margin-bottom:4rem;padding:0 .5rem 2rem;overflow:visible;min-height:min-content}.meal-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:1.75rem 1.25rem;text-align:center;cursor:pointer;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all var(--transition-bouncy);position:relative;overflow:hidden}.meal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.meal-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 32px #0000001f,inset 0 1px #fff;border-color:#6366f14d}.meal-card:hover:before{opacity:1}.meal-card:active{transform:translateY(-4px) scale(1.01)}.meal-card-icon{font-size:3rem;margin-bottom:.75rem;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.meal-card h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .4rem}.meal-card p{font-size:.85rem;color:#64748b;margin:0}.breakfast-card{color:#f59e0b}.lunch-card{color:#10b981}.dinner-card{color:#8b5cf6}.snack-card-menu{color:#ec4899}.settings-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.03);margin-bottom:2rem}.settings-item{width:100%;padding:1.25rem 1.5rem;border:none;background:#fff;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid #f0f2f5;transition:all .2s ease;position:relative;overflow:hidden}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#f8f9fa;padding-left:1.75rem}.settings-item:active{background:#f1f3f5;transform:scale(.99)}.settings-left{display:flex;align-items:center;gap:1.25rem}.settings-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.settings-item:hover .settings-icon{transform:scale(1.1) rotate(5deg)}.icon-edit{background:#e3f2fd;color:#2196f3}.icon-help{background:#e8f5e9;color:#4caf50}.icon-support{background:#fff3e0;color:#ff9800}.icon-notify{background:#f3e5f5;color:#9c27b0}.icon-logout{background:#ffebee;color:#f44336}.settings-info{display:flex;flex-direction:column;gap:.2rem}.settings-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:#2d3436;letter-spacing:-.01em}.settings-subtitle{font-size:.85rem;color:#b2bec3;font-weight:400}.settings-arrow{color:#dfe6e9;font-size:1.25rem;transition:all .2s ease}.settings-item:hover .settings-arrow{color:var(--primary-color);transform:translate(4px)}.settings-item.danger .settings-title{color:#e74c3c}.settings-item.danger:hover{background:#fff5f5}.water-card-grid{color:#06b6d4;background:linear-gradient(135deg,#fffffff2,#f8f9fae6)!important}@media(max-width:1024px){main{grid-template-columns:1fr;gap:3rem}.meal-layout{flex-direction:column-reverse;gap:3rem}.side-items{flex-direction:row;justify-content:center;width:100%}.plate-container{width:350px;height:350px}}@media(max-width:600px){.plate-container{width:300px;height:300px}.info-title{font-size:2rem}.login-card{padding:2rem}}.plate-hero-section{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.03) 100%)}.plate-container-hero{position:relative;width:260px;height:260px;filter:drop-shadow(0 25px 50px rgba(0,0,0,.25))}.plate-3d-hero{width:100%;height:100%;border-radius:50%;background:#f8fafc;border:10px solid #ffffff;box-shadow:0 0 0 2px #0000000d,inset 0 2px 10px #0000001a;position:relative;transform:rotateX(12deg);transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:plateFloatPremium 6s ease-in-out infinite;overflow:visible}.plate-quadrants{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:2}.plate-quadrant{position:absolute;width:50%;height:50%;opacity:1;filter:saturate(.7) brightness(1.05);transition:all .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.quadrant-veggies{top:0;left:0;background:transparent;border-radius:100% 0 0}.quadrant-grains{top:0;right:0;background:transparent;border-radius:0 100% 0 0}.quadrant-dairy{bottom:0;left:0;background:transparent;border-radius:0 0 0 100%}.quadrant-protein{bottom:0;right:0;background:transparent;border-radius:0 0 100%}.plate-quadrant.filled{opacity:1;filter:saturate(1.2) brightness(1);animation:quadrantCelebration .8s cubic-bezier(.34,1.56,.64,1)}.quadrant-veggies.filled{box-shadow:inset 0 0 40px #22c55e66,0 0 30px #22c55e80,0 0 60px #22c55e4d;animation:quadrantCelebration .8s cubic-bezier(.34,1.56,.64,1),veggiesPulse 2.5s ease-in-out infinite .8s}.quadrant-grains.filled{box-shadow:inset 0 0 40px #fbbf2466,0 0 30px #fbbf2480,0 0 60px #fbbf244d;animation:quadrantCelebration .8s cubic-bezier(.34,1.56,.64,1),grainsPulse 2.5s ease-in-out infinite .8s}.quadrant-dairy.filled{box-shadow:inset 0 0 40px #3b82f666,0 0 30px #3b82f680,0 0 60px #3b82f64d;animation:quadrantCelebration .8s cubic-bezier(.34,1.56,.64,1),dairyPulse 2.5s ease-in-out infinite .8s}.quadrant-protein.filled{box-shadow:inset 0 0 40px #ef444466,0 0 30px #ef444480,0 0 60px #ef44444d;animation:quadrantCelebration .8s cubic-bezier(.34,1.56,.64,1),proteinPulse 2.5s ease-in-out infinite .8s}@keyframes quadrantCelebration{0%{opacity:0;transform:scale(.5) rotate(-5deg);filter:brightness(2.5) saturate(2)}30%{opacity:1;transform:scale(1.15) rotate(2deg);filter:brightness(1.8) saturate(1.5)}50%{transform:scale(.95) rotate(-1deg);filter:brightness(1.3) saturate(1.2)}70%{transform:scale(1.05) rotate(0)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1) saturate(1)}}@keyframes veggiesPulse{0%,to{box-shadow:inset 0 0 40px #22c55e66,0 0 30px #22c55e66}50%{box-shadow:inset 0 0 50px #22c55e80,0 0 45px #22c55e80,0 0 80px #4ade8033}}@keyframes grainsPulse{0%,to{box-shadow:inset 0 0 40px #fbbf2466,0 0 30px #fbbf2466}50%{box-shadow:inset 0 0 50px #fbbf2480,0 0 45px #fbbf2480,0 0 80px #fcd34d33}}@keyframes dairyPulse{0%,to{box-shadow:inset 0 0 40px #3b82f666,0 0 30px #3b82f666}50%{box-shadow:inset 0 0 50px #3b82f680,0 0 45px #3b82f680,0 0 80px #60a5fa33}}@keyframes proteinPulse{0%,to{box-shadow:inset 0 0 40px #ef444466,0 0 30px #ef444466}50%{box-shadow:inset 0 0 50px #ef444480,0 0 45px #ef444480,0 0 80px #f8717133}}@keyframes veggiesGlow{0%,to{box-shadow:inset 0 0 30px #22c55e80,0 0 40px #22c55e66}50%{box-shadow:inset 0 0 40px #22c55eb3,0 0 60px #22c55e99,0 0 100px #4ade804d}}@keyframes grainsGlow{0%,to{box-shadow:inset 0 0 30px #fbbf2480,0 0 40px #fbbf2466}50%{box-shadow:inset 0 0 40px #fbbf24b3,0 0 60px #fbbf2499,0 0 100px #fcd34d4d}}@keyframes dairyGlow{0%,to{box-shadow:inset 0 0 30px #3b82f680,0 0 40px #3b82f666}50%{box-shadow:inset 0 0 40px #3b82f6b3,0 0 60px #3b82f699,0 0 100px #60a5fa4d}}@keyframes proteinGlow{0%,to{box-shadow:inset 0 0 30px #ef444480,0 0 40px #ef444466}50%{box-shadow:inset 0 0 40px #ef4444b3,0 0 60px #ef444499,0 0 100px #f871714d}}.plate-3d-hero:before{content:"";position:absolute;inset:-16px;border-radius:50%;background:conic-gradient(from 0deg,#f59e0b,#fbbf24,#22c55e,#4ade80,#3b82f6,#60a5fa,#ef4444,#f87171,#f59e0b 360deg);z-index:-1;animation:rimRotate 8s linear infinite;box-shadow:0 0 30px #fbbf2466,0 0 60px #22c55e4d,0 0 90px #3b82f633}.plate-container-hero:before{content:"";position:absolute;inset:4px;border-radius:50%;background:linear-gradient(145deg,#fffffff2,#e2e8f0e6 30%,#94a3b8d9 70%,#475569e6);z-index:0;pointer-events:none}@keyframes rimRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plate-3d-hero:after{content:"";position:absolute;top:5%;left:15%;width:70%;height:35%;border-radius:50% 50% 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 40%,transparent 100%);z-index:6;pointer-events:none}.plate-container-hero:after{content:"";position:absolute;bottom:-40px;left:5%;width:90%;height:50px;border-radius:50%;z-index:-2;background:radial-gradient(ellipse,rgba(251,191,36,.35) 0%,rgba(34,197,94,.25) 25%,rgba(59,130,246,.2) 50%,rgba(239,68,68,.15) 75%,transparent 100%);animation:shadowPulse 4s ease-in-out infinite;filter:blur(8px)}@keyframes shadowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.plate-3d-hero:hover{transform:rotateX(8deg) scale(1.05)}@keyframes plateFloatPremium{0%,to{transform:rotateX(15deg) translateY(0);filter:drop-shadow(0 25px 30px rgba(0,0,0,.25))}50%{transform:rotateX(15deg) translateY(-10px);filter:drop-shadow(0 35px 40px rgba(0,0,0,.2))}}.plate-dividers{position:absolute;inset:0;z-index:7;pointer-events:none}.plate-divider-h,.plate-divider-v{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.7) 10%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.7) 90%,transparent 100%);box-shadow:0 0 10px #ffffff80,0 1px 3px #00000026}.plate-divider-h{top:50%;left:0;width:100%;height:4px;transform:translateY(-50%)}.plate-divider-v{top:0;left:50%;width:4px;height:100%;transform:translate(-50%);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.7) 10%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.7) 90%,transparent 100%)}.plate-labels{position:absolute;inset:0;pointer-events:none;z-index:10}.plate-label{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.3rem;pointer-events:auto;cursor:pointer;transition:all .3s ease}.plate-label:hover{transform:scale(1.15)}.plate-label .label-emoji{font-size:2.2rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.plate-label .label-text{font-size:.65rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.4);background:none;padding:0;border:none}.plate-label.filled{animation:filledAppear .6s cubic-bezier(.34,1.56,.64,1)}.plate-label.filled:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:55px;height:55px;border-radius:50%;background:conic-gradient(from 0deg,#fbbf24,#f59e0b,#fcd34d,#fbbf24,#f59e0b,#fcd34d,#fbbf24 360deg);padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);animation:ringRotate 3s linear infinite,ringPulse 1.5s ease-in-out infinite;z-index:-1}.plate-label.filled:after{content:"✨";position:absolute;top:-10px;right:-10px;font-size:1.4rem;animation:sparkleFloat 2s ease-in-out infinite,sparkleRotate 4s linear infinite;filter:drop-shadow(0 0 6px rgba(251,191,36,.9));z-index:10}.plate-label.filled .label-emoji{filter:drop-shadow(0 0 20px rgba(251,191,36,.7)) drop-shadow(0 0 40px rgba(251,191,36,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.15);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:emojiBounce .6s cubic-bezier(.34,1.56,.64,1)}.plate-label.filled .label-text{background:linear-gradient(145deg,#fbbf2466,#f59e0b80);padding:4px 12px;border-radius:12px;border:1.5px solid rgba(251,191,36,.5);box-shadow:0 4px 12px #fbbf2466,inset 0 1px 3px #fff6;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);font-weight:700;animation:textAppear .5s ease-out}@keyframes ringPulse{0%,to{opacity:.8;transform:translate(-50%,-60%) rotate(var(--ring-rotation, 0deg)) scale(1)}50%{opacity:1;transform:translate(-50%,-60%) rotate(var(--ring-rotation, 0deg)) scale(1.05)}}@keyframes emojiBounce{0%{transform:scale(.5) rotate(-15deg)}40%{transform:scale(1.3) rotate(10deg)}60%{transform:scale(.9) rotate(-5deg)}80%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1.15) rotate(0)}}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textAppear{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes filledAppear{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes ringRotate{0%{transform:translate(-50%,-60%) rotate(0)}to{transform:translate(-50%,-60%) rotate(360deg)}}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(-4px) rotate(15deg);opacity:.8}50%{transform:translateY(-2px) rotate(-10deg);opacity:1}75%{transform:translateY(-5px) rotate(10deg);opacity:.9}}.plate-label.filled:hover:before{animation:ringRotate 1.5s linear infinite,ringPulse 1s ease-in-out infinite}@keyframes ringPulse{0%,to{box-shadow:0 0 10px #fbbf2466}50%{box-shadow:0 0 25px #fbbf24cc,0 0 40px #fbbf2466}}.plate-label.highlight-pulse{animation:highlightPulseAnim .8s cubic-bezier(.34,1.56,.64,1) 3;z-index:100}.plate-label.highlight-pulse:before{animation:ringRotate .5s linear infinite,highlightRingPulse .8s ease-in-out 3!important}.plate-label.highlight-pulse .label-emoji{animation:emojiPop .8s cubic-bezier(.34,1.56,.64,1) 3}@keyframes highlightPulseAnim{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes highlightRingPulse{0%,to{box-shadow:0 0 15px #fbbf2480}50%{box-shadow:0 0 40px #fbbf24,0 0 60px #22c55e99,0 0 80px #3b82f666}}@keyframes emojiPop{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-10deg)}50%{transform:scale(1.4) rotate(10deg)}75%{transform:scale(1.2) rotate(-5deg)}}.missing-groups-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0f172ad9,#1e293be6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.missing-groups-overlay.active{opacity:1;visibility:visible}.missing-groups-content{background:linear-gradient(145deg,#fff,#f1f5f9,#e2e8f0);border-radius:32px;padding:2.5rem 2rem;max-width:400px;width:92%;text-align:center;position:relative;overflow:hidden;box-shadow:0 30px 100px #0006,0 0 0 1px #ffffffe6 inset,0 0 80px #fbbf2426;transform:scale(.8) translateY(40px) rotateX(10deg);transition:all .5s cubic-bezier(.34,1.56,.64,1)}.missing-groups-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-20deg);animation:modalShine 3s ease-in-out infinite}@keyframes modalShine{0%,to{left:-100%}50%{left:100%}}.missing-groups-content:after{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:200%;height:100%;background:radial-gradient(ellipse at center,rgba(251,191,36,.2) 0%,transparent 70%);pointer-events:none}.missing-groups-overlay.active .missing-groups-content{transform:scale(1) translateY(0) rotateX(0)}.missing-groups-icon{font-size:4rem;margin-bottom:.75rem;animation:iconBounce 2s ease-in-out infinite;position:relative;z-index:1}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.missing-groups-content h3{font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;position:relative;z-index:1}.missing-groups-content p{font-size:1rem;color:#64748b;margin:0 0 1.75rem;line-height:1.6;position:relative;z-index:1}.missing-groups-content p strong{color:#16a34a;font-weight:700}.missing-groups-list{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:2rem;position:relative;z-index:1}.missing-group-item{display:flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24);padding:.75rem 1.25rem;border-radius:16px;border:2px solid rgba(251,191,36,.5);box-shadow:0 4px 15px #fbbf244d,0 0 0 3px #fffc inset;animation:itemPulse 2s ease-in-out infinite;transition:all .3s ease}.missing-group-item:nth-child(2){animation-delay:.3s}.missing-group-item:nth-child(3){animation-delay:.6s}.missing-group-item:nth-child(4){animation-delay:.9s}@keyframes itemPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #fbbf244d,0 0 0 3px #fffc inset}50%{transform:scale(1.03);box-shadow:0 6px 20px #fbbf2466,0 0 0 3px #fffc inset}}.missing-group-item .group-emoji{font-size:1.5rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.missing-group-item .group-name{font-size:.9rem;font-weight:800;color:#78350f;text-transform:uppercase;letter-spacing:.5px}.missing-groups-buttons{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.missing-groups-buttons .btn-add-more{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);color:#fff;border:none;padding:1.1rem 2rem;border-radius:18px;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 8px 25px #22c55e66,0 0 0 3px #ffffff4d inset;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.missing-groups-buttons .btn-add-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.missing-groups-buttons .btn-add-more:hover:before{left:100%}.missing-groups-buttons .btn-add-more:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #22c55e80,0 0 0 3px #fff6 inset}.missing-groups-buttons .btn-add-more:active{transform:translateY(0) scale(.98)}.missing-groups-buttons .btn-skip{background:linear-gradient(135deg,#ffffffe6,#f1f5f9e6);color:#64748b;border:2px solid #cbd5e1;padding:.9rem 1.5rem;border-radius:16px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.missing-groups-buttons .btn-skip:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;color:#475569;transform:translateY(-2px)}.premium-plate-modal{background:linear-gradient(165deg,#fffffffa,#f8fafcfc,#f0fdfaf7)!important;border-radius:32px!important;padding:0!important;overflow:hidden;overflow-y:auto;max-width:400px;max-height:90vh;max-height:calc(100vh - 80px);margin:40px auto;box-shadow:0 30px 80px #0000002e,0 15px 35px #667eea1a,0 0 0 1px #fff9,inset 0 2px 3px #ffffffe6!important;transform-style:preserve-3d;animation:modalEntrance .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalEntrance{0%{opacity:0;transform:scale(.85) translateY(30px) rotateX(10deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}.premium-plate-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c,#ffa62e,#667eea);background-size:400% 100%;animation:rainbowSlide 6s linear infinite;z-index:10}@keyframes rainbowSlide{0%{background-position:0% 50%}to{background-position:400% 50%}}.plate-modal-header{background:linear-gradient(145deg,#667eea,#764ba2 40%,#8b5cf6);padding:2.25rem 1.5rem 1.75rem;text-align:center;position:relative;overflow:hidden}.plate-modal-header:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.15) 0%,transparent 30%);animation:orbFloat 8s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-10px) rotate(5deg)}50%{transform:translate(-5px,10px) rotate(-5deg)}75%{transform:translate(5px,5px) rotate(3deg)}}.plate-modal-header:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:30px;background:linear-gradient(165deg,#fffffffa,#f8fafcfc);border-radius:100% 100% 0 0}.plate-icon-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.plate-icon-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffff40;border-radius:50%;animation:pulse-ring-enhanced 2.5s ease-out infinite}.plate-icon-bg:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#ffffff26;border-radius:50%;animation:pulse-ring-enhanced 2.5s ease-out infinite .5s}@keyframes pulse-ring-enhanced{0%{transform:translate(-50%,-50%) scale(.7);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.plate-icon{font-size:3.5rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));position:relative;z-index:1;animation:floatBounce 4s ease-in-out infinite}@keyframes floatBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-12px) scale(1.05)}50%{transform:translateY(-8px) scale(1.02)}75%{transform:translateY(-10px) scale(1.03)}}.plate-modal-header h3{color:#fff!important;font-size:1.5rem;font-weight:800;margin:0 0 .35rem;text-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-text-fill-color:white!important;background:none!important;letter-spacing:-.3px;position:relative;z-index:1}.plate-modal-header p{color:#ffffffe6!important;font-size:.95rem;margin:0;position:relative;z-index:1;font-weight:500}.plate-groups-section{padding:1.25rem 1.5rem}.section-label{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem;font-size:.9rem;font-weight:700}.added-label{color:#059669}.missing-label{color:#d97706}.label-icon{font-size:1.1rem;animation:iconPop 2s ease-in-out infinite}@keyframes iconPop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.label-count{margin-left:auto;background:linear-gradient(135deg,#0000000a,#0000000f);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.3px}.plate-groups-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.plate-group-card{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:16px;padding:1rem;display:flex;align-items:center;gap:.85rem;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;overflow:hidden}.plate-group-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s ease}.plate-group-card:hover:before{left:100%}.plate-group-card.added{background:linear-gradient(145deg,#10b9811f,#0596690f);border-color:#10b98166;box-shadow:0 4px 15px #10b98126}.plate-group-card.added:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #10b98140}.plate-group-card.missing{background:linear-gradient(145deg,#f59e0b1f,#d977060f);border-color:#f59e0b66;animation:missingPulse 2.5s ease-in-out infinite}.plate-group-card.missing:hover{transform:translateY(-2px) scale(1.02);animation:none;box-shadow:0 8px 25px #f59e0b40}@keyframes missingPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #f59e0b1a}50%{transform:scale(1.02);box-shadow:0 6px 20px #f59e0b33}}.group-card-icon{font-size:1.75rem;filter:drop-shadow(0 3px 5px rgba(0,0,0,.12));transition:all .3s ease}.plate-group-card:hover .group-card-icon{transform:scale(1.15) rotate(-8deg)}.group-card-name{flex:1;font-size:.9rem;font-weight:700;color:#1e293b;letter-spacing:-.2px}.group-card-status{position:absolute;top:-5px;right:-5px;animation:statusBounce 2s ease-in-out infinite}@keyframes statusBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.empty-groups-message{grid-column:1 / -1;text-align:center;padding:1.25rem;color:#94a3b8;font-size:.9rem;font-style:italic;background:linear-gradient(135deg,#00000005,#00000008);border-radius:12px}.plate-info-tip{margin:.5rem 1.5rem 1rem;padding:1rem 1.25rem;background:linear-gradient(145deg,#6366f114,#8b5cf60d,#a855f70a);border-radius:14px;display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:#475569;border-left:4px solid linear-gradient(180deg,#667eea,#8b5cf6);border-left:4px solid #8b5cf6;box-shadow:0 4px 15px #8b5cf614}.tip-icon{font-size:1.1rem}.plate-modal-actions{padding:1.25rem 1.25rem 2rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:5}.btn-add-groups{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:1rem 1.5rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #22c55e59;transition:all .3s ease}.btn-add-groups:hover{transform:translateY(-2px);box-shadow:0 12px 35px #22c55e73}.btn-add-groups .btn-icon{font-size:1.1rem}.btn-save-anyway{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:#64748b;border:2px solid #e2e8f0;padding:.875rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save-anyway:hover{border-color:#cbd5e1;background:#f8fafc;color:#475569}.btn-arrow{font-size:1.1rem;transition:transform .3s ease}.btn-save-anyway:hover .btn-arrow{transform:translate(4px)}.plate-progress-ring{position:absolute;top:1rem;right:1rem;width:44px;height:44px}.plate-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.plate-progress-ring .ring-bg{fill:none;stroke:#ffffff4d;stroke-width:3}.plate-progress-ring .ring-fill{fill:none;stroke:#10b981;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.premium-lock-overlay{position:absolute;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:28px}.premium-lock-content{text-align:center;padding:2rem}.premium-crown{font-size:3.5rem;display:block;margin-bottom:1rem;animation:float 2.5s ease-in-out infinite}.premium-lock-content h3{color:#fff!important;font-size:1.4rem;font-weight:800;margin:0 0 .5rem;-webkit-text-fill-color:white!important}.premium-lock-content p{color:#fffc!important;font-size:.9rem;margin:0 0 1.5rem;line-height:1.5}.btn-premium-upgrade{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#1e293b;border:none;padding:.875rem 1.75rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #f59e0b66;margin-bottom:.75rem;transition:all .3s ease}.btn-premium-upgrade:hover{transform:translateY(-2px);box-shadow:0 12px 35px #f59e0b80}.btn-premium-skip{display:block;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3);padding:.625rem 1.25rem;border-radius:10px;font-size:.85rem;cursor:pointer;margin:0 auto;transition:all .3s ease}.btn-premium-skip:hover{background:#ffffff1a;color:#fff}.label-veggies{top:25%;left:25%;transform:translate(-50%,-50%)}.label-grains{top:25%;right:25%;transform:translate(50%,-50%)}.label-dairy{bottom:25%;left:25%;transform:translate(-50%,50%)}.label-protein{bottom:25%;right:25%;transform:translate(50%,50%)}.plate-center-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:20;box-shadow:0 4px 15px #0003,inset 0 1px 3px #fff,0 0 0 2px #fffc;animation:starPulsePremium 3s ease-in-out infinite}@keyframes starPulsePremium{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 8px 32px #00000026,inset 0 2px 4px #fff,0 0 0 3px #ffffff80}50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 12px 40px #0003,inset 0 2px 4px #fff,0 0 0 5px #ffffff4d,0 0 30px #fbbf244d}}.plate-rim-glow{position:absolute;inset:-12px;border-radius:50%;background:transparent;border:2px solid transparent;background:linear-gradient(180deg,#fffc,#fff0,#ffffff4d);background-clip:padding-box;pointer-events:none;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.plate-hint{font-size:.9rem;color:#64748b;font-weight:600;text-align:center;margin:0;padding:.5rem 1.5rem;background:#fffc;border-radius:20px;box-shadow:0 4px 15px #0000000d}@media(max-width:380px){.plate-container-hero{width:220px;height:220px}.plate-label .label-emoji{font-size:1.3rem}.plate-label .label-text{font-size:.55rem}.plate-center-star{width:40px;height:40px;font-size:1.2rem}}.plate-container-modern{position:relative;width:320px;height:320px;margin:0 auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.3));perspective:1200px;transform-style:preserve-3d;z-index:10}.plate-container-modern:hover .plate-modern-3d{transform:rotateX(10deg) translateY(-10px)}.plate-modern-3d{width:100%;height:100%;border-radius:50%;background:#f8fafc;border:12px solid #ffffff;box-shadow:0 10px #e2e8f0,inset 0 10px 20px #00000026,0 20px 40px #0000001a;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;position:relative;cursor:pointer;transform:rotateX(25deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1);animation:floatPlate 6s ease-in-out infinite}@keyframes floatPlate{0%,to{transform:rotateX(25deg) translateY(0)}50%{transform:rotateX(25deg) translateY(-10px)}}.plate-quadrant-modern{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;padding:.5rem}.q-modern-veggies{justify-content:center;align-items:center;padding-right:1rem;padding-bottom:1rem}.q-modern-grains{justify-content:center;align-items:center;padding-left:1rem;padding-bottom:1rem}.q-modern-dairy{justify-content:center;align-items:center;padding-right:1rem;padding-top:1rem}.q-modern-protein{justify-content:center;align-items:center;padding-left:1rem;padding-top:1rem}.plate-quadrant-modern:hover{filter:brightness(1.1);z-index:2}.q-modern-veggies{background:radial-gradient(circle at 60% 60%,#2ecc71,#27ae60,#1e8449);box-shadow:inset 3px 3px 8px #0000004d,inset -1px -1px 5px #ffffff1a}.q-modern-grains{background:radial-gradient(circle at 40% 60%,#f1c40f,#f39c12,#d68910);box-shadow:inset -3px 3px 8px #0000004d,inset 1px -1px 5px #ffffff1a}.q-modern-dairy{background:radial-gradient(circle at 60% 40%,#3498db,#2980b9,#1f6391);box-shadow:inset 3px -3px 8px #0000004d,inset -1px 1px 5px #ffffff1a}.q-modern-protein{background:radial-gradient(circle at 40% 40%,#e74c3c,#c0392b,#922b21);box-shadow:inset -3px -3px 8px #0000004d,inset 1px 1px 5px #ffffff1a}.q-modern-veggies:before,.q-modern-grains:before,.q-modern-dairy:before,.q-modern-protein:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.15) 90%,rgba(0,0,0,.3) 100%);pointer-events:none;z-index:1}.plate-label-modern{position:absolute;z-index:5;top:50%;left:50%;font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;gap:.2rem;pointer-events:none;text-align:center;width:100%}.q-modern-veggies .plate-label-modern{transform:translate(-30%,-30%)}.q-modern-grains .plate-label-modern{transform:translate(-70%,-30%)}.q-modern-dairy .plate-label-modern{transform:translate(-30%,-70%)}.q-modern-protein .plate-label-modern{transform:translate(-70%,-70%)}.q-modern-veggies,.q-modern-grains,.q-modern-dairy,.q-modern-protein{padding:0;display:block}.plate-label-modern .emoji-part{font-size:2rem;line-height:1.1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) drop-shadow(0 0 20px currentColor);display:block;margin-bottom:.1rem;animation:pulseEmoji 3s ease-in-out infinite}.feedback-card{background:#fff;border-radius:24px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 10px 30px #00000014;border:2px solid transparent;animation:slideInDown .5s cubic-bezier(.34,1.56,.64,1)}.feedback-card.warning{background:linear-gradient(135deg,#fff,#fffcf2);border-color:#ffeaa7}.feedback-card.success{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#55efc4}.feedback-card.info{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#74b9ff}.feedback-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feedback-icon{font-size:2rem;background:#00b8941a;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}.feedback-title h3{font-size:1.1rem;margin:0;color:#2d3436}.feedback-date{font-size:.8rem;color:#b2bec3}.feedback-content p{color:#636e72;line-height:1.6;font-size:1rem;margin-bottom:1.5rem}.feedback-ack-btn{width:100%;padding:1rem;background:#00b894;color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.feedback-ack-btn:active{transform:scale(.98)}.feedback-close{margin-left:auto;background:none;border:none;font-size:1.2rem;color:#b2bec3;cursor:pointer}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseEmoji{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.plate-label-modern:hover .emoji-part{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 6px 16px rgba(0,0,0,.4)) drop-shadow(0 0 30px currentColor)}.plate-label-modern .text-part{font-size:.7rem;margin-top:0;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:.15rem .5rem;border-radius:8px;white-space:normal;line-height:1.1;max-width:85%;display:inline-block;font-weight:700;box-shadow:0 4px 8px #0000001a;animation:fadeInText .8s ease-out;transition:all .3s ease}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.plate-label-modern:hover .text-part{background:#ffffff40;border-color:#fff6;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.plate-quadrant-modern{animation:slideInQuadrant .6s ease-out backwards}.q-modern-veggies{animation-delay:.1s}.q-modern-grains{animation-delay:.2s}.q-modern-dairy{animation-delay:.3s}.q-modern-protein{animation-delay:.4s}@keyframes slideInQuadrant{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);font-size:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.progress-icon span{display:block;margin-bottom:.2rem}.center-star-modern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;background:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003,0 0 20px #ffd70080;z-index:10;animation:rotateStar 10s linear infinite,pulseStar 2s ease-in-out infinite;transition:all .3s ease}@keyframes rotateStar{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseStar{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #ffd70080}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 30px #ffd700cc}}.premium-back-btn{position:fixed!important;bottom:max(90px,env(safe-area-inset-bottom,0rem) + 90px);left:1rem;z-index:99999!important;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00b894,#00cec9);border:none;box-shadow:0 4px 16px #00b89466,0 0 0 2px #ffffffe6;display:none!important;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);outline:none;font-weight:700;opacity:1!important;visibility:visible!important}.meal-page .premium-back-btn,.health-page .premium-back-btn{display:flex!important}.premium-back-btn:active{transform:scale(.92);box-shadow:0 2px 8px #00b8944d}.premium-back-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #00b89480}.category-scroll-container{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;gap:1rem;padding:.5rem;margin:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:160px;width:100%;align-items:flex-start}.category-scroll-container::-webkit-scrollbar{display:none}.food-card-wrapper{flex:0 0 auto;position:relative;width:110px}.food-card{width:100%;height:140px;background:#fff;border-radius:20px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 10px #00000008;position:relative;overflow:hidden}.food-card:active{transform:scale(.95)}.food-card.selected{background:linear-gradient(135deg,#fff,#f0f9ff);border:2px solid var(--primary-color);box-shadow:0 8px 20px #00b89433;transform:translateY(-5px)}.food-card-emoji{font-size:2.5rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 4px rgba(0,0,0,.1));transition:transform .3s ease;animation:cardEmojiPulse 2.5s ease-in-out infinite;display:inline-block}@keyframes cardEmojiPulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.1) rotate(5deg)}}.food-card.selected .food-card-emoji{transform:scale(1.2) rotate(10deg)}.food-card-name{font-size:.85rem;font-weight:600;color:#2d3436;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-card-qty{position:absolute;top:8px;right:8px;background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:8px;opacity:0;transform:scale(0);transition:all .3s ease}.food-card.selected .food-card-qty{opacity:1;transform:scale(1)}.premium-input-wrapper{position:relative;margin-top:1.5rem}.premium-input-wrapper input{width:100%;padding:1.2rem 1.2rem 1.2rem 3.5rem;border:none;background:#fff;border-radius:20px;font-size:1rem;box-shadow:0 4px 15px #0000000d;transition:all .3s ease}.premium-input-wrapper input:focus{outline:none;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.premium-input-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);font-size:1.4rem;pointer-events:none}.category-group h3{font-size:1.1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:#2d3436}.food-chips{display:flex!important;flex-wrap:wrap!important;overflow-x:visible!important;overflow-y:visible!important;gap:.75rem;padding:.5rem 0;margin:0;min-height:60px;width:100%}.food-chips::-webkit-scrollbar{display:none}.portion-control-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:400px;max-height:80vh;overflow-y:auto;background:#fff;border-radius:24px;padding:0;z-index:100000;display:none;box-shadow:0 8px 32px #00000040;animation:modalFadeIn .3s ease-out forwards}.portion-control-panel.active{display:block}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.portion-header{font-size:.9rem;font-weight:600;color:#2d3436;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center}.portion-options{display:flex;flex-wrap:wrap;gap:.5rem}.unit-chip{background:#fff;border:1px solid #dfe6e9;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;color:#636e72;cursor:pointer;transition:all .2s ease}.unit-chip:active{transform:scale(.95)}.unit-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 5px #00b8944d}.manual-portion-input{background:#fff;border:1px solid #dfe6e9;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;width:100px;transition:all .2s ease}.manual-portion-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #00b89433}@keyframes pulseStar{0%,to{box-shadow:0 4px 15px #0003,0 0 20px #ffd70080}50%{box-shadow:0 6px 20px #0000004d,0 0 40px #ffd700cc}}.center-star-modern:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 8px 25px #0000004d,0 0 50px gold}.logout-btn,.logout-btn-small{padding:.5rem 1.2rem;border:1px solid #ff7675;color:#ff7675;background:transparent;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.logout-btn:hover,.logout-btn-small:hover{background:#ff7675;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000}#delete-account-modal .modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#000000d9!important;z-index:0!important}#delete-account-modal .modal-content{background:#fff!important;opacity:1!important}#delete-log-modal .modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#000000d9!important}#delete-log-modal .modal-content{background:#fff!important;opacity:1!important}.modal-overlay[hidden]{display:none!important}.modal-card{background:#fff;padding:2.5rem;border-radius:24px;width:90%;max-width:400px;box-shadow:0 20px 50px #0003;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}#confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:9999}.confetti{position:absolute;width:8px;height:12px;background:#f39c12;opacity:.9;transform:rotate(45deg);animation:confetti-fall 3s linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.dietitian-feedback{margin-top:.75rem;padding:.75rem;background-color:#f0f9ff;border-left:4px solid #3498db;border-radius:4px;display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:#2c3e50}.feedback-icon{font-size:1.2rem}.feedback-text{line-height:1.4}.daily-water-summary{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-radius:20px;padding:2rem;margin-top:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 12px #3b82f626}.breakfast-hero-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.hero-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;border:1px solid var(--color-border-soft);transition:border-color var(--transition-fast);cursor:pointer;position:relative}.hero-card:hover{border-color:var(--color-primary)}.hero-icon{font-size:2.5rem}.hero-label{font-weight:600;color:var(--color-text-primary);font-size:.95rem;line-height:1.3}.hero-protein,.hero-grains,.hero-veggies,.hero-fats{background:var(--color-bg-card)}@media(min-width:768px){.breakfast-hero-grid{grid-template-columns:repeat(4,1fr)}}.water-icon-large{font-size:4rem;background:#fff;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.water-stats h3{margin:0 0 .5rem;color:#0c4a6e;font-size:1.1rem}.water-amount{font-size:2.5rem;font-weight:800;color:#0ea5e9;margin:.25rem 0}.water-goal{margin:0;color:#64748b;font-size:.9rem}.water-intake-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem}.water-quick-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:1.5rem 0}.water-amount-btn{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.water-amount-btn:hover{background:#e0f2fe;border-color:#0ea5e9;transform:translateY(-2px)}.water-amoun.qty-btn.active{background:#2980b9;color:#fff;border-color:#2980b9;box-shadow:0 4px 10px #2980b94d}.water-amount-btn.active{background:linear-gradient(135deg,#06b6d4,#3b82f6);border-color:#0ea5e9;color:#fff}.water-amount-btn .amount{font-size:1.2rem;font-weight:700}.water-amount-btn .description{font-size:.85rem;opacity:.8}.today-water-log{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 12px #00000014}.today-water-log h3{margin:0 0 1.5rem;color:#1e293b}.water-log-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.water-time{color:#64748b;font-size:.9rem}.water-amount-display{font-size:1.2rem;font-weight:700;color:#0ea5e9;flex:1;text-align:center}.delete-water-btn{background:#fee2e2;border:none;border-radius:8px;padding:.5rem .75rem;cursor:pointer;font-size:1.2rem;transition:all .2s ease}[hidden],.view-section[hidden],.meal-page[hidden],.meal-selection-menu[hidden],div[hidden]{display:none!important}.delete-water-btn:hover{background:#fecaca;transform:scale(1.1)}.empty-state{text-align:center;color:#94a3b8;padding:2rem;font-size:.95rem}.hunger-assessment{max-width:100%;margin:2rem 0 0;padding:2rem;border-radius:24px;text-align:center;animation:fadeIn .8s ease;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #00000014;border:2px solid rgba(255,215,0,.2);position:relative;overflow:hidden}.hunger-assessment:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2ecc71,#f39c12,#e74c3c)}.hunger-assessment h3{font-size:1.2rem;color:var(--text-dark);margin-bottom:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:.5rem}.hunger-control{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.hunger-emoji-scale{display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;margin-bottom:.5rem}.hunger-emoji{font-size:1.8rem;transition:all .3s ease;filter:grayscale(.8) opacity(.5)}.hunger-emoji.active{filter:grayscale(0) opacity(1);transform:scale(1.4);text-shadow:0 4px 12px rgba(0,0,0,.2)}.hunger-slider-wrapper{background:linear-gradient(135deg,#f8fafc,#fff);padding:2rem 1.5rem;border-radius:20px;border:2px solid #edf2f7;position:relative;box-shadow:inset 0 2px 8px #0000000d,0 4px 12px #00000014}.hunger-slider-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.8) 0%,transparent 100%);border-radius:20px 20px 0 0;pointer-events:none}.hunger-range{-webkit-appearance:none;appearance:none;width:100%;height:20px;border-radius:16px;background:linear-gradient(90deg,#2ecc71,#f1c40f,#f39c12,#e67e22,#e74c3c);outline:none;position:relative;z-index:1;box-shadow:inset 0 3px 6px #00000026,0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.hunger-range:hover{transform:scaleY(1.1);box-shadow:inset 0 3px 6px #00000026,0 4px 12px #00000026,0 0 20px #2ecc714d}.hunger-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#fff,#f8f9fa,#e9ecef);cursor:grab;box-shadow:0 6px 20px #00000040,0 0 0 5px #fffffff2,0 0 0 8px #00000014,0 0 30px #2ecc7166,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #0000001a;border:3px solid #fff;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.hunger-range::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 8px 24px #0000004d,0 0 0 6px #fffffff2,0 0 0 10px #0000001a,0 0 40px #2ecc7199,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #0000001a;cursor:grabbing}.hunger-range::-webkit-slider-thumb:active{transform:scale(1.15);cursor:grabbing;animation:pulse-glow .6s ease-in-out}@keyframes pulse-glow{0%,to{box-shadow:0 6px 20px #00000040,0 0 0 5px #fffffff2,0 0 0 8px #00000014,0 0 30px #2ecc7166}50%{box-shadow:0 6px 20px #00000040,0 0 0 5px #fffffff2,0 0 0 8px #00000014,0 0 50px #2ecc71cc}}.hunger-range::-moz-range-thumb{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#fff,#f8f9fa,#e9ecef);cursor:grab;box-shadow:0 6px 20px #00000040,0 0 0 5px #fffffff2,0 0 0 8px #00000014,0 0 30px #2ecc7166;border:3px solid #fff;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.hunger-range::-moz-range-thumb:hover{transform:scale(1.25);cursor:grabbing}.hunger-value{font-size:1.8rem;font-weight:800;color:var(--text-dark);margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:50px;box-shadow:0 4px 12px #00000014;border:2px solid #edf2f7;transition:all .3s ease}.hunger-value span{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem}@media(max-width:768px){.hunger-assessment{padding:1.5rem}.hunger-emoji{font-size:1.4rem}.hunger-emoji.active{transform:scale(1.2)}.hunger-value{font-size:1.4rem;padding:.6rem 1.5rem}.hunger-value span{font-size:1.6rem}}.meal-selection-menu{padding:10px;max-width:1200px;margin:0 auto}.selection-title{text-align:center;font-size:1.8rem;font-weight:800;color:var(--text-dark);margin-bottom:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meal-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.meal-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;box-shadow:0 8px 32px #00000014;position:relative;overflow:hidden}.meal-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.meal-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #00000026}.breakfast-card{border-color:#ffd93d}.breakfast-card:hover{background:linear-gradient(135deg,#fff9e6,#fff);border-color:#ffd93d}.lunch-card{border-color:#6bcf7f}.lunch-card:hover{background:linear-gradient(135deg,#e8f9ec,#fff);border-color:#6bcf7f}.dinner-card{border-color:#9d84b7}.dinner-card:hover{background:linear-gradient(135deg,#f3f0f7,#fff);border-color:#9d84b7}.snack-card-menu{border-color:#ff6b9d}.snack-card-menu:hover{background:linear-gradient(135deg,#fff0f5,#fff);border-color:#ff6b9d}.meal-card-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.meal-card:hover .meal-card-icon{transform:scale(1.2) rotate(5deg)}.meal-card h3{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.meal-card p{font-size:.95rem;color:var(--text-medium);margin:0}.meal-page{padding:2rem 1rem 6rem;max-width:1200px;margin:0 auto;overflow-y:auto;max-height:100vh;border:5px solid red!important;background:#f8f9fa!important;opacity:1!important;display:block!important;visibility:visible!important}.food-card{border:1px solid green!important;background:#fff!important;color:#000!important}@media(max-width:768px){.meal-page{padding:1.5rem .75rem 5rem}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.back-to-menu-btn{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #eee;padding:10px 20px;border-radius:12px;font-size:1rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000000d}.back-to-menu-btn:hover{background:#fff;transform:translate(-5px);box-shadow:0 6px 16px #0000001a}.meal-page-title{font-size:2rem;font-weight:800;color:var(--text-dark);margin-bottom:2rem;text-align:center}.save-meal-section{background:transparent;padding:1.5rem 1rem 2rem;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative}@media(max-width:768px){.save-meal-section{padding:1rem .75rem 1.5rem;margin-top:1rem;gap:1rem}}.form-group-small{width:100%;max-width:400px}.form-group-small label{display:block;font-weight:700;color:var(--text-dark);margin-bottom:1rem;font-size:1.05rem;display:flex;align-items:center;gap:.6rem;justify-content:center}.form-group-small label:before{content:"🕐";font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.form-group-small input[type=time]{width:100%;padding:1.2rem 1.8rem;border-radius:20px;border:2px solid #edf2f7;background:linear-gradient(135deg,#fff,#f8fafc);font-size:1.15rem;font-weight:700;color:var(--text-dark);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0000000d,inset 0 2px 4px #00000008;text-align:center}.form-group-small input[type=time]:focus{outline:none;border-color:#2ecc71;background:#fff;box-shadow:0 0 0 5px #2ecc711f,0 8px 20px #2ecc7126;transform:translateY(-3px) scale(1.02)}.save-meal-btn{width:auto;min-width:280px;max-width:400px;padding:1.6rem 3rem;background:var(--success-gradient);color:#fff;border:none;border-radius:var(--radius-xl);font-weight:900;font-size:1.3rem;cursor:pointer;transition:all var(--transition-bouncy);box-shadow:var(--shadow-glow);display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.save-meal-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%,transparent);transform:rotate(45deg);animation:shimmer-move 3s infinite}@keyframes shimmer-move{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.save-meal-btn:after{content:"";position:absolute;inset:-4px;border-radius:30px;padding:2px;background:linear-gradient(45deg,#2ecc71,#f39c12,#e74c3c,#2ecc71);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;animation:rotate-gradient 3s linear infinite}@keyframes rotate-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.save-meal-btn:hover:after{opacity:1}.save-meal-btn:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 20px 50px #2ecc7180,0 10px 25px #0003,inset 0 2px 6px #fff6,inset 0 -2px 6px #0003,0 0 40px #2ecc7166}.save-meal-btn:active{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #2ecc7166,0 5px 15px #00000026,inset 0 2px 6px #ffffff4d}@keyframes icon-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}}.save-meal-btn:hover{animation:floating 2s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(-6px) scale(1.05)}50%{transform:translateY(-10px) scale(1.05)}}@media(max-width:768px){.save-meal-section{padding:2rem 1rem}.save-meal-btn{min-width:100%;padding:1.4rem 2rem;font-size:1.15rem}.form-group-small{max-width:100%}}.snack-visuals{margin-bottom:2rem}.snack-visuals .snack-items-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.snack-visuals .snack-card{width:120px;height:120px}@media(max-width:768px){.meal-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.meal-card{padding:1.5rem}.meal-card-icon{font-size:3rem}.meal-page{padding:1rem}.selection-title{font-size:1.4rem}.meal-page-title{font-size:1.5rem}}.breakfast-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0;padding:1rem}.breakfast-item{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;border:2px solid #ffd93d;box-shadow:var(--shadow-sm);transition:all var(--transition-bouncy);position:relative;overflow:hidden}.breakfast-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ffd93d,#fcbf49,#ffd93d);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.breakfast-item:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 40px #ffd93d4d;border-color:#fcbf49;background:linear-gradient(135deg,#fff,#fffbf0)}.breakfast-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.breakfast-item:hover .breakfast-icon{transform:scale(1.15) rotate(-5deg)}.breakfast-item h4{font-size:1.1rem;font-weight:700;color:#6b4423;margin:0 0 .5rem;letter-spacing:.3px}.breakfast-item p{font-size:.85rem;color:#8b6f47;margin:0;line-height:1.4;font-weight:500}@media(max-width:768px){.breakfast-categories{grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem}.breakfast-item{padding:1.5rem 1rem}.breakfast-icon{font-size:2.5rem}.breakfast-item h4{font-size:.95rem}}.history-card-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);transition:all var(--transition-base);display:flex;flex-direction:column;gap:.75rem}.history-card-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.history-card-header{display:flex;align-items:center;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.history-icon-wrapper{font-size:2rem;background:#f8fafc;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.history-info{flex:1}.history-title{font-weight:700;color:#1e293b;font-size:1.1rem;margin-bottom:.2rem}.history-time{color:#64748b;font-size:.85rem}.delete-log-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;opacity:.5;transition:opacity .2s;padding:.5rem;border-radius:50%}.delete-log-btn:hover{opacity:1;background:#fee2e2}.history-food-list{font-size:1rem;color:#334155;line-height:1.5}.history-details{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.history-tag{background:#f1f5f9;color:#64748b;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}#history-view{padding-bottom:80px;min-height:100%;background:#f8fafc}#history-content{padding:1rem;max-width:600px;margin:0 auto}.history-list{display:flex;flex-direction:column;gap:1rem}.favorites-container{display:grid;gap:1.25rem;padding-bottom:6rem}.favorite-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:1rem;transition:all var(--transition-base);position:relative;overflow:hidden}.favorite-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#00b89433}.favorite-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--text-tertiary);opacity:.3;transition:background .3s}.favorite-card:hover:before{background:var(--primary-color);opacity:1}.favorite-header{display:flex;justify-content:space-between;align-items:flex-start}.favorite-info{display:flex;align-items:center;gap:1rem}.favorite-icon-box{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:var(--bg-primary);box-shadow:inset 0 2px 4px #00000008;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.favorite-card:hover .favorite-icon-box{transform:scale(1.1) rotate(5deg)}.favorite-icon-box.meal-breakfast{background:linear-gradient(135deg,#fff5e6,#ffeaa7);color:#e67e22}.favorite-icon-box.meal-lunch{background:linear-gradient(135deg,#e3f2fd,#74b9ff);color:#0984e3}.favorite-icon-box.meal-dinner{background:linear-gradient(135deg,#f3e5f5,#a29bfe);color:#6c5ce7}.favorite-icon-box.meal-snack{background:linear-gradient(135deg,#e8f5e9,#55efc4);color:#00b894}.favorite-icon-box.meal-water{background:linear-gradient(135deg,#e0f7fa,#00cec9);color:#00b894}.favorite-details h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.favorite-details p{font-size:.9rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-foods{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#00b8940d,#00cec908);border-left:3px solid rgba(0,184,148,.3);border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.favorite-foods strong{color:var(--text-primary);margin-right:.5rem}.favorite-meta{display:flex;gap:.75rem;margin-top:.5rem}.meta-tag{font-size:.75rem;padding:.25rem .75rem;border-radius:20px;background:var(--bg-primary);color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:.25rem}.favorite-actions{display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.btn-favorite-action{flex:1;padding:.75rem;border-radius:var(--radius-sm);border:none;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-use{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #00b89433}.btn-use:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00b8944d}.btn-delete{background:#fff5f5;color:#e74c3c;flex:0 0 50px}.btn-delete:hover{background:#ffe3e3;transform:translateY(-2px)}.profile-container{padding-bottom:6rem}.profile-header{background:#fff;border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:2rem 1.5rem;text-align:center;box-shadow:var(--shadow-md);margin-bottom:1.5rem;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% -20%,rgba(0,184,148,.1) 0%,transparent 70%);pointer-events:none}.profile-avatar-wrapper{width:100px;height:100px;margin:0 auto 1rem;position:relative}.profile-avatar{width:100%;height:100%;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;box-shadow:var(--shadow-glow);border:4px solid white}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.profile-role{font-size:.9rem;color:var(--text-secondary);background:#0000000d;padding:.25rem .75rem;border-radius:20px;display:inline-block}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 1.5rem 1.5rem}.profile-stat-card{background:#fff;padding:1rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.03);transition:transform .2s}.profile-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--primary-dark);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.profile-menu{background:#fff;border-radius:var(--radius-lg);margin:0 1.5rem;padding:.5rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.03)}.profile-menu-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:var(--radius-md);cursor:pointer;transition:background .2s;color:var(--text-primary);text-decoration:none;border:none;width:100%;background:none;font-family:var(--font-body);font-size:1rem}.profile-menu-item:hover{background:var(--bg-primary)}.menu-icon-wrapper{display:flex;align-items:center;gap:1rem}.menu-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--primary-dark);font-size:1.2rem}.profile-menu-item.danger{color:#e74c3c}.profile-menu-item.danger .menu-icon{background:#fff5f5;color:#e74c3c}.sleep-card-grid{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff}.sleep-card-grid p{color:#ffffffe6}.feeling-btn.active{background:#e17055!important;color:#fff!important;border-color:#e17055!important;box-shadow:0 4px 10px #e170554d}.input-group-modern{display:flex;align-items:center;gap:10px}.voice-btn{background:var(--primary-gradient);color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);font-size:1.2rem;flex-shrink:0}.voice-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.voice-btn.listening{background:var(--danger-gradient);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #e74c3cb3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #e74c3c00}to{transform:scale(1);box-shadow:0 0 #e74c3c00}}.date-picker-scroll-container{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem .25rem 1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.date-picker-scroll-container::-webkit-scrollbar{display:none}.premium-date-card{min-width:70px;height:90px;background:#fff;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #00000008;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden}.premium-date-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.premium-date-card.active{background:var(--primary-gradient);color:#fff;box-shadow:0 8px 24px #00b8944d;transform:scale(1.05);border:none}.premium-date-card .day-name{font-size:.8rem;font-weight:500;opacity:.7;margin-bottom:.25rem}.premium-date-card.active .day-name{opacity:.9}.premium-date-card .day-num{font-size:1.4rem;font-weight:700;font-family:var(--font-display)}.premium-date-card .dot{width:6px;height:6px;background:var(--primary-color);border-radius:50%;margin-top:6px}.premium-date-card.active .dot{background:#fff}.premium-summary-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;margin-bottom:1.5rem!important}.premium-stat-card{background:#fff;border-radius:20px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden}.premium-stat-card .stat-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem;background:var(--bg-primary)}.premium-stat-card.meal .stat-icon-wrapper{background:#fff3e0;color:#ff9800}.premium-stat-card.water .stat-icon-wrapper{background:#e0f7fa;color:#00bcd4}.premium-stat-card.protein .stat-icon-wrapper{background:#e8f5e9;color:#4caf50}.premium-stat-card.carbs .stat-icon-wrapper{background:#e3f2fd;color:#2196f3}.premium-stat-card .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.premium-stat-card .stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.premium-timeline{display:flex;flex-direction:column;gap:1.5rem;padding-left:1rem;position:relative}.premium-timeline:before{content:"";position:absolute;left:23px;top:20px;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,#dfe6e9 0,#dfe6e9 6px,transparent 6px,transparent 12px);z-index:0}.premium-timeline-item{display:flex;gap:1.25rem;position:relative;z-index:1}.timeline-icon-wrapper{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #f0f2f5;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 10px #0000000d}.premium-timeline-card{flex:1;background:#fff;border-radius:18px;padding:1.25rem;box-shadow:0 4px 16px #0000000a;border:1px solid rgba(0,0,0,.02);position:relative;overflow:hidden}.premium-timeline-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color)}.type-breakfast .premium-timeline-card:before{background:#f1c40f}.type-lunch .premium-timeline-card:before{background:#2ecc71}.type-dinner .premium-timeline-card:before{background:#9b59b6}.type-snack .premium-timeline-card:before{background:#e67e22}.type-water .premium-timeline-card:before{background:#00cec9}.type-sleep .premium-timeline-card:before{background:#6c5ce7}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.timeline-title{font-weight:700;color:var(--text-primary);font-size:1.05rem}.timeline-time{font-size:.8rem;color:var(--text-tertiary);background:#f8f9fa;padding:.25rem .6rem;border-radius:12px}.timeline-details{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.timeline-tags{display:flex;gap:.5rem;margin-top:.75rem}.premium-tag{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:600}.premium-tag.protein{background:#e8f5e9;color:#2e7d32}.premium-tag.carbs{background:#e3f2fd;color:#1565c0}.premium-tag.calories{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.premium-tag.fat{background:#f3e5f5;color:#7b1fa2}.premium-tag.fastfood{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.food-items-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.food-item-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba214);border-radius:14px;border:1px dashed rgba(102,126,234,.25);transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.food-item-row:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea26,#764ba21f);opacity:0;transition:opacity .3s ease}.food-item-row:hover{transform:translate(5px) scale(1.02);box-shadow:0 5px 15px #667eea33}.food-item-row:hover:before{opacity:1}.food-item-row .food-emoji{font-size:1.2rem;flex-shrink:0;animation:emojiPulse 2s ease-in-out infinite;display:inline-block}@keyframes emojiPulse{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-5deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.15) rotate(5deg)}}.timeline-icon-wrapper{animation:iconBounce 3s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.fastfood-chip .chip-emoji{animation:chipWiggle 2.5s ease-in-out infinite;display:inline-block}@keyframes chipWiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.1)}75%{transform:rotate(8deg) scale(1.1)}}.food-item-row .food-name{flex:1;font-size:.9rem;font-weight:600;color:#2d3436}.food-item-row .food-amount{font-size:.85rem;font-weight:700;color:#00cec9;background:#00cec91a;padding:.2rem .6rem;border-radius:8px}.food-item-row .food-macros{font-size:.7rem;font-weight:600;color:#667eea;background:#667eea1a;padding:.2rem .5rem;border-radius:6px;margin-left:auto;white-space:nowrap}.food-item-row .food-macros.approx{font-style:italic;color:#9b59b6;background:#9b59b61a}.food-item-row.water-item{background:linear-gradient(135deg,#00cec91a,#74b9ff1a);border-color:#00cec933}.food-item-row.sleep-item{background:linear-gradient(135deg,#6c5ce71a,#a29bfe1a);border-color:#6c5ce733}.food-item-row.fastfood-item{background:linear-gradient(135deg,#ff6b6b14,#ff9f4314);border-color:#ff6b6b26}.food-item-row.food-group-protein{background:linear-gradient(135deg,#4caf501f,#81c7841a);border-color:#4caf504d}.food-item-row.food-group-protein:hover{box-shadow:0 5px 15px #4caf5040}.food-item-row.food-group-grains{background:linear-gradient(135deg,#ffc1071f,#ffd54f1a);border-color:#ffc1074d}.food-item-row.food-group-grains:hover{box-shadow:0 5px 15px #ffc10740}.food-item-row.food-group-veggies{background:linear-gradient(135deg,#8bc34a1f,#aed5811a);border-color:#8bc34a4d}.food-item-row.food-group-veggies:hover{box-shadow:0 5px 15px #8bc34a40}.food-item-row.food-group-dairy{background:linear-gradient(135deg,#03a9f41a,#90caf914);border-color:#03a9f440}.food-item-row.food-group-dairy:hover{box-shadow:0 5px 15px #03a9f433}.food-item-row.food-group-fruits{background:linear-gradient(135deg,#e91e631a,#f0629214);border-color:#e91e6340}.food-item-row.food-group-fruits:hover{box-shadow:0 5px 15px #e91e6333}.food-item-row.food-group-fastfood{background:linear-gradient(135deg,#ff98001f,#ffb74d1a);border-color:#ff98004d}.food-item-row.food-group-fastfood:hover{box-shadow:0 5px 15px #ff980040}.food-item-row.food-group-default{background:linear-gradient(135deg,#667eea1a,#764ba214);border-color:#667eea40}.food-item-row.food-group-default:hover{box-shadow:0 5px 15px #667eea33}.food-macros-inline{display:flex;flex-wrap:wrap;gap:.35rem;width:100%;margin-top:.3rem;padding-left:2rem}.macro-chip{font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:6px}.macro-chip.kcal{background:#ff6b3526;color:#e65100}.macro-chip.protein{background:#4caf5026;color:#2e7d32}.macro-chip.carbs{background:#2196f326;color:#1565c0}.macro-chip.fat{background:#9c27b026;color:#7b1fa2}.meal-total-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border:1px dashed rgba(102,126,234,.3)}.summary-label{font-size:.8rem;font-weight:700;color:#667eea;margin-right:.25rem}.total-macro{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:8px}.total-macro.kcal{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.total-macro.protein{background:#e8f5e9;color:#2e7d32}.total-macro.carbs{background:#e3f2fd;color:#1565c0}.total-macro.fat{background:#f3e5f5;color:#7b1fa2}.text-muted{color:#b2bec3;font-style:italic}.history-date-header{background:#fff;padding:1rem 1.25rem;border-radius:16px;margin-bottom:1rem;box-shadow:0 2px 8px #00000008;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.history-date-header .date-title{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.history-date-header .toggle-icon{color:var(--text-tertiary);transition:transform .3s ease}.profile-premium-bg{display:none}.profile-header-glass{padding:calc(env(safe-area-inset-top,44px) + 16px) 20px 28px;background:linear-gradient(155deg,#064e3b,#065f46 40%,#047857);border-radius:0 0 32px 32px;margin-bottom:1.5rem;box-shadow:0 12px 40px #064e3b59,0 4px 16px #04785733;position:relative;overflow:hidden}.profile-header-glass:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 30%,rgba(16,185,129,.2) 0%,transparent 50%),radial-gradient(circle at 90% 70%,rgba(52,211,153,.12) 0%,transparent 50%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.06) 0%,transparent 40%);z-index:0}.profile-header-glass:after{display:none}.profile-header-row{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.profile-avatar-container{position:relative;width:100px;height:100px;flex-shrink:0}.profile-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#0d4a3a,#064e3b);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border:3px solid rgba(16,185,129,.6);box-shadow:0 0 20px #10b98140,0 8px 25px #0000004d;overflow:hidden}.profile-avatar-glow{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#10b981,#34d399,#6ee7b7,#10b981);opacity:.45;filter:blur(10px);z-index:1;animation:glowPulse 4s ease-in-out infinite}.profile-camera-badge{position:absolute;bottom:2px;right:2px;width:30px;height:30px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2.5px solid #065f46;box-shadow:0 3px 10px #10b98166;z-index:3}@keyframes glowPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.06)}}.profile-header-info{flex:1;min-width:0}.profile-name-text{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.2;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dyt-badge{display:inline-flex;align-items:center;gap:6px;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .3s ease;max-width:100%}.profile-dyt-badge:active{transform:scale(.97);background:#10b98140}.dyt-badge-icon{width:20px;height:20px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700;flex-shrink:0}.dyt-badge-label{font-size:.8125rem;font-weight:500;color:#a7f3d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-subtitle{color:#ffffff8c;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;padding:6px 14px;border-radius:16px;margin:4px 0 0;border:1px solid rgba(255,255,255,.08)}.settings-container-premium{padding:0 1.5rem 6rem;display:grid;gap:.8rem}.settings-section-title{font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 0;margin-top:.5rem}.premium-setting-card{background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:1.3rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden;animation:slideUpFade .5s ease backwards;box-shadow:0 4px 15px #00000008}.premium-setting-card:active{transform:scale(.98)}.premium-setting-card:hover{transform:translateY(-6px) scale(1.01);background:#fffffffa;box-shadow:0 20px 50px #667eea1f,0 10px 20px #0000000d;border-color:#667eea33}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transform:translate(-100%);transition:.6s}.premium-setting-card:hover .card-glow{transform:translate(100%)}.setting-icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.setting-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal;line-height:1;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important}.setting-icon-wrapper:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,#667eea1a,#f093fb1a);transition:all .3s ease}.premium-setting-card:hover .setting-icon-wrapper{transform:scale(1.15) rotate(8deg)}.premium-setting-card:hover .setting-icon-wrapper:before{background:linear-gradient(135deg,#667eea33,#f093fb33)}.setting-content{flex:1}.setting-title{font-size:1.1rem;font-weight:700;color:#2d3436;margin-bottom:.25rem;transition:color .3s ease}.premium-setting-card:hover .setting-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.setting-desc{font-size:.85rem;color:#b2bec3;font-weight:500}.setting-arrow{color:#dfe6e9;font-size:1.5rem;font-weight:300;transition:all .3s ease}.premium-setting-card:hover .setting-arrow{color:#667eea;transform:translate(8px)}.gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-blue{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-green{background:linear-gradient(135deg,#43e97b,#38f9d7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-orange{background:linear-gradient(135deg,#fa709a,#fee140);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-red{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logout-card{border:1px solid rgba(231,76,60,.1)}.logout-card:hover{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#e74c3c4d;box-shadow:0 20px 50px #e74c3c1a}.logout-card:hover .setting-title{background:linear-gradient(135deg,#e74c3c,#c0392b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.modal[hidden]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}#delete-account-modal,#delete-account-modal .modal-content,#delete-log-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-content{border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.modal .modal-content,.modal .modal-card,.modal-overlay .modal-card{max-height:85vh!important;max-height:85dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-form-group{margin-bottom:1.5rem;position:relative}.premium-label{display:block;margin-bottom:.5rem;color:#64748b;font-weight:600;font-size:.9rem;transition:all .2s}.premium-input{width:100%;padding:1rem 1.2rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;font-size:1rem;color:#334155;transition:all .3s ease}.premium-input:focus{outline:none;background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.premium-input::placeholder{color:#cbd5e1}.premium-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;border:none;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #764ba233;display:flex;align-items:center;justify-content:center;gap:.5rem}.premium-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #764ba24d}.premium-btn-secondary{background:#f1f5f9;color:#64748b;padding:1rem;border:none;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.premium-btn-secondary:hover{background:#e2e8f0;color:#475569;transform:translateY(-2px)}.premium-tabs{background:#f8fafc;padding:.5rem;border-radius:16px;display:flex;gap:.5rem;margin-bottom:1.5rem}.premium-tab{flex:1;padding:.8rem;border:none;background:transparent;border-radius:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.premium-tab.active{background:#fff;color:#667eea;box-shadow:0 4px 12px #0000000d}.premium-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;cursor:pointer;transition:all .3s ease;gap:1rem}.premium-upload-label:hover{background:#f1f5f9;border-color:#667eea;transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}input[type=date],input[type=time]{appearance:none;-webkit-appearance:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:1rem 1.2rem;font-size:1rem;color:#334155;font-family:inherit;width:100%;transition:all .3s ease;cursor:pointer;position:relative}input[type=date]:focus,input[type=time]:focus{outline:none;background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background-color:transparent;padding:5px;cursor:pointer;filter:invert(.5) sepia(1) saturate(5) hue-rotate(200deg);transition:transform .2s ease}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator{transform:scale(1.1)}#tanita-photo-date,#tanita-manual-date{background-image:linear-gradient(to right,#f8fafc,#f1f5f9)}.premium-suggestion-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(255,255,255,.8);display:flex;align-items:center;gap:1rem;animation:slideDownFade .5s ease-out}.premium-suggestion-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#667eea,#764ba2)}.suggestion-icon{font-size:2.5rem;background:#f0f3ff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 12px #667eea26}.suggestion-content{flex:1}.suggestion-title{font-weight:700;color:#2d3436;margin-bottom:.25rem;font-size:1.1rem}.suggestion-text{color:#636e72;font-size:.95rem;line-height:1.4}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.voice-fab{position:fixed;bottom:100px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 10px 25px #667eea66;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.voice-fab:active{transform:scale(.9)}.voice-fab-icon{font-size:28px;z-index:2}.voice-fab-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#667eea66;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;z-index:1}@keyframes pulse-ring{0%{transform:scale(.95);opacity:1}50%{transform:scale(1.5);opacity:0}to{transform:scale(.95);opacity:0}}.voice-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;animation:fadeIn .3s ease}.voice-modal.active{display:flex;z-index:9999999!important}.voice-content{background:#fff;padding:40px;border-radius:30px;text-align:center;width:85%;max-width:350px;box-shadow:0 20px 50px #0003;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.voice-waves{display:flex;justify-content:center;align-items:center;height:60px;gap:6px;margin-bottom:20px}.wave{width:6px;height:20px;background:linear-gradient(to top,#667eea,#764ba2);border-radius:10px;animation:wave 1s ease-in-out infinite}.wave:nth-child(1){animation-delay:.1s}.wave:nth-child(2){animation-delay:.2s}.wave:nth-child(3){animation-delay:.3s}.wave:nth-child(4){animation-delay:.4s}.wave:nth-child(5){animation-delay:.5s}@keyframes wave{0%,to{height:20px}50%{height:50px}}.voice-transcript{font-size:18px;color:#2d3436;margin:15px 0;min-height:50px;font-weight:500}.voice-close-btn{background:#f1f2f6;color:#636e72;border:none;padding:12px 30px;border-radius:15px;font-weight:600;cursor:pointer;transition:all .2s}.voice-close-btn:hover{background:#dfe4ea}#admin-view{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}#admin-view header{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}#admin-view .logo{color:#fff;-webkit-text-fill-color:white;background:none}.admin-main{padding:2rem;max-width:1200px;margin:0 auto}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.stat-card h3{font-size:.9rem;opacity:.9;margin-bottom:.5rem;font-weight:500}.stat-card span{font-size:2.5rem;font-weight:800;display:block}.client-list-section{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:1.5rem;border:1px solid rgba(255,255,255,.2)}.client-list-section h3{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.2)}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.client-grid .empty-state{text-align:center;padding:3rem;opacity:.7;grid-column:1 / -1}#admin-view .logout-btn{background:#ffffffe6;color:#667eea;border:none;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s}#admin-view .logout-btn:hover{background:#fff;transform:translateY(-2px)}#client-detail-modal{position:fixed;inset:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-card.full-screen{background:#fff;color:#2d3436;width:95%;max-width:600px;max-height:90vh;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-header h2{font-size:1.25rem;margin:0}.back-btn{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.client-profile-summary{padding:1.5rem;background:#f8f9fa;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.profile-avatar-large{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.profile-info-large h3{margin:0;font-size:1.25rem}.client-stats-text{color:#636e72;font-size:.9rem;margin:.25rem 0 0}.profile-metrics-grid{display:flex;gap:.75rem;flex-wrap:wrap;width:100%;margin-top:1rem}.metric-box{background:#fff;padding:.75rem 1rem;border-radius:12px;text-align:center;flex:1;min-width:60px;box-shadow:0 2px 8px #0000000d}.metric-box .label{display:block;font-size:.7rem;color:#636e72;margin-bottom:.25rem}.metric-box .value{font-weight:700;font-size:1.1rem;color:#2d3436}.section-header{padding:1rem 1.5rem 0}.section-header h3{margin:0;font-size:1rem;color:#636e72}#client-history-list{flex:1;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.history-list{display:flex;flex-direction:column;gap:.75rem}body.admin-mode #view-slider-wrapper,body.admin-mode #client-view,body.admin-mode #bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.admin-mode #admin-view{display:block!important;visibility:visible!important}body.admin-mode #admin-view{display:block!important;position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:2147483647!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:linear-gradient(135deg,#667eea,#764ba2)!important}body.admin-mode #view-slider-wrapper,body.admin-mode #bottom-nav,body.admin-mode .view-slider-wrapper,body.admin-mode .view-slider{display:none!important;z-index:-1!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important}.admin-client-card{background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,0,0,.04);box-shadow:0 10px 30px #00000005;position:relative;overflow:hidden}.admin-client-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #6c5ce726;border-color:#6c5ce74d}.card-header{display:flex;align-items:center;gap:16px}.client-avatar{width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#a29bfe,#6c5ce7);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 8px 20px #6c5ce74d}.client-info h3{margin:0;font-size:1.25rem;font-weight:700;color:#2d3436;letter-spacing:-.5px}.client-info span{font-size:.85rem;color:#636e72;display:flex;align-items:center;gap:4px;margin-top:4px}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-box{background:#f8f9fa;padding:12px;border-radius:16px;text-align:center;border:1px solid rgba(0,0,0,.03)}.stat-box span{display:block;font-size:.75rem;color:#b2bec3;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-box strong{font-size:1.1rem;color:#2d3436;font-weight:800}.view-detail-btn{width:100%;padding:14px;border-radius:16px;border:none;background:#6c5ce7;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 10px 20px #6c5ce733;transition:all .2s ease;margin-top:auto}.view-detail-btn:hover{box-shadow:0 15px 30px #6c5ce74d;transform:translateY(-2px)}.premium-modal-content{padding:0!important;background:#f8f9fa}.modal-hero{background:#fff;padding:30px 24px 40px;border-bottom-left-radius:40px;border-bottom-right-radius:40px;box-shadow:0 20px 40px #00000008;position:relative;z-index:10}.hero-profile{display:flex;flex-direction:column;align-items:center;gap:15px}.hero-avatar{width:90px;height:90px;border-radius:30px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 15px 35px #6c5ce740}.hero-info{text-align:center}.hero-info h2{margin:0;font-size:1.8rem;color:#2d3436;letter-spacing:-.5px}.hero-stats-row{display:flex;justify-content:center;gap:20px;margin-top:25px}.hero-stat{text-align:center;background:#fff;padding:10px 20px;border-radius:20px;box-shadow:0 8px 20px #0000000a;border:1px solid rgba(0,0,0,.03);min-width:80px}.hero-stat .val{display:block;font-size:1.2rem;font-weight:800;color:#2d3436}.hero-stat .lbl{font-size:.75rem;color:#b2bec3;font-weight:600}.timeline-section{padding:30px 20px 100px;max-width:600px;margin:0 auto}.timeline-date-header{font-size:.9rem;color:#b2bec3;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:25px 0 15px;padding-left:10px;display:flex;align-items:center;gap:10px}.timeline-date-header:after{content:"";height:1px;flex:1;background:#dfe6e9}.timeline-item{background:#fff;border-radius:20px;padding:18px;margin-bottom:15px;box-shadow:0 4px 15px #00000005;border:1px solid white;display:flex;gap:15px;transition:transform .2s}.timeline-item:hover{transform:scale(1.01)}.timeline-icon{width:44px;height:44px;border-radius:14px;background:#f1f2f6;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.t-content{flex:1}.t-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.t-time{font-size:.85rem;font-weight:700;color:#2d3436}.t-tag{font-size:.7rem;padding:4px 10px;border-radius:8px;font-weight:600;background:#f1f2f6;color:#636e72}.t-tag.kahvaltı{background:#fff3cd;color:#ff9f43}.t-tag.öğle{background:#ffeaa7;color:#fdcb6e}.t-tag.akşam{background:#fab1a0;color:#e17055}.t-tag.su{background:#dff9fb;color:#00cec9}.t-desc{color:#636e72;font-size:.95rem;line-height:1.4;margin:0}.t-meta{margin-top:8px;display:flex;gap:10px}.t-badge{font-size:.75rem;display:flex;align-items:center;gap:4px;color:#0984e3;background:#0984e31a;padding:3px 8px;border-radius:6px}#subscription-status-container{padding:0 1rem;margin-top:1rem}.subscription-card{border-radius:20px;padding:1.25rem;margin-bottom:1rem;position:relative;overflow:hidden}.subscription-card.premium-active{background:linear-gradient(135deg,gold,#ffb347);box-shadow:0 8px 25px #ffb34766}.subscription-card.premium-active .subscription-badge{background:#fffffff2;color:#d4a000}.subscription-card.premium-active .subscription-info{color:#fffffff2}.subscription-card.trial-active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea59}.subscription-card.trial-active .subscription-badge{background:#fff3;color:#fff}.subscription-card.free-user{background:linear-gradient(135deg,#636e72,#2d3436);box-shadow:0 8px 25px #2d34364d}.subscription-card.free-user .subscription-badge{background:#ffffff26;color:#b2bec3}.subscription-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-weight:700;font-size:.9rem;margin-bottom:.75rem}.badge-icon{font-size:1.2rem}.subscription-details{color:#fff}.subscription-info{margin:0 0 .75rem;font-size:.9rem;opacity:.9}.trial-countdown{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.countdown-number{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.countdown-label{font-size:1rem;color:#ffffffd9;font-weight:600}.premium-features-mini,.locked-features-mini{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.feature-tag{background:#ffffff40;color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.locked-tag{background:#ffffff1a;color:#fff9;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.upgrade-btn-small{background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.6rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;margin-top:.75rem;transition:all .3s ease}.upgrade-btn-small:hover{background:#ffffff59;transform:translateY(-2px)}.upgrade-btn-premium{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:linear-gradient(135deg,gold,#ffb347);border:none;color:#2d3436;padding:1rem 1.5rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;box-shadow:0 5px 20px #ffb34780;transition:all .3s ease}.upgrade-btn-premium:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffb34799}.upgrade-btn-premium .btn-icon{font-size:1.2rem}.upgrade-btn-premium .btn-text{letter-spacing:.5px}.meal-page .analysis-card{overflow:visible!important}.meal-page .analysis-card:before{overflow:hidden;border-radius:var(--radius-lg)}.meal-page .selection-container{position:relative;z-index:1}.food-search-wrapper{position:relative;margin-bottom:1.5rem;z-index:10000!important;overflow:visible!important}.food-search-results{z-index:99999!important}.food-search-input-container{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#fffffff2,#f0f9fff2);border-radius:20px;padding:.25rem;box-shadow:0 4px 20px #00b89426,0 0 0 2px #00b8941a,inset 0 1px 2px #fffc;transition:all .3s ease}.food-search-input-container:focus-within{box-shadow:0 8px 32px #00b89440,0 0 0 3px #00b89433,inset 0 1px 2px #fffc;transform:translateY(-2px)}.food-search-icon{position:absolute;left:1rem;font-size:1.2rem;pointer-events:none;z-index:1}.food-search-input{flex:1;border:none;background:transparent;padding:1rem 2.5rem 1rem 3rem;font-size:1rem;font-weight:500;color:#2d3436;outline:none}.food-search-input::placeholder{color:#94a3b8;font-weight:400}.food-search-clear{position:absolute;right:1rem;width:28px;height:28px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.food-search-clear:hover{background:#ef444433;transform:scale(1.1)}.food-search-results{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:20px;box-shadow:0 15px 50px #00000026,0 0 0 1px #0000000d;max-height:350px;overflow-y:auto;z-index:9999;animation:searchResultsSlide .3s cubic-bezier(.34,1.56,.64,1)}.food-search-portal{position:fixed!important;z-index:999999!important;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040,0 0 0 1px #00000014;animation:portalSlide .25s cubic-bezier(.34,1.56,.64,1)}@keyframes portalSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes searchResultsSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.food-search-item{display:flex;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05);gap:1rem}.food-search-item:last-child{border-bottom:none}.food-search-item:hover{background:linear-gradient(135deg,#00b89414,#00cec914)}.food-search-item.estimated{background:linear-gradient(135deg,#fbbf2414,#f59e0b14)}.food-search-item.estimated:hover{background:linear-gradient(135deg,#fbbf2426,#f59e0b26)}.food-item-emoji{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00000008;border-radius:12px;flex-shrink:0}.food-item-info{flex:1;min-width:0}.food-item-name{font-size:1rem;font-weight:600;color:#2d3436;text-transform:capitalize;margin-bottom:2px}.food-item-portion{font-size:.8rem;color:#636e72;margin-bottom:4px;font-style:italic}.food-item-macros{display:flex;flex-wrap:wrap;gap:6px}.macro-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:8px;white-space:nowrap}.macro-badge.protein{background:#ef44441a;color:#dc2626}.macro-badge.carbs{background:#fbbf241a;color:#d97706}.macro-badge.fat{background:#3b82f61a;color:#2563eb}.macro-badge.kcal{background:#10b9811a;color:#059669}.estimated-badge{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;white-space:nowrap;flex-shrink:0}.food-search-hint{padding:.75rem 1.25rem;font-size:.8rem;color:#64748b;background:#fbbf2414;border-top:1px dashed rgba(251,191,36,.3);line-height:1.5}.food-search-hint strong{color:#d97706}.food-search-tip{padding:.75rem 1.25rem;font-size:.85rem;color:#0369a1;background:linear-gradient(135deg,#0ea5e914,#06b6d414);border-bottom:1px solid rgba(14,165,233,.15);display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.food-search-tip strong{color:#0284c7}.food-search-no-results{padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:.9rem;background:#64748b0d;border-bottom:1px solid rgba(100,116,139,.1)}.food-search-no-results .no-results-icon{font-size:1.5rem;opacity:.6}.food-search-loading{padding:2rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#64748b;font-size:.9rem}.loading-spinner{width:32px;height:32px;border:3px solid rgba(0,184,148,.2);border-top-color:#00b894;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.food-search-external-header{padding:.75rem 1.25rem;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00b89414,#00cec914);border-bottom:1px solid rgba(0,184,148,.15);font-size:.85rem;color:#0f766e}.food-search-external-header .external-icon{font-size:1.1rem}.source-badge{display:inline-flex;align-items:center;gap:.25rem;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:700;margin-left:.5rem;vertical-align:middle}.source-badge.usda{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#2563eb}.source-badge.gemini{background:linear-gradient(135deg,#8b5cf626,#7c3aed26);color:#7c3aed}.food-search-item.external{border-left:3px solid transparent}.food-search-item.external:hover{border-left-color:#00b894}.portion-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.portion-modal-overlay.active{opacity:1;visibility:visible}.portion-modal-content{background:#fff;border-radius:28px;width:100%;max-width:420px;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);min-height:auto;overflow-y:scroll!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding:1.5rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));position:relative;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 80px #00000040}.portion-modal-overlay.active .portion-modal-content{transform:scale(1) translateY(0)}.portion-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:#ef44441a;color:#ef4444;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.portion-modal-close:hover{background:#ef444433;transform:rotate(90deg)}.portion-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-right:2.5rem}.portion-food-emoji{font-size:3rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00b8941a,#00cec91a);border-radius:20px;animation:emojiPulse 2s ease-in-out infinite}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.portion-food-info h3{font-size:1.3rem;font-weight:700;color:#2d3436;margin:0 0 4px;text-transform:capitalize}.estimated-tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;display:inline-block}.portion-section,.cooking-section{margin-bottom:1.5rem}.portion-section h4,.cooking-section h4{font-size:.95rem;font-weight:700;color:#374151;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.portion-chips,.cooking-chips{display:flex;flex-wrap:wrap;gap:.5rem}.portion-chip,.cooking-chip{padding:.6rem 1rem;border:2px solid rgba(0,0,0,.08);background:#fff;border-radius:14px;font-size:.9rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.portion-chip:hover,.cooking-chip:hover{border-color:#00b8944d;background:#00b8940d}.portion-chip.active,.cooking-chip.active{border-color:#00b894;background:linear-gradient(135deg,#00b8941a,#00cec91a);color:#00b894;box-shadow:0 4px 12px #00b89433;transform:translateY(-2px)}.cooking-extra{font-size:.65rem;font-weight:500;color:#94a3b8}.cooking-chip.active .cooking-extra{color:#00b894}.portion-custom{display:flex;gap:.5rem;margin-top:.75rem}.portion-custom input{flex:1;padding:.75rem 1rem;border:2px solid rgba(0,0,0,.08);border-radius:14px;font-size:.9rem;font-weight:500;outline:none;transition:all .2s ease}.portion-custom input:focus{border-color:#00b894}.portion-custom button{padding:.75rem 1.25rem;border:none;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border-radius:14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.portion-custom button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b8944d}.portion-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;padding:1.25rem;margin-bottom:1.5rem}.portion-preview h4{font-size:.9rem;font-weight:700;color:#374151;margin:0 0 1rem;text-align:center}.macro-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.macro-preview{text-align:center;padding:.75rem .5rem;border-radius:14px;background:#fff;box-shadow:0 2px 8px #0000000d}.macro-preview .macro-value{font-size:1.3rem;font-weight:800;display:block;margin-bottom:2px}.macro-preview .macro-label{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.macro-preview.protein .macro-value{color:#dc2626}.macro-preview.carbs .macro-value{color:#d97706}.macro-preview.fat .macro-value{color:#2563eb}.macro-preview.kcal .macro-value{color:#059669}.portion-save-btn{width:100%;padding:1.1rem;border:none;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border-radius:18px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #00b89459}.portion-save-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00b89473}.portion-save-btn:active{transform:translateY(0)}@media(max-width:380px){.portion-modal-content{padding:1.25rem}.portion-food-emoji{font-size:2.5rem;width:60px;height:60px}.portion-food-info h3{font-size:1.1rem}.macro-preview-grid{grid-template-columns:repeat(2,1fr)}.macro-preview .macro-value{font-size:1.1rem}}.composite-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:middle}.food-search-item.composite-food{border-left:3px solid #ff6b6b;background:linear-gradient(135deg,rgba(255,107,107,.05),transparent)}.composite-modal-content{background:#fff;border-radius:28px;width:100%;max-width:480px;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:scroll!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);position:relative;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.portion-modal-overlay.active .composite-modal-content{transform:scale(1) translateY(0)}.composite-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:28px 28px 0 0}.composite-food-emoji{font-size:3rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composite-food-info h3{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 4px}.composite-subtitle{font-size:.9rem;color:#ffffffd9;font-weight:500}.composite-components-section{padding:1.5rem}.composite-components-section h4{font-size:1rem;font-weight:700;color:#2d3436;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.composite-component{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(0,0,0,.04)}.component-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.component-emoji{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.component-info{flex:1}.component-name{font-size:1rem;font-weight:700;color:#2d3436;display:block}.component-group{font-size:.75rem;color:#636e72;font-weight:500}.component-portion-desc{font-size:.75rem;color:#00b894;font-weight:600;margin-bottom:.5rem;padding:4px 8px;background:#00b8941a;border-radius:8px;display:inline-block}.component-portions{display:flex;flex-wrap:wrap;gap:.5rem}.component-portions .portion-chip{padding:.5rem 1rem;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:.85rem;font-weight:600;color:#636e72;cursor:pointer;transition:all .2s ease}.component-portions .portion-chip:hover{border-color:#ff6b6b;color:#ff6b6b}.component-portions .portion-chip.selected{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:transparent;color:#fff;box-shadow:0 4px 12px #ff6b6b59}.cooking-section{padding:0 1.5rem 1rem}.cooking-section h4{font-size:1rem;font-weight:700;color:#2d3436;margin:0 0 .75rem}.cooking-chips{display:flex;flex-wrap:wrap;gap:.5rem}.cooking-chips .cooking-chip{padding:.5rem 1rem;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:.8rem;font-weight:600;color:#636e72;cursor:pointer;transition:all .2s ease}.cooking-chips .cooking-chip:hover{border-color:#3498db;color:#3498db}.cooking-chips .cooking-chip.selected{background:linear-gradient(135deg,#3498db,#2980b9);border-color:transparent;color:#fff}.composite-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.5rem;margin:0 1.5rem 1rem;border-radius:16px}.summary-title{font-size:.9rem;font-weight:700;color:#2d3436;margin-bottom:.75rem}.summary-macros{display:flex;flex-wrap:wrap;gap:1rem}.summary-macros .macro{font-size:.85rem;color:#636e72}.summary-macros .macro strong{font-size:1.1rem;font-weight:800}.summary-macros .macro.protein strong{color:#e74c3c}.summary-macros .macro.carbs strong{color:#3498db}.summary-macros .macro.fat strong{color:#f39c12}.summary-macros .macro.kcal strong{color:#2d3436}.composite-add-btn{width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;padding:1rem;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:18px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #00b89459}.composite-add-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00b89473}.composite-add-btn:active{transform:translateY(0)}.selected-foods-container{position:relative;background:linear-gradient(145deg,#fffffffa,#f0fdfaf2,#ecfeffed);border-radius:28px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 20px 60px #00b89426,0 8px 25px #06b6d41a,0 0 0 1px #00b89426,inset 0 1px 3px #ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.selected-foods-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00b894,#00cec9,#0984e3,#6c5ce7,#00b894);background-size:300% 100%;animation:shimmerBorder 4s linear infinite}@keyframes shimmerBorder{0%{background-position:0% 50%}to{background-position:300% 50%}}.selected-foods-container:after{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(0,184,148,.08) 0%,transparent 70%);pointer-events:none;animation:floatGlow 6s ease-in-out infinite}@keyframes floatGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-20px,20px) scale(1.2);opacity:.8}}.selected-foods-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:none;position:relative}.selected-foods-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,184,148,.3),rgba(6,182,212,.3),transparent)}.selected-foods-header h4{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#1e3a5f,#2d5a87);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.3px}.selected-foods-count{background:linear-gradient(135deg,#00b894,#00cec9,#0984e3);color:#fff;padding:.4rem 1rem;border-radius:25px;font-size:.8rem;font-weight:700;box-shadow:0 4px 15px #00b89459,inset 0 1px 1px #ffffff4d;letter-spacing:.3px;animation:countPulse 3s ease-in-out infinite}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.selected-foods-list{display:flex;flex-direction:column;gap:.85rem}.selected-food-item{display:flex;align-items:center;gap:.875rem;padding:1rem;background:linear-gradient(145deg,#fffffff2,#f8fefde6);border-radius:18px;border:1px solid rgba(0,184,148,.08);box-shadow:0 4px 16px #0000000a,0 1px 3px #00b89414,inset 0 1px 2px #ffffffe6;transition:all .35s cubic-bezier(.4,0,.2,1);animation:foodItemSlideNew .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.selected-food-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;pointer-events:none}.selected-food-item:hover:before{left:100%}@keyframes foodItemSlideNew{0%{opacity:0;transform:translate(-30px) scale(.95)}60%{transform:translate(5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.selected-food-item:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 12px 35px #00b89426,0 4px 12px #0000000f,inset 0 1px 2px #fff;border-color:#00b89433}.selected-food-emoji{font-size:1.85rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#00b8941a,#06b6d414);border-radius:16px;box-shadow:inset 0 2px 4px #fffc,0 2px 8px #00b8941a;transition:all .3s ease;flex-shrink:0}.selected-food-item:hover .selected-food-emoji{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 20px #00b89440,inset 0 2px 4px #fff}.selected-food-info{flex:1;min-width:0}.selected-food-name{font-size:1rem;font-weight:700;color:#1e3a5f;text-transform:capitalize;letter-spacing:-.2px;line-height:1.3}.selected-food-detail{font-size:.82rem;color:#64748b;margin-top:4px;display:flex;align-items:center;gap:.5rem}.selected-food-detail:before{content:"";width:4px;height:4px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;flex-shrink:0}.selected-food-macros{font-size:.9rem;font-weight:700;background:linear-gradient(135deg,#00b8941f,#06b6d414);color:#00897b;padding:.5rem .85rem;border-radius:12px;border:1px solid rgba(0,184,148,.15);box-shadow:inset 0 1px 2px #ffffff80;white-space:nowrap}.selected-food-actions{display:flex;gap:.6rem}.selected-food-actions button{width:40px;height:40px;border:none;border-radius:12px;background:linear-gradient(145deg,#f8fafce6,#f1f5f9cc);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,inset 0 1px 2px #ffffffe6}.food-edit-btn:hover{background:linear-gradient(135deg,#3b82f626,#6366f11a);transform:scale(1.12) rotate(-5deg);box-shadow:0 6px 20px #3b82f640}.food-remove-btn:hover{background:linear-gradient(135deg,#ef444426,#f43f5e1a);transform:scale(1.12) rotate(5deg);box-shadow:0 6px 20px #ef444440}.selected-foods-total{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;margin-top:1.25rem;background:linear-gradient(145deg,#0f172a08,#1e3a5f0d);border-radius:16px;position:relative;border:1px solid rgba(0,184,148,.1)}.selected-foods-total:before{content:"✨";position:absolute;left:-8px;top:50%;transform:translateY(-50%);font-size:1rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:translateY(-50%) scale(1) rotate(0)}50%{transform:translateY(-50%) scale(1.2) rotate(15deg)}}.selected-foods-total>span{font-size:.95rem;font-weight:700;color:#1e3a5f;letter-spacing:.3px}.total-macros{display:flex;gap:.6rem;flex-wrap:wrap}.total-macros span{padding:.4rem .75rem;border-radius:10px;font-size:.78rem;font-weight:700;letter-spacing:.2px;box-shadow:0 2px 8px #0000000f,inset 0 1px 2px #fffc;transition:all .3s ease}.total-macros span:hover{transform:translateY(-2px) scale(1.05)}.total-protein{background:linear-gradient(135deg,#ef44441f,#f43f5e14);color:#dc2626;border:1px solid rgba(239,68,68,.15)}.total-carbs{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);color:#b45309;border:1px solid rgba(251,191,36,.2)}.total-fat{background:linear-gradient(135deg,#3b82f61f,#6366f114);color:#1d4ed8;border:1px solid rgba(59,130,246,.15)}.total-kcal{background:linear-gradient(135deg,#8b5cf61f,#a855f714);color:#7c3aed;border:1px solid rgba(139,92,246,.15)}.portion-description{font-size:.85rem;color:#636e72;font-style:italic;margin-top:2px}.portion-gram-hint{display:block;font-size:.7rem;color:#0006;margin-top:2px}@keyframes foodAddedPulse{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 20px #00b89480}to{transform:scale(1)}}.plate-section.food-added-pulse,[data-group].food-added-pulse{animation:foodAddedPulse .5s cubic-bezier(.4,0,.2,1)}.plate-section.active,[data-group].active{filter:saturate(1.3) brightness(1.05)}.ai-camera-container{margin:1rem 0 1.5rem;padding:0 .5rem}.ai-camera-btn{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:1rem 1.25rem;border-radius:20px;cursor:pointer;box-shadow:0 8px 25px #667eea59;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-camera-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.ai-camera-btn:active{transform:scale(.97);box-shadow:0 4px 15px #667eea66}.ai-camera-icon{font-size:2rem;background:#ffffff40;width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-camera-text{display:flex;flex-direction:column;flex:1}.ai-camera-title{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.ai-camera-subtitle{font-size:.85rem;color:#ffffffd9;font-weight:500}.ai-camera-arrow{font-size:1.5rem;color:#fff;opacity:.8;transition:transform .3s ease}.ai-camera-btn:hover .ai-camera-arrow{transform:translate(4px)}@media(max-width:360px){.ai-camera-btn{padding:.85rem 1rem}.ai-camera-icon{width:44px;height:44px;font-size:1.75rem}.ai-camera-title{font-size:1rem}}.find-dietitian-container{margin:.75rem 0 1rem;padding:0 .5rem}.find-dietitian-btn{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#10b981,#059669,#047857);padding:.9rem 1.25rem;border-radius:16px;cursor:pointer;box-shadow:0 6px 20px #10b9814d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.find-dietitian-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 4s infinite}.find-dietitian-btn:active{transform:scale(.97);box-shadow:0 3px 12px #10b98166}.find-dietitian-icon{font-size:1.75rem;background:#fff3;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.find-dietitian-text{display:flex;flex-direction:column;flex:1}.find-dietitian-title{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.find-dietitian-subtitle{font-size:.8rem;color:#ffffffd9;font-weight:500}.find-dietitian-arrow{font-size:1.3rem;color:#fff;opacity:.8;transition:transform .3s ease}.find-dietitian-btn:hover .find-dietitian-arrow{transform:translate(4px)}@media(max-width:360px){.find-dietitian-btn{padding:.75rem 1rem}.find-dietitian-icon{width:40px;height:40px;font-size:1.5rem}}.recent-foods-section{margin-bottom:1.25rem;padding:.75rem;background:linear-gradient(135deg,#00b8940d,#00cec90d);border-radius:16px;border:1px solid rgba(0,184,148,.1)}.recent-foods-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:0 .25rem}.recent-foods-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#0f766e}.recent-foods-title .title-icon{font-size:1rem}.recent-foods-clear{font-size:.75rem;color:#94a3b8;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:all .2s ease}.recent-foods-clear:hover{color:#ef4444;background:#ef44441a}.recent-foods-chips{display:flex;flex-wrap:wrap;gap:.5rem}.recent-food-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#fff;border:1px solid rgba(0,184,148,.15);border-radius:25px;font-size:.85rem;font-weight:500;color:#2d3436;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000000a}.recent-food-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b89433;border-color:#00b89466;background:linear-gradient(135deg,#00b89414,#00cec914)}.recent-food-chip:active{transform:scale(.95)}.recent-food-emoji{font-size:1.1rem}.recent-food-name{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.recent-foods-empty{text-align:center;padding:1rem;color:#94a3b8;font-size:.85rem}.recent-foods-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.recent-foods-scroll::-webkit-scrollbar{display:none}.ai-recent-foods-section{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(0,0,0,.1)}.ai-recent-foods-title{font-size:.85rem;font-weight:600;color:#636e72;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.ai-recent-foods-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ai-recent-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;font-size:.8rem;color:#475569;cursor:pointer;transition:all .2s ease}.ai-recent-chip:hover{background:linear-gradient(135deg,#00b8941a,#00cec91a);border-color:#00b8944d;color:#0f766e}.ai-recent-chip:active{transform:scale(.95)}@keyframes recentFoodAdd{0%{opacity:0;transform:scale(.8) translateY(-10px)}50%{transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.recent-food-chip.just-added{animation:recentFoodAdd .4s cubic-bezier(.34,1.56,.64,1)}@media(max-width:400px){.recent-food-name{max-width:80px}.recent-food-chip{padding:.4rem .7rem;font-size:.8rem}}.ultra-date-display{display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1rem 1.5rem;margin-bottom:1.5rem;border:1px solid rgba(102,126,234,.15);box-shadow:0 4px 20px #667eea14}.date-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.date-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));z-index:1}.date-pulse{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);border-radius:50%;animation:datePulse 2s ease-in-out infinite}@keyframes datePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.2}}.date-text-wrapper{display:flex;flex-direction:column;gap:.1rem}.date-greeting{font-size:.85rem;font-weight:600;color:#667eea}.date-full{font-size:.95rem;font-weight:500;color:#64748b}.ultra-feedback-card{position:relative;margin-bottom:1.5rem;border-radius:24px;overflow:hidden}.feedback-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#00b894,#00cec9,#667eea,#764ba2,#00b894);background-size:300% 300%;border-radius:26px;animation:glowRotate 4s linear infinite;z-index:0}@keyframes glowRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.feedback-card-inner{position:relative;z-index:1;background:linear-gradient(135deg,#fffffffa,#f0fdf4fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.feedback-avatar{position:relative;width:56px;height:56px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00b89426}.avatar-emoji{font-size:1.8rem}.notification-dot{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50%;border:3px solid white;animation:dotPulse 1.5s ease-in-out infinite;display:none}.notification-dot.active{display:block}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.feedback-content{flex:1;min-width:0}.feedback-header-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.feedback-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0}.feedback-badge{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;display:none}.feedback-badge.active{display:inline-block;animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.feedback-preview{font-size:.9rem;color:#64748b;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-meta{display:flex;align-items:center;gap:.35rem;margin-top:.5rem}.meta-icon{font-size:.75rem}.meta-text{font-size:.75rem;color:#94a3b8;font-weight:500}.feedback-action-btn{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:14px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;box-shadow:0 4px 15px #00b89440;flex-shrink:0}.feedback-action-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00b89459}.feedback-action-btn:active{transform:translateY(0) scale(.98)}.feedback-action-btn svg{transition:transform .3s ease}.feedback-action-btn:hover svg{transform:translate(3px)}.ultra-camera-container{position:relative;margin-bottom:1.5rem;border-radius:24px;overflow:hidden;cursor:pointer}.camera-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;border-radius:26px;animation:cameraGlow 3s ease-in-out infinite;z-index:0}@keyframes cameraGlow{0%,to{background-position:0% 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}}.camera-card{position:relative;z-index:1;background:linear-gradient(135deg,#fffffffa,#f8f5fffa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.ultra-camera-container:hover .camera-card{background:linear-gradient(135deg,#fff,#f8f5ff)}.camera-icon-wrapper{position:relative;width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 15px #667eea4d}.camera-icon{font-size:1.6rem;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ai-sparkle{position:absolute;top:-6px;right:-6px;font-size:1rem;animation:sparkleFloat 2s ease-in-out infinite}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(10deg)}}.camera-text-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.camera-title{font-size:1.05rem;font-weight:700;color:#1a1a2e}.camera-subtitle{font-size:.85rem;color:#64748b}.camera-arrow-wrapper{width:44px;height:44px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.camera-arrow-wrapper svg{color:#667eea;transition:transform .3s ease}.ultra-camera-container:hover .camera-arrow-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.ultra-camera-container:hover .camera-arrow-wrapper svg{color:#fff;transform:translate(3px)}.ultra-feedback-card.no-feedback .feedback-glow{background:linear-gradient(135deg,#94a3b8,#cbd5e1,#94a3b8);animation:none}.ultra-feedback-card.no-feedback .feedback-action-btn{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 15px #94a3b833}@media(max-width:480px){.ultra-date-display{flex-direction:column;gap:.5rem;text-align:center}.ultra-feedback-card .feedback-card-inner{flex-direction:column;text-align:center;gap:.75rem}.feedback-header-row{justify-content:center}.feedback-preview{white-space:normal}.feedback-action-btn{width:100%;justify-content:center}.ultra-camera-container .camera-card{flex-direction:column;text-align:center;gap:.75rem}.camera-text-content{align-items:center}}.sticky-meal-footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fff0,#fffffff2 15%,#fff);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:9999;box-shadow:0 -8px 30px #0000001a;transition:all .3s ease}.sticky-footer-content{max-width:600px;margin:0 auto}.sticky-footer-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafce6,#f1f5f9e6);border-radius:16px;border:1px solid rgba(0,0,0,.05)}.sticky-footer-label{font-size:.9rem;font-weight:600;color:#475569}.sticky-footer-macros{display:flex;gap:.75rem;align-items:center}.sticky-macro-item{display:flex;flex-direction:column;align-items:center;gap:.1rem}.sticky-macro-value{font-size:1rem;font-weight:800;color:#1e293b}.sticky-macro-label{font-size:.65rem;color:#94a3b8;font-weight:500;text-transform:uppercase}.sticky-kcal-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.4rem .8rem;border-radius:12px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #667eea4d}.save-meal-btn:disabled,.save-meal-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;animation:none!important}.save-meal-btn:disabled:before,.save-meal-btn.disabled:before,.save-meal-btn:disabled:after,.save-meal-btn.disabled:after{animation:none!important;opacity:0!important}.save-result-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999999;padding:2rem;animation:fadeIn .3s ease}.save-result-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem 2rem;border-radius:28px;text-align:center;max-width:400px;width:100%;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 25px 60px #667eea80}.save-result-emoji{font-size:4rem;margin-bottom:1rem;animation:pulse .8s ease infinite}.save-result-title{color:#fff;font-size:1.6rem;font-weight:800;margin:0 0 .5rem}.save-result-subtitle{color:#ffffffe6;font-size:1rem;margin:0 0 1rem}.save-result-status{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:#fffffff2;margin-bottom:1.5rem}.save-result-status.online{background:#4ade8033}.save-result-status.offline{background:#fbbf2433}.save-result-macros{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;color:#ffffffe6;font-size:.9rem}.save-result-actions{display:flex;flex-direction:column;gap:.75rem}.save-result-btn{padding:1rem 2rem;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.save-result-btn.primary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 8px 20px #4ade804d}.save-result-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #4ade8066}.save-result-btn.secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3)}.save-result-btn.secondary:hover{background:#ffffff40}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.category-group-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s ease}.category-group-header:hover{color:#00b894}.category-toggle-icon{font-size:.8rem;transition:transform .3s ease}.category-group.collapsed .category-toggle-icon{transform:rotate(-90deg)}.category-group.collapsed .food-chips{display:none}.most-used-label{display:inline-block;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);color:#d97706;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:8px;margin-left:.5rem}.show-more-btn{display:inline-flex;align-items:center;gap:.3rem;background:#00b8941a;color:#00b894;border:none;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:all .2s ease}.show-more-btn:hover{background:#00b89433}@media(max-width:480px){.sticky-meal-footer{padding:.75rem 1rem}.sticky-footer-summary{padding:.6rem .75rem}.sticky-footer-macros{gap:.5rem}.sticky-macro-value{font-size:.9rem}.dietitian-feedback-card{flex-wrap:wrap;gap:.75rem}.feedback-card-cta{width:100%;justify-content:center}}.profile-summary-card{margin:1rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-radius:20px;padding:1.25rem;box-shadow:0 4px 20px #0000000f,0 0 0 1px #00000005;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.summary-stats-row{display:flex;justify-content:space-around;align-items:center;padding-bottom:1rem}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.summary-stat-icon{font-size:1.5rem;margin-bottom:.25rem}.summary-stat-value{font-size:1.5rem;font-weight:800;color:#2d3436;line-height:1}.summary-stat-label{font-size:.75rem;color:#636e72;font-weight:500;text-align:center}.summary-stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,#e2e8f0,transparent)}.summary-goal{display:flex;align-items:center;justify-content:center;gap:.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.goal-icon{font-size:1.1rem}.goal-text{font-size:.85rem;color:#636e72;font-weight:500}.app-disclaimer{position:fixed;bottom:0;left:0;right:0;background:#f8fafcf2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));text-align:center;font-size:.7rem;color:#9ca3af;border-top:1px solid rgba(0,0,0,.04);z-index:99;display:flex;align-items:center;justify-content:center;gap:6px}.app-disclaimer .disclaimer-icon{font-size:.9rem}.app-disclaimer .disclaimer-text{line-height:1.3}body.has-bottom-nav .app-disclaimer{bottom:calc(60px + env(safe-area-inset-bottom,0px))}.meal-page~.app-disclaimer,.admin-mode .app-disclaimer{display:none}.primary-action-zone{display:flex;gap:10px;padding:0 16px;margin-bottom:16px}.ai-camera-compact{display:flex;align-items:center;gap:6px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s}.ai-camera-compact:active{transform:scale(.96)}.ai-camera-icon-small{font-size:1.2rem}.ai-camera-label{font-size:.85rem;font-weight:600}.food-search-container-primary{flex:1}.food-search-input-primary{width:100%;padding:12px 16px;border:1.5px solid var(--color-border-soft);border-radius:14px;font-size:16px;background:var(--color-bg-card);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.food-search-input-primary:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #22c55e1a}.active-filter-chip{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:10px 14px;background:var(--color-primary-soft);border:1.5px solid var(--color-primary);border-radius:12px;animation:fadeIn .2s ease-out}.filter-chip-emoji{font-size:1.1rem}.filter-chip-text{flex:1;font-size:.9rem;font-weight:600;color:var(--color-primary-dark)}.filter-chip-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0000001a;border:none;border-radius:50%;color:var(--color-primary-dark);font-size:.8rem;cursor:pointer}.healthy-plate-guide{margin:0 16px 20px;padding:16px;background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:16px}.guide-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.guide-icon{font-size:1.2rem}.guide-title{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.guide-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:14px}.food-group-cards{display:flex;flex-direction:column;gap:10px}.food-group-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-bg-main);border:1.5px solid var(--color-border-soft);border-radius:12px;cursor:pointer;transition:all .2s ease}.food-group-card:active{transform:scale(.98);background:var(--color-border-light)}.food-group-card.completed,.food-group-card.filled{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 2px 8px #22c55e33}.food-group-card.filled .food-group-icon{animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.food-group-card.filling{border-color:var(--color-primary);background:#22c55e1a;animation:fillPulse .5s ease-out}@keyframes fillPulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}.food-group-card.missing{border-color:var(--color-border-soft)}.food-group-icon{font-size:1.5rem;width:40px;text-align:center}.food-group-info{flex:1;display:flex;flex-direction:column;gap:2px}.food-group-name{font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.food-group-examples{font-size:.75rem;color:var(--color-text-muted)}.food-group-status{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.status-icon{font-size:1.1rem;font-weight:700}.status-icon.missing{color:var(--color-text-muted)}.status-icon.present{color:var(--color-primary)}.filtered-results-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-border-light);font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.more-categories-section{margin:0 16px 16px}.more-categories-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.more-categories-header:active{background:var(--color-border-light)}.more-categories-content{margin-top:8px;padding:12px;background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:12px}.recently-added-section.compact{margin:0 16px 16px;padding:14px;background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:12px}.recently-added-section.compact h4{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:10px}.search-result-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:active{background:var(--color-border-light)}.result-emoji{font-size:1.4rem;width:36px;text-align:center}.result-info{flex:1;display:flex;flex-direction:column;gap:2px}.result-name{font-size:.95rem;font-weight:500;color:var(--color-text-primary)}.result-portion{font-size:.8rem;color:var(--color-text-muted)}.result-arrow{color:var(--color-text-muted);font-size:1.2rem}.food-group-arrow{font-size:1.5rem;color:var(--color-text-muted);font-weight:300;transition:transform .2s,color .2s}.food-group-card:hover .food-group-arrow,.food-group-card:active .food-group-arrow{color:var(--color-primary);transform:translate(3px)}.meal-context-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 16px;background:linear-gradient(135deg,#22c55e14,#22c55e08);border-radius:10px;border:1px solid rgba(34,197,94,.15)}.context-emoji{font-size:1.1rem}.context-text{font-size:.85rem;font-weight:500;color:var(--color-primary-dark)}.food-group-card.selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.food-group-card.selected .food-group-name{color:var(--color-primary-dark)}.food-group-card.selected .food-group-arrow{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.simple-meals-list{margin-top:16px}.simple-meals-title{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px}.simple-meals-empty{text-align:center;padding:24px;color:var(--color-text-muted);background:var(--color-bg-main);border-radius:12px}.simple-meals-hint{font-size:.8rem;margin-top:8px;color:var(--color-text-muted)}.simple-meal-card{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:14px;padding:14px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.simple-meal-card:active{transform:scale(.98);background:var(--color-border-light)}.meal-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.meal-card-left{display:flex;flex-direction:column;gap:2px}.meal-card-time{font-size:.8rem;color:var(--color-text-muted)}.meal-card-type{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.meal-card-right{display:flex;align-items:center;gap:8px}.meal-card-status{padding:4px 10px;border-radius:12px;font-size:.85rem}.meal-card-arrow{font-size:1.3rem;color:var(--color-text-muted);font-weight:300}.meal-card-foods{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:6px;line-height:1.4}.meal-card-macros{display:flex;align-items:center;gap:6px;font-size:.8rem}.macro-kcal{font-weight:600;color:#f97316}.macro-divider{color:var(--color-border-soft)}.macro-p{color:#ef4444}.macro-c{color:#3b82f6}.macro-f{color:#eab308}.meal-card-hint{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;background:linear-gradient(135deg,#fbbf2414,#fbbf2408);border-radius:8px;border-left:3px solid #f59e0b}.hint-icon{font-size:.9rem}.hint-text{font-size:.8rem;color:#92400e;font-weight:500}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 0%,var(--color-bg-card) 50%,var(--color-border-light) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-lg)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn var(--transition-base) ease-out forwards}.fade-in-up{animation:fadeInUp var(--transition-slow) ease-out forwards}.fade-in-scale{animation:fadeInScale var(--transition-base) ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.text-display{font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.text-heading{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.text-body{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.text-caption{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.text-number{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.card-elevated{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated)}.card-subtle{background:var(--color-bg-main);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.success-pulse{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.press-effect:active{transform:scale(.98);transition:transform .1s ease-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.badge-success{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-success-soft);color:var(--color-success);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-semibold)}.badge-warning{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-warning-soft);color:var(--color-warning);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-semibold)}.badge-danger{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-semibold)}.topbar-premium{display:flex;flex-direction:column;gap:2px}.topbar-premium-row{display:flex;align-items:center;justify-content:space-between;width:100%}.topbar-title-group{display:flex;flex-direction:column;gap:2px}.topbar-context{font-size:.8125rem;font-weight:var(--font-weight-medium, 500);color:var(--color-text-muted);opacity:.7;letter-spacing:.02em;line-height:1.2}.topbar-title-primary{font-size:1.375rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.topbar-accent-line{position:relative}.topbar-accent-line:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-soft) 100%);border-radius:1px;opacity:.8}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.topbar-action-btn:hover{background:var(--color-bg-main);color:var(--color-text-primary);border-color:var(--color-border-light)}.topbar-action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.topbar-action-btn.primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.topbar-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.8125rem;font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all var(--transition-fast)}.topbar-pill-btn:hover{background:var(--color-bg-main);border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:380px){.topbar-title-primary{font-size:1.25rem}.topbar-context{font-size:.75rem}}.profile-layer{padding:20px 10px}.profile-identity-layer{background:#f8fafc;border-radius:0 0 24px 24px;padding:20px 10px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 16px);text-align:left;position:relative;margin-bottom:12px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a}.profile-role-badge{font-size:.85rem;color:#94a3b8;margin-top:4px;font-weight:500}.profile-dietitian-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:20px;cursor:pointer;transition:all .2s}.profile-dietitian-link:hover{background:#10b98133;transform:translateY(-1px)}.dietitian-link-heart{font-size:.9rem}.dietitian-link-text{font-size:.85rem;color:#10b981;font-weight:500}.profile-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;margin-top:8px;padding:0 4px}.profile-section-header .section-icon{font-size:1rem}.profile-section-header .section-title{font-size:.85rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.profile-metrics-layer{padding:16px 10px 8px}.profile-actions-layer{padding:8px 10px 16px}#profile-dietitian-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.retro-badge-client{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;font-size:.65rem;font-weight:600;margin-left:6px;white-space:nowrap;box-shadow:0 1px 3px #f59e0b4d}.retro-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:6px;white-space:nowrap;box-shadow:0 1px 3px #f59e0b4d}.streak-retro-indicator{position:absolute;bottom:-2px;right:-2px;width:6px;height:6px;background:#f59e0b;border-radius:50%;border:1px solid white}body:has(#login-view:not([hidden])){background:#0e1624!important;overflow:hidden!important}html:has(#login-view:not([hidden])){background:#0e1624!important;overflow:hidden!important}body:has(#login-view:not([hidden]))::-webkit-scrollbar,#login-view::-webkit-scrollbar,.premium-login-screen::-webkit-scrollbar{display:none!important;width:0!important}.premium-login-screen{min-height:100vh;min-height:-webkit-fill-available;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(30,58,95,.15) 0%,transparent 50%),linear-gradient(180deg,#0e1624,#0a1018)!important;position:relative;overflow:hidden;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.login-bg-animation{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:0;animation:none;pointer-events:none;display:none}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#1a2942,#243b5a);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#0a1220,#152238);bottom:-50px;right:-50px;animation-delay:-5s}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,#1e3a5f,#0e1624);top:50%;left:60%;animation-delay:-10s}.floating-orb{position:absolute;border-radius:50%;background:transparent;animation:none;pointer-events:none;display:none}.orb-1{width:150px;height:150px;top:20%;right:10%;animation-delay:0s}.orb-2{width:100px;height:100px;bottom:20%;left:15%;animation-delay:-2s}@keyframes floatShape{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(20px,30px) rotate(3deg)}}@keyframes pulseOrb{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}.premium-login-container{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem;animation:fadeSlideUp .8s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.premium-login-hero{text-align:center;margin-bottom:1rem}.hero-logo-wrapper{position:relative;display:inline-block;margin-bottom:1.25rem}.hero-logo-glow{position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.hero-logo{font-size:5.2rem;position:relative;z-index:1;filter:drop-shadow(0 15px 40px rgba(0,0,0,.4)) drop-shadow(0 5px 15px rgba(255,255,255,.05));animation:logoFloat 4s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-size:2.2rem;font-weight:600;color:#fff;margin:0;letter-spacing:.02em;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-subtitle{font-size:.95rem;color:#ffffffa6;margin:.75rem 0 0;font-weight:400;line-height:1.5}.premium-role-cards{display:flex;flex-direction:column;gap:1rem}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.premium-role-card{position:relative;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.25rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;-webkit-animation:cardSlideIn .8s ease-out backwards;animation:cardSlideIn .8s ease-out backwards}.premium-role-card:nth-child(1){-webkit-animation-delay:.3s;animation-delay:.3s}.premium-role-card:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.premium-role-card:nth-child(3){-webkit-animation-delay:.7s;animation-delay:.7s}.premium-role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s}.premium-role-card:hover:before{opacity:1;animation:cardShimmer 1.5s linear infinite}.premium-role-card:hover{transform:translateY(-6px) scale(1.02);background:#ffffff1f;border-color:#ffffff40;box-shadow:0 20px 40px #0000004d}.premium-role-card:active{transform:scale(.98)}.role-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(36,59,90,.2) 0%,transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}.premium-role-card:hover .role-card-glow{opacity:1}.premium-role-card[data-role=dietitian]:hover .role-card-glow{background:radial-gradient(circle at 30% 30%,rgba(102,126,234,.15) 0%,transparent 50%)}.premium-role-card[data-role=admin]:hover .role-card-glow{background:radial-gradient(circle at 30% 30%,rgba(240,147,251,.15) 0%,transparent 50%)}.premium-role-card[data-role=individual]:hover .role-card-glow{background:radial-gradient(circle at 30% 30%,rgba(245,158,11,.2) 0%,transparent 50%)}.role-card-content{position:relative;z-index:1;display:flex;align-items:center;gap:1rem}.role-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.role-card-info{flex:1}.role-card-info h3{color:#fff;font-size:1.15rem;font-weight:700;margin:0}.role-card-info p{color:#fff9;font-size:.85rem;margin:.25rem 0 0}.role-card-arrow{color:#fff6;transition:all .3s}.premium-role-card:hover .role-card-arrow{color:#fff;transform:translate(4px)}.premium-login-footer{text-align:center;color:#fff6;font-size:.8rem;margin-top:1rem}.premium-back-btn{position:absolute;top:max(1rem,env(safe-area-inset-top));left:1rem;display:flex;align-items:center;gap:.5rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.75rem 1.25rem;border-radius:14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:100}.premium-back-btn:hover{background:#fff3;transform:translate(-4px)}.premium-login-card{position:relative;background:#fffffff2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:32px;padding:2.5rem 2rem;box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a inset;overflow:hidden}.login-card-glow{position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(36,59,90,.2) 0%,transparent 60%);pointer-events:none}.admin-card .login-card-glow,.admin-glow{background:radial-gradient(circle,rgba(240,147,251,.15) 0%,transparent 60%)}.premium-card-header{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1}.card-icon-wrapper{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 12px 30px #00b89459;animation:iconFloat 4s ease-in-out infinite}.admin-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 12px 30px #667eea59}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.premium-card-header h2{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin:0}.premium-card-header p{font-size:.9rem;color:#666;margin:.5rem 0 0}.dietitian-badge{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#00b8941a,#00cec90d);border:1px solid rgba(0,184,148,.2);border-radius:16px;padding:.75rem 1rem;margin-bottom:1.5rem}.badge-avatar{width:44px;height:44px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.badge-info{display:flex;flex-direction:column}.badge-label{font-size:.75rem;color:#00b894;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-name{font-size:1rem;color:#1a1a2e;font-weight:700}.premium-form{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1}.premium-input-group{position:relative}.premium-input-group label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#444;margin-bottom:.5rem}.input-icon{font-size:.9rem}.premium-input-group input{width:100%;padding:1rem 1.25rem;background:#f8f9fa;border:2px solid transparent;border-radius:14px;font-size:1rem;color:#1a1a2e;transition:all .3s}.premium-input-group input:focus{outline:none;background:#fff;border-color:#00b894;box-shadow:0 0 0 4px #00b8941a}.admin-card .premium-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.premium-input-group input::placeholder{color:#aaa}.input-focus-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#00b894,#00cec9);transition:all .3s;transform:translate(-50%);border-radius:1px}.premium-input-group input:focus~.input-focus-line{width:100%}.premium-checkbox-group{margin:.5rem 0}.premium-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.premium-checkbox input{display:none}.checkbox-custom{width:22px;height:22px;background:#f0f2f5;border:2px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.checkbox-custom:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1);margin-bottom:2px}.premium-checkbox input:checked+.checkbox-custom{background:linear-gradient(135deg,#00b894,#00cec9);border-color:#00b894;box-shadow:0 4px 12px #00b8944d}.premium-checkbox input:checked+.checkbox-custom:after{transform:rotate(45deg) scale(1)}.checkbox-label{font-size:.9rem;color:#555;font-weight:500}.premium-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.15rem;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border:none;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 25px #00b89459;margin-top:.5rem}.premium-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00b89473}.premium-submit-btn:active{transform:scale(.98)}.admin-submit{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea59}.admin-submit:hover{box-shadow:0 12px 35px #667eea73}.premium-help-text{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#fdcb6e1a,#f7b7330d);border-radius:14px;border:1px solid rgba(247,183,51,.2)}.help-icon{font-size:1.2rem;flex-shrink:0}.premium-help-text p{font-size:.85rem;color:#666;margin:0;line-height:1.5}.security-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.75rem;background:#667eea14;border-radius:12px;font-size:.8rem;color:#667eea;font-weight:500}.badge-icon{font-size:1rem}@media(max-height:700px){.premium-login-card{padding:1.75rem 1.5rem}.hero-logo{font-size:3.5rem}.hero-title{font-size:1.8rem}.card-icon-wrapper{width:64px;height:64px;font-size:2rem}}@media(max-width:380px){.premium-login-card{padding:1.5rem 1.25rem;border-radius:24px}.premium-role-card{padding:1rem}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf680}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#8b5cf64d}50%{border-color:#ec489980}}#admin-view{min-height:100vh;min-height:-webkit-fill-available;background:linear-gradient(165deg,#0f0c29,#302b63,#24243e)!important;color:#fff;overflow-x:hidden;padding-top:env(safe-area-inset-top,0)!important;z-index:10!important}#admin-view header,#admin-view>header{background:#ffffff0d!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:1.25rem 1.5rem!important;padding-top:calc(env(safe-area-inset-top,0) + 1.5rem)!important;display:flex;flex-direction:column;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;margin:0!important;border-radius:0!important;animation:fadeInUp .6s ease-out}#admin-view header .logo,#admin-view>header .logo{font-size:1.8rem!important;font-weight:900!important;display:flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#a78bfa,#fff);background-size:200% 200%;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:gradientShift 4s ease infinite;text-shadow:none}#admin-view header>div,#admin-view>header>div{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .7s ease-out}#admin-view header button,#admin-view>header button{background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;padding:.6rem 1.2rem!important;border-radius:12px!important;font-size:.85rem!important;font-weight:600!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}#admin-view header button:hover{background:#fff3!important;transform:translateY(-3px) scale(1.05)!important;box-shadow:0 10px 30px #0006!important}#admin-view .theme-toggle{width:44px!important;height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.3rem!important;animation:floatAnimation 3s ease-in-out infinite}.admin-tab-navbar{display:flex;gap:.5rem;padding:.5rem;background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;animation:fadeInUp .6s ease-out}.admin-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:16px;color:#fff9;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.admin-tab-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf600,#ec489900);border-radius:16px;opacity:0;transition:opacity .4s ease}.admin-tab-btn:hover:before{background:linear-gradient(135deg,#8b5cf626,#ec48991a);opacity:1}.admin-tab-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf666,#ec48994d);box-shadow:0 4px 24px #8b5cf666,0 0 0 1px #ffffff26,inset 0 1px #fff3;animation:pulseGlow 3s ease-in-out infinite}.admin-tab-btn.active:before{opacity:0}.admin-tab-btn .tab-icon{font-size:1.6rem;transition:all .3s ease;filter:drop-shadow(0 0 0 transparent)}.admin-tab-btn.active .tab-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.5));animation:floatAnimation 2s ease-in-out infinite}.admin-tab-btn .tab-label{font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.admin-tab-btn.active .tab-label{background:linear-gradient(135deg,#fff,#e0e7ff,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.admin-tab-btn .tab-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#8b5cf6);background-size:200% 100%;border-radius:3px 3px 0 0;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:shimmer 2s linear infinite}.admin-tab-btn.active .tab-indicator{transform:translate(-50%) scaleX(1)}.admin-tab-content{animation:fadeInUp .4s ease-out}.admin-tab-content:not(.active){display:none!important}.admin-tab-content.active{display:block!important}@media(max-width:480px){.admin-tab-navbar{padding:.4rem;gap:.4rem;border-radius:16px}.admin-tab-btn{padding:.8rem 1rem;border-radius:12px}.admin-tab-btn .tab-icon{font-size:1.4rem}.admin-tab-btn .tab-label{font-size:.8rem}}.admin-main{padding:1.5rem!important;padding-bottom:120px!important;max-width:100%!important;background:transparent!important;min-height:auto!important}.stats-cards{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:1.5rem!important}.stat-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0d)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:24px!important;padding:1.75rem!important;text-align:center!important;border:1px solid rgba(255,255,255,.15)!important;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;animation:fadeInScale .6s ease-out backwards}.stat-card:first-child{animation-delay:.1s}.stat-card:last-child{animation-delay:.2s}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .4s}.stat-card:hover:before{opacity:1}.stat-card:first-child{background:linear-gradient(135deg,#6366f159,#8b5cf640)!important;border-color:#8b5cf666!important;animation:fadeInScale .6s ease-out backwards,pulseGlow 4s ease-in-out infinite;animation-delay:.1s,0s}.stat-card:last-child{background:linear-gradient(135deg,#ec489959,#f472b640)!important;border-color:#f472b666!important}.stat-card:hover{transform:translateY(-8px) scale(1.03)!important;box-shadow:0 25px 60px #0006!important}.stat-card h3{font-size:.85rem!important;text-transform:uppercase!important;letter-spacing:1.5px!important;opacity:.8!important;margin-bottom:.75rem!important;font-weight:600!important;color:#fff!important}.stat-card span{font-size:3rem!important;font-weight:800!important;display:block!important;background:linear-gradient(135deg,#fff,#fffc)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important}.search-container{margin-bottom:1.5rem!important}.search-wrapper{position:relative}.search-wrapper input{width:100%!important;padding:1rem 1.25rem 1rem 3rem!important;background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px!important;color:#fff!important;font-size:1rem!important;transition:all .3s ease!important}.search-wrapper input::placeholder{color:#ffffff80!important}.search-wrapper input:focus{outline:none!important;background:#ffffff26!important;border-color:#ffffff4d!important;box-shadow:0 0 0 4px #ffffff1a!important}.search-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:1.2rem}.client-list-section{background:#ffffff14!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-radius:28px!important;padding:1.5rem!important;border:1px solid rgba(255,255,255,.12)!important;animation:fadeInUp .8s ease-out backwards;animation-delay:.3s}.client-list-section h3{font-size:1.2rem!important;color:#fff!important;margin-bottom:1.25rem!important;padding-bottom:1rem!important;border-bottom:1px solid rgba(255,255,255,.15)!important;display:flex!important;align-items:center!important;gap:.5rem!important;animation:slideInLeft .6s ease-out backwards;animation-delay:.4s}.client-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}.profile-card,.client-card{background:linear-gradient(145deg,#ffffff1f,#ffffff0d)!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border-radius:20px!important;padding:1.25rem!important;border:1px solid rgba(255,255,255,.15)!important;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;position:relative;overflow:hidden;animation:fadeInUp .5s ease-out backwards}.profile-card:nth-child(1){animation-delay:.5s}.profile-card:nth-child(2){animation-delay:.6s}.profile-card:nth-child(3){animation-delay:.7s}.profile-card:nth-child(4){animation-delay:.8s}.profile-card:nth-child(5){animation-delay:.9s}.profile-card:before,.client-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#ec4899,#6366f1);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.profile-card:hover:before,.client-card:hover:before{opacity:1}.profile-card:hover,.client-card:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 15px 40px #0000004d!important;border-color:#ffffff40!important}.profile-card .profile-name,.client-card h4{color:#fff!important;font-size:1.1rem!important;font-weight:700!important;margin-bottom:.5rem!important}.profile-card .profile-stats,.client-card p{color:#ffffffb3!important;font-size:.85rem!important}.profile-card .status-badge,.client-badge{display:inline-block;padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;margin-top:.5rem}.client-grid .empty-state{text-align:center!important;padding:3rem 1.5rem!important;color:#fff9!important;font-size:.95rem!important}#admin-view .logout-btn{background:linear-gradient(135deg,#ef444433,#ef44441a)!important;color:#fca5a5!important;border:1px solid rgba(239,68,68,.3)!important}#admin-view .logout-btn:hover{background:linear-gradient(135deg,#ef444466,#ef444433)!important;color:#fff!important}:root{--login-bg: #0E1624}#login-view{background:var(--login-bg)!important;background-color:var(--login-bg)!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:99999!important;overflow:hidden!important}#login-view[hidden]{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important}#admin-view[hidden]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.premium-login-screen{min-height:100vh!important;min-height:100dvh!important;min-height:-webkit-fill-available!important;background:var(--login-bg)!important;background-color:var(--login-bg)!important;padding-top:env(safe-area-inset-top,0)!important;padding-bottom:max(1rem,env(safe-area-inset-bottom,0))!important}.login-screen,#role-selection-screen,#client-login-screen,#admin-login-screen{background:var(--login-bg)!important;background-color:var(--login-bg)!important}.premium-login-container{padding-bottom:env(safe-area-inset-bottom,1rem)!important}.floating-shape,.floating-shape.shape-1,.floating-shape.shape-2,.floating-shape.shape-3,.floating-orb{display:none!important}.login-bg-animation{background:transparent!important}.premium-role-card{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.premium-role-card:hover{background:#ffffff1a!important;border-color:#ffffff2e!important;box-shadow:0 20px 40px #0000004d!important}.hero-logo-glow,#login-view .voice-fab,.premium-login-screen .voice-fab{display:none!important}#login-view:not([hidden])~.bottom-nav,body:has(#login-view:not([hidden])) .bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important}.premium-login-footer{color:#ffffff40!important}#login-view .view-container,#login-view.view-container{background:var(--login-bg)!important}@media(max-width:480px){.stat-card span{font-size:2.5rem!important}.admin-main{padding:1rem!important;padding-bottom:100px!important}#admin-view header{padding:.75rem 1rem!important;padding-top:calc(env(safe-area-inset-top,0) + .75rem)!important}}.subscription-panel-premium{display:flex;flex-direction:column;gap:1.5rem}.plan-hero-card{position:relative;border-radius:24px;padding:2rem;overflow:hidden;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff4d;animation:fadeInScale .6s ease-out}.plan-hero-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);animation:rotateGlow 10s linear infinite;pointer-events:none}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plan-hero-content{position:relative;display:flex;align-items:center;gap:1.5rem;z-index:2}.plan-hero-icon{font-size:4rem;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));animation:floatAnimation 3s ease-in-out infinite}.plan-hero-info{flex:1}.plan-hero-name{font-size:2rem;font-weight:900;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.plan-hero-status{font-size:1rem;font-weight:600;color:#fffffff2;background:#fff3;display:inline-block;padding:.4rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-hero-status.expired{background:#e74c3c4d}.plan-hero-particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1px);background-size:40px 40px,60px 60px;background-position:0 0,20px 20px;opacity:.5;animation:floatParticles 20s linear infinite;pointer-events:none}@keyframes floatParticles{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.stats-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card-premium{position:relative;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);overflow:hidden;animation:fadeInUp .5s ease-out backwards;animation-delay:var(--delay);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.stat-card-premium:hover{transform:translateY(-8px) scale(1.02);border-color:var(--accent);box-shadow:0 20px 40px #0003,0 0 30px color-mix(in srgb,var(--accent) 30%,transparent)}.stat-card-glow{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.stat-card-premium:hover .stat-card-glow{opacity:1}.stat-card-premium .stat-icon{font-size:2rem;margin-bottom:.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.stat-value-premium{font-size:2.5rem;font-weight:900;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.stat-label-premium{font-size:.85rem;font-weight:600;color:#ffffffb3;margin-top:.3rem;text-transform:uppercase;letter-spacing:.5px}.generate-code-section{display:flex;flex-direction:column;gap:1rem}.btn-generate-premium{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;background:linear-gradient(135deg,#00b894,#00cec9);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;overflow:hidden;box-shadow:0 10px 30px #00b89466,inset 0 1px #fff3;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.btn-generate-premium:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #00b89480,inset 0 1px #ffffff4d}.btn-generate-premium:active:not(:disabled){transform:translateY(-2px) scale(.98)}.btn-generate-premium.disabled,.btn-generate-premium:disabled{background:linear-gradient(135deg,#636e72,#535c5f);cursor:not-allowed;box-shadow:none}.btn-generate-premium .btn-icon{font-size:1.5rem}.btn-generate-premium .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.6s}.btn-generate-premium:hover .btn-shine{left:100%}.no-slots-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:12px;color:#ff7675;font-size:.9rem}.no-slots-card .warning-icon{font-size:1.25rem}.no-slots-card .upgrade-link{color:#74b9ff;text-decoration:none;font-weight:600;margin-left:auto;transition:color .2s}.no-slots-card .upgrade-link:hover{color:#a29bfe}.codes-section-premium{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:1.5rem;border:1px solid rgba(255,255,255,.08)}.section-header-premium h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.codes-tabs-premium{display:flex;gap:.5rem;margin-bottom:1.25rem;padding:.4rem;background:#0003;border-radius:14px}.tab-premium{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;border-radius:10px;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-premium:hover{color:#fffc;background:#ffffff0d}.tab-premium.active{background:#ffffff26;color:#fff}.tab-premium .tab-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.tab-premium .tab-dot.active{background:#00b894}.tab-premium .tab-dot.available{background:#fdcb6e}.tab-premium .tab-dot.blocked{background:#636e72}.tab-premium .tab-count{background:#fff3;padding:.15rem .5rem;border-radius:8px;font-size:.75rem}.codes-list-premium{display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease}.codes-empty-premium{text-align:center;padding:2rem;color:#ffffff80}.codes-empty-premium .empty-icon{font-size:3rem;display:block;margin-bottom:.75rem;opacity:.5}.code-card-premium{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0f;border-radius:16px;border:1px solid rgba(255,255,255,.08);animation:fadeInUp .4s ease-out backwards;animation-delay:var(--delay);transition:all .3s ease}.code-card-premium:hover{background:#ffffff1a;transform:translate(5px)}.code-card-avatar{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.code-card-avatar.available{background:linear-gradient(135deg,#fdcb6e,#f39c12)}.code-card-avatar.blocked{background:linear-gradient(135deg,#636e72,#535c5f)}.code-card-content{flex:1;min-width:0}.code-card-name{font-weight:700;color:#fff;font-size:1rem;margin-bottom:.25rem}.code-card-code{font-family:SF Mono,Menlo,monospace;font-size:.85rem;color:#ffffffb3;letter-spacing:1px}.code-card-code.highlight{color:#00b894;font-weight:600;font-size:1rem}.code-card-status{font-size:.8rem;color:#00b894;font-weight:500}.code-card-status.blocked{color:#636e72}.code-card-date{font-size:.75rem;color:#ffffff80;margin-top:.25rem}.code-card-expiry{font-size:.75rem;color:#fdcb6e;font-weight:500;margin-top:.25rem}.code-card-expiry.expiring-soon{color:#ff7675;font-weight:600;animation:expiryPulse 1.5s ease-in-out infinite}@keyframes expiryPulse{0%,to{opacity:1}50%{opacity:.6}}.code-card-profile-info{font-size:.75rem;color:#ffffffb3;margin-top:.15rem;font-weight:500}.code-card-email{font-size:.7rem;color:#ffffff80;margin-top:.1rem;word-break:break-all}.code-card-avatar.has-photo{padding:0;overflow:hidden}.code-card-avatar .client-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.code-card-avatar .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loading-codes{text-align:center;padding:2rem;color:#fff9;font-size:1rem}.btn-action-premium.whatsapp:hover{background:#25d3664d}.btn-action-premium{width:44px;height:44px;border-radius:12px;border:none;background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-action-premium:hover{transform:scale(1.1);background:#fff3}.btn-action-premium.copy:hover{background:#74b9ff4d}.btn-action-premium.copy.success{background:#00b8944d}.btn-action-premium.remove:hover{background:#e74c3c4d}.upgrade-banner-premium{position:relative;border-radius:24px;padding:1.5rem;overflow:hidden;background:linear-gradient(135deg,#667eea33,#ec489933);border:1px solid rgba(255,255,255,.1)}.upgrade-banner-bg{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);background-size:200% 200%;animation:shimmerBg 3s linear infinite}@keyframes shimmerBg{0%{background-position:200% 0}to{background-position:-200% 0}}.upgrade-banner-content{position:relative;display:flex;align-items:center;gap:1rem;z-index:2}.upgrade-icon-wrapper{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:floatAnimation 2s ease-in-out infinite}.upgrade-icon-emoji{font-size:1.75rem}.upgrade-text-content{flex:1}.upgrade-text-content h4{color:#fff;font-size:1rem;font-weight:700;margin:0 0 .25rem}.upgrade-text-content p{color:#ffffffb3;font-size:.85rem;margin:0}.btn-upgrade-premium{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-upgrade-premium:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn-upgrade-premium .btn-arrow{transition:transform .2s}.btn-upgrade-premium:hover .btn-arrow{transform:translate(4px)}@media(max-width:480px){.plan-hero-card{padding:1.5rem}.plan-hero-icon{font-size:3rem}.plan-hero-name{font-size:1.5rem}.stats-grid-premium{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card-premium{padding:1rem}.stat-value-premium{font-size:2rem}.codes-tabs-premium{flex-wrap:wrap}.upgrade-banner-content{flex-direction:column;text-align:center}.upgrade-text-content{margin-bottom:.5rem}}.stats-grid-premium.beta-simplified{grid-template-columns:1fr}.stat-card-premium.beta-main-stat{padding:1.25rem 1.5rem}.beta-stat-row{display:flex;align-items:center;gap:1rem}.beta-stat-row .stat-icon{font-size:2.5rem;margin-bottom:0}.beta-stat-row .stat-content{flex:1;text-align:left}.beta-stat-row .stat-value-premium{font-size:2rem}.beta-stat-row .stat-label-premium{margin-top:.1rem}.stat-badge.pending{background:#fdcb6e33;border:1px solid rgba(253,203,110,.3);border-radius:8px;padding:.4rem .75rem;font-size:.8rem;color:#fdcb6e;font-weight:600}@media(max-width:480px){.beta-stat-row .stat-icon{font-size:2rem}.beta-stat-row .stat-value-premium{font-size:1.5rem}}.beta-info-banner.feedback-cta{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.2)}.beta-icon-wrapper.feedback-pulse{animation:feedbackPulse 2s ease-in-out infinite}@keyframes feedbackPulse{0%,to{transform:scale(1);box-shadow:0 0 #6366f166}50%{transform:scale(1.05);box-shadow:0 0 20px 5px #6366f133}}.btn-feedback-beta{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:.75rem 1.5rem;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;display:flex;align-items:center;gap:.5rem}.btn-feedback-beta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #6366f166}.btn-feedback-beta:active{transform:translateY(-1px) scale(.98)}.welcome-card-inline{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:0 0 20px 20px;padding:.875rem 1.25rem;margin:0;padding-top:max(1rem,calc(env(safe-area-inset-top,44px) + .5rem));padding-bottom:.875rem;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;justify-content:space-between}@supports (padding-top: env(safe-area-inset-top)){.welcome-card-inline{padding-top:max(1rem,calc(env(safe-area-inset-top,44px) + .75rem))}}.premium-user-card-inline{display:flex;align-items:center;gap:.75rem;flex:1}.user-avatar-inline{width:48px;height:48px;background:var(--greeting-bg, linear-gradient(135deg, #00b894 0%, #00cec9 100%));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;z-index:1;animation:greetBreathe 3s ease-in-out infinite}.user-avatar-inline:before,.user-avatar-inline:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--greeting-glow, rgba(0, 184, 148, .3));animation:greetPulse 2.5s ease-out infinite;pointer-events:none}.user-avatar-inline:after{inset:-10px;border-width:1.5px;border-color:var(--greeting-glow, rgba(0, 184, 148, .15));animation-delay:.8s}.avatar-emoji{display:inline-block;animation:greetWave 1.8s ease-in-out .3s 1;transform-origin:70% 70%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes greetPulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes greetBreathe{0%,to{transform:scale(1);box-shadow:0 3px 12px var(--greeting-shadow, rgba(0, 184, 148, .25))}50%{transform:scale(1.04);box-shadow:0 4px 20px var(--greeting-shadow, rgba(0, 184, 148, .35))}}@keyframes greetWave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.user-info-inline{display:flex;flex-direction:column;gap:.1rem}.greeting-inline{font-size:.72rem;font-weight:600;color:#7f8c8d;text-transform:uppercase;letter-spacing:.08em}.user-name-inline{font-size:1.25rem;font-weight:700;color:#2c3e50;margin:0;background:linear-gradient(135deg,#00b894,#00cec9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logout-btn-inline{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#eb3b5a,#fc5c65);color:#fff;border:none;font-size:1.4rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #eb3b5a40;cursor:pointer;transition:all .3s ease}.header-logout-btn-inline:active{transform:scale(.95)}.header-profile-btn-inline{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;font-size:1.4rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8b5cf659;cursor:pointer;transition:all .3s ease}.header-profile-btn-inline:active{transform:scale(.95)}.dashboard-hero{text-align:center;padding:var(--space-xl, 32px) var(--space-sm, 10px) var(--space-lg, 24px)}.hero-title{font-size:1.75rem;font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary);margin-bottom:.375rem;letter-spacing:-.02em}.hero-subtitle{font-size:.9375rem;color:var(--color-text-secondary);font-weight:var(--font-weight-medium, 500)}.dashboard-rings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-card-gap, 16px);margin-bottom:var(--space-section-gap, 28px);padding:0 var(--space-sm, 10px)}.ring-card{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg, 20px);padding:var(--space-card-padding, 20px) var(--space-md, 16px);box-shadow:var(--shadow-card);transition:all var(--transition-base);position:relative;overflow:hidden}.ring-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8;transition:opacity var(--transition-fast)}.ring-card:hover{box-shadow:var(--shadow-elevated, 0 4px 16px rgba(0, 0, 0, .08));border-color:var(--color-border-light)}.ring-card:hover:before{opacity:1}.ring-card.ring-water:before{background:var(--accent-water, #0891B2)}.ring-card.ring-protein:before{background:var(--accent-protein, #EA580C)}.ring-card.ring-meals:before{background:var(--color-primary, #059669)}.ring-wrapper{position:relative;width:140px;height:140px;margin:0 auto 1rem}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#0000000d;stroke-width:8}.ring-progress{fill:none;stroke-width:8;stroke-linecap:round;stroke-dasharray:377;stroke-dashoffset:377;transition:stroke-dashoffset 1s cubic-bezier(.65,0,.35,1)}.ring-card.ring-water .ring-progress{stroke:url(#waterGradient)}.ring-card.ring-protein .ring-progress{stroke:url(#proteinGradient)}.ring-card.ring-meals .ring-progress{stroke:url(#mealsGradient)}svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ring-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ring-info{text-align:center}.ring-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.ring-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.ring-target{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.meal-selection-section{padding:0 var(--space-sm, 10px)}.section-title{font-size:1.375rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin-bottom:.375rem}.section-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg, 24px)}.premium-meal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-card-gap, 16px);margin-bottom:var(--space-section-gap, 28px)}.premium-meal-card{position:relative;padding:var(--space-card-padding, 20px) var(--space-lg, 24px);border-radius:var(--radius-lg, 20px);cursor:pointer;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-card);border:1px solid var(--color-border-soft);background:var(--color-bg-card)}.meal-card-bg{position:absolute;inset:0;opacity:.1;transition:opacity .3s}.premium-meal-card:hover .meal-card-bg{opacity:.15}.premium-meal-card.breakfast-card{background:linear-gradient(135deg,#ffb3471a,#ff9f1a0d)}.premium-meal-card.breakfast-card .meal-card-bg{background:radial-gradient(circle at top right,#ffb347,#ff9f1a)}.premium-meal-card.lunch-card{background:linear-gradient(135deg,#fcd34d1a,#f59e0b0d)}.premium-meal-card.lunch-card .meal-card-bg{background:radial-gradient(circle at top right,#fcd34d,#f59e0b)}.premium-meal-card.dinner-card{background:linear-gradient(135deg,#93c5fd1a,#3b82f60d)}.premium-meal-card.dinner-card .meal-card-bg{background:radial-gradient(circle attop right,#93c5fd,#3b82f6)}.premium-meal-card.snack-card{background:linear-gradient(135deg,#86efac1a,#22c55e0d)}.premium-meal-card.snack-card .meal-card-bg{background:radial-gradient(circle at top right,#86efac,#22c55e)}.premium-meal-card.water-card{background:linear-gradient(135deg,#67e8f91a,#06b6d40d)}.premium-meal-card.water-card .meal-card-bg{background:radial-gradient(circle at top right,#67e8f9,#06b6d4)}.meal-card-content{position:relative;z-index:1}.meal-card-icon-lg{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.premium-meal-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.premium-meal-card p{font-size:.9rem;color:var(--text-secondary);margin:0}.meal-card-arrow{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);font-size:1.5rem;opacity:.4;transition:all var(--transition-base)}.premium-meal-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--color-border-light)}.premium-meal-card:hover .meal-card-arrow{opacity:.7;transform:translateY(-50%) translate(3px)}.premium-meal-card:active{transform:scale(.98)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ring-card{animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) backwards}.ring-card:nth-child(1){animation-delay:.1s}.ring-card:nth-child(2){animation-delay:.2s}.ring-card:nth-child(3){animation-delay:.3s}.premium-meal-card{animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) backwards}.premium-meal-card:nth-child(1){animation-delay:.4s}.premium-meal-card:nth-child(2){animation-delay:.5s}.premium-meal-card:nth-child(3){animation-delay:.6s}.premium-meal-card:nth-child(4){animation-delay:.7s}.premium-meal-card:nth-child(5){animation-delay:.8s}.analysis-container{padding:10px;display:flex;flex-direction:column;gap:1rem}.analysis-card{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--color-border-soft, #E5E7EB);border-radius:var(--radius-md, 14px);padding:1.25rem}.chart-card{min-height:180px;display:flex;flex-direction:column}.card-header{margin-bottom:.875rem;display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:1rem;color:var(--color-text-primary, #111827);font-weight:600}.card-subtitle{font-size:.75rem;color:var(--color-text-secondary, #6B7280);background:var(--color-bg-main, #F9FAFB);padding:.2rem .5rem;border-radius:6px}.chart-container{flex:1;position:relative;width:100%;height:140px;min-height:140px;max-height:140px}.rings-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.ring-card{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--color-border-soft, #E5E7EB);border-radius:var(--radius-sm, 10px);padding:.875rem;display:flex;flex-direction:column;align-items:center;gap:.375rem}.progress-ring-wrapper{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle{transition:stroke-dashoffset .35s;transform-origin:50% 50%;stroke-dasharray:213.6;stroke-dashoffset:213.6;stroke-linecap:round}.ring-icon{position:absolute;font-size:1.25rem}.ring-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary, #6B7280)}.share-btn{background:var(--gradient-primary, linear-gradient(135deg, #22C55E 0%, #16A34A 100%));color:#fff;border:none;padding:.5rem .875rem;border-radius:var(--radius-sm, 10px);font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity var(--transition-fast, .12s ease-out);display:flex;align-items:center;gap:.375rem}.share-btn:hover{opacity:.9}.share-btn:active{opacity:.8}.view-header{display:flex;justify-content:center;align-items:center;padding:1rem 1.25rem;background:var(--color-bg-card, #FFFFFF);position:relative;z-index:100;border-bottom:1px solid var(--color-border-soft, #E5E7EB);margin-bottom:.5rem}.view-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary, #111827);text-align:center}.chart-insight-container{margin-top:.75rem;padding:.625rem .75rem;background:var(--color-bg-main, #f9fafb);border-radius:var(--radius-sm, 10px);font-size:.8rem;color:var(--color-text-secondary, #6B7280);line-height:1.4;display:flex;align-items:center;gap:.5rem}.chart-insight-container .insight-badge{padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:600;white-space:nowrap}.bottom-nav{position:fixed;--navbar-static-height: 88px;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:flex-end;background:#fffffff2;border-radius:24px 24px 0 0;border-top:none;box-shadow:0 -4px 24px #0000000f,0 -1px 8px #00000008,inset 0 1px #fffc;padding:.75rem .5rem .875rem;z-index:9000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}body[data-theme=dark] .bottom-nav{background:#16161af2;box-shadow:0 -4px 24px #0000004d,0 -1px 8px #0003,inset 0 1px #ffffff0a}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.625rem .75rem;margin:0 .2rem;cursor:pointer;border:none;background:transparent;border-radius:16px;color:#b8c0cc;transition:transform .14s cubic-bezier(.4,0,.2,1),color .16s ease-out,opacity .16s ease-out}.nav-item:active{transform:scale(.94);opacity:.85}.nav-item.active{background:transparent;color:#16a34a;transform:scale(1.03);position:relative}.nav-item.active:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#22c55e26,#22c55e00 70%);z-index:-1;animation:haloFadeIn .18s ease-out forwards}@keyframes haloFadeIn{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.nav-item .nav-icon{font-size:1.55rem;display:flex;align-items:center;justify-content:center;transition:filter .16s ease-out,transform .14s ease-out}.nav-item.active .nav-icon{filter:drop-shadow(0 2px 6px rgba(22,163,74,.2));transform:translateY(-1px)}.nav-item .nav-label{font-size:.68rem;font-weight:400;letter-spacing:.2px;opacity:.35;color:#94a3b8;transform:scale(.95);transition:opacity .16s ease-out,font-weight .16s ease-out,color .16s ease-out,letter-spacing .16s ease-out,transform .16s ease-out}.nav-item.active .nav-label{opacity:1;font-weight:600;letter-spacing:.4px;color:#16a34a;transform:scale(1)}.nav-item-center{position:relative;flex:0 0 auto!important;width:64px;height:64px;margin:-32px .75rem 4px;border-radius:50%;background:linear-gradient(145deg,#22c55e,#16a34a 80%,#15803d);padding:0;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.95);box-shadow:0 4px 16px #16a34a59,0 2px 6px #0000001a,inset 0 1px #fff3;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s ease-out}body[data-theme=dark] .nav-item-center{border-color:#1e1e1ef2;box-shadow:0 4px 16px #16a34a40,0 2px 6px #0000004d}.nav-item-center:active{transform:scale(.93);box-shadow:0 2px 8px #16a34a4d,0 1px 3px #0000001a}.nav-item-center .center-home-icon{font-size:1.85rem;display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.view-container{padding-bottom:calc(80px + 20px + var(--ad-banner-height, 0px) + env(safe-area-inset-bottom,0px));height:100%;min-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;padding-top:env(safe-area-inset-top,0px)}.view-header{position:-webkit-sticky;position:sticky;top:0;padding:0 var(--topbar-side-padding, 16px);padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:var(--topbar-content-gap, 12px);background:var(--color-bg-card, #FFFFFF);z-index:100;display:flex;flex-direction:column;gap:var(--topbar-context-gap, 4px);border-bottom:1px solid rgba(0,0,0,.04)}.view-header:not(.topbar-premium-row){flex-direction:row;justify-content:center;align-items:center;padding-top:8px}.view-header h2{margin:0;font-size:var(--topbar-title-size, 22px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #0F172A);text-align:center;line-height:1.15;letter-spacing:-.02em}.view-header.topbar-premium-row{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0}.view-header .topbar-title-group{display:flex;flex-direction:column;gap:var(--topbar-context-gap, 4px)}.view-header .topbar-context{font-size:var(--topbar-context-size, 13px);font-weight:var(--font-weight-medium, 500);color:var(--color-text-muted, #94A3B8);opacity:var(--topbar-context-opacity, .65);line-height:1.2}.view-header .topbar-title-primary{font-size:var(--topbar-title-size, 22px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #0F172A);line-height:1.15;letter-spacing:-.02em;margin:0}.view-header .topbar-accent-line{position:relative}.view-header .topbar-accent-line:after{content:"";position:absolute;bottom:-6px;left:0;width:32px;height:2px;background:var(--color-primary, #059669);border-radius:1px;opacity:.7}.view-content{padding:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--color-text-muted, #9CA3AF);text-align:center;gap:.75rem}.profile-card{background:var(--color-bg-card, #FFFFFF);border:1px solid var(--color-border-soft, #E5E7EB);border-radius:var(--radius-md, 14px);padding:1.5rem;text-align:center;margin-bottom:.75rem}.profile-avatar{width:72px;height:72px;background:var(--color-primary-soft, #DCFCE7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto .875rem}.profile-card h3{margin:0 0 .75rem;color:var(--color-text-primary, #111827);font-size:1.25rem;font-weight:600}.edit-profile-btn{background:var(--gradient-primary, linear-gradient(135deg, #22C55E 0%, #16A34A 100%));color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-sm, 10px);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast, .12s ease-out)}.edit-profile-btn:hover{opacity:.9}.edit-profile-btn:active{opacity:.8}@media(min-width:768px){.bottom-nav{display:none}}.view-with-nav{padding-bottom:calc(100px + 20px + var(--ad-banner-height, 0px) + env(safe-area-inset-bottom,0px))!important}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}body[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2d3748 25%,#374151,#2d3748 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:80px;margin-bottom:.75rem}.skeleton-text{height:16px;margin-bottom:.375rem;width:100%}.skeleton-text.short{width:60%}body.admin-mode #admin-view>header,body.admin-mode #admin-view>.admin-main,body.admin-mode #admin-view .admin-tab-navbar,body.admin-mode #admin-view .stats-cards,body.admin-mode #admin-view #admin-dashboard-content>.admin-tab-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}body.cp-layout-ready .cp-topbar,body.cp-layout-ready .cp-sidebar,body.cp-layout-ready .cp-main,body.cp-layout-ready .cp-section{opacity:1!important;visibility:visible!important}body.cp-layout-ready #admin-view>header,body.cp-layout-ready #admin-view .admin-tab-navbar,body.cp-layout-ready #admin-view>.admin-main>.stats-cards{display:none!important}:root{--cp-bg-primary: #0f172a;--cp-bg-secondary: #1e293b;--cp-bg-tertiary: #334155;--cp-bg-card: rgba(30, 41, 59, .8);--cp-bg-card-hover: rgba(51, 65, 85, .9);--cp-text-primary: #f8fafc;--cp-text-secondary: #cbd5e1;--cp-text-muted: #94a3b8;--cp-text-dim: #64748b;--cp-accent: #8b5cf6;--cp-accent-soft: #a78bfa;--cp-accent-glow: rgba(139, 92, 246, .3);--cp-success: #10b981;--cp-success-soft: rgba(16, 185, 129, .15);--cp-warning: #f59e0b;--cp-warning-soft: rgba(245, 158, 11, .15);--cp-danger: #ef4444;--cp-danger-soft: rgba(239, 68, 68, .15);--cp-info: #0ea5e9;--cp-info-soft: rgba(14, 165, 233, .15);--cp-border: rgba(148, 163, 184, .1);--cp-border-hover: rgba(148, 163, 184, .2);--cp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--cp-shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--cp-shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--cp-shadow-glow: 0 0 20px var(--cp-accent-glow);--cp-sidebar-width: 260px;--cp-topbar-height: 64px;--cp-border-radius: 12px;--cp-border-radius-lg: 16px;--cp-border-radius-xl: 24px;--cp-transition-fast: .15s ease;--cp-transition: .25s ease;--cp-transition-slow: .4s ease}[data-theme=light] .admin-mode,.admin-mode[data-cp-theme=light],#admin-view[data-cp-theme=light],[data-cp-theme=light] .cp-app-shell,[data-cp-theme=light]{--cp-bg-primary: #f8fafc;--cp-bg-secondary: #ffffff;--cp-bg-tertiary: #f1f5f9;--cp-bg-card: rgba(255, 255, 255, .95);--cp-bg-card-hover: rgba(241, 245, 249, 1);--cp-text-primary: #0f172a;--cp-text-secondary: #334155;--cp-text-muted: #64748b;--cp-text-dim: #94a3b8;--cp-border: rgba(15, 23, 42, .08);--cp-border-hover: rgba(15, 23, 42, .15);--cp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--cp-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--cp-shadow-lg: 0 10px 25px rgba(0, 0, 0, .1)}#admin-view[data-cp-theme=light] .cp-topbar{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;box-shadow:0 1px 3px #00000014!important}#admin-view[data-cp-theme=light] .cp-topbar-title{background:linear-gradient(135deg,#1e293b,#334155)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#admin-view[data-cp-theme=light] .cp-topbar-btn{color:#64748b!important;border-color:#0000001a!important}#admin-view[data-cp-theme=light] .cp-topbar-btn:hover{background:#f1f5f9!important;color:#1e293b!important}#admin-view[data-cp-theme=light] .cp-sidebar{background:#fff!important;border-right:1px solid rgba(0,0,0,.06)!important}#admin-view[data-cp-theme=light] .cp-sidebar-header{border-bottom-color:#0000000f!important}#admin-view[data-cp-theme=light] .cp-logo-title{color:#1e293b!important}#admin-view[data-cp-theme=light] .cp-logo-subtitle{color:#64748b!important}#admin-view[data-cp-theme=light] .cp-nav-label{color:#94a3b8!important}#admin-view[data-cp-theme=light] .cp-nav-item{color:#64748b!important}#admin-view[data-cp-theme=light] .cp-nav-item:hover{background:#f1f5f9!important;color:#1e293b!important}#admin-view[data-cp-theme=light] .cp-nav-item.active{background:#8b5cf6!important;color:#fff!important}#admin-view[data-cp-theme=light] .cp-beta-badge{background:#f1f5f9!important}#admin-view[data-cp-theme=light] .cp-beta-title{color:#8b5cf6!important}#admin-view[data-cp-theme=light] .cp-beta-desc{color:#64748b!important}#admin-view[data-cp-theme=light] .cp-main,#admin-view[data-cp-theme=light] .cp-main-content{background:#f8fafc!important}#admin-view[data-cp-theme=light] .cp-page-title{color:#1e293b!important}#admin-view[data-cp-theme=light] .cp-page-subtitle{color:#64748b!important}#admin-view[data-cp-theme=light] .cp-card{background:#fff!important;border-color:#0000000f!important}#admin-view[data-cp-theme=light] .cp-card-header{border-bottom-color:#0000000f!important}#admin-view[data-cp-theme=light] .cp-card-title{color:#1e293b!important}#admin-view[data-cp-theme=light] .cp-stat-card{background:#fff!important;border-color:#0000000f!important}#admin-view[data-cp-theme=light] .cp-stat-value{color:#1e293b!important}#admin-view[data-cp-theme=light] .cp-stat-label{color:#64748b!important}body.admin-mode #admin-view{display:flex!important;flex-direction:column;min-height:100vh;background:var(--cp-bg-primary)!important;z-index:10!important}.cp-app-shell{display:flex;min-height:100vh;background:var(--cp-bg-primary)}.cp-topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;height:64px;min-height:calc(64px + env(safe-area-inset-top,0));background:#0f172a!important;border-bottom:1px solid rgba(255,255,255,.06)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;padding-top:env(safe-area-inset-top,0)!important;z-index:1000!important;box-shadow:0 2px 10px #0000004d;flex-direction:row!important}.cp-topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.5) 50%,transparent 100%)}.cp-topbar-left{display:flex;align-items:center;gap:20px}.cp-topbar-title{font-size:1.75rem;font-weight:800;color:var(--cp-text-primary);letter-spacing:-.03em;text-shadow:0 2px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e2e8f0,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cp-topbar-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--cp-accent) 0%,#7c3aed 50%,#a78bfa 100%);color:#fff;font-size:.75rem;font-weight:800;border-radius:24px;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 15px #8b5cf680,0 0 0 1px #ffffff1a inset;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 4px 15px #8b5cf680,0 0 0 1px #ffffff1a inset}50%{box-shadow:0 4px 25px #8b5cf6b3,0 0 0 1px #fff3 inset}}.cp-topbar-right{display:flex;align-items:center;gap:8px}.cp-topbar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--cp-border);border-radius:10px;color:var(--cp-text-muted);cursor:pointer;transition:all var(--cp-transition)}.cp-topbar-btn:hover{background:var(--cp-bg-tertiary);color:var(--cp-text-primary);border-color:var(--cp-border-hover)}.cp-sidebar-toggle{display:none!important}@media(max-width:1024px){.cp-sidebar-toggle{display:flex!important}}.cp-topbar-btn.danger:hover{background:var(--cp-danger-soft);color:var(--cp-danger);border-color:var(--cp-danger)}.cp-sidebar{position:fixed;left:0;top:var(--cp-topbar-height);bottom:0;width:var(--cp-sidebar-width);background:var(--cp-bg-secondary);border-right:1px solid var(--cp-border);display:flex;flex-direction:column;z-index:200;transition:transform var(--cp-transition);overflow-y:auto}.cp-sidebar-backdrop{display:none;position:fixed;inset:0;width:100%;height:100%;background:#000;z-index:199}.cp-sidebar-backdrop.show{display:block}.cp-sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--cp-border)}.cp-logo{display:flex;align-items:center;gap:12px}.cp-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--cp-accent) 0%,#a78bfa 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--cp-shadow-glow)}.cp-logo-text{display:flex;flex-direction:column}.cp-logo-title{font-size:1rem;font-weight:700;color:var(--cp-text-primary);line-height:1.2}.cp-logo-subtitle{font-size:.7rem;color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:1px}.cp-nav{flex:1;padding:16px 12px;overflow-y:auto}.cp-nav-section{margin-bottom:24px}.cp-nav-label{font-size:.65rem;font-weight:600;color:var(--cp-text-dim);text-transform:uppercase;letter-spacing:1.5px;padding:0 12px;margin-bottom:8px}.cp-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:var(--cp-border-radius);color:var(--cp-text-muted);text-decoration:none;cursor:pointer;transition:all var(--cp-transition);position:relative;border:none;background:transparent;width:100%;text-align:left;font-size:.9rem;font-weight:500}.cp-nav-item:hover{background:var(--cp-bg-tertiary);color:var(--cp-text-primary)}.cp-nav-item.active{background:#8b5cf6!important;color:#fff!important;font-weight:600}.cp-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--cp-accent);border-radius:0 4px 4px 0}.cp-nav-icon{font-size:1.1rem;width:24px;text-align:center}.cp-nav-text{flex:1}.cp-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:600;background:var(--cp-danger);color:#fff;border-radius:10px}.cp-sidebar-footer{padding:16px;border-top:1px solid var(--cp-border)}.cp-beta-badge{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--cp-bg-tertiary);border-radius:var(--cp-border-radius);text-align:center}.cp-beta-title{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--cp-accent-soft)}.cp-beta-desc{font-size:.7rem;color:var(--cp-text-dim)}.cp-main{flex:1;margin-left:var(--cp-sidebar-width);margin-top:var(--cp-topbar-height);padding:24px;background:var(--cp-bg-primary);min-height:calc(100vh - var(--cp-topbar-height))}.cp-page{max-width:1400px;margin:0 auto}.cp-page-header{margin-bottom:24px}.cp-page-title{font-size:1.5rem;font-weight:700;color:var(--cp-text-primary);margin-bottom:4px}.cp-page-subtitle{font-size:.9rem;color:var(--cp-text-muted)}.cp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.cp-stat-card{background:var(--cp-bg-card);border:1px solid var(--cp-border);border-radius:var(--cp-border-radius-lg);padding:20px;transition:all var(--cp-transition)}.cp-stat-card:hover{background:var(--cp-bg-card-hover);border-color:var(--cp-border-hover);transform:translateY(-2px);box-shadow:var(--cp-shadow-md)}.cp-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cp-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.25rem}.cp-stat-icon.success{background:var(--cp-success-soft)}.cp-stat-icon.warning{background:var(--cp-warning-soft)}.cp-stat-icon.danger{background:var(--cp-danger-soft)}.cp-stat-icon.info{background:var(--cp-info-soft)}.cp-stat-icon.accent{background:var(--cp-accent-glow)}.cp-stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px}.cp-stat-trend.up{color:var(--cp-success);background:var(--cp-success-soft)}.cp-stat-trend.down{color:var(--cp-danger);background:var(--cp-danger-soft)}.cp-stat-value{font-size:2rem;font-weight:700;color:var(--cp-text-primary);line-height:1;margin-bottom:4px}.cp-stat-label{font-size:.85rem;color:var(--cp-text-muted)}.cp-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.cp-card{background:var(--cp-bg-card);border:1px solid var(--cp-border);border-radius:var(--cp-border-radius-lg);overflow:hidden;transition:all var(--cp-transition)}.cp-card:hover{border-color:var(--cp-border-hover)}.cp-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--cp-border)}.cp-card-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--cp-text-primary)}.cp-card-title-icon{font-size:1.1rem}.cp-card-body{padding:20px}.cp-card.featured{background:linear-gradient(135deg,var(--cp-bg-card) 0%,rgba(139,92,246,.1) 100%);border-color:var(--cp-accent-glow)}.cp-card.featured .cp-card-header{border-bottom-color:var(--cp-accent-glow)}.cp-activity-list{display:flex;flex-direction:column}.cp-activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--cp-border)}.cp-activity-item:last-child{border-bottom:none}.cp-activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1rem;background:var(--cp-bg-tertiary);flex-shrink:0}.cp-activity-content{flex:1;min-width:0}.cp-activity-text{font-size:.9rem;color:var(--cp-text-secondary);line-height:1.4}.cp-activity-text strong{color:var(--cp-text-primary);font-weight:600}.cp-activity-time{font-size:.75rem;color:var(--cp-text-dim);margin-top:4px}.cp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.cp-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.cp-empty-title{font-size:1.1rem;font-weight:600;color:var(--cp-text-primary);margin-bottom:8px}.cp-empty-desc{font-size:.9rem;color:var(--cp-text-muted);max-width:320px;line-height:1.5}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;border-radius:var(--cp-border-radius);cursor:pointer;transition:all var(--cp-transition);border:none}.cp-btn-primary{background:linear-gradient(135deg,var(--cp-accent) 0%,#a78bfa 100%);color:#fff;box-shadow:0 4px 15px var(--cp-accent-glow)}.cp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--cp-accent-glow)}.cp-btn-secondary{background:var(--cp-bg-tertiary);color:var(--cp-text-primary);border:1px solid var(--cp-border)}.cp-btn-secondary:hover{background:var(--cp-bg-card-hover);border-color:var(--cp-border-hover)}@keyframes cp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.cp-animate-in,.cp-stat-card{animation:cp-fade-in .4s ease forwards}.cp-stat-card:nth-child(1){animation-delay:.05s}.cp-stat-card:nth-child(2){animation-delay:.1s}.cp-stat-card:nth-child(3){animation-delay:.15s}.cp-stat-card:nth-child(4){animation-delay:.2s}.cp-card{animation:cp-fade-in .5s ease forwards;animation-delay:.25s;opacity:0}.cp-dashboard-grid .cp-card:nth-child(1){animation-delay:.3s}.cp-dashboard-grid .cp-card:nth-child(2){animation-delay:.35s}.cp-nav-item:hover{box-shadow:0 0 0 1px var(--cp-border-hover)}.cp-nav-item.active{box-shadow:none}.cp-stat-card:hover{box-shadow:var(--cp-shadow-lg),0 0 20px var(--cp-accent-glow)}@keyframes cp-featured-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 30px #8b5cf64d}}.cp-card.featured{animation:cp-fade-in .5s ease forwards,cp-featured-glow 3s ease-in-out infinite;animation-delay:.3s,.8s}.cp-btn:active{transform:scale(.98)}.cp-topbar-btn:hover{box-shadow:0 0 10px var(--cp-accent-glow)}.cp-activity-item{transition:background var(--cp-transition);padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:8px}.cp-activity-item:hover{background:var(--cp-bg-tertiary)}@keyframes cp-logo-glow{0%,to{box-shadow:var(--cp-shadow-glow)}50%{box-shadow:0 0 25px var(--cp-accent-glow)}}.cp-logo-icon{animation:cp-logo-glow 4s ease-in-out infinite}@keyframes cp-beta-pulse{0%,to{opacity:1}50%{opacity:.8}}.cp-beta-badge{animation:cp-beta-pulse 3s ease-in-out infinite}@media(max-width:1024px){.cp-sidebar{transform:translate(-100%);width:85%;max-width:320px;z-index:10001!important;background:#0f172a!important;border-right:none!important;position:fixed!important;top:0!important;padding-top:env(safe-area-inset-top,0)}.cp-sidebar.open{transform:translate(0)!important;box-shadow:10px 0 40px #000c}.cp-sidebar-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000eb!important;z-index:10000!important}.cp-sidebar-backdrop.show{display:block!important}.cp-topbar{left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;padding:0 16px!important;padding-top:env(safe-area-inset-top,0)!important;height:64px!important;min-height:calc(64px + env(safe-area-inset-top,0))!important;background:#0f172a!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 2px 10px #0000004d!important;flex-direction:row!important}.cp-topbar-title{font-size:1.5rem!important;font-weight:800!important;background:linear-gradient(135deg,#fff,#e2e8f0,#fff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.cp-topbar-badge{padding:6px 12px!important;font-size:.7rem!important;font-weight:800!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#a78bfa)!important;box-shadow:0 4px 15px #8b5cf680!important}.cp-main{margin-left:0;margin-top:80px!important;padding-top:env(safe-area-inset-top,0)}.cp-stats-grid{grid-template-columns:repeat(2,1fr)}.cp-dashboard-grid{grid-template-columns:1fr}.cp-sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:150;cursor:pointer}.cp-sidebar-backdrop.active{display:block}}@media(max-width:640px){.cp-main{padding:16px}.cp-stats-grid{grid-template-columns:1fr;gap:12px}.cp-stat-value{font-size:1.5rem}.cp-stat-card{padding:16px}.cp-page-title{font-size:1.25rem}.cp-page-subtitle{font-size:.8rem}.cp-card-body{padding:16px}.cp-topbar{padding:0 16px}.cp-topbar-title{font-size:1rem}.cp-topbar-badge{display:none}.cp-activity-item{padding:10px 0}.cp-activity-icon{width:32px;height:32px;font-size:.9rem}.cp-empty-state{padding:32px 16px}.cp-empty-icon{font-size:2.5rem}}body.admin-mode.cp-active #admin-view>header:not(.cp-topbar){display:none!important}body.admin-mode.cp-active .cp-topbar{display:flex!important}body.admin-mode.cp-active .admin-main{padding:0!important;background:transparent!important}body.admin-mode.cp-active .admin-tab-navbar{display:none!important}body.admin-mode.cp-active .triage-card,body.admin-mode.cp-active .priority-card,body.admin-mode.cp-active .client-card{background:var(--cp-bg-card)!important;border:1px solid var(--cp-border)!important;color:var(--cp-text-primary)!important}body.admin-mode.cp-active .triage-card:hover,body.admin-mode.cp-active .client-card:hover{background:var(--cp-bg-card-hover)!important;border-color:var(--cp-border-hover)!important}body.admin-mode.cp-active .triage-band-header,body.admin-mode.cp-active .priority-band-header{background:var(--cp-bg-tertiary)!important;color:var(--cp-text-primary)!important;border:1px solid var(--cp-border)!important}body.admin-mode.cp-active .triage-tabs{background:var(--cp-bg-secondary)!important;border:1px solid var(--cp-border)!important}body.admin-mode.cp-active .triage-tab{color:var(--cp-text-muted)!important;background:transparent!important}body.admin-mode.cp-active .triage-tab.active{color:var(--cp-text-primary)!important;background:var(--cp-accent-glow)!important}body.admin-mode.cp-active .client-name,body.admin-mode.cp-active .triage-card h4,body.admin-mode.cp-active .client-card h4{color:var(--cp-text-primary)!important}body.admin-mode.cp-active .client-info,body.admin-mode.cp-active .client-meta,body.admin-mode.cp-active .triage-card p,body.admin-mode.cp-active .client-card p{color:var(--cp-text-muted)!important}body.admin-mode.cp-active .pro-filter-bar{background:transparent!important}body.admin-mode.cp-active .filter-btn{background:var(--cp-bg-card)!important;color:var(--cp-text-muted)!important;border:1px solid var(--cp-border)!important}body.admin-mode.cp-active .filter-btn.active{background:var(--cp-accent-glow)!important;color:var(--cp-accent-soft)!important;border-color:var(--cp-accent)!important}body.admin-mode.cp-active .search-input,body.admin-mode.cp-active #client-search-input{background:var(--cp-bg-card)!important;border:1px solid var(--cp-border)!important;color:var(--cp-text-primary)!important}body.admin-mode.cp-active .search-input::placeholder{color:var(--cp-text-dim)!important}body.admin-mode.cp-active .nutrition-priority-card{background:var(--cp-bg-card)!important;border:1px solid var(--cp-border)!important}body.admin-mode.cp-active .nutrition-priority-card:before{background:linear-gradient(90deg,var(--cp-accent),#a78bfa,#8b5cf6)!important}body.admin-mode.cp-active .priority-title,body.admin-mode.cp-active .priority-message{color:var(--cp-text-primary)!important}body.admin-mode.cp-active .priority-subtitle{color:var(--cp-text-muted)!important}body.admin-mode.cp-active .stats-cards .stat-card{background:var(--cp-bg-card)!important;border:1px solid var(--cp-border)!important}body.admin-mode.cp-active .stats-cards .stat-card h3{color:var(--cp-text-muted)!important}body.admin-mode.cp-active .stats-cards .stat-card span{color:var(--cp-text-primary)!important}body.admin-mode.cp-active .empty-state{color:var(--cp-text-muted)!important}body.admin-mode.cp-active .analytics-card,body.admin-mode.cp-active [id*=analytics]{background:var(--cp-bg-card)!important;border:1px solid var(--cp-border)!important;color:var(--cp-text-primary)!important}.triage-summary-banner{background:linear-gradient(135deg,var(--cp-bg-card) 0%,var(--cp-bg-secondary) 100%);border-radius:var(--cp-border-radius-lg);padding:20px;margin-bottom:20px;border:1px solid var(--cp-border)}.triage-stat-row{display:flex;justify-content:space-around;align-items:center;gap:16px;margin-bottom:16px}.triage-stat{text-align:center;flex:1}.triage-stat .stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.triage-stat .stat-number.high{color:var(--cp-danger)}.triage-stat .stat-number.medium{color:var(--cp-warning)}.triage-stat .stat-number.stable{color:var(--cp-success)}.triage-stat .stat-label{font-size:.75rem;color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.5px}.triage-stat.has-items{animation:pulse-attention 2s ease-in-out infinite}@keyframes pulse-attention{0%,to{opacity:1}50%{opacity:.7}}.info-banner,.priority-alert{background:var(--cp-info-soft);border-radius:var(--cp-border-radius);padding:12px 16px;font-size:.9rem;color:var(--cp-text-secondary);text-align:center}.priority-alert{background:var(--cp-danger-soft);color:var(--cp-text-primary)}.priority-alert strong{color:var(--cp-danger)}.client-cards-section{margin-top:16px}.client-cards-section h3{color:var(--cp-text-primary);font-size:1.1rem;margin-bottom:16px;font-weight:600}.triage-card.clickable{cursor:pointer;transition:all var(--cp-transition)}.triage-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--cp-shadow-md);border-color:var(--cp-accent-soft)}.triage-card.clickable:active{transform:translateY(0)}.card-arrow{font-size:1.5rem;color:var(--cp-text-muted);margin-left:auto;transition:all var(--cp-transition);opacity:0}.triage-card.clickable:hover .card-arrow{transform:translate(4px);color:var(--cp-accent);opacity:1}.triage-card-header{display:flex;align-items:center;gap:16px}.client-avatar-container{position:relative;flex-shrink:0}.client-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--cp-accent) 0%,#7c3aed 100%);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.client-avatar img{width:100%;height:100%;object-fit:cover}.client-info{flex:1;min-width:0}.client-name{color:var(--cp-text-primary);font-size:1rem;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-code{color:var(--cp-text-muted);font-size:.85rem}.cp-triage-tabs{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:var(--cp-bg-tertiary);border-radius:var(--cp-border-radius)}.cp-triage-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--cp-text-muted);font-size:.9rem;font-weight:500;border-radius:calc(var(--cp-border-radius) - 4px);cursor:pointer;transition:all var(--cp-transition);display:flex;align-items:center;justify-content:center;gap:8px}.cp-triage-tab:hover{background:var(--cp-bg-card);color:var(--cp-text-secondary)}.cp-triage-tab.active{background:var(--cp-accent);color:#fff}.tab-badge{background:#ffffff40;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:600}.cp-triage-tab.active .tab-badge{background:#ffffff4d}.triage-stat.clickable{cursor:pointer;transition:all var(--cp-transition);padding:8px;border-radius:var(--cp-border-radius)}.triage-stat.clickable:hover{background:var(--cp-bg-tertiary);transform:scale(1.05)}.section-title{color:var(--cp-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.triage-card.high-priority{border-left:3px solid var(--cp-danger);background:linear-gradient(135deg,var(--cp-danger-soft) 0%,var(--cp-bg-card) 100%)}.triage-card.high-priority .client-avatar{background:linear-gradient(135deg,var(--cp-danger) 0%,#dc2626 100%)}.triage-card.medium-priority{border-left:3px solid var(--cp-warning);background:linear-gradient(135deg,var(--cp-warning-soft) 0%,var(--cp-bg-card) 100%)}.triage-card.medium-priority .client-avatar{background:linear-gradient(135deg,var(--cp-warning) 0%,#d97706 100%)}.triage-card.stabil{border-left:3px solid var(--cp-success)}.triage-card.stabil .client-avatar{background:linear-gradient(135deg,var(--cp-success) 0%,#059669 100%)}.band-indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.band-indicator.high{background:var(--cp-danger-soft);color:var(--cp-danger)}.band-indicator.medium{background:var(--cp-warning-soft);color:var(--cp-warning)}.band-indicator.low,.band-indicator.stable{background:var(--cp-success-soft);color:var(--cp-success)}.client-reason{color:var(--cp-text-muted);font-size:.8rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.triage-card.observation-priority{border-left:3px solid #8b5cf6;background:linear-gradient(135deg,#8b5cf614,#7c3aed0d)}.triage-card.observation-priority:hover{background:linear-gradient(135deg,#8b5cf626,#7c3aed1a);border-left-color:#a78bfa}.triage-card.observation-priority .client-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.band-indicator.observation{background:#8b5cf633;color:#a78bfa}.observation-progress{margin-top:6px}.observation-progress .progress-bar{width:100%;height:4px;background:#8b5cf626;border-radius:2px;overflow:hidden}.observation-progress .progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;transition:width .3s ease}.triage-card .lock-icon{opacity:.5;margin-left:6px;font-size:.8em}.cp-triage-tab[data-filter=observation]{position:relative}.cp-triage-tab[data-filter=observation]:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:#8b5cf6;border-radius:50%}#admin-view[data-cp-theme=light] .triage-card.observation-priority{background:linear-gradient(135deg,#8b5cf60f,#7c3aed08)}#admin-view[data-cp-theme=light] .triage-card.observation-priority:hover{background:linear-gradient(135deg,#8b5cf61f,#7c3aed14)}#admin-view[data-cp-theme=light] .band-indicator.observation{background:#8b5cf626;color:#7c3aed}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--cp-bg-tertiary) 0px,rgba(148,163,184,.15) 40px,var(--cp-bg-tertiary) 80px);background-size:200px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-stat-value{width:60px;height:36px;margin-bottom:8px}.skeleton-stat-label{width:80%;height:14px}.skeleton-avatar{width:44px;height:44px;border-radius:12px;flex-shrink:0}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:65%}.skeleton-text.long{width:90%}.skeleton-card-content{padding:20px}.skeleton-client-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--cp-border)}.skeleton-client-row:last-child{border-bottom:none}.skeleton-client-info{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-client-name{width:120px;height:16px}.skeleton-client-meta{width:80px;height:12px}.skeleton-chart{width:100%;height:120px;border-radius:12px}.cp-stat-card.loading .cp-stat-value,.cp-stat-card.loading .cp-stat-label{display:none}.cp-stat-card.loading .skeleton-stat-value,.cp-stat-card.loading .skeleton-stat-label{display:block}.cp-stat-card:not(.loading) .skeleton-stat-value,.cp-stat-card:not(.loading) .skeleton-stat-label{display:none}.skeleton-activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--cp-border)}.skeleton-activity-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0}.skeleton-activity-content{flex:1;display:flex;flex-direction:column;gap:6px}@keyframes skeletonFadeIn{0%{opacity:0}to{opacity:1}}.cp-stat-card:not(.loading) .cp-stat-value,.cp-stat-card:not(.loading) .cp-stat-label{animation:skeletonFadeIn .3s ease}#admin-view[data-cp-theme=light] .skeleton{background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0 80px);background-size:200px 100%}