html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.hidden{display:none}.sidebar{z-index:100;background:#fff8f1;border-right:1px solid #f5d9c7;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #f5d9c7;padding:24px 20px}.logo{align-items:center;gap:12px;display:flex}.avatar{background:#ff9d5c;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.logo-title{color:#4a3b33;font-size:18px;font-weight:700}.logo-subtitle{color:#7a665d;font-size:13px}.sidebar-nav{flex:1;padding:20px 12px}.nav-item{color:#4a3b33;border-radius:12px;align-items:center;gap:14px;margin-bottom:4px;padding:14px 20px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:#fff1e6}.nav-item.active{color:#ff9d5c;background:#ffeee1;font-weight:600}.nav-item svg{width:20px;height:20px}.sidebar-footer{border-top:1px solid #f5d9c7;padding:20px}.user-info{background:#fffbf6;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.avatar-small{background:#ff9d5c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.user-name{color:#4a3b33;font-size:15px;font-weight:600}.user-role{color:#7a665d;font-size:13px}.topbar{z-index:90;background:#fffbf6;border-bottom:1px solid #f5d9c7;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-left{flex:1;max-width:420px}.search-bar input{color:#4a3b33;background:#fff;border:1px solid #f5d9c7;border-radius:9999px;width:100%;padding:12px 20px 12px 48px;font-size:15px}.search-bar input:focus{border-color:#ff9d5c;outline:none}.topbar-right{align-items:center;gap:16px;display:flex}.icon-button{color:#7a665d;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;position:relative}.icon-button:hover{background:#fff1e6}.notification-badge{color:#fff;background:#ff6b6b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.create-btn{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 24px;font-weight:600;display:flex}.create-btn:hover{background:#ff8c2b}.user-avatar{cursor:pointer;background:#ff9d5c;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.app-layout{background:#fff4ec;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;margin-left:260px;display:flex}.page-container{flex:1;padding:32px;overflow-y:auto}.createBatchForm{flex-direction:column;gap:12px;width:380px;display:flex}.createBatchForm h2{color:#4a3b33;margin-bottom:15px;font-size:22px}.createBatchForm label{color:#7a665d;font-size:14px;font-weight:600}.createBatchForm input,.createBatchForm select{color:#4a3b33;background:#fffbf6;border:1px solid #f5d9c7;border-radius:12px;padding:12px 14px;font-size:15px}.createBatchForm input:focus,.createBatchForm select:focus{border-color:#ff9d5c;outline:none;box-shadow:0 0 0 3px #ff9d5c33}.createBatchForm button{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;margin-top:15px;font-weight:600}.createBatchForm button:hover{background:#ff8c2b}.editBatchForm{flex-direction:column;gap:12px;width:380px;display:flex}.editBatchForm h2{color:#4a3b33;margin-bottom:15px;font-size:22px}.editBatchForm label{color:#7a665d;font-size:14px;font-weight:600}.editBatchForm input,.editBatchForm select{color:#4a3b33;background:#fffbf6;border:1px solid #f5d9c7;border-radius:12px;padding:12px 14px}.editBatchForm button{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;margin-top:15px;font-weight:600}.editBatchForm button:hover{background:#ff8c2b}.batchTableWrapper{background:#fffbf6;border:1px solid #f5d9c7;border-radius:20px;padding:25px;box-shadow:0 15px 40px #4a3b3314}.edit{color:#5f381e;cursor:pointer;background:#ffee9c;border:none;border-radius:10px;margin-right:10px;padding:8px 14px}.edit:hover{background:#ffd982}.status{color:#b66b00;background:#fff1d6;border-radius:20px;padding:6px 12px;font-size:15px}.delete:hover{background:#ffbaba}.batchesPage{background:#fff4ec;min-height:100vh;padding:40px}.createWarehouseForm{flex-direction:column;gap:12px;width:380px;display:flex}.createWarehouseForm h2{color:#4a3b33;margin-bottom:15px;font-size:22px}.createWarehouseForm label{color:#7a665d;font-size:14px;font-weight:600}.createWarehouseForm input{color:#4a3b33;background:#fffbf6;border:1px solid #f5d9c7;border-radius:12px;padding:12px 14px;font-size:15px}.createWarehouseForm input:focus{border-color:#ff9d5c;outline:none;box-shadow:0 0 0 3px #ff9d5c33}.createWarehouseForm button{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;margin-top:15px;font-weight:600}.createWarehouseForm button:hover{background:#ff8c2b}.editWarehouseForm{flex-direction:column;gap:12px;width:380px;display:flex}.editWarehouseForm h2{color:#4a3b33;font-size:22px}.editWarehouseForm label{color:#7a665d;font-size:14px;font-weight:600}.editWarehouseForm input{background:#fffbf6;border:1px solid #f5d9c7;border-radius:12px;padding:12px 14px}.editWarehouseForm button{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;margin-top:15px}.warehouseTableWrapper{background:#fffbf6;border:1px solid #f5d9c7;border-radius:20px;padding:25px;box-shadow:0 15px 40px #4a3b3314}th{text-align:left;color:#7a665d;padding:15px}.warehousesPage{background:#fff4ec;min-height:100vh;padding:40px}.createIngredientForm{flex-direction:column;gap:12px;width:380px;display:flex}.createIngredientForm h2{color:#4a3b33;margin-bottom:15px;font-size:22px}.createIngredientForm label{color:#7a665d;font-size:14px;font-weight:600}.createIngredientForm input,.createIngredientForm select{color:#4a3b33;background:#fffbf6;border:1px solid #f5d9c7;border-radius:12px;padding:12px 14px}.createIngredientForm button{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;margin-top:15px;font-weight:600}.createIngredientForm button:hover{background:#ff8c2b}.editIngredientForm{flex-direction:column;gap:12px;width:380px;display:flex}.editIngredientForm h2{color:#4a3b33}.editIngredientForm label{color:#7a665d;font-weight:600}.editIngredientForm input,.editIngredientForm select{background:#fffbf6;border:1px solid #f5d9c7;border-radius:12px;padding:12px}.editIngredientForm button{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;margin-top:15px}.ingredientTableWrapper{background:#fffbf6;border:1px solid #f5d9c7;border-radius:20px;padding:25px;box-shadow:0 15px 40px #4a3b3314}th{color:#7a665d;text-align:left;padding:15px}.ingredientsPage{background:#fff4ec;min-height:100vh;padding:40px}.pageHeader p{color:#7a665d;margin-top:6px}.createButton:hover{background:#ff8c2b}.modal{background:#fffbf6;border-radius:24px;padding:30px;position:relative;box-shadow:0 20px 60px #00000026}.recipeForm h2{color:#4a3b33;margin-bottom:10px}.recipeForm{flex-direction:column;gap:12px;width:430px;display:flex}.recipeForm h2{color:#4a3b33}.recipeForm label{color:#7a665d;font-weight:600}.recipeForm input,.recipeForm select{color:#4a3b33;background:#fffbf6;border:1px solid #f5d9c7;border-radius:12px;padding:12px}.ingredientsHeader{justify-content:space-between;align-items:center;display:flex}.ingredientsHeader h3{color:#4a3b33}.addRow{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;width:36px;height:36px;font-size:22px}.ingredientRow{align-items:center;gap:8px;display:flex}.ingredientRow select{flex:1}.ingredientRow input{width:90px}.removeRow{color:#c0392b;cursor:pointer;background:#ffdede;border:none;border-radius:10px;width:36px;height:36px;font-size:20px}.submitButton{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;margin-top:15px;font-weight:600}.recipeTableWrapper{background:#fffbf6;border:1px solid #f5d9c7;border-radius:20px;padding:25px;box-shadow:0 15px 40px #4a3b3314}table{border-collapse:collapse;width:100%}th{text-align:left;color:#7a665d;padding:15px;font-size:14px}td{color:#4a3b33;border-top:1px solid #f5d9c7;padding:15px}.recipeName{font-weight:600}.composition{flex-direction:column;gap:8px;display:flex}.compositionItem{background:#fff4ec;border-radius:10px;justify-content:space-between;width:300px;padding:8px 12px;display:flex}.compositionItem b{color:#ff8c2b}.edit{cursor:pointer;background:#fff1a8;border:none;border-radius:10px;margin-right:10px;padding:8px 14px}.delete{color:#c0392b;cursor:pointer;background:#ffdede;border:none;border-radius:10px;padding:8px 14px}.expandButton{cursor:pointer;background-color:#0000;border:0}.recipesPage{background:#fff4ec;min-height:100vh;padding:40px}.pageHeader{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.pageHeader h1{color:#3e2f25;margin:0;font-size:28px}.pageHeader p{color:#7a665d}.createButton{color:#fff;cursor:pointer;background:#ff9d5c;border:none;border-radius:10px;height:44px;padding:0 22px;font-weight:600}.modalOverlay{background:#4a3b3340;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fffbf6;border-radius:24px;padding:30px;position:relative}.closeButton{color:#7a665d;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:15px;right:20px}*{font-family:Inter!important}.dashboard .pageHeader{margin-bottom:32px}.dashboard .pageHeader h1{color:#3e2f25;margin:0;font-size:28px}.dashboard .pageHeader p{color:#7a665d;margin-top:8px}.table-header{justify-content:space-between;margin-bottom:20px;display:flex}.table-header .toBatchesLink{color:#ff9d5c;text-decoration:none}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.kpi-card{background:#fffbf6;border:1px solid #f5d9c7;border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.kpi-icon{color:#ff9d5c;background:#ffeee1;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.kpi-icon.success{color:#2e9e5a;background:#e6f7e8}.kpi-icon.danger{color:#d64550;background:#ffeeeb}.kpi-value{color:#4a3b33;font-size:32px;font-weight:700}.kpi-label{color:#7a665d;font-size:15px}.kpi-change{margin-top:4px;font-size:13px}.kpi-change.positive{color:#2e9e5a}.kpi-change.negative{color:#d64550}.dashboard-tables{display:grid}.table-card{background:#fffbf6;border:1px solid #f5d9c7;border-radius:20px;padding:24px}