:root{color:#19202b;font-synthesis:none;--brand:#0878ef;--brand-soft:#e9f3ff;--gold:#f59e0b;--ink:#202124;--muted:#667085;--line:#d9dde3;--surface:#fff;background:#f5f4f1;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif}.MuiDataGrid-row.item-category-MainOil{background:#fff8e2}.MuiDataGrid-row.item-category-SodiumHydroxide{background:#f5edfc}.MuiDataGrid-row.item-category-DistilledWater{background:#edf6ff}.MuiDataGrid-row.item-category-SuperFatOil{background:#edf8f0}.MuiDataGrid-row.item-category-EssentialOilAdditive{background:#fdf0f5}.MuiDataGrid-row.item-category-FinishedProduct{background:#eaf8f6}.MuiDataGrid-row.item-category-None{background:#f4f6f8}.MuiDataGrid-row.item-category-MainOil:hover{background:#fff1c7!important}.MuiDataGrid-row.item-category-SodiumHydroxide:hover{background:#eadcf8!important}.MuiDataGrid-row.item-category-DistilledWater:hover{background:#def!important}.MuiDataGrid-row.item-category-SuperFatOil:hover{background:#ddf3e3!important}.MuiDataGrid-row.item-category-EssentialOilAdditive:hover{background:#f9dde7!important}.MuiDataGrid-row.item-category-FinishedProduct:hover{background:#d9f2ef!important}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh;margin:0}.login-page{background:linear-gradient(135deg,#faf8f4,#f1e9dd 48%,#e7d5bf);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(460px,100%);border:1px solid #fffc!important;border-radius:28px!important;box-shadow:0 28px 90px #48200524!important}.brand,.drawer-brand{align-items:center;gap:16px;display:flex}.brand img{object-fit:contain;width:112px;height:74px}.drawer{background:#f8f7f5;flex-direction:column;height:100%;display:flex}.drawer-brand{border-bottom:1px solid var(--line);justify-content:space-between;height:112px;padding:18px 16px}.drawer-brand img{object-fit:contain;width:82px;height:56px}.drawer-brand h6{letter-spacing:.08em;font-weight:900}.portal-label{letter-spacing:.09em;color:#8c8782!important;font-weight:800!important}.drawer .MuiList-root{padding:18px 12px}.drawer .MuiListItemButton-root{border-radius:8px;min-height:44px;margin:2px 0;transition:all .18s}[dir=rtl] .drawer .MuiListItemButton-root:hover{transform:translate(-2px)}.drawer .MuiListItemIcon-root{min-width:42px}.main{min-height:100vh;transition:margin .22s}.topbar{border-bottom:1px solid var(--line);z-index:20;height:66px;box-shadow:none;background:#fff;align-items:center;gap:12px;padding:0 28px;display:flex;position:sticky;top:0}.breadcrumb{align-items:baseline;gap:14px;display:flex}.account-pill{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;min-width:180px;padding:7px 14px 7px 8px;display:flex}.avatar{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid}.content{max-width:none;margin:auto;padding:24px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:4px;display:flex}.page-head h4{letter-spacing:-.035em;color:var(--ink)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat{min-height:118px;position:relative;overflow:hidden}.stat:after{content:"";background:#2367d1;height:4px;position:absolute;inset:auto 0 0}.stat.green:after{background:#16865b}.stat.red:after{background:#d14343}.stat.gold:after{background:var(--gold)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.inventory{grid-template-columns:repeat(3,minmax(0,1fr))}.MuiCard-root{border:1px solid var(--line);background:var(--surface);border-radius:14px!important;box-shadow:0 1px 2px #18120e0a!important}.MuiCardContent-root{padding:22px!important}.metric-row{border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.center{place-items:center;height:55vh;display:grid}.table-card{height:min(620px,64vh);min-height:420px;padding:7px;overflow:hidden}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:10px;display:grid}.detail-grid>div{background:#f8f9fb;border:1px solid #edf0f3;border-radius:12px;padding:12px 14px}.detail-grid .MuiTypography-caption{font-weight:700}.workflow-form{grid-template-columns:1.35fr 1.5fr 1fr 1fr .8fr 1.25fr auto;align-items:center;gap:12px;display:grid}.list-search{background:#fff;border-radius:12px;width:min(520px,100%)}.MuiButton-root{min-height:40px;border-radius:8px!important}.MuiOutlinedInput-root{background:#fff;border-radius:8px!important}.MuiDataGrid-root{color:var(--ink);border:0!important}.MuiDataGrid-columnHeaders{background:#f1efec;border-radius:8px 8px 0 0;font-weight:800}.MuiDataGrid-columnHeaderTitle{font-weight:800}.MuiDataGrid-footerContainer{border-top:1px solid var(--line)!important}.MuiDialog-paper{border-radius:22px!important;box-shadow:0 32px 100px #10182838!important}.MuiDialogTitle-root{border-bottom:1px solid var(--line);font-weight:900!important}.MuiDialogActions-root{border-top:1px solid var(--line);padding:14px 22px!important}@media (width<=1180px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.workflow-form{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-form .MuiButton-root{grid-column:span 2}}@media (width<=700px){.topbar{height:62px;padding:0 12px}.topbar .MuiChip-root{max-width:125px}.content{padding:16px 12px 88px}.page-head{align-items:stretch;margin-bottom:8px}.page-head>div:first-child{width:100%}.page-head h4{font-size:1.65rem}.page-head>div:last-child,.page-head>.MuiStack-root{width:100%}.page-head .MuiButton-root{flex:1}.stats,.inventory{grid-template-columns:1fr;gap:12px}.stat{min-height:100px}.MuiCardContent-root{padding:16px!important}.table-card{height:55vh;min-height:390px;border-radius:15px!important}.detail-grid{grid-template-columns:1fr}.workflow-form{grid-template-columns:1fr;gap:12px}.workflow-form .MuiButton-root{grid-column:auto;width:100%;height:48px}.MuiDialog-root .MuiDialog-container{align-items:flex-end}.MuiDialog-paper{border-radius:22px 22px 12px 12px!important;width:calc(100% - 16px)!important;max-height:92vh!important;margin:8px!important}.MuiDialogContent-root{padding:16px!important}.MuiDialogActions-root{flex-wrap:wrap}.MuiDialogActions-root .MuiButton-root{flex:1}.MuiDataGrid-columnHeader,.MuiDataGrid-cell{padding-left:10px!important;padding-right:10px!important}}body{background:#f7f8fa}.login-page{background:linear-gradient(135deg,#f8fbff,#eef5ff 48%,#e5effb)}.login-card{box-shadow:0 28px 90px #0b4a8f20!important}.drawer{background:#f7f7f8}.portal-label{color:#7a7f87!important}.drawer .MuiListItemButton-root:hover{background:#edf0f4}.drawer .Mui-selected{color:#0878ef;background:#e9f3ff!important}.drawer .Mui-selected .MuiListItemIcon-root{color:#0878ef}.MuiButton-contained{background:#0878ef!important;box-shadow:0 2px 5px #0878ef28!important}.MuiButton-contained:hover{background:#0667cf!important}.MuiDataGrid-columnHeaders{background:#f3f4f6}.MuiDataGrid-row:hover{background:#0878ef0a!important}.avatar{color:#0878ef;background:#e9f3ff}.content{background:#f7f8fa}.MuiChip-colorPrimary{color:#0667cf!important;background:#e9f3ff!important}.MuiTabs-indicator{background-color:#0878ef!important}