:root{--color-brand:#1d9e75;--color-brand-hover:#178861;--color-brand-soft:#e7f5ef;--color-brand-border:#b8e0cf;--color-success:#1d9e75;--color-success-soft:#e7f5ef;--color-success-fg:#fff;--color-warning:#e67e22;--color-warning-soft:#fff3e6;--color-warning-fg:#fff;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-danger-soft:#fdecea;--color-danger-fg:#fff;--color-info:#3498db;--color-info-soft:#e8f3fc;--color-info-fg:#fff;--bg-app:#f5f6f8;--bg-card:#fff;--bg-elevated:#fff;--bg-input:#fff;--bg-subtle:#f9f9f9;--bg-muted:#f0f0f0;--bg-hover:#0000000a;--bg-overlay:#00000080;--bg-nav:#1a1a2e;--bg-nav-hover:#ffffff0d;--bg-nav-active:#1d9e752e;--color-nav-text:#9ab;--color-nav-text-active:#fff;--color-nav-border:#2a2a3e;--text-primary:#1a1a1a;--text-secondary:#555;--text-tertiary:#888;--text-muted:#aaa;--text-disabled:#ccc;--text-inverse:#fff;--text-on-brand:#fff;--text-link:#1d9e75;--border-default:#e0e0e0;--border-subtle:#f0f0f0;--border-strong:#ccc;--border-focus:#1d9e75;--accent-calendar:#1d9e75;--accent-meals:#e67e22;--accent-planning:#9b59b6;--accent-freezer:#3498db;--accent-tasks:#1abc9c;--accent-payments:#34495e;--accent-shopping:#16a085;--accent-pharmacy:#c0392b;--accent-family:#f39c12;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-xs:4px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:9999px;--radius-circle:50%;--shadow-xs:0 1px 2px #1018280a;--shadow-sm:0 1px 2px #1018280a, 0 2px 6px #1018280f;--shadow-md:0 2px 4px #1018280a, 0 6px 16px #10182814;--shadow-lg:0 4px 8px #1018280d, 0 14px 32px #1018281c;--shadow-xl:0 8px 16px #1018280f, 0 28px 56px #10182829;--shadow-brand:0 4px 14px #1d9e7559;--shadow-brand-sm:0 2px 8px #1d9e7547;--gradient-brand:linear-gradient(135deg, #22b489 0%, #178861 100%);--gradient-brand-soft:linear-gradient(135deg, #1d9e751f, #1d9e7508);--gradient-nav:linear-gradient(180deg, #20203a 0%, #16162a 100%);--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono:source-code-pro, Menlo, Monaco, Consolas, monospace;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-base:14px;--font-lg:15px;--font-xl:17px;--font-2xl:20px;--font-3xl:24px;--font-4xl:28px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--line-tight:1.2;--line-normal:1.5;--line-relaxed:1.7;--z-base:1;--z-sticky:50;--z-nav:100;--z-dropdown:200;--z-overlay:900;--z-modal:1000;--z-toast:1100;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:all .14s var(--ease-standard);--transition-base:all .22s var(--ease-standard);--transition-slow:all .4s var(--ease-standard);--color-text-secondary:var(--text-secondary)}[data-theme=dark]{--bg-app:#0f1115;--bg-card:#1a1d24;--bg-elevated:#232730;--bg-input:#1a1d24;--bg-subtle:#232730;--bg-muted:#2a2f3a;--bg-hover:#ffffff0f;--bg-overlay:#000000b3;--bg-nav:#0a0b0f;--bg-nav-hover:#ffffff12;--bg-nav-active:#1d9e7538;--color-nav-text:#8a96a8;--color-nav-text-active:#fff;--color-nav-border:#1f2330;--text-primary:#ececec;--text-secondary:#b8bcc6;--text-tertiary:#8a8f9b;--text-muted:#6a6f7b;--text-disabled:#4a4f5b;--text-link:#2ecf95;--border-default:#2a2f3a;--border-subtle:#1f2330;--border-strong:#3a3f4a;--color-brand-soft:#1d9e751f;--color-brand-border:#1d9e7559;--color-success-soft:#1d9e751f;--color-warning-soft:#e67e2224;--color-danger-soft:#e74c3c24;--color-info-soft:#3498db24;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #0006, 0 2px 6px #00000073;--shadow-md:0 2px 4px #00000073, 0 6px 16px #0000008c;--shadow-lg:0 4px 8px #00000080, 0 14px 32px #0000009e;--shadow-xl:0 8px 16px #0000008c, 0 28px 56px #000000b8;--shadow-brand:0 4px 16px #1d9e7573;--shadow-brand-sm:0 2px 10px #1d9e7561;--gradient-nav:linear-gradient(180deg, #0c0d12 0%, #07080b 100%)}html{transition:background-color .2s,color .2s}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family-base)}input,textarea,select,button{color:inherit;font-family:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],textarea,select{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-default)}input::placeholder,textarea::placeholder{color:var(--text-muted)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{font-family:var(--font-family-base);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:var(--font-family-mono)}*{box-sizing:border-box}@media (width<=768px){.nav-title{font-size:15px!important}.nav-links{gap:4px!important}.nav-btn,.nav-btn-active{padding:5px 10px!important;font-size:12px!important}.logout-btn{display:none}.cal-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px!important}.cal-header-right{justify-content:space-between!important;width:100%!important}.cal-title{min-width:unset!important;font-size:15px!important}.day-cell{min-height:55px!important;padding:3px!important}.day-num{width:20px!important;height:20px!important;font-size:11px!important}.event-pill{padding:1px 3px!important;font-size:9px!important}.day-name{padding:6px 2px!important;font-size:10px!important}.modal{padding:16px!important}.form-row{flex-direction:column!important}.list-event{flex-direction:column!important;gap:8px!important}.family-actions{grid-template-columns:1fr!important}.main{padding:12px 8px!important}}@media (width<=480px){.day-cell{min-height:45px!important}.event-pill{font-size:8px!important}}.event-pill{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;overflow:hidden!important}.day-cell{min-width:0!important;overflow:hidden!important}.days-grid,.day-names{grid-template-columns:repeat(7,minmax(0,1fr))!important}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}::selection{color:var(--text-primary);background:#1d9e7538}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--color-brand-soft);outline:none;border-color:var(--border-focus)!important}input,textarea,select{transition:border-color .15s var(--ease-standard), box-shadow .15s var(--ease-standard)}button:active:not(:disabled){transform:scale(.975)}.fh-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)!important}.fh-card-interactive:active{transform:translateY(0)}@keyframes fh-fade{0%{opacity:0}to{opacity:1}}@keyframes fh-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}@media (width>=769px){.hamburger,.mobile-menu{display:none!important}.nav{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;width:220px!important;height:100vh!important;padding:24px 12px 16px!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important}.nav-title{margin-bottom:28px!important;padding:0 6px!important;font-size:20px!important;display:block!important}.nav-links{flex-direction:column!important;flex:1!important;gap:2px!important;width:100%!important}.nav-btn,.nav-btn-active{width:100%!important;display:block!important}.nav-btn-active{box-shadow:inset 3px 0 0 var(--color-brand)!important;border-radius:0 8px 8px 0!important}.nav-bottom{border-top:1px solid var(--color-nav-border)!important;flex-direction:column!important;gap:8px!important;width:100%!important;margin-top:auto!important;padding-top:16px!important;display:flex!important}.nav-notif-btn{text-align:left!important;border-radius:8px!important;width:100%!important;padding:9px 14px!important;font-size:14px!important}.nav-notif-btn:hover{background:#ffffff0d!important}.nav-logout-btn{text-align:left!important;width:100%!important;color:var(--color-nav-text)!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:9px 14px!important;font-size:13px!important}.nav-logout-btn:hover{background:var(--bg-nav-hover)!important;color:var(--color-danger)!important}.nav-theme-btn:hover,.nav-admin-btn:hover{background:var(--bg-nav-hover)!important}.app-main{max-width:none!important;margin-left:220px!important;margin-right:0!important}}@media (width<=768px){.nav-links{display:none!important}.hamburger{display:block!important}.nav-bottom{border-top:none!important;flex-direction:row!important;align-items:center!important;gap:4px!important;margin-left:auto!important;padding-top:0!important;display:flex!important}.nav-logout-btn{display:none!important}.nav-notif-btn{padding:5px 8px!important;font-size:20px!important}}.view-btn-short{display:none}.view-btn-long{display:inline}@media (width<=600px){.cal-header{flex-wrap:wrap;gap:8px!important}.cal-header-right{width:100%;justify-content:space-between!important}.view-btn{padding:6px 10px!important;font-size:12px!important}.view-btn-long{display:none}.view-btn-short{display:inline}}@media (width<=768px){.freezer-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}.shopping-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (width<=768px){.shopping-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (width<=400px){.shopping-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}.pharma-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (width<=768px){.pharma-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}}