:root{--color-bg:#f2f2f7;--color-surface:#fff;--color-sidebar:#fff;--color-sidebar-active:#f2f2f7;--color-border:#ececf1;--color-border-strong:#d1d5db;--color-text:#081d28;--color-text-secondary:#9b9fa3;--color-text-muted:#9b9fa3;--color-navy:#081d28;--color-navy-hover:#0a2836;--color-brand-green:#84ddbd;--color-brand-green-soft:#e4fbcc;--color-brand-green-text:#4ca30d;--color-accent-blue:#3b82f6;--color-success:#4ca30d;--color-success-soft:#e4fbcc;--color-warning:#f59e0b;--color-warning-soft:#fef3c7;--color-danger:#ef4444;--color-danger-soft:#fee2e2;--color-info:#9b9fa3;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #081d280d;--shadow-md:0 4px 16px #081d2814;--sidebar-width:88px;--header-height:88px;--content-gutter:24px;--content-gutter-tablet:20px;--content-gutter-phone:16px;--mobile-bottom-nav-height:72px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--touch-target-min:44px;--font:"Inter", system-ui, sans-serif;--font-display:"Geist", "Inter", system-ui, sans-serif;--motion-fast:.15s;--motion-overlay:.22s;--motion-page:.18s;--motion-ease:ease;--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--btn-hover-offset:-1px}*,:before,:after{box-sizing:border-box}html,body,#root{max-width:100%;height:100%}html,body{overflow-x:hidden}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,[role=button],input[type=button],input[type=submit],input[type=reset],.hover-motion{transition:background-color var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), filter var(--motion-fast) var(--motion-ease)}button:hover:not(:disabled):not([aria-disabled=true]):not(.no-hover-motion):not(.drawer-backdrop):not(.client-confirm-backdrop):not(.settings-confirm-backdrop):not(.request-access-backdrop),[role=button]:hover:not([aria-disabled=true]):not(.no-hover-motion):not(.drawer-backdrop):not(.client-confirm-backdrop):not(.settings-confirm-backdrop):not(.request-access-backdrop),input[type=button]:hover:not(:disabled):not(.no-hover-motion),input[type=submit]:hover:not(:disabled):not(.no-hover-motion),input[type=reset]:hover:not(:disabled):not(.no-hover-motion),.hover-motion:hover:not([aria-disabled=true]){transform:translateY(var(--btn-hover-offset))}button:active:not(:disabled):not([aria-disabled=true]):not(.no-hover-motion):not(.drawer-backdrop):not(.client-confirm-backdrop):not(.settings-confirm-backdrop):not(.request-access-backdrop),[role=button]:active:not([aria-disabled=true]):not(.no-hover-motion):not(.drawer-backdrop):not(.client-confirm-backdrop):not(.settings-confirm-backdrop):not(.request-access-backdrop),input[type=button]:active:not(:disabled):not(.no-hover-motion),input[type=submit]:active:not(:disabled):not(.no-hover-motion),input[type=reset]:active:not(:disabled):not(.no-hover-motion),.hover-motion:active:not([aria-disabled=true]){transform:translateY(0)}.drawer-backdrop,.client-confirm-backdrop,.settings-confirm-backdrop,.request-access-backdrop,.no-hover-motion,.no-hover-motion:hover,.no-hover-motion:active,.drawer-backdrop:hover,.client-confirm-backdrop:hover,.settings-confirm-backdrop:hover,.request-access-backdrop:hover,.drawer-backdrop:active,.client-confirm-backdrop:active,.settings-confirm-backdrop:active,.request-access-backdrop:active{transform:none}@media (prefers-reduced-motion:reduce){:root{--motion-fast:10ms;--motion-overlay:10ms;--motion-page:10ms;--btn-hover-offset:0px}}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}@media (width<=1024px){:root{--content-gutter:var(--content-gutter-tablet)}}@media (width<=768px){:root{--content-gutter:var(--content-gutter-phone)}input,select,textarea{min-height:min(var(--touch-target-min), 100%)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-pop-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}[data-motion=leaving]{pointer-events:none}.page-enter{width:100%;min-width:0;min-height:100%;animation:page-enter var(--motion-page) var(--motion-ease-out) both}.tab-enter{width:100%;min-width:0;animation:page-enter var(--motion-page) var(--motion-ease-out) both}.drawer-backdrop,.client-confirm-backdrop,.settings-confirm-backdrop,.request-access-backdrop,.loading-modal-backdrop,.confirm-backdrop{animation:overlay-fade-in var(--motion-overlay) var(--motion-ease-out) both}[data-motion=leaving] .drawer-backdrop,[data-motion=leaving] .client-confirm-backdrop,[data-motion=leaving] .settings-confirm-backdrop,[data-motion=leaving] .request-access-backdrop,[data-motion=leaving] .loading-modal-backdrop,[data-motion=leaving] .confirm-backdrop{animation:overlay-fade-out var(--motion-overlay) var(--motion-ease-out) both}.drawer-panel{animation:drawer-slide-in var(--motion-overlay) var(--motion-ease-out) both}[data-motion=leaving] .drawer-panel{animation:drawer-slide-out var(--motion-overlay) var(--motion-ease-out) both}.modal-panel,.loading-modal,[data-overlay=modal]>:last-child{animation:modal-pop-in var(--motion-overlay) var(--motion-ease-out) both}[data-motion=leaving] .modal-panel,[data-motion=leaving] .loading-modal,[data-motion=leaving][data-overlay=modal]>:last-child{animation:modal-pop-out var(--motion-overlay) var(--motion-ease-out) both}@media (prefers-reduced-motion:reduce){.page-enter,.tab-enter,.drawer-backdrop,.client-confirm-backdrop,.settings-confirm-backdrop,.request-access-backdrop,.loading-modal-backdrop,.confirm-backdrop,.drawer-panel,.modal-panel,.loading-modal,[data-overlay=modal]>:last-child,[data-motion=leaving] .drawer-backdrop,[data-motion=leaving] .client-confirm-backdrop,[data-motion=leaving] .settings-confirm-backdrop,[data-motion=leaving] .request-access-backdrop,[data-motion=leaving] .loading-modal-backdrop,[data-motion=leaving] .confirm-backdrop,[data-motion=leaving] .drawer-panel,[data-motion=leaving] .modal-panel,[data-motion=leaving] .loading-modal,[data-motion=leaving][data-overlay=modal]>:last-child,.header-client-menu,.header-bell-menu,.header-profile-menu,.portal-toast{animation:none}}:root{--font-xs:clamp(11px, .2vw + 10.5px, 12px);--font-xs-line:clamp(14px, .25vw + 13.5px, 16px);--font-13:clamp(12px, .2vw + 11.5px, 13px);--font-13-line:clamp(16px, .25vw + 15.5px, 18px);--font-sm:clamp(12px, .25vw + 11.5px, 14px);--font-sm-line:clamp(16px, .4vw + 15px, 20px);--font-15:clamp(13px, .3vw + 12.5px, 15px);--font-15-line:clamp(18px, .35vw + 17px, 22px);--font-md:clamp(13px, .35vw + 12.5px, 16px);--font-md-line:clamp(20px, .5vw + 18px, 24px);--font-lg:clamp(16px, .6vw + 14px, 18px);--font-lg-line:clamp(22px, .6vw + 20px, 28px);--font-xl:clamp(16px, .8vw + 13.5px, 20px);--font-xl-line:clamp(22px, .7vw + 20px, 28px);--font-2xl:clamp(18px, 1vw + 14px, 24px);--font-2xl-line:clamp(24px, 1vw + 18px, 32px);--font-3xl:clamp(22px, 1.6vw + 16px, 30px);--font-3xl-line:clamp(28px, 1.6vw + 20px, 38px);--font-4xl:clamp(24px, 2vw + 16px, 36px);--font-4xl-line:clamp(32px, 2.2vw + 20px, 44px);--page-title-size:var(--font-4xl);--page-title-line:var(--font-4xl-line);--section-title-size:var(--font-xl);--ui-font-size:var(--font-md);--ui-btn-font:var(--font-sm);--ui-btn-height:clamp(36px, 1.5vw + 32px, 44px);--ui-btn-pad-x:clamp(10px, .8vw + 8px, 18px);--ui-btn-pad-y:clamp(6px, .4vw + 6px, 10px);--card-pad:clamp(12px, 1.2vw + 8px, 20px);--rail-drawer:442px;--rail-chat-inbox:360px;--rail-plan-sidebar:310px;--rail-planner-main:986px;--rail-recipe:800px;--rail-modal:650px;--tile-min:min(100%, 280px)}.page-shell{width:100%;max-width:min(1240px,100%);padding:clamp(16px,2.2vw,32px)}body{font-size:var(--ui-font-size)}.portal-header,.brand,.header-actions{min-width:0}.brand-name{font-size:var(--font-2xl);line-height:var(--font-2xl-line)}.side-link-inner>span:last-child{font-size:clamp(9px,.15vw + 8.5px,10px)}.mobile-nav-link{font-size:clamp(10px,.2vw + 9.5px,11px)}.fluid-rail{width:min(var(--rail,var(--rail-drawer)), 100%);min-width:0;max-width:100%}.stack-table-wrap{width:100%;min-width:0;max-width:100%;overflow:visible}.stack-table{width:100%;min-width:0;max-width:100%}.fluid-row,.fluid-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;height:auto;display:flex}.fluid-actions>*,.fluid-row>button,.fluid-row>a,.fluid-row>.btn{flex:0 auto;min-width:0;max-width:100%;height:auto}.portal-header,.header-actions,.brand,.clients-heading,.members-toolbar,.client-controls,.table-actions,.client-profile-header,.client-profile-actions,.food-log-toolbar,.food-log-toolbar-left,.food-log-toolbar-right,.planner-toolbar,.planner-toolbar-inner,.planner-toolbar-actions,.settings-page-header,.settings-form-footer,.settings-team-actions,.settings-section-header-content,.settings-tabs,.create-recipe-header,.import-url-header,.import-text-header,.chat-main-header,.chat-composer-actions,.client-week-toolbar,.access-inbox-card,.access-inbox-actions,.access-inbox-section-head,.access-inbox-note,.access-inbox-note-top,.request-access-actions{min-width:0;max-width:100%}.settings-team-actions,.settings-form-footer,.chat-composer-actions,.access-inbox-actions,.request-access-actions{flex-wrap:wrap;height:auto}.table-actions>*,.client-profile-actions>*,.planner-toolbar-actions>*,.settings-team-actions>*,.food-log-toolbar-right>*,.access-inbox-actions>*,.request-access-actions>*{flex:0 auto;min-width:0;max-width:100%}.members-toolbar,.client-profile-header,.food-log-toolbar,.settings-page-header,.create-recipe-header,.import-url-header,.import-text-header,.chat-main-header,.access-inbox-card{container-type:inline-size}@container (width<=720px){.table-actions,.client-profile-actions,.planner-toolbar-actions,.food-log-toolbar-right,.settings-team-actions,.access-inbox-actions{justify-content:flex-start;width:100%}.row-action,.row-action--ghost,.row-action--soft,.client-profile-btn,.planner-toolbar-link,.planner-toolbar-create,.settings-btn,.settings-invite-btn{max-width:100%}.row-action,.row-action--ghost,.row-action--soft{white-space:nowrap;height:32px;min-height:32px}.client-profile-btn,.planner-toolbar-link,.planner-toolbar-create,.settings-btn,.settings-invite-btn{white-space:normal;width:auto;height:auto}}@media (width<=1360px){.stack-table-wrap{background:0 0;border:0;overflow:visible}table.stack-table{grid-template-columns:repeat(auto-fill, minmax(var(--tile-min), 1fr));border-collapse:separate;border-spacing:0;table-layout:auto;align-items:stretch;gap:12px;width:100%;max-width:100%;min-width:0!important;display:grid!important}table.stack-table thead{display:none!important}table.stack-table tbody{display:contents!important}table.stack-table tbody tr{box-sizing:border-box;border:1px solid var(--color-border);background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;width:100%;height:100%;min-height:0;padding:16px;display:flex!important}table.stack-table tbody tr>td,table.stack-table tbody tr:hover>td{background:0 0}table.stack-table td{white-space:normal;vertical-align:top;border:0;min-width:0;grid-template-columns:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:0!important;display:block!important}table.stack-table td:before{content:none!important;display:none!important}table.stack-table .table-actions{flex-wrap:wrap;gap:8px;overflow:hidden;height:auto!important;max-height:none!important}table.stack-table .row-action,table.stack-table .row-action--ghost,table.stack-table .row-action--soft{white-space:nowrap;width:auto;max-width:100%;height:32px;min-height:32px;max-height:32px}}@media (width<=1024px){.client-profile-header,.food-log-toolbar,.planner-toolbar-inner,.settings-page-header,.create-recipe-header,.import-url-header,.import-text-header,.chat-main-header{flex-wrap:wrap;height:auto;min-height:0}.client-profile-actions,.planner-toolbar-actions,.food-log-toolbar-right{flex-wrap:wrap;max-width:100%;height:auto}}