@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-xxl: 24px;--space-xxxl: 32px;--space-huge: 48px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 500;--z-toast: 1000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;background:#161412}:focus-visible{outline:2px solid #c8956c;outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--transition-normal);border:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#c8956c,#b07a52);color:#1a1412;box-shadow:0 4px 14px #c8956c59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c8956c73}.btn-ghost{background:transparent;color:#a39e98;padding:8px}.btn-ghost:hover:not(:disabled){background:#ffffff0f;color:#ede8e3}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #ef444459}.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);font-family:inherit;font-size:14px;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:#c8956c;box-shadow:0 0 0 3px #c8956c33}.card{border-radius:var(--radius-lg);transition:all var(--transition-normal)}.card:hover{transform:translateY(-2px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-track{height:6px;border-radius:3px;background:#c8aa8226}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#c8956c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003;margin-top:-6px}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#c8aa8226}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#c8956c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003}input[type=range]::-webkit-slider-thumb:hover,input[type=range]::-moz-range-thumb:hover{background:#d4a57e;transform:scale(1.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8aa8233;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c8aa8259}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.page-transition{animation:fadeInSlide .3s ease-out}.stagger-children>*{animation:fadeInSlide .35s ease-out both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark],.theme-dark{--color-bg: linear-gradient(135deg, #161412 0%, #1e1b18 50%, #131110 100%);--color-text: #ede8e3;--color-text-secondary: #a39e98;--color-text-muted: #706b65;--color-card-bg: linear-gradient(145deg, rgba(37, 34, 32, .9) 0%, rgba(28, 25, 23, .95) 100%);--color-card-border: rgba(200, 170, 130, .12);--color-card-shadow: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .03);--color-input-bg: rgba(20, 18, 16, .8);--color-input-border: rgba(200, 170, 130, .15);--color-input-focus: rgba(200, 149, 108, .25);--color-sidebar-bg: linear-gradient(180deg, rgba(22, 20, 18, .98) 0%, rgba(19, 17, 16, .99) 100%);--color-sidebar-border: rgba(200, 170, 130, .08);--backdrop-blur: blur(20px)}[data-theme=light],.theme-light{--color-bg: #e8e0d4;--color-text: #1a1512;--color-text-secondary: #3d352c;--color-text-muted: #5c5248;--color-card-bg: #f5efe6;--color-card-border: rgba(120, 90, 50, .2);--color-card-shadow: 0 2px 8px rgba(120, 90, 50, .1);--color-input-bg: #faf6f0;--color-input-border: rgba(120, 90, 50, .25);--color-input-focus: rgba(165, 118, 78, .2);--color-sidebar-bg: #f5efe6;--color-sidebar-border: rgba(120, 90, 50, .15);--backdrop-blur: none}:root{--color-primary: #c8956c;--color-primary-hover: #d4a57e;--color-primary-light: rgba(200, 149, 108, .15);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-light: rgba(239, 68, 68, .15);--color-info: #06b6d4;--color-info-light: rgba(6, 182, 212, .15);--color-accent: #f59e0b;--color-accent-light: rgba(245, 158, 11, .2)}.category-base{--cat-color: #8b5cf6;--cat-bg: rgba(139, 92, 246, .15)}.category-appetizers{--cat-color: #10b981;--cat-bg: rgba(16, 185, 129, .15)}.category-mains{--cat-color: #f59e0b;--cat-bg: rgba(245, 158, 11, .15)}.category-desserts{--cat-color: #ec4899;--cat-bg: rgba(236, 72, 153, .15)}.category-beverages{--cat-color: #06b6d4;--cat-bg: rgba(6, 182, 212, .15)}.category-sides{--cat-color: #84cc16;--cat-bg: rgba(132, 204, 22, .15)}.category-soups{--cat-color: #f97316;--cat-bg: rgba(249, 115, 22, .15)}.category-salads{--cat-color: #22c55e;--cat-bg: rgba(34, 197, 94, .15)}.category-breakfast{--cat-color: #fbbf24;--cat-bg: rgba(251, 191, 36, .15)}.category-snacks{--cat-color: #a78bfa;--cat-bg: rgba(167, 139, 250, .15)}.category-other{--cat-color: #6b7280;--cat-bg: rgba(107, 114, 128, .15)}.ing-protein{--cat-color: #ef4444;--cat-bg: rgba(239, 68, 68, .15)}.ing-seafood{--cat-color: #06b6d4;--cat-bg: rgba(6, 182, 212, .15)}.ing-charcuterie{--cat-color: #be185d;--cat-bg: rgba(190, 24, 93, .15)}.ing-dairy{--cat-color: #3b82f6;--cat-bg: rgba(59, 130, 246, .15)}.ing-vegetables{--cat-color: #22c55e;--cat-bg: rgba(34, 197, 94, .15)}.ing-fruits{--cat-color: #ec4899;--cat-bg: rgba(236, 72, 153, .15)}.ing-grains{--cat-color: #f59e0b;--cat-bg: rgba(245, 158, 11, .15)}.ing-pantry{--cat-color: #a16207;--cat-bg: rgba(161, 98, 7, .15)}.ing-oils{--cat-color: #eab308;--cat-bg: rgba(234, 179, 8, .15)}.ing-spices{--cat-color: #a855f7;--cat-bg: rgba(168, 85, 247, .15)}.ing-condiments{--cat-color: #f97316;--cat-bg: rgba(249, 115, 22, .15)}.ing-drinks{--cat-color: #0ea5e9;--cat-bg: rgba(14, 165, 233, .15)}.ing-frozen{--cat-color: #67e8f9;--cat-bg: rgba(103, 232, 249, .15)}.matrix-star{--matrix-color: #10b981;--matrix-bg: rgba(16, 185, 129, .15)}.matrix-puzzle{--matrix-color: #f59e0b;--matrix-bg: rgba(245, 158, 11, .15)}.matrix-workhorse{--matrix-color: #3b82f6;--matrix-bg: rgba(59, 130, 246, .15)}.matrix-dog{--matrix-color: #ef4444;--matrix-bg: rgba(239, 68, 68, .15)}.card{background:var(--color-card-bg);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.input{background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-text)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-input-focus)}@keyframes kp-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width: 768px){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}.content-padding{padding:16px!important}.modal-content{width:95vw!important;max-width:95vw!important;max-height:90vh!important;margin:5vh auto!important}.btn{min-height:44px!important;min-width:44px!important;padding:12px 16px!important;font-size:14px!important}.btn-ghost{min-height:40px!important;min-width:40px!important}.recipe-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.health-grid{gap:8px!important}.form-grid-2{grid-template-columns:1fr!important}.tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.tabs::-webkit-scrollbar{display:none!important}.input{font-size:16px!important;min-height:44px!important}select.input{min-height:44px!important;font-size:16px!important}.sidebar{position:fixed!important;left:0;top:0;bottom:0;width:280px!important;transform:translate(-100%);transition:transform .3s ease;z-index:400}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:399;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.main-content{margin-left:0!important;width:100%!important}.mobile-header{display:flex!important;position:sticky;top:0;z-index:100;padding:12px 16px;background:inherit}.desktop-only{display:none!important}}@media (max-width: 480px){.btn-primary{min-height:48px!important;font-size:16px!important}.modal-content{padding:16px!important}h2{font-size:22px!important}.card-actions{flex-wrap:wrap!important;gap:8px!important}.card-actions .btn-ghost{min-width:44px!important;min-height:44px!important;padding:10px!important;font-size:16px!important}.selling-price{font-size:26px!important}.cost-grid{gap:6px!important}.cost-grid>div{padding:8px!important}}@media (max-width: 768px) and (orientation: landscape){.modal-content{max-height:85vh!important;overflow-y:auto!important}}@media (hover: none) and (pointer: coarse){button,a,[role=button]{min-height:44px!important}.btn:hover{transform:none}.btn:active{transform:scale(.98)}}@media (min-width: 769px){.mobile-only{display:none!important}}