:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-speed:.2s ease;--border-radius:12px;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}[data-theme=dark]{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-soft:#e9e9ff;--color-primary-glow:#8f91ff;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text:#f8fafc;--color-muted:#94a3b8;--color-border:#334155;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--task-date-color:#ffd43b}[data-theme=light]{--color-primary:#e05a47;--color-primary-hover:#c74636;--color-primary-soft:#fff0e5;--color-primary-glow:#ff9b87;--color-background:#fff8f0;--color-surface:#ffffffe0;--color-surface-hover:#fff0e4;--color-text:#25344a;--color-muted:#66758a;--color-border:#f1d7c7;--color-success:#168a72;--color-warning:#c47a18;--color-danger:#c8464d;--task-date-color:#163d6b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);height:100vh;line-height:1.5;overflow-x:hidden}[data-theme=light] body{background:var(--color-background)}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.btn-primary{background-color:var(--color-primary);color:#fff;transition:background var(--transition-speed);box-shadow:0 0 18px color-mix(in srgb, var(--color-primary-glow) 32%, transparent);border-radius:8px;padding:.5rem 1rem;font-weight:500}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:.5rem 1rem;font-weight:500}.btn-secondary:hover{background-color:var(--color-surface-hover)}.call-action{width:28px;height:28px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.call-action:hover{background:var(--color-primary-soft);color:var(--color-primary)}.form-group{margin-bottom:1rem}.form-group label{color:var(--color-muted);margin-bottom:.375rem;font-size:.875rem;display:block}.form-control{background:var(--color-background);border:1px solid var(--color-border);width:100%;color:var(--color-text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:8px;padding:.625rem .875rem}@media (prefers-color-scheme:dark){.form-control{--lightningcss-light: ;--lightningcss-dark:initial}}.form-control:focus{border-color:var(--color-primary)}.badge{border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-success{color:var(--color-success);background:#10b98126}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-danger{color:var(--color-danger);background:#ef444426}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);box-shadow:var(--shadow-md);border-radius:10px;align-items:center;gap:10px;padding:12px 20px;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page-shell{max-width:1200px;margin:0 auto;padding:8px 0 28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-header h2{color:var(--color-text);margin:0;font-size:clamp(1.8rem,2.5vw,2.5rem)}.page-subtitle{color:var(--color-muted);margin:6px 0 0;font-size:.96rem}.premium-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.dashboard-shell{gap:20px;max-width:1200px;margin:0 auto;display:grid}.dashboard-hero{background:linear-gradient(135deg,#e05a4714,#6241e20d);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:24px 22px;display:flex}.dashboard-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}.dashboard-hero p{color:var(--color-muted);margin:8px 0 0}.dashboard-kpi{border:1px solid var(--color-border);text-align:center;background:#ffffff0a;border-radius:12px;min-width:180px;padding:12px 16px}.dashboard-kpi strong{color:var(--color-text);font-size:1.5rem;display:block}.dashboard-kpi span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.dashboard-list{flex-direction:column;gap:10px;display:flex}.dashboard-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.dashboard-item-main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.dashboard-item-main span{overflow-wrap:anywhere}.metric-meter{border:1px solid var(--color-border);background:#ffffff0a;border-radius:999px;width:100%;height:10px;margin-top:10px;overflow:hidden}.metric-meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-primary-glow));height:100%;display:block}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;padding:18px}.stat-card p{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem}.stat-card h3{color:var(--color-text);margin:0;font-size:clamp(1.4rem,2vw,2rem)}.section-block{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;gap:14px;padding:18px;display:grid}.inline-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:#e05a4714;border:1px solid #e05a4724;border-radius:999px;align-items:center;padding:5px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.muted-text{color:var(--color-muted)}.travel-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;padding:18px;display:grid}.travel-form .full-span{grid-column:1/-1}.travel-form label,.field-block{color:var(--color-muted);flex-direction:column;gap:6px;font-size:.86rem;display:flex}.travel-form .form-control{min-height:44px}.travel-form textarea.form-control{resize:vertical;min-height:90px}.travel-card{gap:14px;min-height:320px;padding:18px;display:grid}.travel-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.travel-meta{color:var(--color-text);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;font-size:.95rem;display:grid}.travel-checklist-row{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px 14px;display:flex}.travel-checklist-row label{min-width:0;color:var(--color-text);flex:1;align-items:center;gap:12px;display:flex}.travel-checklist-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.travel-checklist-row span{white-space:normal;overflow-wrap:anywhere;font-size:1rem;line-height:1.4}.travel-checklist-form{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.travel-checklist-form .form-control{flex:1;min-width:180px;height:42px}.travel-checklist-form button{min-height:42px}.empty-state{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);border-radius:12px;padding:20px}.tasks-shell{gap:20px;max-width:1200px;margin:0 auto;display:grid}.tasks-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid}.tasks-summary h2{margin:0}.tasks-summary p{color:var(--color-muted);margin:6px 0 0}.tasks-summary .full-span{grid-column:1/-1}.tasks-progress{min-width:180px}.tasks-progress-label{color:var(--color-muted);justify-content:space-between;gap:10px;font-size:.8rem;display:flex}.task-list{gap:10px;display:grid}.task-row{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.task-row-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.task-row-main input[type=checkbox]{width:19px;height:19px;accent-color:var(--color-primary);flex:none}.task-title-line{min-width:0}.task-title-line>span{overflow-wrap:anywhere;display:block}.task-due-date{color:var(--color-muted);margin-top:4px;font-size:.76rem;display:block}.task-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=640px){.tasks-summary{grid-template-columns:1fr}.tasks-progress{min-width:0}.task-row{flex-direction:column;align-items:flex-start}.task-row-actions{justify-content:flex-start;width:100%}}.goals-shell{gap:20px;max-width:1200px;margin:0 auto;display:grid}.goal-card{gap:12px;padding:18px;display:grid}.goal-card h3{margin:0;font-size:1.1rem}.goal-card-header,.goal-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.goal-card-footer{color:var(--color-muted);font-size:.85rem}.goal-progress-meter{background:var(--color-background);border:1px solid var(--color-border);border-radius:999px;width:100%;height:10px;overflow:hidden}.goal-progress-meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-primary-glow));height:100%;transition:width var(--transition-speed);display:block}.app-container{width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:260px;transition:width .3s;display:flex}[data-theme=light] .sidebar{background:var(--color-surface)}.sidebar-header{color:var(--color-primary);align-items:center;gap:12px;padding:24px 20px;font-size:1.25rem;font-weight:700;display:flex}.sidebar-header .logo-icon{object-fit:cover;border-radius:9px;flex:0 0 36px;width:36px;height:36px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex;overflow-y:auto}.sidebar-plan-card{border:1px solid var(--color-border);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 14%, var(--color-surface)), var(--color-surface));color:var(--color-text);text-align:left;transition:transform var(--transition-speed), border-color var(--transition-speed), background var(--transition-speed);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:14px 16px;padding:12px;display:grid}.sidebar-plan-card:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-1px)}.sidebar-plan-icon{background:var(--color-primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.sidebar-plan-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.sidebar-plan-copy strong{font-size:.8rem}.sidebar-plan-copy small{color:var(--color-muted);font-size:.72rem}.sidebar-plan-arrow{color:var(--color-primary);font-size:.75rem}.nav-item{color:var(--color-muted);transition:all var(--transition-speed);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-weight:500;display:flex}.nav-item:hover,.nav-item.active{background-color:var(--color-surface-hover);color:var(--color-text)}.nav-item.active{color:var(--color-primary);text-shadow:0 0 12px color-mix(in srgb, var(--color-primary-glow) 42%, transparent);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border);padding:16px 20px}.theme-toggle-btn{color:var(--color-muted);align-items:center;gap:10px;width:100%;font-weight:500;display:flex}.theme-toggle-btn:hover{color:var(--color-text)}.language-control{color:var(--color-muted);flex-direction:column;gap:6px;margin-top:12px;font-size:.8rem;display:flex}.language-control .form-control{padding:6px 8px;font-size:.85rem}.main-wrapper{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.top-header{height:calc(70px + env(safe-area-inset-top,0));padding-top:env(safe-area-inset-top,0);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-left:32px;padding-right:32px;display:flex}.header-search{width:380px;position:relative}.header-search i{color:var(--color-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-search input{background:var(--color-background);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:8px;padding:10px 14px 10px 40px}.search-dropdown{background:var(--color-surface);border:1px solid var(--color-border);max-height:300px;box-shadow:var(--shadow-md);z-index:100;border-radius:8px;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.search-result-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:10px 14px}.search-result-item:hover{background:var(--color-surface-hover)}.header-actions{align-items:center;gap:16px;display:flex}.icon-btn{background:var(--color-background);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-surface-hover)}.user-profile{align-items:center;gap:10px;display:flex}.avatar{background:var(--color-primary);width:36px;height:36px;box-shadow:0 0 16px color-mix(in srgb, var(--color-primary-glow) 48%, transparent);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.username{font-size:.875rem;font-weight:600}.profile-button{color:inherit;font-weight:inherit;padding:0}.profile-summary{color:var(--color-muted);flex-direction:column;gap:8px;display:flex}.profile-summary strong{color:var(--color-text);font-size:1.1rem}.auth-tabs{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.auth-tab{color:var(--color-muted);border-bottom:2px solid #0000;padding:10px}.auth-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.auth-forgot-password{color:var(--color-primary);margin:4px auto 0;font-size:.875rem;display:block}.auth-forgot-password:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-error{min-height:20px;color:var(--color-danger);margin-bottom:8px;font-size:.875rem}.form-help{color:var(--color-muted);margin-top:5px;font-size:.75rem;display:block}.goal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.goal-progress-control{color:var(--color-muted);align-items:center;gap:8px;display:flex}.goal-progress-range{width:120px;accent-color:var(--color-primary)}.goal-progress-number{background:var(--color-background);border:1px solid var(--color-border);width:62px;color:var(--color-text);border-radius:6px;padding:4px 6px}.note-voice-tools{border:1px solid var(--color-border);background:var(--color-primary-soft);border-radius:8px;padding:12px}.note-voice-actions{flex-wrap:wrap;gap:8px;display:flex}.note-audio,#note-audio-preview{width:100%;margin-top:10px;display:block}.startup-error{z-index:99999;border:1px solid var(--color-danger);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);box-shadow:var(--shadow-md);border-radius:12px;padding:24px;position:fixed;inset:20px}.notes-shell{isolation:isolate;background:linear-gradient(125deg,#e05a4721,#168a721a,#3d79a81f,#7566b81a) 0 0/280% 280%;border:1px solid #e05a472e;border-radius:18px;gap:20px;max-width:1000px;margin:0 auto;padding:24px;animation:18s ease-in-out infinite notesBackgroundShift;display:grid;position:relative;overflow:hidden}.notes-shell:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff38 38%,#0000 62%) 0 0/220% 100%;animation:12s ease-in-out infinite notesLightSweep;position:absolute;inset:0}.notes-shell>*{z-index:1;position:relative}.notes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.notes-header h2{margin:0}.notes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.note-card{background:var(--color-surface);border:1px solid var(--color-border);border-top:4px solid var(--note-accent);min-height:230px;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;animation:.36s both noteReveal;display:flex;position:relative;overflow:hidden}.note-card:before{content:"";background:var(--note-accent);opacity:.08;border-radius:50%;width:150px;height:150px;transition:transform .22s,opacity .22s;position:absolute;top:-70px;right:-70px}.note-card:hover{border-color:var(--note-accent);box-shadow:var(--shadow-md);transform:translateY(-5px)rotate(.35deg)}.note-card:hover:before{opacity:.14;transform:scale(1.35)}.note-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex;position:relative}.note-card-heading>div:first-child{align-items:center;gap:9px;min-width:0;display:flex}.note-card h3{overflow-wrap:anywhere;margin:0;font-size:1.12rem}.note-color-dot{border-radius:50%;flex:0 0 10px;width:10px;height:10px;box-shadow:0 0 0 4px #e05a471f}.note-actions{opacity:.72;gap:6px;transition:opacity .18s,transform .18s;display:flex}.note-card:hover .note-actions{opacity:1;transform:translateY(-2px)}.note-actions .btn-secondary{padding:5px 8px}.note-actions .delete-note{color:var(--color-danger)}.note-content{color:var(--color-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.92rem;line-height:1.65;position:relative}.note-date{color:var(--color-muted);margin:14px 0 0;font-size:.75rem;position:relative}.note-card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.note-action-hint{color:var(--color-muted);opacity:0;font-size:.72rem;transition:opacity .18s,transform .18s;transform:translate(5px)}.note-card:hover .note-action-hint{opacity:1;transform:translate(0)}.note-color-picker{border:0;margin:0 0 16px;padding:0}.note-color-picker legend{color:var(--color-text);margin-bottom:8px;font-size:.875rem;font-weight:600}.note-color-options{flex-wrap:wrap;gap:9px;display:flex}.note-color-options label{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 8px 5px 5px;font-size:.75rem;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.note-color-options label:hover{border-color:var(--color-primary);color:var(--color-text)}.note-color-options input{opacity:0;pointer-events:none;position:absolute}.note-color-options input:checked+span{box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px currentColor}.note-color-options label:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-text)}.note-color-options span{border-radius:50%;width:18px;height:18px}.note-color-options em{font-style:normal}@keyframes noteReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes notesBackgroundShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes notesLightSweep{0%,to{opacity:.2;background-position:180% 0}50%{opacity:.5;background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.note-card,.note-card:before,.note-actions,.note-action-hint,.notes-shell,.notes-shell:before{transition:none;animation:none}}.main-content{flex:1;padding:32px;overflow-y:auto}.family-page{background-image:linear-gradient(#ffffffdb,#ffffffdb),url(./family-DcyVlm9r.jpg);background-position:50%;background-size:cover;background-attachment:local;border-radius:16px;min-height:100%;margin:0 auto;padding:28px}.family-panel{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff9e;border-radius:12px;padding:20px}.family-locked-panel{text-align:center;margin:10vh auto}.family-locked-panel h2{margin:8px 0}.family-locked-panel p{max-width:480px;color:var(--color-muted);margin:0 auto 20px;line-height:1.6}.family-join-guide{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.family-join-guide h3{margin:6px 0}.family-join-guide p{max-width:760px;color:var(--color-muted);margin:0;line-height:1.5}.family-member-modal{max-width:620px}.family-permissions{border:0;margin:18px 0 0;padding:0}.family-permissions legend{color:var(--color-text);margin-bottom:10px;font-weight:700}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.permission-option{border:1px solid var(--color-border);min-height:42px;color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;display:flex}.permission-option:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.permission-option input{accent-color:var(--color-primary)}.permission-option span{flex-direction:column;gap:2px;display:flex}.permission-option small{color:var(--color-muted);font-size:.72rem}.permission-all{background:var(--color-primary-soft)}.tasks-page,.shopping-page,.goals-page{background-position:50%;background-size:cover;background-attachment:local;border-radius:16px;min-height:100%;margin:0 auto;padding:28px}.tasks-page{background-image:linear-gradient(#ffffffad,#ffffffad),url(./Task%20Management-anSuiJyT.jpg)}.shopping-page{background-image:linear-gradient(#ffffffad,#ffffffad),url(./Smart%20Shopping%20List-BvyCdSgd.jpg)}.goals-page{background-image:linear-gradient(#ffffffad,#ffffffad),url(./Personal%20Goals-CBYshxAT.jpg)}.money-page,.home-page{background-position:50%;background-size:cover;background-attachment:local;border-radius:16px;min-height:100%;margin:0 auto;padding:28px}.money-page{background-image:linear-gradient(#ffffffad,#ffffffad),url(./Personal%20Finance-BIt9Xldr.jpg)}.home-page{background-image:linear-gradient(#ffffffad,#ffffffad),url(./Household-C4Zj4dFG.jpg)}.tasks-page>div:not(.tasks-page),.shopping-page>div:not(.shopping-page),.goals-page>div:not(.goals-page),.money-page>div:not(.money-page),.home-page>div:not(.home-page){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff61!important;border-color:#ffffff94!important}.tasks-page h2,.tasks-page h3,.tasks-page h4,.shopping-page h2,.shopping-page h3,.shopping-page h4,.home-page h2,.home-page h3,.home-page h4,.goals-page h2,.goals-page h3,.goals-page h4{color:var(--color-text);text-shadow:0 1px 2px #fffc}.tasks-page span,.shopping-page span,.home-page span,.goals-page span,.tasks-page label,.shopping-page label,.home-page label,.goals-page label{text-shadow:0 1px 2px #ffffffb8}.tasks-page .form-control,.shopping-page .form-control,.home-page .form-control,.goals-page .form-control{color:var(--color-text);background-color:#ffffffb8}.task-title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-due-date{color:var(--task-date-color);white-space:nowrap;text-shadow:none;align-items:center;gap:4px;font-size:.78rem;font-weight:700;display:inline-flex}.tasks-page [style*="background: var(--color-background)"],.shopping-page [style*="background: var(--color-background)"],.goals-page [style*="background: var(--color-background)"],.money-page [style*="background: var(--color-background)"],.home-page [style*="background: var(--color-background)"]{color:#fff;border:1px solid #ffffff4d;font-size:.98rem;font-weight:600;background:#1826349e!important}.tasks-page [style*="background: var(--color-background)"] h3,.tasks-page [style*="background: var(--color-background)"] h4,.shopping-page [style*="background: var(--color-background)"] h3,.shopping-page [style*="background: var(--color-background)"] h4,.goals-page [style*="background: var(--color-background)"] h3,.goals-page [style*="background: var(--color-background)"] h4,.money-page [style*="background: var(--color-background)"] h3,.money-page [style*="background: var(--color-background)"] h4,.home-page [style*="background: var(--color-background)"] h3,.home-page [style*="background: var(--color-background)"] h4,.tasks-page [style*="background: var(--color-background)"] span,.shopping-page [style*="background: var(--color-background)"] span,.goals-page [style*="background: var(--color-background)"] span,.money-page [style*="background: var(--color-background)"] span,.home-page [style*="background: var(--color-background)"] span{text-shadow:0 1px 2px #00000073;color:#fff!important}.tasks-page [style*="background: var(--color-background)"] h3,.tasks-page [style*="background: var(--color-background)"] h4,.shopping-page [style*="background: var(--color-background)"] h3,.shopping-page [style*="background: var(--color-background)"] h4,.goals-page [style*="background: var(--color-background)"] h3,.goals-page [style*="background: var(--color-background)"] h4,.money-page [style*="background: var(--color-background)"] h3,.money-page [style*="background: var(--color-background)"] h4,.home-page [style*="background: var(--color-background)"] h3,.home-page [style*="background: var(--color-background)"] h4{font-size:1rem;font-weight:700}.mobile-nav{bottom:env(safe-area-inset-bottom,0);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:1000;height:60px;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:none;position:fixed;left:0;right:0}.mobile-nav-item{color:var(--color-muted);flex-direction:column;align-items:center;gap:2px;font-size:.7rem;display:flex}.mobile-nav-item.active{color:var(--color-primary);text-shadow:0 0 10px color-mix(in srgb, var(--color-primary-glow) 42%, transparent)}.mobile-nav-item i{font-size:1.1rem}.modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;max-width:500px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.close-modal-btn{color:var(--color-muted);font-size:1.2rem}.modal-body{padding:20px}.plans-modal-card{max-width:900px}.eyebrow{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:.7rem;font-weight:700;display:block}.plans-intro{color:var(--color-muted);margin:0 0 18px}.billing-switcher{border:1px solid var(--color-border);background:var(--color-background);border-radius:10px;align-items:center;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.billing-option{color:var(--color-muted);border-radius:7px;padding:8px 12px;font-size:.82rem}.billing-option:hover,.billing-option.active{background:var(--color-surface-hover);color:var(--color-text)}.billing-option.active{color:var(--color-primary);font-weight:700}.billing-option span{color:var(--color-success);margin-left:4px;font-size:.7rem}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.plan-option{border:1px solid var(--color-border);background:var(--color-background);border-radius:12px;flex-direction:column;gap:16px;padding:18px;display:flex;position:relative}.plan-option-featured{border-color:var(--color-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 24%, transparent)}.plan-option-current{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-background))}.plan-option-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.plan-option h4{margin:0;font-size:1.1rem}.plan-option p{color:var(--color-muted);margin:5px 0 0;font-size:.8rem;line-height:1.4}.plan-price{white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.plan-price strong{font-size:1.35rem}.plan-price span{color:var(--color-muted);font-size:.68rem}.plan-option ul{color:var(--color-muted);gap:8px;margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}.plan-option li{align-items:flex-start;gap:8px;display:flex}.plan-option li i{color:var(--color-success);margin-top:3px}.plan-recommended{background:var(--color-primary);color:#fff;border-radius:999px;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:-10px;right:14px}.plan-family-badge{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:4px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.plan-select-btn{width:100%;margin-top:auto}.plans-footnote{color:var(--color-muted);margin:18px 0 0;font-size:.76rem}.plans-footnote i{color:var(--color-success);margin-right:5px}.history-modal-card{max-width:900px}.history-intro{color:var(--color-muted);margin:0 0 18px}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.history-filters label{color:var(--color-muted);gap:6px;font-size:.8rem;display:grid}.history-summary{border:1px solid var(--color-border);background:var(--color-primary-soft);color:var(--color-text);border-radius:9px;padding:12px 14px}.history-table-wrap{border:1px solid var(--color-border);border-radius:9px;max-height:330px;margin-top:16px;overflow-x:auto}.history-table-wrap table{border-collapse:collapse;width:100%;min-width:580px;font-size:.82rem}.history-table-wrap th,.history-table-wrap td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:9px 10px}.history-table-wrap th{background:var(--color-surface);color:var(--color-muted);text-transform:uppercase;font-size:.72rem;position:sticky;top:0}.history-table-wrap tr:last-child td{border-bottom:0}.history-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.accent-description{color:var(--color-muted);margin-bottom:16px}.accent-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.accent-option{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.accent-option:hover,.accent-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.accent-option input{opacity:0;pointer-events:none;position:absolute}.accent-swatch{pointer-events:none;border-radius:50%;flex:0 0 22px;width:22px;height:22px;box-shadow:inset 0 0 0 2px #ffffffa6}.calendar-page{margin:0 auto}.calendar-toolbar,.calendar-controls,.calendar-nav-group,.calendar-view-switcher{align-items:center;display:flex}.calendar-toolbar{justify-content:space-between;gap:20px;margin-bottom:20px}.calendar-subtitle,.calendar-range{color:var(--color-muted);font-size:.875rem}.calendar-subtitle{margin-top:4px}.calendar-controls{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:16px}.calendar-nav-group{flex-wrap:wrap;gap:8px}.calendar-nav-group strong{min-width:180px;margin-left:8px}.calendar-view-switcher{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.calendar-view-btn{color:var(--color-muted);background:var(--color-surface);padding:8px 14px}.calendar-view-btn+.calendar-view-btn{border-left:1px solid var(--color-border)}.calendar-view-btn:hover,.calendar-view-btn.active{background:var(--color-surface-hover);color:var(--color-primary)}.calendar-grid-shell{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;overflow:auto}.month-grid{grid-template-columns:repeat(7,minmax(100px,1fr));min-width:700px;display:grid}.calendar-weekday{border-bottom:1px solid var(--color-border);color:var(--color-muted);text-transform:uppercase;padding:12px;font-size:.75rem;font-weight:700}.month-cell{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-height:128px;color:var(--color-text);text-align:left;vertical-align:top;background:0 0;padding:10px}.month-cell:nth-child(7n){border-right:0}.month-cell:hover,.time-slot:hover{background:var(--color-surface-hover)}.month-cell.outside-month{color:var(--color-muted);background:color-mix(in srgb, var(--color-background) 45%, transparent)}.month-cell.today .month-cell-number{background:var(--color-primary);color:#fff;box-shadow:0 0 14px color-mix(in srgb, var(--color-primary-glow) 55%, transparent)}.month-cell-number{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.month-events{flex-direction:column;gap:4px;margin-top:8px;display:flex}.calendar-event{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:5px;padding:4px 6px;font-size:.72rem;display:block;overflow:hidden}.calendar-event strong{font-size:.68rem}.calendar-event.compact{text-align:left;margin:2px}.more-events{color:var(--color-muted);font-size:.7rem}.time-grid{grid-template-columns:76px repeat(var(--calendar-columns), minmax(120px, 1fr));min-width:760px;display:grid}.time-grid-corner,.time-grid-day{border-bottom:1px solid var(--color-border);height:54px}.time-grid-day{border-left:1px solid var(--color-border);flex-direction:column;justify-content:center;gap:2px;padding:8px;display:flex}.time-grid-day span{color:var(--color-muted);font-size:.8rem}.time-grid-day.today{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, transparent)}.time-label{min-height:58px;color:var(--color-muted);text-align:right;border-bottom:1px solid var(--color-border);padding:8px;font-size:.7rem}.time-slot{border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:left;background:0 0;min-height:58px;padding:2px;position:relative}.calendar-range{margin-top:10px}@media (width<=768px){.main-content{padding:10px}.family-page,.tasks-page,.shopping-page,.goals-page,.money-page,.home-page,.notes-shell{border-radius:12px;padding:16px}.sidebar{z-index:3000;box-shadow:none;transition:left .3s;display:flex;position:fixed;top:0;bottom:0;left:-260px}.sidebar.open{left:0;box-shadow:0 0 0 100vw #00000080}.mobile-nav{display:flex}.main-wrapper{padding-bottom:calc(60px + env(safe-area-inset-bottom,0))}.top-header{padding:env(safe-area-inset-top,0) 16px 0}.header-search{flex:1;width:auto;max-width:200px}.calendar-toolbar,.calendar-controls{flex-direction:column;align-items:flex-start}.calendar-nav-group strong{min-width:0}.plans-grid{grid-template-columns:1fr}.family-join-guide{flex-direction:column;align-items:flex-start}.history-filters{grid-template-columns:1fr}}.auth-gate .sidebar,.auth-gate .top-header,.auth-gate .mobile-nav{display:none}.auth-gate .app-container{display:block}.auth-gate .main-wrapper{height:100vh}.auth-gate .main-content{height:100vh;padding:0}.welcome-page{text-align:center;background-image:linear-gradient(90deg,#fffffff5 0%,#ffffffd6 42%,#ffffff2e 78%),url(./dash-Bypgl7vY.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:48px clamp(24px,8vw,120px);display:flex}.welcome-content{flex-direction:column;align-items:center;width:min(640px,100%);display:flex}.welcome-brand{color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:2.5rem;font-weight:800;display:flex}.welcome-brand img{object-fit:cover;width:112px;height:112px;box-shadow:var(--shadow-md);border-radius:24px;display:block}.welcome-kicker{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;margin-top:40px;font-size:.85rem;font-weight:700}.welcome-content h1{max-width:500px;color:var(--color-text);margin-top:10px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05}.welcome-copy{max-width:460px;color:var(--color-muted);margin-top:20px;font-size:1.05rem}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.welcome-actions .btn-secondary{background:#ffffffb8}.welcome-language{color:var(--color-muted);align-items:center;gap:8px;margin-top:24px;font-size:.85rem;display:flex}.welcome-language .form-control{background:#ffffffc7;width:auto;padding:6px 10px}
