@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-950: #081a10;--green-900: #0d2e1b;--green-800: #134626;--green-700: #1b5c33;--green-600: #246e3f;--green-500: #2e844c;--green-400: #3fa162;--green-300: #5bbf7e;--green-200: #84d4a2;--green-100: #b8eacc;--green-50: #e4f7ec;--lime-700: #5a7a22;--lime-600: #718f2c;--lime-500: #8db849;--lime-400: #a8d45a;--lime-300: #c2e47a;--lime-200: #daf0a8;--gray-950: #0a0e0b;--gray-900: #111612;--gray-850: #161c17;--gray-800: #1c2420;--gray-750: #222d27;--gray-700: #28352e;--gray-600: #364840;--gray-500: #4d6457;--gray-400: #6b8278;--gray-300: #8fa49a;--gray-200: #b8c9c2;--gray-100: #dce8e3;--gray-50: #f0f5f3;--white: #ffffff;--status-online: #3fa162;--status-warning: #e0a832;--status-error: #d94f4f;--status-offline: #4d6457;--status-info: #3a8fd4;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira 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: 1.875rem;--text-4xl: 2.25rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .12em;--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;--space-20: 5rem;--space-24: 6rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--ease-fast: .15s ease;--ease-normal: .2s ease;--ease-slow: .35s ease}[data-theme=dark],:root{--bg-base: #141918;--bg-surface: #1c2420;--bg-elevated: #222d27;--bg-overlay: #2a3832;--bg-inset: #111612;--bg-brand-subtle: #1b2e22;--bg-lime-subtle: #1e2814;--text-primary: #dff0e8;--text-secondary: #8fa49a;--text-muted: #5a7066;--text-inverted: #0d2e1b;--text-brand: #5bbf7e;--text-lime: #a8d45a;--text-warning: #e0a832;--text-error: #e87070;--text-info: #60b0e8;--border-subtle: #1e2a24;--border-default: #2a3830;--border-strong: #3a5044;--border-brand: #2e844c;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);--shadow-brand: 0 0 0 1px rgba(46,132,76,.4), 0 4px 20px rgba(46,132,76,.15);--glow-green: 0 0 12px rgba(91,191,126,.3);--glow-lime: 0 0 12px rgba(168,212,90,.3)}[data-theme=light]{--bg-base: #f2f6f4;--bg-surface: #ffffff;--bg-elevated: #e8f0eb;--bg-overlay: #daeae1;--bg-inset: #edf4f0;--bg-brand-subtle: #e0f2e8;--bg-lime-subtle: #eef6d8;--text-primary: #0f2118;--text-secondary: #3a5a47;--text-muted: #6b8c7a;--text-inverted: #dff0e8;--text-brand: #1b5c33;--text-lime: #5a7a22;--text-warning: #8a6010;--text-error: #a03030;--text-info: #1a60a0;--border-subtle: #d4e4da;--border-default: #b8d0c4;--border-strong: #8ab09e;--border-brand: #2e844c;--shadow-sm: 0 1px 4px rgba(20,60,36,.08);--shadow-md: 0 4px 16px rgba(20,60,36,.12);--shadow-lg: 0 12px 40px rgba(20,60,36,.16);--shadow-brand: 0 0 0 1px rgba(46,132,76,.3), 0 4px 20px rgba(46,132,76,.1);--glow-green: 0 0 12px rgba(46,132,76,.2);--glow-lime: 0 0 12px rgba(113,143,44,.2)}html{height:100%}body{font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-base);color:var(--text-primary);line-height:var(--leading-normal);min-height:100%;transition:background var(--ease-slow),color var(--ease-slow);cursor:default}#root{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all var(--ease-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em;line-height:1}.btn-primary{background:var(--green-500);color:#fff;border-color:var(--green-500)}.btn-primary:hover{background:var(--green-400);border-color:var(--green-400);box-shadow:var(--glow-green)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{background:transparent;color:var(--text-error);border-color:var(--status-error)}.btn-danger:hover{background:#d94f4f1f}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-2);width:32px;height:32px;justify-content:center}.btn:disabled{opacity:.4;pointer-events:none;cursor:default}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.02em;border:1px solid transparent}.badge-green{background:#2e844c33;color:var(--green-300);border-color:#2e844c59}.badge-red{background:#d94f4f26;color:var(--text-error);border-color:#d94f4f4d}.badge-yellow{background:#e0a83226;color:var(--text-warning);border-color:#e0a8324d}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-default)}.badge-lime{background:#8db84926;color:var(--lime-300);border-color:#8db8494d}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-base)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-inset);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input{background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);outline:none;transition:all var(--ease-fast);width:100%}.input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #2e844c33}.input::placeholder{color:var(--text-muted)}.input-hint{font-size:var(--text-xs);color:var(--text-muted)}.input-error-msg{font-size:var(--text-xs);color:var(--text-error);margin-top:var(--space-1)}select.input{cursor:pointer}textarea.input{resize:vertical}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm)}.alert-body{flex:1}.alert-success{background:#2e844c1f;border-color:#2e844c4d;color:var(--green-200)}.alert-error{background:#d94f4f1f;border-color:#d94f4f4d;color:#e89090}.alert-info{background:#3a8fd41f;border-color:#3a8fd44d;color:#80c8f0}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table th{text-align:left;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);font-family:var(--font-mono)}.ds-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.ds-table tr:last-child td{border-bottom:none}.ds-table tbody tr:hover td{background:var(--bg-elevated)}.app-nav{background:var(--bg-inset);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-4);height:56px;flex-shrink:0;position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.nav-brand img{height:28px;width:auto}.nav-brand-text{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.nav-brand-text em{color:var(--text-brand);font-style:normal}.nav-links{display:flex;gap:var(--space-1);flex:1}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;transition:all var(--ease-fast);cursor:pointer;border:none;background:none;font-family:var(--font-body)}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-link.active{color:var(--text-brand);background:var(--bg-brand-subtle)}.nav-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto}.theme-toggle{display:flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:2px}.theme-btn{background:none;border:none;cursor:pointer;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);transition:all var(--ease-fast);font-family:var(--font-body)}.theme-btn.active{background:var(--green-600);color:#fff}.page-wrapper{flex:1;display:flex;flex-direction:column}.page-content{flex:1;padding:var(--space-8) var(--space-8);max-width:1100px;width:100%;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-lg)}.modal-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-2)}.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-6) 0}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-brand{color:var(--text-brand)}.text-error{color:var(--text-error)}.font-mono{font-family:var(--font-mono)}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--green-500);border-radius:50%;animation:spin .8s linear infinite;cursor:default}@keyframes spin{to{transform:rotate(360deg)}}.loading-row{display:flex;align-items:center;justify-content:center;padding:var(--space-12);cursor:default;-webkit-user-select:none;user-select:none}.inline-edit-input{background:var(--bg-inset);border:1px solid var(--green-500);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #2e844c33;width:100%}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text-brand)}.breadcrumb-sep{color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.list-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:all var(--ease-normal);cursor:pointer}.list-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-brand);background:var(--bg-elevated)}.list-card-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-base);margin-bottom:var(--space-2)}.list-card-meta{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.list-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.checkbox-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--ease-fast)}.checkbox-item:last-child{border-bottom:none}.checkbox-item:hover{background:var(--bg-elevated)}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--green-500);cursor:pointer;flex-shrink:0}.checkbox-item.checked .item-name{text-decoration:line-through;color:var(--text-muted)}.item-name{flex:1;font-size:var(--text-sm)}.item-meta{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-3)}.week-day{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.week-day-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);font-family:var(--font-mono)}.week-day-recipe{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium);margin-bottom:var(--space-3);min-height:40px}.week-day-recipe.empty{color:var(--text-muted);font-style:italic}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:var(--space-4)}.login-card{width:100%;max-width:400px}.login-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center}.login-logo img{height:40px}.login-logo span{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight)}.login-logo em{color:var(--text-brand);font-style:normal}.search-bar{position:relative;margin-bottom:var(--space-6)}.search-bar .input{padding-left:var(--space-10);font-size:var(--text-base)}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.editable-name{cursor:pointer}.editable-name:hover{color:var(--text-brand)}.suggestions-wrap{position:relative;flex:1}.suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;max-height:220px;overflow-y:auto}.suggestion-item{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--border-subtle)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.highlighted{background:var(--bg-elevated)}.suggestion-item-name{font-weight:var(--weight-medium);color:var(--text-primary)}.suggestion-item-meta{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--text-secondary);flex-shrink:0}.nav-hamburger span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:all var(--ease-fast)}.nav-hamburger:hover{color:var(--text-primary)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-overlay.open{display:block}.nav-drawer{position:fixed;top:0;right:0;left:auto;z-index:200;width:260px;height:100vh;background:var(--bg-inset);border-left:1px solid var(--border-subtle);border-right:none;box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--ease-slow);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.nav-drawer.open{transform:translate(0)}.nav-drawer-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:color var(--ease-fast)}.nav-drawer-close:hover{color:var(--text-primary)}.nav-drawer-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.nav-drawer-brand img{height:28px;width:auto}.nav-drawer-brand em{color:var(--text-brand);font-style:normal}.nav-drawer-links{display:flex;flex-direction:column;gap:var(--space-1)}.nav-drawer-links .nav-link{font-size:var(--text-base);padding:var(--space-3) var(--space-3)}@media (max-width: 768px){.app-nav{padding:var(--space-3) var(--space-4)}.nav-links,.nav-brand-text{display:none}.nav-right{gap:var(--space-2)}.nav-hamburger{display:flex}.page-content{padding:var(--space-5) var(--space-4)}.page-title{font-size:var(--text-xl)}.page-header{flex-wrap:wrap;gap:var(--space-3)}.card-grid{gap:var(--space-3)}.list-card-actions{flex-wrap:wrap;gap:var(--space-2)}.ds-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.week-grid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6)}.week-grid{min-width:700px;margin-bottom:0}.modal-backdrop{padding:var(--space-3)}.modal-body{padding:var(--space-4);gap:var(--space-3)}.empty-state{padding:var(--space-10) var(--space-4)}.breadcrumb{margin-bottom:var(--space-4)}}