:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .02);--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .3s ease;--sidebar-width: 260px}:root,[data-theme=warm]{--color-primary-50: #FFFBEB;--color-primary-100: #FEF3C7;--color-primary-200: #FDE68A;--color-primary-300: #FCD34D;--color-primary-400: #FBBF24;--color-primary-500: #F59E0B;--color-primary-600: #D97706;--color-primary-700: #B45309;--color-primary-800: #92400E;--color-primary-900: #78350F;--color-neutral-50: #FAFAF9;--color-neutral-100: #F5F5F4;--color-neutral-200: #E7E5E4;--color-neutral-300: #D6D3D1;--color-neutral-400: #A8A29E;--color-neutral-500: #78716C;--color-neutral-600: #57534E;--color-neutral-700: #44403C;--color-neutral-800: #292524;--color-neutral-900: #1C1917;--color-success-light: #DCFCE7;--color-success: #22C55E;--color-success-dark: #16A34A;--color-warning-light: #FFEDD5;--color-warning: #FB923C;--color-warning-dark: #EA580C;--color-danger-light: #FEE2E2;--color-danger: #EF4444;--color-danger-dark: #DC2626;--color-info-light: #E0F2FE;--color-info: #0EA5E9;--color-info-dark: #0284C7;--color-chart-1: #F59E0B;--color-chart-2: #14B8A6;--color-chart-3: #FB7185;--color-chart-4: #8B5CF6;--color-chart-5: #06B6D4;--bg-page: var(--color-neutral-50);--bg-card: #FFFFFF;--bg-sidebar: var(--color-primary-50);--bg-sidebar-active: var(--color-primary-500);--bg-input: #FFFFFF;--bg-hover: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-inverse: #FFFFFF;--text-link: var(--color-primary-600);--border-default: var(--color-neutral-200);--border-focus: var(--color-primary-500);--btn-primary-bg: var(--color-primary-500);--btn-primary-hover: var(--color-primary-600);--btn-primary-text: #FFFFFF;--shadow-focus: 0 0 0 3px rgba(245, 158, 11, .2);--priority-high: #EF4444;--priority-medium: #F59E0B;--priority-low: #22C55E;--primary: var(--color-primary-500);--primary-hover: var(--color-primary-600);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--gray-50: var(--color-neutral-50);--gray-100: var(--color-neutral-100);--gray-200: var(--color-neutral-200);--gray-300: var(--color-neutral-300);--gray-500: var(--color-neutral-500);--gray-700: var(--color-neutral-700);--gray-900: var(--color-neutral-900)}[data-theme=nature]{--color-primary-50: #F0FDFA;--color-primary-100: #CCFBF1;--color-primary-200: #99F6E4;--color-primary-300: #5EEAD4;--color-primary-400: #2DD4BF;--color-primary-500: #14B8A6;--color-primary-600: #0D9488;--color-primary-700: #0F766E;--color-primary-800: #115E59;--color-primary-900: #134E4A;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-success-light: #D1FAE5;--color-success: #10B981;--color-success-dark: #059669;--color-warning-light: #FEF3C7;--color-warning: #F59E0B;--color-warning-dark: #D97706;--color-danger-light: #FEE2E2;--color-danger: #EF4444;--color-danger-dark: #DC2626;--color-info-light: #E0F2FE;--color-info: #0EA5E9;--color-info-dark: #0284C7;--color-chart-1: #14B8A6;--color-chart-2: #8B5CF6;--color-chart-3: #F59E0B;--color-chart-4: #EC4899;--color-chart-5: #06B6D4;--bg-page: var(--color-neutral-50);--bg-card: #FFFFFF;--bg-sidebar: var(--color-primary-50);--bg-sidebar-active: var(--color-primary-500);--bg-input: #FFFFFF;--bg-hover: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-inverse: #FFFFFF;--text-link: var(--color-primary-600);--border-default: var(--color-neutral-200);--border-focus: var(--color-primary-500);--btn-primary-bg: var(--color-primary-500);--btn-primary-hover: var(--color-primary-600);--btn-primary-text: #FFFFFF;--shadow-focus: 0 0 0 3px rgba(20, 184, 166, .2);--priority-high: #EF4444;--priority-medium: #F59E0B;--priority-low: #10B981;--primary: var(--color-primary-500);--primary-hover: var(--color-primary-600);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--gray-50: var(--color-neutral-50);--gray-100: var(--color-neutral-100);--gray-200: var(--color-neutral-200);--gray-300: var(--color-neutral-300);--gray-500: var(--color-neutral-500);--gray-700: var(--color-neutral-700);--gray-900: var(--color-neutral-900)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card .value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.stat-card .label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.stat-card.warning .value{color:var(--color-warning)}.stat-card.success .value{color:var(--color-success)}.stat-card.danger .value{color:var(--color-danger)}.add-form{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.form-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.form-row:last-child{margin-bottom:0}.form-row input[type=text],.form-row input[type=password]{flex:1;min-width:200px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-row input[type=text]:focus,.form-row input[type=password]:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-row input[type=datetime-local]{padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-row input[type=datetime-local]:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-row input[type=number]{padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-row input[type=number]:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-row select{padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary);min-width:120px;cursor:pointer;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.form-row select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-row button{padding:var(--space-3) var(--space-5);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-normal)}.form-row button:hover{background:var(--btn-primary-hover)}.form-row button:focus{outline:none;box-shadow:var(--shadow-focus)}.tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap}.tab{padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.tab:hover{border-color:var(--color-primary-300);color:var(--text-primary)}.tab.active{background:var(--bg-sidebar-active);color:var(--text-inverse);border-color:var(--bg-sidebar-active)}.tab .count{background:var(--color-neutral-200);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);margin-left:var(--space-2)}.tab.active .count{background:#fff3}.entries{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.entry{display:flex;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);gap:var(--space-3);transition:background var(--transition-fast)}.entry:last-child{border-bottom:none}.entry:hover{background:var(--bg-hover)}.entry.completed{opacity:.5}.entry.completed .content{text-decoration:line-through}.priority-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.priority-indicator.high{background:var(--priority-high)}.priority-indicator.medium{background:var(--priority-medium)}.priority-indicator.low{background:var(--priority-low)}.priority-indicator.none{background:var(--color-neutral-200)}.entry-main{flex:1;min-width:0}.entry .content{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1)}.entry .meta{color:var(--text-muted);font-size:var(--text-xs);display:flex;gap:var(--space-3);flex-wrap:wrap}.entry .meta .due-date{color:var(--color-warning)}.entry .meta .due-date.overdue{color:var(--color-danger);font-weight:var(--font-medium)}.entry .meta .recurring{color:var(--color-primary-500)}.entry .actions{display:flex;gap:var(--space-2);flex-shrink:0}.btn-primary{padding:var(--space-2) var(--space-4);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-normal)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-primary:focus{outline:none;box-shadow:var(--shadow-focus)}.btn-secondary{padding:var(--space-2) var(--space-4);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--bg-hover)}.btn-secondary:focus{outline:none;box-shadow:var(--shadow-focus)}.btn-danger-outline{padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.btn-danger-outline:hover{background:var(--color-danger-light)}.btn-link{padding:0;background:none;color:var(--text-link);border:none;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast)}.btn-link:hover{color:var(--color-primary-700)}.btn-icon{width:40px;height:40px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon svg{width:20px;height:20px}.btn-icon-sm{width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);transition:opacity var(--transition-normal)}.btn-icon-sm:hover{opacity:.8}.btn-complete{background:var(--color-success);color:#fff}.btn-delete{background:var(--color-danger);color:#fff}.empty,.loading{padding:var(--space-10);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.google-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:var(--text-primary)}.google-btn:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);color:var(--text-primary)}.google-btn svg{width:20px;height:20px}#toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);z-index:2000}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);animation:slideIn .3s ease;box-shadow:var(--shadow-lg)}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-danger)}.toast.warning{background:var(--color-warning)}.toast.info{background:var(--color-info)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge.primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.role-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.role-badge.admin{background:#ede9fe;color:#7c3aed}.role-badge.family_member{background:#dbeafe;color:#2563eb}.role-badge.kid{background:var(--color-success-light);color:var(--color-success-dark)}.role-badge.guest{background:var(--color-neutral-100);color:var(--color-neutral-700)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.status-badge.active,.status-badge.connected{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.inactive{background:var(--color-danger-light);color:var(--color-danger-dark)}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background:var(--color-neutral-300);border-radius:var(--radius-full);transition:background var(--transition-normal)}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-normal)}.toggle-switch input:checked+.slider{background:var(--color-success)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.toggle-switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.theme-toggle{display:flex;gap:var(--space-2)}.theme-btn{padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.theme-btn:hover{border-color:var(--color-primary-300);color:var(--text-primary)}.theme-btn.active{background:var(--bg-sidebar-active);color:var(--text-inverse);border-color:var(--bg-sidebar-active)}@media(max-width:768px){.form-row{flex-direction:column}.form-row input,.form-row select,.form-row button{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.entry{padding:var(--space-3) var(--space-4)}#toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}@media(max-width:480px){.stats{grid-template-columns:1fr}.tabs{gap:var(--space-1)}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;z-index:150}.sidebar-logo{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-default)}.sidebar-logo .logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-normal);margin-bottom:var(--space-1);cursor:pointer}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-sidebar-active);color:var(--text-inverse)}.sidebar-nav-item.active:hover{background:var(--btn-primary-hover)}.sidebar-nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:var(--space-2);border-top:1px solid var(--border-default)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.page-header{background:var(--bg-card);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.page-title h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0}.header-actions{display:flex;gap:var(--space-3);align-items:center}.page-content{padding:var(--space-6);flex:1}.container{max-width:1400px;margin:0 auto;width:100%}.user-profile{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-normal)}.user-profile:hover{background:var(--bg-hover)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid var(--border-default)}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.see-all{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-link)}.upcoming-section{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.upcoming-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-default);font-size:var(--text-sm)}.upcoming-item:last-child{border-bottom:none;padding-bottom:0}.upcoming-item:first-child{padding-top:0}.upcoming-item .due{color:var(--color-warning);font-weight:var(--font-medium)}.upcoming-item .due.overdue{color:var(--color-danger)}.schedule-section{background:var(--bg-card);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.view-toggle{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.view-btn{padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-normal)}.view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.mobile-menu-btn{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:200;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-default);box-shadow:var(--shadow-md);align-items:center;justify-content:center}.mobile-menu-btn svg{width:24px;height:24px;color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:140}.sidebar-overlay.visible{display:block}.inactive-notice{background:var(--color-warning);color:#fff;padding:var(--space-3) var(--space-5);text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium)}@media(max-width:1024px){.page-content{padding:var(--space-5)}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-slow)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.page-header{padding:var(--space-4);padding-left:calc(var(--space-4) + 52px)}.page-content{padding:var(--space-4)}.user-name{display:none}.view-toggle{flex-wrap:wrap}}@media(max-width:480px){.page-title h1{font-size:var(--text-xl)}.page-subtitle{display:none}.header-actions{gap:var(--space-2)}}#login-view,#inactive-view{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}#login-view header,#inactive-view header{background:var(--bg-sidebar-active);color:var(--text-inverse);padding:var(--space-8) var(--space-5);text-align:center}#login-view header h1,#inactive-view header h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-inverse);margin-bottom:var(--space-2)}#login-view header .subtitle,#inactive-view header .subtitle{font-size:var(--text-sm);opacity:.9}.login-form{background:var(--bg-card);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;margin:var(--space-10) auto;text-align:center}.login-form h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}.admin-panel,.user-settings-modal,.calendar-settings-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.user-settings-modal,.calendar-settings-modal{z-index:1100}.admin-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.admin-header{display:flex;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);gap:var(--space-3)}.admin-header h2{flex:1;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.admin-body{flex:1;overflow-y:auto;padding:var(--space-5)}.close-btn{width:36px;height:36px;border:none;background:var(--bg-hover);border-radius:var(--radius-md);font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-normal)}.close-btn:hover{background:var(--color-neutral-200);color:var(--text-primary)}.back-btn{padding:var(--space-2) var(--space-3);border:none;background:var(--bg-hover);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-normal)}.back-btn:hover{background:var(--color-neutral-200);color:var(--text-primary)}.user-list{display:flex;flex-direction:column;gap:var(--space-2)}.user-row{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg);cursor:pointer;gap:var(--space-3);transition:background var(--transition-normal)}.user-row:hover{background:var(--color-neutral-200)}.user-row .user-avatar-small{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-neutral-200);flex-shrink:0;object-fit:cover}.user-row .user-info{flex:1;min-width:0}.user-row .user-info .name{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:2px}.user-row .user-info .email{font-size:var(--text-sm);color:var(--text-secondary)}.user-row .arrow{color:var(--text-muted);font-size:var(--text-lg)}.user-detail{display:flex;flex-direction:column;gap:var(--space-5)}.user-detail .user-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default)}.user-detail .user-header .avatar{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-neutral-200);object-fit:cover}.user-detail .user-header .info h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.user-detail .user-header .info p{color:var(--text-secondary);font-size:var(--text-sm)}.user-detail .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.user-detail .form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.user-detail .form-group select{padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary)}.user-detail .form-group select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.user-detail .form-group select:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.user-detail .help-text{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md)}.user-detail .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.category-section{margin-top:var(--space-2)}.category-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--text-secondary)}.category-list{display:flex;flex-direction:column;gap:var(--space-2)}.category-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-hover);border-radius:var(--radius-md)}.category-row .name{font-size:var(--text-sm);color:var(--text-primary)}.category-row select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input)}.user-settings-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:440px;overflow:hidden;box-shadow:var(--shadow-lg)}.user-settings-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.user-settings-content .modal-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.user-settings-content .modal-body{padding:var(--space-6)}.modal-body .form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.modal-body .form-group:last-of-type{margin-bottom:0}.modal-body .form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.modal-body .form-group textarea{resize:vertical;min-height:80px}.modal-body .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.modal-body .form-row .form-group{margin-bottom:0}@media(max-width:480px){.modal-body .form-row{grid-template-columns:1fr}}.user-settings-content .settings-section{margin-bottom:var(--space-6)}.user-settings-content .settings-section:last-child{margin-bottom:0}.user-settings-content .settings-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.user-settings-content .location-form{display:flex;gap:var(--space-3)}.user-settings-content .location-form input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary)}.user-settings-content .location-form input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.user-settings-content .hint{color:var(--text-muted);font-size:var(--text-xs);margin:var(--space-2) 0 0 0}.calendar-status{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg)}.calendar-status .status-info{display:flex;align-items:center;gap:var(--space-2)}.calendar-connect-section{text-align:center;padding:var(--space-5);background:var(--bg-hover);border-radius:var(--radius-lg)}.calendar-connect-section p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.calendar-settings-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.calendar-settings-content .modal-header{display:flex;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);gap:var(--space-3)}.calendar-settings-content .modal-header h3{flex:1;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.calendar-settings-content .modal-body{flex:1;overflow-y:auto;padding:var(--space-5)}.sync-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.calendar-list{display:flex;flex-direction:column;gap:var(--space-2)}.priority-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.priority-badge.high{background:var(--color-danger-light);color:var(--color-danger-dark)}.priority-badge.medium{background:var(--color-warning-light);color:var(--color-warning-dark)}.priority-badge.low{background:var(--color-success-light);color:var(--color-success-dark)}.category-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-neutral-100);color:var(--color-neutral-700)}.keep-auth-section{padding:var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg)}.keep-auth-section p{margin:0 0 var(--space-3) 0;color:var(--text-secondary);font-size:var(--text-sm)}.keep-auth-section .hint{font-size:var(--text-xs);color:var(--text-muted)}.keep-auth-section .hint a{color:var(--text-link)}.auth-method-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.auth-tab{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);background:var(--bg-card);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.auth-tab:hover{background:var(--bg-hover)}.auth-tab.active{background:var(--bg-sidebar-active);color:var(--text-inverse);border-color:var(--bg-sidebar-active)}.auth-method-content{margin-bottom:var(--space-3)}.code-block{background:var(--color-neutral-900);color:var(--color-neutral-100);padding:var(--space-3);border-radius:var(--radius-md);font-family:monospace;font-size:var(--text-xs);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:var(--space-3) 0}.sync-status-text{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-3) 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.config-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.config-row:last-child{margin-bottom:0}.config-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.keep-list-name{font-weight:var(--font-medium);color:var(--text-primary)}.config-arrow{color:var(--text-muted)}.category-name{color:var(--text-secondary)}.sync-direction-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-card);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.config-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.history-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--border-default)}.history-row:last-child{border-bottom:none}.history-time{color:var(--text-muted);min-width:100px}.history-status{font-size:var(--text-xs)}.history-count{color:var(--text-secondary)}.history-error{color:var(--color-danger);font-size:var(--text-xs)}.empty-message{color:var(--text-muted);font-size:var(--text-sm);font-style:italic;padding:var(--space-3) 0}@media(max-width:768px){.admin-content,.user-settings-content,.calendar-settings-content{max-width:100%;max-height:90vh;margin:var(--space-4)}.login-form{margin:var(--space-5);max-width:none}}.map-panel{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.map-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:1000px;height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.map-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.map-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}#family-map{flex:1;min-height:0}.map-popup{min-width:200px;padding:var(--space-4)}.map-popup .popup-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.map-popup .avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-neutral-200);object-fit:cover}.map-popup .name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.map-popup .location{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.map-popup .time{color:var(--text-muted);font-size:var(--text-xs);margin-bottom:var(--space-2)}.map-popup .weather{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-default)}.map-popup .weather img{width:32px;height:32px}.map-popup .weather .temp{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-primary)}.map-popup .weather .condition{color:var(--text-muted);font-size:var(--text-xs)}.map-popup .edit-location-btn{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;width:100%;transition:background var(--transition-normal)}.map-popup .edit-location-btn:hover{background:var(--btn-primary-hover)}.gm-style-iw-c{padding:0!important;border-radius:var(--radius-lg)!important}.gm-style-iw-d{overflow:hidden!important}.gm-style-iw-tc:after{background:var(--bg-card)!important}.gm-style-iw-chr{position:absolute!important;top:0!important;right:0!important;z-index:1!important}.map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:var(--text-sm)}.map-body{display:flex;flex:1;min-height:0}.map-body #family-map{flex:1}.map-sidebar{width:220px;border-left:1px solid var(--border-default);padding:var(--space-4);overflow-y:auto;display:none;background:var(--bg-card)}.map-sidebar.visible{display:block}.map-sidebar h4{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.no-location-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-default)}.no-location-item:last-child{border-bottom:none}.no-location-item .avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-neutral-200);object-fit:cover}.no-location-item .name{font-size:var(--text-sm);color:var(--text-secondary)}.map-legend{position:absolute;bottom:30px;left:10px;background:var(--bg-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;font-size:var(--text-xs)}.map-legend h5{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-2) 0}.legend-item{display:flex;align-items:center;gap:var(--space-2);padding:3px 0;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:var(--radius-full)}.legend-dot.north_america{background:#ef4444}.legend-dot.south_america{background:#f59e0b}.legend-dot.europe{background:#3b82f6}.legend-dot.asia{background:#10b981}.legend-dot.africa{background:#8b5cf6}.legend-dot.oceania{background:#ec4899}.legend-dot.antarctica{background:#6b7280}.avatar-marker{width:40px;height:40px;border-radius:var(--radius-full);border:3px solid white;box-shadow:var(--shadow-lg);background-size:cover;background-position:center;background-color:var(--color-neutral-300)}.avatar-marker.north_america{border-color:#ef4444}.avatar-marker.south_america{border-color:#f59e0b}.avatar-marker.europe{border-color:#3b82f6}.avatar-marker.asia{border-color:#10b981}.avatar-marker.africa{border-color:#8b5cf6}.avatar-marker.oceania{border-color:#ec4899}.avatar-marker.antarctica{border-color:#6b7280}.avatar-marker.clickable{cursor:pointer;transition:transform var(--transition-fast)}.avatar-marker.clickable:hover{transform:scale(1.1)}@media(max-width:768px){.map-content{max-width:100%;height:90vh;border-radius:var(--radius-lg)}.map-sidebar{display:none!important}}.calendar-panel{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.calendar-panel-content{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:900px;height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.calendar-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.calendar-panel-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.calendar-panel-header .header-actions{display:flex;align-items:center;gap:var(--space-3)}.view-toggles{display:flex;gap:2px;background:var(--bg-hover);padding:var(--space-1);border-radius:var(--radius-md)}.view-toggle-btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-normal)}.view-toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.view-toggle-btn:hover:not(.active){color:var(--text-primary)}.calendar-panel-body{flex:1;overflow-y:auto;padding:var(--space-5)}.calendar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.calendar-empty-state p{margin-bottom:var(--space-4);font-size:var(--text-sm)}.timeline-day{margin-bottom:var(--space-6)}.timeline-day:last-child{margin-bottom:0}.day-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.day-header.today{color:var(--color-primary-600)}.event-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg);margin-bottom:var(--space-2);border-left:3px solid var(--color-primary-500);transition:background var(--transition-fast)}.event-card:last-child{margin-bottom:0}.event-card:hover{background:var(--color-neutral-200)}.event-time{min-width:70px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.event-time.all-day{color:var(--color-primary-600)}.event-details{flex:1;min-width:0}.event-title{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1);word-break:break-word}.event-location{font-size:var(--text-sm);color:var(--text-muted)}.event-link{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.event-link:hover{background:var(--color-neutral-200);color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.grid-day-header{background:var(--bg-hover);padding:var(--space-2);text-align:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary)}.grid-day{background:var(--bg-card);min-height:120px;padding:var(--space-2)}.grid-day.today{background:var(--color-primary-50)}.grid-day .date-number{font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--text-secondary)}.grid-day.today .date-number{color:var(--color-primary-600);font-weight:var(--font-semibold)}.grid-event{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--color-primary-500);color:#fff;border-radius:var(--radius-sm);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-event.all-day{background:var(--color-success)}.calendar-list{display:flex;flex-direction:column;gap:var(--space-3)}.calendar-item{padding:var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.calendar-item .calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.calendar-item .calendar-name{font-weight:var(--font-medium);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.calendar-item .calendar-name .color-dot{width:12px;height:12px;border-radius:var(--radius-full)}.calendar-item .calendar-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.calendar-item .calendar-meta select{padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--bg-input)}.calendar-item .last-synced{font-size:var(--text-xs);color:var(--text-muted)}.account-section{margin-bottom:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.account-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-hover);border-bottom:1px solid var(--border-default)}.account-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.account-email{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.account-label{color:var(--text-muted);font-size:var(--text-sm)}.account-actions{display:flex;gap:var(--space-1)}.account-actions .btn-icon{background:none;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);width:auto;height:auto}.account-actions .btn-icon:hover{background:var(--color-neutral-200)}.account-actions .btn-icon.btn-danger:hover{background:var(--color-danger);color:#fff}.account-calendars{padding:var(--space-2)}.account-calendars .calendar-item{margin-bottom:var(--space-2)}.account-calendars .calendar-item:last-child{margin-bottom:0}.no-calendars{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.link-account-section{margin-top:var(--space-4);text-align:center}.no-accounts{padding:var(--space-8);text-align:center;color:var(--text-muted)}.schedule-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-default)}.schedule-item:last-child{border-bottom:none;padding-bottom:0}.schedule-item:first-child{padding-top:0}.schedule-item .time{min-width:65px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.schedule-item .time.all-day{color:var(--color-primary-600)}.schedule-item .color-bar{width:3px;height:20px;border-radius:2px;flex-shrink:0}.schedule-item .title{flex:1;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.calendar-panel-content{max-width:100%;height:90vh;border-radius:var(--radius-lg)}.calendar-grid,.view-toggles{display:none}.event-card{flex-wrap:wrap}.event-time{min-width:100%;margin-bottom:var(--space-1)}}.household-switcher{position:relative}.household-switcher-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.household-switcher-btn:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-300)}.household-switcher-btn svg{color:var(--text-muted);transition:transform var(--transition-normal)}.household-dropdown.open+.household-switcher-btn svg,.household-switcher-btn:focus svg{transform:rotate(180deg)}.household-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:260px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;display:none;overflow:hidden}.household-dropdown.open{display:block}#household-list{max-height:300px;overflow-y:auto}.household-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-normal)}.household-item:hover{background:var(--bg-hover)}.household-item.active{background:var(--color-primary-50)}.household-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.household-item .household-name{font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.household-item .household-role{font-size:var(--text-xs);color:var(--text-muted)}.household-item .star-btn{padding:var(--space-1);background:none;border:none;font-size:var(--text-lg);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);line-height:1}.household-item .star-btn:hover{color:var(--color-warning);transform:scale(1.2)}.household-item .star-btn.active{color:var(--color-warning)}.dropdown-divider{height:1px;background:var(--border-default);margin:var(--space-2) 0}.dropdown-action{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-normal)}.dropdown-action:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-action svg{flex-shrink:0}.invitations-banner{margin-bottom:var(--space-4)}.invitation-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.invitation-card:last-child{margin-bottom:0}.invitation-info{display:flex;flex-direction:column;gap:2px}.invitation-info strong{color:var(--text-primary);font-size:var(--text-sm)}.invitation-info span{color:var(--text-secondary);font-size:var(--text-xs)}.invitation-actions{display:flex;gap:var(--space-2)}.invitation-actions .btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}#household-settings-body{display:flex;flex-direction:column;gap:var(--space-5)}#household-settings-body .settings-section{padding-bottom:var(--space-5);border-bottom:1px solid var(--border-default)}#household-settings-body .settings-section:last-child{border-bottom:none;padding-bottom:0}#household-settings-body .settings-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3)}#household-settings-body .form-group{margin-bottom:var(--space-3)}#household-settings-body .form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}#household-settings-body .form-group input,#household-settings-body .form-group select,#household-settings-body .form-group textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary)}#household-settings-body .form-group input:focus,#household-settings-body .form-group select:focus,#household-settings-body .form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}#household-settings-body .form-group input:disabled,#household-settings-body .form-group select:disabled,#household-settings-body .form-group textarea:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.member-list{display:flex;flex-direction:column;gap:var(--space-2)}.member-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md)}.member-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-neutral-200);object-fit:cover;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-weight:var(--font-medium);color:var(--text-primary);display:block}.member-email{font-size:var(--text-xs);color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role-select{padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--bg-input)}.role-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-neutral-100);color:var(--color-neutral-700)}.role-badge.admin{background:var(--color-success-light);color:var(--color-success-dark)}.you-badge{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.invite-form{display:flex;gap:var(--space-2);flex-wrap:wrap}.invite-form input{flex:1;min-width:150px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input)}.invite-form select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input)}.invitation-list{display:flex;flex-direction:column;gap:var(--space-2)}.invitation-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md)}.invitation-row .email{font-size:var(--text-sm);color:var(--text-primary)}.invitation-row .role{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-2)}.danger-zone{background:var(--color-danger-light);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-2)}.danger-zone h4{color:var(--color-danger-dark)!important}.danger-zone .btn-danger{margin-right:var(--space-2);margin-bottom:var(--space-2)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-danger-sm{padding:var(--space-1) var(--space-2);background:transparent;border:none;color:var(--color-danger);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-normal)}.btn-danger-sm:hover{color:var(--color-danger-dark);transform:scale(1.1)}.section-description{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.empty-message{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;padding:var(--space-3) 0}#categories-management-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.category-management-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md)}.category-color-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.category-icon{font-size:var(--text-lg);flex-shrink:0;min-width:24px;text-align:center}.category-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.category-display-name{font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-slug{font-size:var(--text-xs);color:var(--text-muted)}.category-toggle{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer}.category-toggle input{margin:0;cursor:pointer}.btn-icon{padding:var(--space-1);background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--color-neutral-200);color:var(--text-primary)}.btn-icon.btn-danger-sm{font-size:var(--text-lg);padding:var(--space-1)}.btn-icon.btn-danger-sm:hover{background:var(--color-danger-light);color:var(--color-danger)}.color-picker-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.color-option{width:32px;height:32px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}@media(max-width:768px){.household-switcher-btn{padding:var(--space-2)}.household-switcher-btn span{display:none}.household-dropdown{right:auto;left:0;min-width:240px}.invitation-card{flex-direction:column;align-items:flex-start}.invite-form{flex-direction:column}.invite-form input,.invite-form select,.invite-form button{width:100%}}.wine-panel{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width, 260px);background:var(--bg-page);z-index:100;display:flex;flex-direction:column;overflow:hidden}.wine-panel-content{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;padding:var(--space-4);min-height:0;overflow:hidden}.wine-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-4)}.wine-panel-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.wine-panel-header .header-actions{display:flex;align-items:center;gap:var(--space-3)}.wine-panel-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.wine-summary{margin-bottom:var(--space-4)}.summary-cards{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.summary-card{flex:1;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.summary-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.summary-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.summary-breakdowns{display:flex;gap:var(--space-4)}.summary-breakdown{flex:1;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3)}.summary-breakdown h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-2) 0}.breakdown-list{display:flex;flex-direction:column;gap:var(--space-1)}.summary-type-item,.summary-location-item{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm)}.type-dot{width:10px;height:10px;border-radius:var(--radius-full);margin-right:var(--space-2)}.summary-type-item{justify-content:flex-start}.type-label{flex:1;color:var(--text-secondary)}.type-count,.location-count{font-weight:var(--font-medium);color:var(--text-primary)}.location-name{color:var(--text-secondary)}.wine-filters{margin-bottom:var(--space-4)}.filter-group{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.filter-group select,.filter-group input[type=text]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary);min-width:150px}.filter-group select:focus,.filter-group input[type=text]:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.checkbox-filter{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.checkbox-filter input{cursor:pointer}.wine-table-container{flex:1;overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-card);min-height:0}.wine-table{width:100%;border-collapse:collapse}.wine-table thead{position:sticky;top:0;background:var(--bg-hover);z-index:1}.wine-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default)}.wine-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-default)}.wine-table tbody tr:hover{background:var(--bg-hover)}.wine-table tbody tr:last-child td{border-bottom:none}.wine-producer{font-weight:var(--font-medium)}.wine-name{max-width:250px}.wine-vintage{text-align:center}.wine-qty{text-align:center;font-weight:var(--font-semibold)}.wine-value{text-align:right}.wine-actions{text-align:center;white-space:nowrap}.type-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.btn-consume,.btn-add{padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-card);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.btn-consume{color:var(--color-danger)}.btn-consume:hover{background:var(--color-danger-light);border-color:var(--color-danger)}.btn-add{color:var(--color-success)}.btn-add:hover{background:var(--color-success-light);border-color:var(--color-success)}.wine-table .empty-state{padding:var(--space-8);text-align:center}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-4)}.wine-modal-content{max-width:600px}.wine-form{display:flex;flex-direction:column;gap:var(--space-3)}.wine-form .form-row{display:flex;gap:var(--space-3)}.wine-form .form-group{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.wine-form label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.wine-form input,.wine-form select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary)}.wine-form input:focus,.wine-form select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.consume-wine-info{background:var(--bg-hover);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5);border:1px solid var(--border-default)}.consume-wine-info strong{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-relaxed)}.star-rating{display:flex;gap:var(--space-2);padding:var(--space-2) 0}.star-rating .star{font-size:var(--text-2xl);color:var(--color-neutral-300);cursor:pointer;transition:color var(--transition-normal),transform var(--transition-fast)}.star-rating .star:hover{color:var(--color-warning);transform:scale(1.1)}.star-rating .star.active{color:var(--color-warning)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-default)}@media(max-width:768px){.wine-panel-content{padding:var(--space-3)}.summary-cards,.summary-breakdowns{flex-direction:column}.filter-group{flex-direction:column;align-items:stretch}.filter-group select,.filter-group input[type=text]{width:100%}.wine-table-container{overflow-x:auto}.wine-table{min-width:700px}.wine-form .form-row{flex-direction:column}}.recipe-panel{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width, 260px);background:var(--bg-page);z-index:100;display:flex;flex-direction:column;overflow:hidden}.recipe-panel-content{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;padding:var(--space-4);min-height:0;overflow:hidden}.recipe-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.recipe-panel-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.recipe-panel-header .header-actions{display:flex;align-items:center;gap:var(--space-3)}.recipe-panel-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.recipe-view-tabs{display:flex;gap:var(--space-1);background:var(--bg-hover);padding:var(--space-1);border-radius:var(--radius-lg);margin-bottom:var(--space-4);width:fit-content}.recipe-view-tab{padding:var(--space-2) var(--space-4);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.recipe-view-tab:hover{color:var(--text-primary)}.recipe-view-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.recipe-filters{margin-bottom:var(--space-4)}.recipe-filter-group{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.recipe-filter-group select,.recipe-filter-group input[type=text]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary);min-width:150px}.recipe-filter-group select:focus,.recipe-filter-group input[type=text]:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.recipe-search-input{min-width:200px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.recipe-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.recipe-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.recipe-card-image{width:100%;height:160px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;overflow:hidden}.recipe-card-image img{width:100%;height:100%;object-fit:cover}.recipe-card-image .placeholder-icon{font-size:48px;opacity:.3}.recipe-card-body{padding:var(--space-4)}.recipe-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.recipe-card-meta span{display:flex;align-items:center;gap:var(--space-1)}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.recipe-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--bg-hover);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary)}.recipe-detail-modal{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width, 260px);background:var(--bg-page);z-index:110;display:flex;flex-direction:column;overflow:hidden}.recipe-detail-content{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%;padding:var(--space-4);overflow-y:auto}.recipe-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-4)}.recipe-detail-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.recipe-detail-header .header-actions{display:flex;align-items:center;gap:var(--space-2)}.recipe-detail-info{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.recipe-info-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md)}.recipe-info-card .icon{font-size:var(--text-lg)}.recipe-info-card .label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.recipe-info-card .value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.recipe-description{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.recipe-section{margin-bottom:var(--space-6)}.recipe-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.ingredients-list{list-style:none;padding:0;margin:0}.ingredient-item{padding:var(--space-2) 0;border-bottom:1px solid var(--border-default);display:flex;align-items:baseline;gap:var(--space-2)}.ingredient-item:last-child{border-bottom:none}.ingredient-quantity{font-weight:var(--font-semibold);color:var(--text-primary);min-width:80px}.ingredient-name{color:var(--text-secondary);flex:1}.ingredient-prep{font-style:italic;color:var(--text-muted)}.ingredient-optional{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-hover);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.ingredient-group-header{font-weight:var(--font-semibold);color:var(--text-primary);padding:var(--space-3) 0 var(--space-2) 0;margin-top:var(--space-3);border-bottom:2px solid var(--border-default)}.steps-list{list-style:none;padding:0;margin:0;counter-reset:step-counter}.step-item{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-default)}.step-item:last-child{border-bottom:none}.step-number{flex-shrink:0;width:32px;height:32px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.step-instruction{flex:1;color:var(--text-secondary);line-height:var(--leading-relaxed)}.recipe-source{margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-hover);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted)}.recipe-source a{color:var(--color-primary-600);text-decoration:none}.recipe-source a:hover{text-decoration:underline}.recipe-form-modal{max-width:700px;max-height:90vh;display:flex;flex-direction:column}.recipe-form-modal .modal-body{flex:1;overflow-y:auto;max-height:calc(90vh - 120px)}.recipe-form{display:flex;flex-direction:column;gap:var(--space-4)}.recipe-form .form-row{display:flex;gap:var(--space-4)}.recipe-form .form-group{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.recipe-form .form-group.full-width{flex:none;width:100%}.recipe-form label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.recipe-form input,.recipe-form select,.recipe-form textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary)}.recipe-form input:focus,.recipe-form select:focus,.recipe-form textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.recipe-form textarea{resize:vertical;min-height:80px}.dynamic-list{display:flex;flex-direction:column;gap:var(--space-2)}.dynamic-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.dynamic-list-header h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.dynamic-list-row{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2);background:var(--bg-hover);border-radius:var(--radius-md)}.dynamic-list-row input,.dynamic-list-row select,.dynamic-list-row textarea{flex:1;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-input);color:var(--text-primary)}.dynamic-list-row .qty-input{width:70px;flex:none}.dynamic-list-row .unit-select{width:90px;flex:none}.dynamic-list-row .prep-input{width:120px;flex:none}.dynamic-list-row .remove-btn{flex:none;width:32px;height:32px;border:none;background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-lg);line-height:1;transition:all var(--transition-normal)}.dynamic-list-row .remove-btn:hover{background:var(--color-danger);color:#fff}.add-row-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);border:2px dashed var(--border-default);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-normal)}.add-row-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.dynamic-list-row .step-textarea{flex:1;min-height:60px;resize:vertical}.import-url-input{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.import-url-input input{flex:1}.import-preview{padding:var(--space-4);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-default)}.import-preview h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.import-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-muted)}.meal-plan-view{flex:1;display:flex;flex-direction:column;min-height:0}.meal-plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.meal-plan-nav{display:flex;align-items:center;gap:var(--space-2)}.meal-plan-nav button{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-normal)}.meal-plan-nav button:hover{background:var(--bg-hover);border-color:var(--color-primary-400)}.meal-plan-nav .current-week{font-weight:var(--font-semibold);min-width:200px;text-align:center}.meal-plan-actions{display:flex;gap:var(--space-2)}.meal-plan-grid{flex:1;display:grid;grid-template-columns:80px repeat(7,1fr);gap:1px;background:var(--border-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;min-height:0}.meal-plan-grid-header{background:var(--bg-hover);padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center}.meal-plan-grid-header.today{background:var(--color-primary-100);color:var(--color-primary-700)}.meal-plan-grid-header .day-name{display:block}.meal-plan-grid-header .day-date{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--text-muted)}.meal-type-label{background:var(--bg-hover);padding:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);display:flex;align-items:center;justify-content:center;text-transform:capitalize}.meal-slot{background:var(--bg-card);padding:var(--space-2);min-height:70px;display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer;transition:background var(--transition-normal)}.meal-slot:hover{background:var(--bg-hover)}.meal-slot.empty{align-items:center;justify-content:center}.meal-slot .add-meal-btn{width:28px;height:28px;border:2px dashed var(--border-default);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.meal-slot .add-meal-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50)}.meal-slot-content{font-size:var(--text-xs);line-height:var(--leading-snug)}.meal-slot-recipe{color:var(--text-primary);font-weight:var(--font-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meal-slot-eating-out{color:var(--color-primary-600);font-style:italic}.plan-meal-tabs{display:flex;gap:var(--space-1);background:var(--bg-hover);padding:var(--space-1);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.plan-meal-tab{flex:1;padding:var(--space-2);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.plan-meal-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.plan-meal-content{display:none}.plan-meal-content.active{display:block}.recipe-selector{margin-bottom:var(--space-4)}.recipe-selector-search{margin-bottom:var(--space-3)}.recipe-selector-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-default);border-radius:var(--radius-md)}.recipe-selector-item{padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;border-bottom:1px solid var(--border-default);transition:background var(--transition-normal)}.recipe-selector-item:last-child{border-bottom:none}.recipe-selector-item:hover{background:var(--bg-hover)}.recipe-selector-item.selected{background:var(--color-primary-50)}.recipe-selector-item input[type=checkbox]{flex:none}.selected-recipes{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.selected-recipe-tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--text-sm)}.selected-recipe-tag button{border:none;background:transparent;color:var(--color-primary-600);cursor:pointer;font-size:var(--text-base);line-height:1;padding:0}.grocery-preview{margin-top:var(--space-4)}.grocery-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.grocery-preview-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-default);border-radius:var(--radius-md)}.grocery-preview-item{padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-default)}.grocery-preview-item:last-child{border-bottom:none}.grocery-preview-item input[type=checkbox]{flex:none}.grocery-item-text{flex:1}.grocery-item-text .name{font-weight:var(--font-medium);color:var(--text-primary)}.grocery-item-text .recipes{font-size:var(--text-xs);color:var(--text-muted)}.integration-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.integration-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.integration-card-header .icon{font-size:var(--text-2xl)}.integration-card-header h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.integration-status{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.integration-status .status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.integration-status .status-dot.connected{background:var(--color-success)}.integration-status .status-dot.disconnected{background:var(--color-neutral-400)}.integration-status .status-text{font-size:var(--text-sm);color:var(--text-secondary)}.integration-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.integration-details{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.recipe-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.recipe-empty-state .icon{font-size:64px;opacity:.3;margin-bottom:var(--space-4)}.recipe-empty-state h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.recipe-empty-state p{color:var(--text-muted);margin:0 0 var(--space-4) 0}.recipe-history{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-hover);border-radius:var(--radius-lg)}.recipe-history h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-3) 0}.recipe-history-list{display:flex;flex-direction:column;gap:var(--space-2)}.recipe-history-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.recipe-history-item .date{color:var(--text-primary);font-weight:var(--font-medium)}.recipe-history-item .meal-type{color:var(--text-muted);text-transform:capitalize}@media(max-width:768px){.recipe-panel,.recipe-detail-modal{left:0}.recipe-panel-content{padding:var(--space-3)}.recipe-grid{grid-template-columns:1fr}.recipe-filter-group{flex-direction:column;align-items:stretch}.recipe-filter-group select,.recipe-filter-group input[type=text]{width:100%}.recipe-form .form-row{flex-direction:column}.dynamic-list-row{flex-wrap:wrap}.dynamic-list-row .qty-input,.dynamic-list-row .unit-select,.dynamic-list-row .prep-input{width:100%}.meal-plan-grid{grid-template-columns:1fr}.meal-plan-grid-header:first-child,.meal-type-label{display:none}.meal-slot{min-height:60px}.meal-slot:before{content:attr(data-day) " - " attr(data-meal);font-size:var(--text-xs);color:var(--text-muted);display:block;margin-bottom:var(--space-1)}}