html,body{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary);margin:0;padding:0}#root{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-shell{width:100%;max-width:480px;height:100vh;background:var(--card-bg);box-shadow:var(--shadow-elevation);position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:36px}@media(max-width:480px){.app-shell{box-shadow:none;max-width:100%}}.top-bar{height:56px;min-height:56px;max-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--gray-border);background:var(--card-bg);flex-shrink:0;z-index:100}.top-bar-title{font-size:18px;font-weight:600;color:var(--text-primary)}.top-bar-back,.top-bar-action{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;color:var(--gold)}.bottom-nav{height:60px;min-height:60px;max-height:64px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--gray-border);background:var(--card-bg);flex-shrink:0;z-index:100;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;box-shadow:var(--shadow-elevation)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:10px 8px;text-decoration:none;color:var(--text-secondary);font-size:10px;cursor:pointer;border:none;background:none;transition:color .2s;min-width:0}.bottom-nav-item.active,.bottom-nav-item-active{color:var(--gold)}.bottom-nav-item svg{transition:color .2s}.bottom-nav-item.active svg{color:var(--gold)}.bottom-nav-item-active svg{color:var(--gold)}.page{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:100%}.page-content{padding:16px 16px 84px;min-height:100%}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-subtitle{font-size:14px;color:var(--gray);margin-bottom:24px}.section{margin-bottom:24px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;border:none;width:100%;transition:all .2s}.btn-primary{background:var(--gold);color:var(--text-primary)}.btn-primary:hover{background:var(--gold-dark)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--gray-border);color:var(--text-primary)}.btn-secondary:active{transform:scale(.98)}.btn-whatsapp{background:var(--whatsapp);color:var(--text-on-whatsapp);border:1px solid var(--border-subtle);filter:none;opacity:1}.btn-whatsapp:active{transform:scale(.98);background:var(--whatsapp-hover)}.card{background:var(--card-bg);border:1px solid var(--gray-border);border-radius:16px;padding:16px;margin-bottom:12px;color:var(--card-fg)}.card .muted,.card .text-muted,.card .text-secondary,.card .subtitle{color:var(--card-muted)}.card .disabled,.card [disabled],.card .is-disabled{color:var(--card-disabled)}.home-guest-container,.home-dashboard{display:flex;flex-direction:column;gap:16px}.home-logo-section{padding:24px 16px 16px;text-align:center}.home-logo-img{width:140px;height:auto;margin:0 auto 8px;display:block}.home-subtitle{font-size:14px;color:var(--gray);line-height:1.4;max-width:300px;margin:0 auto}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{background:var(--card-bg);border:1px solid var(--gray-border);border-radius:12px;padding:18px 12px;text-align:center;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center}.action-card:active{background:var(--gray-light)}.action-card.primary:active{background:var(--gold)}.info-card{background:var(--card-bg);border:1px solid var(--gray-border);border-radius:12px;padding:14px}.info-card h3,.subscriptions-section h3{font-size:14px;font-weight:700;margin-bottom:10px}.info-card ol{font-size:12px;line-height:1.8;color:var(--gray);padding-left:14px}.footer-pro{padding-top:12px;border-top:1px solid var(--gray-border);text-align:center}.footer-pro p{font-size:11px;color:var(--gray);margin-bottom:8px}.btn-small{background:var(--card-bg);border:1px solid var(--gray-border);border-radius:8px;padding:7px 10px;font-size:11px;color:var(--text-primary);cursor:pointer}.welcome-title{font-size:20px;font-weight:700}.today-card{background:var(--card-bg);border:2px solid var(--text-primary);border-radius:12px;padding:14px;cursor:pointer;transition:background .2s}.today-card:active{background:var(--gray-light)}.card-header{font-size:15px;font-weight:700;margin-bottom:10px}.meal-row{margin-bottom:10px}.meal-row:last-child{margin-bottom:0}.meal-time{font-size:12px;color:var(--gray);margin-bottom:2px}.meal-name{font-size:14px;font-weight:600}.meal-chef{font-size:11px;color:var(--gray)}.subscriptions-section{background:var(--card-bg);border:1px solid var(--gray-border);border-radius:12px;padding:14px}.subscription-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-border)}.subscription-item:last-child{border-bottom:none}.sub-chef{font-size:13px;font-weight:600}.sub-plan{font-size:11px;color:var(--gray)}.sub-expiry{font-size:11px;color:var(--gray);text-align:right}.mb-2{margin-bottom:8px}.gap-2{gap:8px}.flex-center{display:flex;justify-content:center;align-items:center}.whitespace-pre-line{white-space:pre-line}.inline-icon{display:inline;margin-right:4px}.chef-card{display:flex;gap:12px;align-items:center;background:var(--card-bg);border:1px solid var(--gray-border);border-radius:16px;padding:12px;margin-bottom:12px;text-decoration:none;color:inherit;cursor:pointer;transition:all .2s}.chef-card:hover{border-color:var(--gold)}.chef-card:active{transform:scale(.98)}.chef-card-image{width:64px;height:64px;border-radius:12px;background:var(--gray-border);object-fit:cover}.chef-card-info{flex:1}.chef-card-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.chef-card-location{font-size:13px;color:var(--gray);margin-bottom:4px}.chef-card-distance{font-size:12px;color:var(--gray)}.badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600}.badge-success{background:var(--bg-success);color:var(--text-primary)}.badge-warning{background:var(--gold-light);color:var(--gold-dark)}.badge-error{background:var(--bg-error);color:var(--text-primary)}.badge-info{background:var(--bg-info);color:var(--text-primary)}.hero{padding:24px 16px 32px;text-align:center}.hero-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.hero-star{color:var(--gold);font-size:32px}.hero-description{font-size:16px;color:var(--gray);margin-bottom:24px;line-height:1.5}.subscription-card{background:var(--card-bg);border:2px solid var(--gray-border);border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.subscription-card:hover{border-color:var(--gold)}.subscription-card:active{transform:scale(.98)}.subscription-card.selected{border-color:var(--gold);background:var(--gold-light)}.subscription-card-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.subscription-card-price{font-size:24px;font-weight:700;color:var(--gold);margin-bottom:8px}.subscription-card-description{font-size:13px;color:var(--gray);line-height:1.5}.menu-item{background:var(--card-bg);border:1px solid var(--gray-border);border-radius:12px;padding:12px;margin-bottom:8px;color:var(--text-primary)}.menu-item-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.menu-item-description{font-size:13px;color:var(--text-secondary)}.week-selector{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.week-button{flex-shrink:0;padding:10px 16px;border-radius:12px;border:1px solid var(--gray-border);background:var(--card-bg);font-size:13px;font-weight:500;color:var(--gray);cursor:pointer;transition:all .2s}.week-button:hover{border-color:var(--gold)}.week-button.active{background:var(--gold);border-color:var(--gold);color:var(--text-primary);font-weight:600}.empty-state{text-align:center;padding:48px 16px}.empty-state-icon{font-size:64px;margin-bottom:16px;color:var(--gray)}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--gray)}.loader{display:flex;justify-content:center;align-items:center;padding:48px}.spinner{width:40px;height:40px;border:4px solid var(--gray-border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-border)}.info-row:last-child{border-bottom:none}.info-row-label{font-size:14px;color:var(--gray)}.info-row-value{font-size:14px;font-weight:600;color:var(--text-primary)}.label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--gray-border);margin-bottom:16px;font-size:15px;outline:none;transition:border-color .2s;-webkit-appearance:none;color:var(--text-primary);background:var(--card-bg)}.input:focus{border-color:var(--gold)}.link{color:var(--gold-dark);font-weight:600;cursor:pointer;text-decoration:none}.profile-card{background:var(--card-bg);border:1px solid var(--gray-border);border-radius:12px;padding:16px;text-align:center;margin-bottom:16px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--gray-border);border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.profile-title{font-size:18px;font-weight:700;margin-bottom:4px}.profile-subtitle{font-size:14px;color:var(--gray)}.list-item-link{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gray-border);cursor:pointer}.list-item-link:last-child{border-bottom:none}.list-item-link-content{display:flex;align-items:center;gap:12px}.list-item-label{font-size:14px;font-weight:600}.list-item-description{font-size:12px;color:var(--gray)}input,select,textarea{color:var(--text-primary);background:var(--card-bg);border:1px solid var(--gray-border)}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:1}input:disabled,select:disabled,textarea:disabled{color:var(--card-disabled);background:var(--bg-muted);opacity:1}.btn:disabled,button:disabled{color:var(--card-disabled);opacity:1;cursor:not-allowed}.alert-urgent{background:var(--urgent-bg);border:1px solid var(--urgent-border);color:var(--urgent-fg);box-shadow:none;background-image:none}.alert-urgent *,.alert-urgent .muted,.alert-urgent .subtitle{color:var(--urgent-fg)}.alert-urgent:before,.alert-urgent:after{content:none!important}.list-item-danger{color:var(--urgent-border);font-weight:700;font-size:15px}.admin-nav-desktop{display:none}@media(min-width:768px){.admin-nav-desktop{display:block}}.admin-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;transform:none;width:100%;max-width:100%;height:var(--admin-bottom-nav-h, 64px);min-height:var(--admin-bottom-nav-h, 64px);max-height:calc(var(--admin-bottom-nav-h, 64px) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--card-bg);border-top:1px solid var(--gray-border);box-shadow:var(--shadow-elevation);z-index:110}@media(min-width:768px){.admin-bottom-nav{display:none}}@media(max-width:767px){.admin-page-content{padding-bottom:calc(var(--admin-bottom-nav-h, 64px) + env(safe-area-inset-bottom,0px) + 20px)}}:root{--text-primary: #111827;--text-secondary: #162033;--text-inverse: #F9FAFB;--bg-page: #F9FAFB;--bg-primary: #F9FAFB;--bg-secondary: #F3F4F6;--bg-muted: #F3F4F6;--bg-error: #FEE2E2;--bg-warning: #FEF9E7;--bg-success: #ECFDF3;--bg-info: #DBEAFE;--card-bg: #FFFFFF;--card-fg: #0F172A;--card-muted: #374151;--card-disabled: #9CA3AF;--gray: #6B7280;--gray-light: #F3F4F6;--gray-border: #E5E7EB;--border-subtle: #E5E7EB;--gold: #D4AF37;--gold-light: #F4E4B0;--gold-dark: #B8941F;--accent-purple: #EDE9FE;--logo-fg: #F9FAFB;--logo-accent: #D4AF37;--shadow-elevation: 0 8px 20px #00000014;--overlay-bg: #00000099;--black: var(--text-primary);--white: var(--card-bg);--text-on-gold: #111827;--urgent-bg: #7F1D1D;--urgent-border: #EF4444;--urgent-fg: #FEF2F2;--whatsapp: #25D366;--whatsapp-hover: #1DA851;--text-on-whatsapp: #FFFFFF;--admin-bottom-nav-h: 64px;--font-base: "Inter", system-ui, sans-serif}:root.dark{--text-primary: #F9FAFB;--text-secondary: #F1F5F9;--text-inverse: #0F172A;--bg-page: #0F172A;--bg-primary: #0F172A;--bg-secondary: #0B1220;--bg-muted: #0B1220;--bg-error: #3B0F16;--bg-warning: #2F240A;--bg-success: #0F2F1F;--bg-info: #0C243A;--card-bg: #111827;--card-fg: #F9FAFB;--card-muted: #E2E8F0;--card-disabled: #94A3B8;--gray: #CBD5E1;--gray-light: #0B1220;--gray-border: #1F2937;--border-subtle: #1F2937;--gold: #D4AF37;--gold-light: #F4E4B0;--gold-dark: #B8941F;--accent-purple: #312E81;--logo-fg: #F9FAFB;--logo-accent: #D4AF37;--shadow-elevation: 0 8px 20px #00000033;--overlay-bg: #00000099;--black: var(--text-primary);--white: var(--card-bg);--text-on-gold: #111827;--urgent-bg: #7F1D1D;--urgent-border: #EF4444;--urgent-fg: #FEF2F2;--whatsapp: #25D366;--whatsapp-hover: #1DA851;--text-on-whatsapp: #FFFFFF;--admin-bottom-nav-h: 64px;--font-base: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg-dark);color:var(--color-text-light);font-family:var(--font-base);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.top-bar{height:56px;display:flex;align-items:center;justify-content:center;position:relative}.top-bar-back{position:absolute;left:16px;color:var(--color-text-light)}.top-bar-title{font-size:18px;font-weight:700;color:var(--color-text-light)}.notification-container{position:absolute;right:12px;top:60%;transform:translateY(-50%)}.slider{position:absolute;inset:0;background-color:var(--gray-border);-webkit-transition:.4s;transition:.4s;display:block}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--card-bg);-webkit-transition:.4s;transition:.4s}input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translate(24px)}.switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.switch input{opacity:0;width:0;height:0}.slider{display:block;position:absolute;cursor:pointer;inset:0;background-color:var(--gray-border);transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--card-bg);transition:.4s}input:checked+.slider{background-color:var(--whatsapp-hover)}input:focus+.slider{box-shadow:0 0 1px var(--gold)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:26px}.slider.round:before{border-radius:50%}