@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--color-primary: #f5c518;--color-primary-hover: #e0b010;--color-primary-muted: #fff4c2;--color-secondary: #5fd35f;--color-secondary-hover: #4bc04b;--color-secondary-muted: #dff9df;--color-accent: #ff4d8d;--color-accent-hover: #e8367a;--color-accent-muted: #ffe0ec;--color-background: #fffcf5;--color-background-elevated: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f8f4ea;--color-text: #1a1a1a;--color-text-secondary: #5c5c5c;--color-text-muted: #8a8a8a;--color-text-inverse: #fffcf5;--color-border: #e8e2d4;--color-border-strong: #d4cbb8;--color-success: #2ead4e;--color-success-muted: #dff5e6;--color-warning: #e6a817;--color-warning-muted: #fff3d4;--color-danger: #e03e3e;--color-danger-muted: #ffe5e5;--color-stock-good: #2ead4e;--color-stock-low: #e6a817;--color-stock-out: #e03e3e;--color-profit: #2ead4e;--color-loss: #e03e3e;--color-nav-inactive: #8a8a8a;--color-nav-active: #f5c518;--color-nav-background: #ffffff;--shadow-card: 0 2px 12px rgba(26, 26, 26, .07);--shadow-nav: 0 -2px 12px rgba(26, 26, 26, .06)}[data-theme=dark]{--color-primary: #f5c518;--color-primary-hover: #ffd84d;--color-primary-muted: #3d3510;--color-secondary: #6fe86f;--color-secondary-hover: #8aee8a;--color-secondary-muted: #1a3d1a;--color-accent: #ff6ba3;--color-accent-hover: #ff8bb8;--color-accent-muted: #3d1a28;--color-background: #12110e;--color-background-elevated: #1c1a16;--color-surface: #1c1a16;--color-surface-muted: #26231d;--color-text: #f5f0e6;--color-text-secondary: #b8b0a0;--color-text-muted: #7a7368;--color-text-inverse: #12110e;--color-border: #2e2b24;--color-border-strong: #3d3930;--color-success: #4cd97a;--color-success-muted: #1a3d28;--color-warning: #f5c04a;--color-warning-muted: #3d3010;--color-danger: #ff6b6b;--color-danger-muted: #3d1a1a;--color-stock-good: #4cd97a;--color-stock-low: #f5c04a;--color-stock-out: #ff6b6b;--color-profit: #4cd97a;--color-loss: #ff6b6b;--color-nav-inactive: #7a7368;--color-nav-active: #f5c518;--color-nav-background: #1c1a16;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-nav: 0 -2px 12px rgba(0, 0, 0, .25)}:root{--font-arabic: "IBM Plex Sans Arabic", "Cairo", system-ui, sans-serif;--font-english: "IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--motion-fast: .12s;--motion-normal: .2s;--motion-slow: .32s;--motion-easing: cubic-bezier(.4, 0, .2, 1);--motion-ease-out: cubic-bezier(0, 0, .2, 1);--nav-height: 4rem;--nav-icon-size: 1.5rem;--card-accent-bar-width: 4px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-arabic);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased}.text-number{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.text-profit{color:var(--color-profit)}.text-loss{color:var(--color-loss)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:var(--spacing-3);bottom:var(--spacing-3);inset-inline-start:0;width:var(--card-accent-bar-width);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-primary)}.card--success:before{background:var(--color-stock-good)}.card--warning:before{background:var(--color-stock-low)}.card--danger:before{background:var(--color-stock-out)}.card--accent:before{background:var(--color-accent)}.bottom-nav{position:fixed;bottom:0;inset-inline:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:center;justify-content:space-around;background:var(--color-nav-background);border-top:1px solid var(--color-border);box-shadow:var(--shadow-nav);z-index:100}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);color:var(--color-nav-inactive);text-decoration:none;font-size:var(--font-size-xs);transition:color var(--motion-fast) var(--motion-easing)}.bottom-nav__item--active{color:var(--color-nav-active)}.bottom-nav__icon{width:var(--nav-icon-size);height:var(--nav-icon-size)}@keyframes count-up{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-number-change{animation:count-up var(--motion-normal) var(--motion-ease-out)}.animate-fade{animation:fade-in var(--motion-fast) var(--motion-easing)}.transition-default{transition:all var(--motion-normal) var(--motion-easing)}.app-layout{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding:var(--spacing-4);padding-top:max(var(--spacing-4),env(safe-area-inset-top,0px));padding-inline:max(var(--spacing-4),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));padding-bottom:calc(var(--nav-height) + var(--spacing-6) + env(safe-area-inset-bottom,0px));max-width:480px;margin-inline:auto;width:100%;min-width:0;overflow-x:hidden}.page__header{margin-bottom:var(--spacing-6)}.page__title{margin:0;font-size:var(--font-size-2xl);font-weight:700}.page__subtitle{margin:var(--spacing-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.page>.card+.card{margin-top:var(--spacing-4)}.card__title{margin:0 0 var(--spacing-4);font-size:var(--font-size-lg);font-weight:600;padding-inline-start:var(--spacing-3)}.entity-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-field__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--motion-fast) var(--motion-easing)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--spacing-3) center;padding-left:var(--spacing-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-easing),transform var(--motion-fast) var(--motion-easing)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-text)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-secondary-muted);color:var(--color-text)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--full{width:100%}.data-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.data-list__item{padding:var(--spacing-3);background:var(--color-surface-muted);border-radius:var(--radius-md)}.data-list__row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.data-list__empty,.placeholder-text{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-4)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1.4}.badge--default{background:var(--color-surface-muted);color:var(--color-text-secondary)}.badge--success{background:var(--color-success-muted);color:var(--color-success)}.badge--warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge--danger{background:var(--color-danger-muted);color:var(--color-danger)}.badge--accent{background:var(--color-accent-muted);color:var(--color-accent)}.page__header-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.inventory-nav{display:flex;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-2);margin-bottom:var(--spacing-4);-webkit-overflow-scrolling:touch;scrollbar-width:none}.inventory-nav::-webkit-scrollbar{display:none}.inventory-nav__item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-xs);cursor:pointer;transition:all var(--motion-fast) var(--motion-easing)}.inventory-nav__item--active{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-text);font-weight:600}.inventory-nav__icon-wrap{position:relative;display:flex}.inventory-nav__icon-wrap .badge{position:absolute;top:-6px;left:-10px;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.625rem}.inventory-page__content>.card+.card,.inventory-page__content>.low-stock-alert+.card{margin-top:var(--spacing-4)}.ingredient-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.ingredient-list__item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.ingredient-list__item:before{content:"";position:absolute;top:var(--spacing-3);bottom:var(--spacing-3);inset-inline-start:0;width:var(--card-accent-bar-width);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ingredient-list__item--good:before{background:var(--color-stock-good)}.ingredient-list__item--low:before{background:var(--color-stock-low)}.ingredient-list__item--out:before{background:var(--color-stock-out)}.ingredient-list__main{flex:1;min-width:0}.ingredient-list__top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.ingredient-list__name{font-size:var(--font-size-base)}.ingredient-list__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.ingredient-list__stat-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.ingredient-list__meta{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ingredient-list__edit{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:pointer;transition:all var(--motion-fast) var(--motion-easing)}.ingredient-list__edit:hover{border-color:var(--color-primary);color:var(--color-text)}.low-stock-alert{padding:var(--spacing-4);background:var(--color-danger-muted);border:1px solid var(--color-danger);border-radius:var(--radius-xl)}.low-stock-alert__header{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-danger);margin-bottom:var(--spacing-3)}.low-stock-alert__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.low-stock-alert__list li{display:flex;justify-content:space-between;gap:var(--spacing-2);font-size:var(--font-size-sm)}.low-stock-alert__action{margin-top:var(--spacing-3);width:100%;padding:var(--spacing-2);border:none;border-radius:var(--radius-md);background:var(--color-danger);color:var(--color-text-inverse);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.shopping-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.shopping-list__item{padding:var(--spacing-4);background:var(--color-surface-muted);border-radius:var(--radius-lg);border-inline-start:4px solid var(--color-warning)}.shopping-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.shopping-list__details{display:flex;flex-direction:column;gap:var(--spacing-2)}.shopping-list__row{display:flex;justify-content:space-between;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.shopping-list__row--highlight{font-weight:600;color:var(--color-text);padding-top:var(--spacing-2);border-top:1px dashed var(--color-border)}.shopping-list__empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8) var(--spacing-4);color:var(--color-text-muted);text-align:center}.shopping-list__empty p{margin:0;font-size:var(--font-size-sm)}.form-actions{display:flex;gap:var(--spacing-3);align-items:center}.form-actions .btn--full{flex:1}.form-error{margin:0;padding:var(--spacing-3);background:var(--color-danger-muted);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.info-panel,.preview-panel{padding:var(--spacing-3);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-2)}.info-panel{background:var(--color-surface-muted)}.preview-panel{background:var(--color-primary-muted);border:1px solid var(--color-primary)}.preview-panel__title{margin:0;font-size:var(--font-size-sm);font-weight:600}.info-panel__row,.preview-panel__row{display:flex;justify-content:space-between;gap:var(--spacing-2);font-size:var(--font-size-sm)}.adjustment-delta{margin:0;font-size:var(--font-size-sm);font-weight:500}.adjustment-delta--pos{color:var(--color-success)}.adjustment-delta--neg{color:var(--color-danger)}.toast{margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-secondary-muted);border:1px solid var(--color-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.recipes-page__content>.card+.card,.recipes-page__content>.recipe-detail{margin-top:var(--spacing-4)}.recipe-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.recipe-list__item{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);cursor:pointer;text-align:start;font-family:inherit;color:inherit;transition:border-color var(--motion-fast) var(--motion-easing)}.recipe-list__item:hover{border-color:var(--color-primary)}.recipe-list__main{flex:1;min-width:0}.recipe-list__name{display:block;font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.recipe-list__meta{display:flex;gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.recipe-list__meta span{display:inline-flex;align-items:center;gap:var(--spacing-1)}.recipe-list__cost{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.recipe-list__arrow{flex-shrink:0;color:var(--color-text-muted)}.ingredient-rows{border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);margin:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.ingredient-rows__legend{font-size:var(--font-size-sm);font-weight:600;padding:0 var(--spacing-2)}.ingredient-rows__row{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-2);align-items:end}.ingredient-rows__row .form-field:first-child{grid-column:1 / -1}.ingredient-rows__remove{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-danger);cursor:pointer}.ingredient-rows__remove:disabled{opacity:.3;cursor:not-allowed}.recipe-detail__back{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:0;border:none;background:none;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.recipe-detail__header{margin-bottom:var(--spacing-6)}.recipe-detail__title{margin:0 0 var(--spacing-3);font-size:var(--font-size-2xl)}.recipe-detail__chips{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.recipe-detail__chip{padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary-muted);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.recipe-detail__section{margin-bottom:var(--spacing-6)}.recipe-detail__section-title{margin:0 0 var(--spacing-4);font-size:var(--font-size-lg);font-weight:600}.cost-breakdown{display:flex;flex-direction:column;gap:var(--spacing-4)}.cost-breakdown__hourly{padding:var(--spacing-3);background:var(--color-surface-muted);border-radius:var(--radius-lg)}.cost-breakdown__section{display:flex;flex-direction:column;gap:var(--spacing-2)}.cost-breakdown__heading{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.cost-breakdown__lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.cost-breakdown__line{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-muted);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.cost-breakdown__line-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.cost-breakdown__line-end{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1)}.cost-breakdown__subtotal,.cost-breakdown__row{display:flex;justify-content:space-between;gap:var(--spacing-2);font-size:var(--font-size-sm);padding:var(--spacing-1) 0}.cost-breakdown__subtotal{font-weight:600;border-top:1px solid var(--color-border);padding-top:var(--spacing-2)}.cost-breakdown__totals{padding:var(--spacing-4);background:var(--color-primary-muted);border:1px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-3)}.cost-breakdown__total-row{display:flex;justify-content:space-between;gap:var(--spacing-2)}.cost-breakdown__total-row--highlight{font-size:var(--font-size-lg);color:var(--color-text)}.pricing-calculator{display:flex;flex-direction:column;gap:var(--spacing-5)}.pricing-calculator__inputs{display:flex;flex-direction:column;gap:var(--spacing-4)}.pricing-calculator__result{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--color-secondary-muted);border-radius:var(--radius-lg)}.pricing-calculator__result-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pricing-calculator__result-value{font-size:var(--font-size-lg);font-weight:700}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.pricing-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center}.pricing-card--conservative{background:var(--color-success-muted);border-color:var(--color-success)}.pricing-card--average{background:var(--color-primary-muted);border-color:var(--color-primary)}.pricing-card--ambitious{background:var(--color-accent-muted);border-color:var(--color-accent)}.pricing-card__label{font-size:var(--font-size-xs);font-weight:700}.pricing-card__margin{display:flex;flex-direction:column;gap:var(--spacing-1);width:100%;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pricing-card__margin .form-input{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);text-align:center}.pricing-card__price{font-size:var(--font-size-base);font-weight:700}.pricing-card__per{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-error ul{margin:var(--spacing-2) 0 0;padding-inline-start:var(--spacing-5)}.batch-table__head{display:none}.batch-table__body{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.batch-table__row{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);cursor:pointer;text-align:start;font-family:inherit;color:inherit;transition:border-color var(--motion-fast) var(--motion-easing)}.batch-table__row:hover{border-color:var(--color-primary)}.batch-table__main{flex:1;min-width:0}.batch-table__main strong{display:block;margin-bottom:var(--spacing-1)}.batch-table__date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.batch-table__stats{display:none}.batch-table__meta{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}@media(min-width:360px){.batch-table__stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1);font-size:var(--font-size-xs)}}.batch-detail__header{margin-bottom:var(--spacing-5)}.batch-detail__title{margin:0 0 var(--spacing-2);font-size:var(--font-size-2xl)}.batch-detail__date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.batch-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.batch-detail__stat{padding:var(--spacing-3);background:var(--color-surface-muted);border-radius:var(--radius-lg)}.batch-detail__stat-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.batch-detail__profit,.batch-detail__sales-list,.batch-detail__form{margin-bottom:var(--spacing-5)}.batch-detail__profit h3,.batch-detail__sales-list h3,.batch-detail__form h3{margin:0 0 var(--spacing-3);font-size:var(--font-size-base);font-weight:600}.batch-detail__profit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.batch-detail__profit-grid>div{padding:var(--spacing-3);background:var(--color-secondary-muted);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.batch-detail__sales-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.batch-detail__sale-item{display:flex;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface-muted);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.batch-detail__hint{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.analytics-page>.card+.card{margin-top:var(--spacing-4)}.chart-empty{margin:0;padding:var(--spacing-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.simple-chart{width:100%;overflow-x:auto}.simple-chart__svg{width:100%;max-width:100%;height:auto}.simple-chart__grid{stroke:var(--color-border);stroke-width:1}.simple-chart__axis-label{font-size:8px;fill:var(--color-text-muted);text-anchor:end}.simple-chart__legend{list-style:none;margin:var(--spacing-3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:var(--font-size-xs)}.simple-chart__legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:var(--spacing-1)}.bar-chart{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.bar-chart__header{display:flex;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-1);font-size:var(--font-size-sm)}.bar-chart__track{height:8px;background:var(--color-surface-muted);border-radius:var(--radius-full);overflow:hidden}.bar-chart__fill{height:100%;border-radius:var(--radius-full);transition:width var(--motion-normal) var(--motion-easing)}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3);counter-reset:rank}.ranking-list__item{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-surface-muted);border-radius:var(--radius-lg)}.ranking-list__rank{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm)}.ranking-list__main{flex:1;min-width:0}.ranking-list__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.ranking-list__stats{display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ranking-list__meta{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.material-consumption__details{list-style:none;margin:var(--spacing-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--font-size-sm)}.material-consumption__details li{display:flex;justify-content:space-between;gap:var(--spacing-2)}.cost-trend__latest{display:flex;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);border-top:1px solid var(--color-border)}.break-even__result{padding:var(--spacing-4);background:var(--color-primary-muted);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-3)}.break-even__row{display:flex;justify-content:space-between;gap:var(--spacing-2);font-size:var(--font-size-sm)}.break-even__row--highlight{font-size:var(--font-size-lg);padding-top:var(--spacing-2);border-top:1px solid var(--color-primary)}.what-if__slider-wrap{margin-bottom:var(--spacing-4)}.what-if__slider{width:100%;margin:var(--spacing-2) 0;accent-color:var(--color-primary)}.what-if__slider-labels{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.what-if__impacts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.what-if__impact{padding:var(--spacing-3);background:var(--color-surface-muted);border-radius:var(--radius-lg);border-inline-start:4px solid var(--color-accent)}.what-if__impact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3);margin-top:var(--spacing-2);font-size:var(--font-size-sm)}.what-if__impact-grid>div{display:flex;flex-direction:column;gap:var(--spacing-1)}.what-if__delta{font-size:var(--font-size-xs);font-weight:600}@media(max-width:420px){.app-main{padding-inline:var(--spacing-3)}.page__title{font-size:var(--font-size-xl)}.page__header{margin-bottom:var(--spacing-4)}.card{padding:var(--spacing-3)}.card__title{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.inventory-nav__item{padding:var(--spacing-2);font-size:.625rem}.ingredient-list__stats{grid-template-columns:1fr;gap:var(--spacing-2)}.pricing-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-1)}.pricing-card{padding:var(--spacing-2)}.pricing-card__price{font-size:var(--font-size-sm)}.pricing-card__label{font-size:.625rem}.batch-detail__grid,.batch-detail__profit-grid{grid-template-columns:1fr}.form-input{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.bottom-nav__item{font-size:.625rem;padding:var(--spacing-1);min-width:0}.bottom-nav__icon{width:1.25rem;height:1.25rem}.data-list__row,.batch-table__row{flex-wrap:wrap}.ranking-list__stats{flex-direction:column;gap:var(--spacing-1)}}@media(max-width:360px){.pricing-cards{grid-template-columns:1fr}.inventory-nav{gap:var(--spacing-1)}.recipe-detail__chips{flex-direction:column;align-items:flex-start}}@media(display-mode:standalone){html{overscroll-behavior-y:contain}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,select,.entity-form,.data-list__item{-webkit-user-select:text;user-select:text}}
