:root{
  --bg:#f4f7f8;--panel:#fff;--panel2:#f8fafb;--ink:#17252f;--muted:#6e7d86;--muted2:#8d9aa2;
  --brand:#123a50;--brand2:#1f5b72;--brand3:#0d2d40;--food:#d9a431;--food2:#f2c75c;--green:#2f7d58;--green2:#dff3e9;
  --blue:#2f6f91;--red:#bd4a45;--orange:#c8812f;--purple:#7156a8;--line:#e4eaed;--line2:#edf1f3;
  --shadow:0 10px 34px rgba(23,37,47,.07);--shadow2:0 18px 50px rgba(13,45,64,.12);--radius:18px;--radius-sm:12px;
  --sidebar:286px;--sidebar-collapsed:88px;--topbar:76px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tahoma","Arial",sans-serif;background:var(--bg);color:var(--ink);direction:rtl;line-height:1.55}body.theme-dark{--bg:#10181e;--panel:#162129;--panel2:#1a2730;--ink:#eef5f7;--muted:#a6b3ba;--muted2:#81919a;--line:#27343c;--line2:#223039;--shadow:0 10px 34px rgba(0,0,0,.2)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{min-height:100vh}.icon,.nav-icon,.menu-icon,.icon-sm,.search-icon,.flash-icon,.food-safety-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon{width:20px;height:20px}.icon-sm{width:16px;height:16px}.nav-icon{width:21px;height:21px;flex:0 0 auto}.menu-icon{width:21px;height:21px}.search-icon{width:18px;height:18px}.flash-icon{width:18px;height:18px}.food-safety-icon{width:24px;height:24px}

/* Sidebar */
.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar);background:linear-gradient(180deg,#0f3145 0%,#11384e 48%,#0d2c3e 100%);color:#eef7fa;z-index:30;display:flex;flex-direction:column;transition:.25s ease;box-shadow:-1px 0 0 rgba(255,255,255,.04) inset}.brand-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f2c75c,#c98d25);box-shadow:0 9px 26px rgba(217,164,49,.24);flex:0 0 auto}.brand-mark svg{width:31px;height:31px;fill:#11384e}.brand-mark .brand-leaf{fill:#2e7d58}.brand-copy{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.brand-copy strong{font-size:20px;letter-spacing:.2px}.brand-copy small{font-size:10px;color:#bcd1db;margin-top:4px;letter-spacing:.5px}.sidebar-toggle{color:#d7e6ec!important;background:rgba(255,255,255,.06)!important}.factory-chip{margin:14px 14px 8px;padding:11px 12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:14px;display:flex;align-items:center;gap:10px}.factory-dot{width:9px;height:9px;border-radius:50%;background:#6ed3a1;box-shadow:0 0 0 5px rgba(110,211,161,.11);flex:0 0 auto}.factory-chip b{display:block;font-size:12px}.factory-chip small{font-size:10px;color:#9fb8c4}.side-nav{flex:1;overflow:auto;padding:3px 12px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.nav-group{margin-bottom:10px}.nav-title{font-size:10px;color:#7fa1b0;padding:13px 12px 5px;font-weight:700;letter-spacing:.3px}.nav-link{min-height:43px;display:flex;align-items:center;gap:11px;padding:9px 12px;margin:3px 0;border-radius:12px;color:#d2e3ea;font-size:13px;font-weight:600;position:relative;transition:.18s}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(-1px)}.nav-link.active{background:linear-gradient(90deg,rgba(217,164,49,.16),rgba(255,255,255,.075));color:#fff;box-shadow:inset -3px 0 0 var(--food)}.nav-link.active .nav-icon{color:var(--food2)}.nav-link span:not(.nav-badge){white-space:nowrap}.nav-badge{margin-right:auto;font-size:9px;font-weight:800;background:#2f7d58;color:white;border-radius:999px;padding:2px 6px}.sidebar-footer{padding:12px 14px 18px}.food-safety{display:flex;align-items:center;gap:9px;padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.10)}.food-safety>span{width:36px;height:36px;border-radius:10px;background:rgba(68,170,119,.13);display:grid;place-items:center;color:#7ce1ae}.food-safety b{display:block;font-size:10px}.food-safety small{display:block;color:#8eacb9;font-size:9px;margin-top:2px}

/* Header */
.content-wrap{margin-right:var(--sidebar);min-height:100vh;transition:.25s ease;display:flex;flex-direction:column}.topbar{height:var(--topbar);background:rgba(255,255,255,.91);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,600px) minmax(280px,1fr);align-items:center;gap:20px;padding:0 28px;position:sticky;top:0;z-index:20}.theme-dark .topbar{background:rgba(22,33,41,.92)}.topbar-start{display:flex;align-items:center;gap:12px}.page-heading{display:flex;flex-direction:column;line-height:1.15}.page-heading .eyebrow{font-size:9px;text-transform:uppercase;color:var(--muted2);letter-spacing:.8px;margin-bottom:4px}.page-heading strong{font-size:17px;color:var(--ink)}.mobile-menu{display:none}.icon-btn{width:39px;height:39px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;display:inline-grid;place-items:center;cursor:pointer;transition:.18s;position:relative}.icon-btn:hover{color:var(--brand2);border-color:#cad8df;box-shadow:0 5px 16px rgba(13,45,64,.07)}.has-dot i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid var(--panel);top:7px;left:8px}.global-search{position:relative}.global-search>input{width:100%;height:43px;border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:0 42px 0 58px;color:var(--ink);outline:none;font-size:12px;transition:.18s}.global-search>input:focus{background:var(--panel);border-color:#aac2ce;box-shadow:0 0 0 4px rgba(47,111,145,.08)}.global-search>.search-icon{position:absolute;right:14px;top:12px;color:var(--muted)}.global-search kbd{position:absolute;left:11px;top:10px;border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:3px 6px;font-size:9px;color:var(--muted2);font-family:inherit}.search-results{display:none;position:absolute;top:50px;right:0;left:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow2);padding:7px;z-index:60}.search-results.open{display:block}.search-results a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:10px;font-size:12px}.search-results a:hover{background:var(--panel2)}.search-results small{color:var(--muted2);font-size:9px}.search-empty{padding:14px;text-align:center;color:var(--muted);font-size:11px}.topbar-actions{display:flex;justify-content:flex-start;align-items:center;gap:8px}.btn-quick{height:39px}.dropdown-wrap{position:relative}.dropdown-menu{display:none;position:absolute;top:48px;left:0;min-width:250px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow2);padding:7px;z-index:60}.dropdown-menu.open{display:block}.quick-menu{min-width:295px}.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;font-size:12px}.dropdown-menu a:hover{background:var(--panel2)}.dropdown-menu a .menu-icon{color:var(--brand2);flex:0 0 auto}.dropdown-menu a b{display:block;font-size:12px}.dropdown-menu a small{display:block;color:var(--muted);font-size:9px}.user-trigger{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:2px 4px;cursor:pointer;color:var(--ink)}.avatar{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;box-shadow:0 6px 18px rgba(18,58,80,.14)}.user-copy{display:flex;flex-direction:column;text-align:right;line-height:1.2}.user-copy b{font-size:11px}.user-copy small{font-size:9px;color:var(--muted)}.user-dropdown{min-width:210px}.user-summary{padding:10px;border-bottom:1px solid var(--line);margin-bottom:5px}.user-summary b,.user-summary small{display:block}.user-summary b{font-size:12px}.user-summary small{font-size:9px;color:var(--muted);margin-top:3px}.danger-link{color:var(--red)!important}

/* General */
.page{padding:26px 28px 40px;max-width:1700px;width:100%;margin:0 auto;flex:1}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:23px;margin:0;color:var(--ink)}.page-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.card-flat{box-shadow:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-head h3,.section-title{font-size:15px;margin:0;color:var(--ink);font-weight:800}.card-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.section-kicker{font-size:9px;color:var(--food);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.muted{color:var(--muted);font-size:11px}.money{font-variant-numeric:tabular-nums;font-weight:700}.mono{font-family:Consolas,"Courier New",monospace;direction:ltr;display:inline-block}.divider{height:1px;background:var(--line);margin:14px 0}

/* Hero dashboard */
.dashboard-hero{background:linear-gradient(120deg,#11384e 0%,#174d64 54%,#1f6374 100%);color:#fff;border-radius:24px;padding:24px 26px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;overflow:hidden;position:relative;box-shadow:0 18px 50px rgba(13,45,64,.17);margin-bottom:18px}.dashboard-hero:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(242,199,92,.08);left:-100px;top:-160px}.dashboard-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:44%;bottom:-120px}.hero-copy{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:999px;padding:5px 9px;color:#d8ebf2;font-size:9px}.hero-kicker i{width:7px;height:7px;background:#6ed3a1;border-radius:50%}.hero-copy h1{font-size:25px;margin:12px 0 7px}.hero-copy p{max-width:700px;color:#bdd3dc;font-size:11px;margin:0}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.hero-actions .btn-outline-light{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}.food-flow{display:flex;align-items:center;justify-content:flex-end;gap:7px;position:relative;z-index:2}.flow-node{width:82px;min-height:94px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;backdrop-filter:blur(7px)}.flow-node svg{width:28px;height:28px;margin-bottom:7px;color:#f2c75c}.flow-node b{font-size:9px}.flow-node small{font-size:8px;color:#b8d1dc;margin-top:3px}.flow-arrow{color:#7faaba;font-size:16px}.flow-node.highlight{background:rgba(217,164,49,.14);border-color:rgba(242,199,92,.25)}

/* KPI */
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:15px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.kpi-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#edf5f7;color:var(--brand2)}.kpi-icon svg{width:20px;height:20px}.kpi-icon.food{background:#fff4d9;color:#aa761e}.kpi-icon.green{background:#e4f3eb;color:#2f7d58}.kpi-icon.red{background:#fde9e7;color:#b74a43}.kpi-icon.purple{background:#eee9fa;color:#6b56a3}.kpi-card .value{font-size:24px;font-weight:900;line-height:1.1;margin-top:12px;color:var(--ink);font-variant-numeric:tabular-nums}.kpi-card .label{font-size:10px;color:var(--muted);margin-top:5px}.kpi-note{font-size:9px;color:var(--muted2);margin-top:9px;padding-top:8px;border-top:1px dashed var(--line)}.kpi-note strong{color:var(--green)}

/* Operations center */
.ops-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);margin-bottom:18px}.ops-item{padding:13px 15px;border-left:1px solid var(--line);display:flex;gap:10px;align-items:center}.ops-item:last-child{border-left:0}.ops-item .op-num{font-size:20px;font-weight:900}.ops-item b{display:block;font-size:10px}.ops-item small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.op-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(47,111,145,.08)}.op-dot.warn{background:var(--orange);box-shadow:0 0 0 4px rgba(200,129,47,.09)}.op-dot.ok{background:var(--green);box-shadow:0 0 0 4px rgba(47,125,88,.09)}

/* Food dashboard charts */
.chart-bars{display:flex;align-items:flex-end;gap:9px;height:180px;padding:16px 4px 2px;border-bottom:1px solid var(--line)}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}.bar{width:min(28px,70%);background:linear-gradient(180deg,#2d708e,#174b63);border-radius:8px 8px 3px 3px;min-height:4px;position:relative}.bar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent);border-radius:inherit}.bar-col small{font-size:8px;color:var(--muted)}.bar-col b{font-size:8px;color:var(--ink);font-weight:700}.yield-card{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.yield-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--pct)*1%),#e9eef0 0);position:relative}.yield-ring:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:var(--panel)}.yield-ring div{position:relative;z-index:2;text-align:center}.yield-ring strong{display:block;font-size:24px}.yield-ring small{font-size:9px;color:var(--muted)}.metric-list{display:grid;gap:10px}.metric-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.metric-row span{font-size:10px;color:var(--muted)}.metric-row b{font-size:11px}.metric-progress{grid-column:1/-1;height:5px;border-radius:999px;background:var(--line2);overflow:hidden}.metric-progress i{height:100%;display:block;border-radius:inherit;background:var(--brand2)}.metric-progress i.food{background:var(--food)}.metric-progress i.red{background:var(--red)}

/* Lists & alerts */
.smart-list{display:flex;flex-direction:column;gap:7px}.smart-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line2);border-radius:12px;background:var(--panel)}.smart-icon{width:38px;height:38px;border-radius:11px;background:var(--panel2);display:grid;place-items:center;color:var(--brand2)}.smart-icon svg{width:19px;height:19px}.smart-icon.warning{background:#fff4df;color:#b47924}.smart-icon.danger{background:#fdeceb;color:#b74843}.smart-icon.success{background:#e7f5ed;color:#2f7d58}.smart-body b{font-size:10px;display:block}.smart-body small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.smart-side{text-align:left}.smart-side b{font-size:10px}.smart-side small{display:block;font-size:8px;color:var(--muted)}.empty-state{padding:24px;text-align:center;color:var(--muted);font-size:10px}.empty-state svg{width:34px;height:34px;color:#a8bac2;margin-bottom:8px}

/* Buttons, forms, tables */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:9px 14px;font-weight:800;cursor:pointer;font-family:inherit;font-size:11px;transition:.17s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;box-shadow:0 7px 18px rgba(18,58,80,.13)}.btn-secondary{background:#eaf1f4;color:var(--brand);border-color:#dae5ea}.theme-dark .btn-secondary{background:#22343f;color:#dfeff5}.btn-success{background:#e4f3eb;color:var(--green);border-color:#d1e9dc}.btn-danger{background:#fde9e7;color:var(--red);border-color:#f7d6d3}.btn-warning{background:#fff1d8;color:#9d681e;border-color:#f3dfb9}.btn-outline{background:var(--panel);color:var(--brand);border-color:var(--line)}.btn-sm{padding:6px 9px;font-size:10px;border-radius:9px}.form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.form-row.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:10px;font-weight:800;color:#53646e}.theme-dark .form-group label{color:#b1c0c7}.input,.select,textarea{width:100%;border:1px solid #d5dfe4;background:var(--panel);color:var(--ink);border-radius:11px;padding:9px 11px;font-family:inherit;font-size:11px;outline:none;min-height:40px}.theme-dark .input,.theme-dark .select,.theme-dark textarea{border-color:#31414a}.input:focus,.select:focus,textarea:focus{border-color:#84a9b9;box-shadow:0 0 0 4px rgba(47,111,145,.08)}textarea{min-height:84px;resize:vertical}.check-row{display:flex;flex-wrap:wrap;gap:8px}.check-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:9px;background:var(--panel2)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{background:var(--panel2);color:#45606f;font-size:9px;text-align:right;padding:10px 11px;border-bottom:1px solid var(--line);white-space:nowrap;text-transform:none}.theme-dark .table th{color:#adc1cb}.table td{padding:10px 11px;border-bottom:1px solid var(--line2);font-size:10px;vertical-align:middle}.table tbody tr:hover{background:rgba(47,111,145,.025)}.table tr:last-child td{border-bottom:0}.table a{color:var(--brand2);font-weight:800}.status,.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;background:#e8eef1;color:#4e6570;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.badge-success,.status-posted,.status-approved,.status-accepted{background:#e3f3ea;color:#2e7855}.badge-warning,.status-draft,.status-pending,.status-pending_approval,.status-hold{background:#fff1db;color:#9c661d}.badge-danger,.status-rejected,.status-cancelled{background:#fde8e6;color:#b64640}.status-partially_received,.status-issued{background:#e6f0f7;color:#2f6f91}.status-inside{background:#e8ecfa;color:#5d58a5}.flash{padding:11px 13px;border-radius:12px;margin-bottom:14px;font-size:10px;display:flex;align-items:center;gap:8px}.flash.success{background:#e7f5ed;color:#276f4d;border:1px solid #cce8d9}.flash.error{background:#fdeceb;color:#a13e39;border:1px solid #f6d3d0}.totals{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}.total-box{min-width:145px;padding:10px 12px;border-radius:11px;background:var(--panel2);border:1px solid var(--line)}.total-box span{display:block;font-size:9px;color:var(--muted)}.total-box strong{font-size:16px}

/* Food item form */
.food-type-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.food-type-card{position:relative}.food-type-card input{position:absolute;opacity:0}.food-type-card label{border:1px solid var(--line);border-radius:13px;padding:11px;display:flex;align-items:center;gap:9px;background:var(--panel2);cursor:pointer;transition:.17s}.food-type-card label svg{width:22px;height:22px;color:var(--brand2)}.food-type-card label b{font-size:10px;display:block}.food-type-card label small{font-size:8px;color:var(--muted)}.food-type-card input:checked+label{border-color:#80aabd;background:#eef7f9;box-shadow:0 0 0 3px rgba(47,111,145,.07)}.theme-dark .food-type-card input:checked+label{background:#1f333e}.food-attributes{background:linear-gradient(135deg,#f8fbfb,#f5f8f5);border:1px dashed #cddcdf;border-radius:14px;padding:14px}.theme-dark .food-attributes{background:#17252c}

/* Login */
.login-page{min-height:100vh;background:#eef3f4;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.theme-dark .login-page{background:#10181e}.login-panel{display:flex;align-items:center;justify-content:center;padding:42px}.login-card{width:min(430px,100%)}.login-logo{display:flex;align-items:center;gap:11px;margin-bottom:30px}.login-logo .brand-mark{width:52px;height:52px}.login-logo h1{font-size:23px;margin:0;color:var(--brand)}.login-logo p{margin:3px 0 0;font-size:10px;color:var(--muted)}.login-title h2{font-size:24px;margin:0 0 7px}.login-title p{font-size:11px;color:var(--muted);margin:0 0 24px}.login-card .form-group{margin-bottom:14px}.login-card .input{height:45px}.login-card .btn{height:45px;width:100%;font-size:12px;margin-top:4px}.login-help{margin-top:17px;padding:10px 12px;border:1px dashed var(--line);border-radius:11px;font-size:9px;color:var(--muted);background:var(--panel)}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#0e3044,#155169 58%,#226b72);color:#fff;padding:42px;display:flex;align-items:center;justify-content:center}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.login-visual:before{width:420px;height:420px;left:-130px;top:-130px}.login-visual:after{width:260px;height:260px;right:-100px;bottom:-100px}.factory-scene{width:min(660px,95%);position:relative;z-index:2}.scene-title{margin-bottom:24px}.scene-title span{display:inline-block;color:#f2c75c;font-size:10px;font-weight:800;letter-spacing:.5px}.scene-title h3{font-size:29px;margin:8px 0}.scene-title p{font-size:11px;color:#b9d5df;max-width:540px}.process-visual{height:270px;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.05);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.process-visual .floor{position:absolute;right:0;left:0;bottom:44px;height:4px;background:rgba(255,255,255,.12)}.machine{position:absolute;bottom:48px;width:100px;height:105px;border-radius:16px 16px 8px 8px;background:#dbe5e8;color:#153e51;box-shadow:0 15px 30px rgba(0,0,0,.15)}.machine:before{content:"";position:absolute;right:13px;left:13px;top:15px;height:22px;border-radius:7px;background:#7ca2ad}.machine:after{content:"";position:absolute;right:20px;left:20px;bottom:-10px;height:11px;border-radius:2px;background:#78929a}.machine.m1{right:40px}.machine.m2{right:200px;height:125px}.machine.m3{right:365px;height:92px}.machine.m4{right:520px;width:78px;height:75px}.belt{position:absolute;right:85px;left:75px;bottom:72px;height:22px;border-radius:11px;background:#73909a;border:5px solid #b9c9ce}.potato-dot{position:absolute;width:17px;height:13px;border-radius:55% 45% 50% 50%;background:#d9a431;bottom:84px;box-shadow:inset -3px -2px 0 rgba(100,62,11,.12)}.potato-dot.p1{right:125px}.potato-dot.p2{right:155px}.potato-dot.p3{right:300px}.potato-dot.p4{right:440px}.snow-mark{position:absolute;left:34px;top:27px;width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#bde8f0}.snow-mark svg{width:34px;height:34px}.scene-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.scene-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:10px}.scene-stat b{font-size:10px;display:block}.scene-stat small{font-size:8px;color:#a9c7d1}.scene-stat span{font-size:14px;font-weight:900;color:#f2c75c;display:block;margin-bottom:2px}

/* QC */
.qc-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.qc-status{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:13px}.qc-status .qnum{font-size:21px;font-weight:900}.qc-status small{font-size:9px;color:var(--muted)}.qc-status.accepted{border-top:3px solid var(--green)}.qc-status.hold{border-top:3px solid var(--orange)}.qc-status.rejected{border-top:3px solid var(--red)}.qc-status.pending{border-top:3px solid var(--blue)}

.app-footer{padding:0 28px 24px;display:flex;justify-content:space-between;color:var(--muted2);font-size:8px}

/* collapsed */
body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}body.sidebar-collapsed .content-wrap{margin-right:var(--sidebar-collapsed)}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .factory-chip div,body.sidebar-collapsed .nav-title,body.sidebar-collapsed .nav-link span,body.sidebar-collapsed .sidebar-footer,body.sidebar-collapsed .sidebar-toggle{display:none}body.sidebar-collapsed .brand-wrap{justify-content:center;padding:14px 8px}body.sidebar-collapsed .brand-mark{width:42px;height:42px}body.sidebar-collapsed .factory-chip{justify-content:center;padding:12px;margin:12px}body.sidebar-collapsed .nav-link{justify-content:center;padding:11px 8px}body.sidebar-collapsed .side-nav{padding:4px 10px}body.sidebar-collapsed .nav-link.active{box-shadow:inset -2px 0 0 var(--food)}

@media print{.sidebar,.topbar,.no-print,.app-footer{display:none!important}.content-wrap{margin:0!important;width:100%!important}.page{padding:0}.card{box-shadow:none;border:0}.table{min-width:0}.dashboard-hero{background:#fff!important;color:#000!important;box-shadow:none;border:1px solid #ddd}}
@media(max-width:1350px){.topbar{grid-template-columns:minmax(180px,1fr) minmax(260px,450px) auto}.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}.user-copy{display:none}}
@media(max-width:1100px){:root{--sidebar:250px}.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}.dashboard-hero{grid-template-columns:1fr}.food-flow{justify-content:flex-start;margin-top:22px}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-strip{grid-template-columns:repeat(3,1fr)}.ops-item{border-bottom:1px solid var(--line)}.login-page{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:820px){.sidebar{transform:translateX(100%);width:280px}.content-wrap{margin-right:0}.topbar{padding:0 14px;height:68px}.mobile-menu{display:grid}.topbar-actions .btn-quick span,.topbar-actions .user-menu{display:none}body.sidebar-collapsed .sidebar{transform:translateX(0);width:280px}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .factory-chip div,body.sidebar-collapsed .nav-title,body.sidebar-collapsed .nav-link span,body.sidebar-collapsed .sidebar-footer{display:initial}body.sidebar-collapsed .sidebar-toggle{display:grid}body.sidebar-collapsed .brand-wrap{justify-content:space-between;padding:16px 18px}body.sidebar-collapsed .nav-link{justify-content:flex-start;padding:9px 12px}body.sidebar-collapsed .side-nav{padding:3px 12px 20px}.page{padding:18px 14px}.kpi-grid,.grid-5{grid-template-columns:repeat(2,1fr)}.dashboard-hero{padding:20px}.food-flow{overflow:auto;justify-content:flex-start;padding-bottom:3px}.flow-node{flex:0 0 78px}.ops-strip{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.yield-card{grid-template-columns:1fr}.yield-ring{margin:auto}.app-footer{padding:0 14px 18px;flex-direction:column;gap:3px}.qc-status-grid{grid-template-columns:repeat(2,1fr)}.food-type-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.kpi-grid{grid-template-columns:1fr}.ops-strip{grid-template-columns:1fr}.form-row,.form-row.cols-2,.form-row.cols-3{grid-template-columns:1fr}.page-heading .eyebrow{display:none}.page-heading strong{font-size:14px}.topbar-actions{gap:5px}.icon-btn{width:36px;height:36px}.dashboard-hero h1{font-size:20px}.food-type-cards{grid-template-columns:1fr}.login-panel{padding:26px 18px}.qc-status-grid{grid-template-columns:1fr}}


/* Human UI refinements */
body{font-size:15px;line-height:1.65}
.page-heading strong{font-size:20px}
.page-heading .eyebrow{font-size:11px}
.brand-copy strong{font-size:18px}
.brand-copy small{font-size:11px}
.nav-title{font-size:12px}
.nav-link span{font-size:14px}
.factory-chip b,.food-safety b{font-size:13px}
.factory-chip small,.food-safety small{font-size:11px}
.dashboard-hero{padding:30px 34px;border-radius:24px;background:linear-gradient(135deg,#14364b,#1a5164 58%,#2d6f66 100%)}
.hero-kicker{font-size:12px;letter-spacing:0}
.dashboard-hero h1{font-size:33px;line-height:1.35;margin-bottom:10px}
.dashboard-hero p{font-size:15px;max-width:760px;color:#e6f2f2}
.hero-actions .btn{min-height:44px;font-size:13px}
.flow-node{padding:12px 10px;min-width:92px}
.flow-node b{font-size:13px}.flow-node small{font-size:11px}
.card{border-radius:20px;box-shadow:0 12px 30px rgba(13,39,52,.07)}
.card-head h3,.section-title{font-size:21px}
.card-head p,.muted,.kpi-note,.smart-item small,.metric-row span,.table th,.table td,label,.login-help,.login-title p{font-size:14px}
.kpi-card .label{font-size:14px}.kpi-card .value{font-size:32px}.kpi-note strong{font-size:15px}
.op-num{font-size:24px}.ops-item b{font-size:14px}.ops-item small{font-size:12px}
.smart-body b,.smart-side b{font-size:14px}
.table th{font-size:13px}.table td{font-size:14px}
.badge,.status{font-size:11px;padding:5px 10px}
.btn{font-size:14px;min-height:42px}
.input,.select,textarea{font-size:14px;min-height:44px;border-radius:13px}
.login-logo h1{font-size:26px}.login-logo p{font-size:12px}.login-title h2{font-size:28px}.scene-title h3{font-size:34px}.scene-title p{font-size:14px}.scene-title span{font-size:11px}
.app-footer{font-size:11px}

/* Premium UI pass V3 */
:root{
  --radius:20px;
  --radius-sm:13px;
  --shadow:0 12px 32px rgba(20,48,63,.065);
  --shadow2:0 22px 55px rgba(12,36,50,.15);
}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:15.5px;line-height:1.68;letter-spacing:0}
.sidebar{background:linear-gradient(180deg,#0d2d3f 0%,#10384d 50%,#0a2939 100%);box-shadow:-10px 0 40px rgba(4,25,36,.05) inset}
.brand-wrap{height:90px}.brand-mark{width:46px;height:46px;border-radius:15px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:11.5px;color:#a9c3cf}
.factory-chip{padding:12px 13px;border-radius:15px;background:rgba(255,255,255,.06)}
.nav-title{font-size:11.5px;color:#84a7b6;padding-top:15px}
.nav-link{min-height:46px;border-radius:13px;font-size:14px;padding:10px 12px}.nav-link .nav-icon{width:22px;height:22px}.nav-link:hover{transform:none;background:rgba(255,255,255,.075)}
.nav-link.active{background:linear-gradient(90deg,rgba(217,164,49,.2),rgba(255,255,255,.07));box-shadow:inset -3px 0 0 #efc45b,0 8px 22px rgba(0,0,0,.07)}
.food-safety{padding:12px;border-radius:15px;background:rgba(0,0,0,.12)}
.content-wrap{background:linear-gradient(180deg,#f6f8f9 0%,#f3f6f7 100%)}.theme-dark .content-wrap{background:#10181e}
.topbar{height:80px;padding:0 30px;background:rgba(255,255,255,.94);box-shadow:0 7px 24px rgba(19,45,59,.035)}
.page-heading .eyebrow{font-size:10px;letter-spacing:1.1px;color:#93a0a7}.page-heading strong{font-size:20px;font-weight:750}
.global-search>input{height:46px;border-radius:15px;font-size:13.5px;padding-right:44px;background:#f7f9fa}.global-search>.search-icon{top:14px}
.icon-btn{width:41px;height:41px;border-radius:13px}.btn-quick{height:42px!important}
.avatar{width:40px;height:40px;border-radius:13px}.user-copy b{font-size:12.5px}.user-copy small{font-size:10.5px}
.page{padding:30px 32px 44px}.page-head h1{font-size:26px}.page-head p{font-size:13px}
.card{padding:21px;border-radius:20px;border-color:#e5ebee;box-shadow:0 12px 34px rgba(12,45,62,.055);transition:box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:0 15px 38px rgba(12,45,62,.075);border-color:#dce5e9}
.card-head{margin-bottom:17px}.card-head h3,.section-title{font-size:20px}.card-head p{font-size:13px}.section-kicker{font-size:10.5px;letter-spacing:0;color:#b67c20}
.dashboard-hero{padding:33px 36px;border-radius:26px;background:linear-gradient(135deg,#123348 0%,#19536a 58%,#2a6b63 100%);box-shadow:0 20px 55px rgba(14,49,66,.16)}
.dashboard-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(238,197,91,.13),rgba(238,197,91,0) 68%);pointer-events:none}
.hero-kicker{font-size:12px;background:rgba(255,255,255,.08);padding:6px 10px;border-radius:999px;width:max-content}.hero-kicker i{background:#e7bd57}
.dashboard-hero h1{font-size:32px;max-width:760px;margin-top:13px}.dashboard-hero p{font-size:14.5px;max-width:740px;color:#dcecef}
.hero-actions{margin-top:20px}.hero-actions .btn{border-radius:12px;padding-inline:15px}
.food-flow{gap:8px}.flow-node{border-radius:17px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);min-width:96px;box-shadow:inset 0 1px rgba(255,255,255,.04)}.flow-node.highlight{background:rgba(238,197,91,.14);border-color:rgba(238,197,91,.24)}
.kpi-grid{gap:15px}.kpi-card{border-radius:19px;padding:18px 18px 15px;box-shadow:0 10px 28px rgba(12,45,62,.05)}.kpi-card .label{font-size:13px}.kpi-card .value{font-size:30px;line-height:1.2}.kpi-icon{width:47px;height:47px;border-radius:14px}.kpi-note{font-size:12.5px;padding-top:11px;margin-top:12px}
.ops-strip{border-radius:19px;overflow:hidden;box-shadow:0 9px 25px rgba(12,45,62,.045)}.ops-item{padding:15px}.ops-item b{font-size:13.5px}.ops-item small{font-size:11.5px}.op-num{font-size:22px}
.table-wrap{border:1px solid var(--line);border-radius:15px;overflow:auto;background:var(--panel)}
.table{border-collapse:separate;border-spacing:0;margin:0}.table thead th{position:sticky;top:0;z-index:1;background:#f5f8f9;color:#536771;font-size:12.5px;font-weight:800;border-bottom:1px solid #dfe7ea;padding:13px 14px}.theme-dark .table thead th{background:#1b2a32;color:#b9c8cf}.table td{font-size:13.5px;padding:13px 14px}.table tbody tr:nth-child(even){background:rgba(29,83,106,.018)}.table tbody tr:hover{background:rgba(29,83,106,.045)}
.btn{border-radius:12px;font-size:13.5px;font-weight:750;min-height:42px;padding-inline:15px}.btn-primary{box-shadow:0 7px 18px rgba(31,91,114,.15)}.btn-warning{box-shadow:0 7px 18px rgba(217,164,49,.13)}.btn-sm{min-height:35px;font-size:12px;border-radius:10px}
.form-group label,label{font-size:13px;font-weight:700;color:#53646d;margin-bottom:7px}.theme-dark label{color:#bac8ce}.input,.select,textarea{min-height:45px;border-radius:13px;border-color:#dce5e9;background:#fff;font-size:13.5px;padding-inline:13px;transition:border-color .18s,box-shadow .18s,background .18s}.theme-dark .input,.theme-dark .select,.theme-dark textarea{background:#19262e;border-color:#2b3a43;color:#eef5f7}.input:focus,.select:focus,textarea:focus{outline:none;border-color:#8db1c0;box-shadow:0 0 0 4px rgba(47,111,145,.075);background:#fff}.theme-dark .input:focus,.theme-dark .select:focus,.theme-dark textarea:focus{background:#19262e}
.status,.badge{font-size:11px;padding:5px 10px;border-radius:999px;font-weight:800}.flash{font-size:13px;border-radius:13px;padding:12px 14px}
.smart-item{border-radius:13px;padding:11px}.smart-icon{width:39px;height:39px;border-radius:12px}.smart-body b,.smart-side b{font-size:13.5px}.smart-body small,.smart-side small{font-size:11px}
.qc-status{padding:15px;border-radius:17px}.qc-status .qnum{font-size:24px}.qc-status small{font-size:11.5px}
.login-page{background:linear-gradient(135deg,#edf2f3,#f7f9f9);grid-template-columns:minmax(430px,43%) 1fr}.login-panel{padding:48px}.login-card{width:min(445px,100%);background:rgba(255,255,255,.88);border:1px solid rgba(220,229,233,.9);border-radius:26px;padding:30px;box-shadow:0 24px 70px rgba(13,45,64,.1);backdrop-filter:blur(8px)}.theme-dark .login-card{background:#162129;border-color:#27343c}.login-logo{margin-bottom:28px}.login-logo .brand-mark{width:54px;height:54px}.login-logo h1{font-size:27px}.login-logo p{font-size:12.5px}.login-title h2{font-size:27px}.login-title p{font-size:13.5px}.login-card .input{height:48px}.login-card .btn{height:48px;font-size:14px}.login-help{font-size:11px;line-height:1.7}
.login-visual{background:linear-gradient(145deg,#0b2d40,#154e63 58%,#236d69);padding:50px}.factory-scene{width:min(720px,95%)}.scene-title span{font-size:11px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px}.scene-title h3{font-size:35px;line-height:1.35;margin:12px 0 9px}.scene-title p{font-size:14px;line-height:1.8;color:#c7dce3}.process-visual{height:300px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 50px rgba(0,0,0,.12)}.scene-stats{gap:11px}.scene-stat{border-radius:14px;padding:12px}.scene-stat span{font-size:15px}.scene-stat b{font-size:12.5px}.scene-stat small{font-size:10.5px}
.app-footer{font-size:10.5px;padding-bottom:22px}
@media(max-width:820px){.page{padding:20px 15px}.topbar{height:70px}.card{padding:17px}.dashboard-hero{padding:23px}.dashboard-hero h1{font-size:24px}.dashboard-hero p{font-size:13.5px}.login-card{box-shadow:none;border:0;background:transparent;padding:10px}.login-panel{padding:28px 20px}}
.sidebar-backdrop{display:none}
@media(max-width:820px){.sidebar-backdrop{position:fixed;inset:0;background:rgba(7,24,34,.42);backdrop-filter:blur(2px);z-index:25;opacity:0;pointer-events:none;transition:.2s}.sidebar-backdrop.show{display:block;opacity:1;pointer-events:auto}}


/* Dashboard layout correction V4 */
.dashboard-hero{
  display:block;
  min-height:0;
  padding:30px 34px 25px;
}
.hero-copy{max-width:820px}
.dashboard-hero h1{max-width:780px;font-size:30px;line-height:1.38;margin:12px 0 8px}
.dashboard-hero p{max-width:790px;font-size:14px;line-height:1.8}
.hero-actions{margin-top:17px}
.food-flow{
  width:100%;
  margin-top:23px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.11);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  overflow:visible;
}
.flow-node{
  flex:1 1 0;
  width:auto;
  min-width:0;
  max-width:150px;
  min-height:86px;
  padding:10px 8px;
}
.flow-node svg{width:26px;height:26px;margin-bottom:5px}
.flow-node b{font-size:13px;line-height:1.3}
.flow-node small{font-size:10.5px;line-height:1.35}
.flow-arrow{flex:0 0 auto;font-size:16px;opacity:.75}
.kpi-card{min-height:164px}
.kpi-card .label{font-size:13.5px;color:#647681}
.kpi-card .value{font-size:31px;margin-top:10px}
.kpi-note{font-size:12px;line-height:1.55}
.page-heading strong{font-size:21px}
.page-heading .eyebrow{font-size:10.5px}
.global-search>input{font-size:13px}
@media(max-width:1350px){
  .dashboard-hero h1{font-size:28px}
  .food-flow{gap:7px}
  .flow-node{min-height:82px}
  .flow-node b{font-size:12px}
  .flow-node small{font-size:10px}
}
@media(max-width:1100px){
  .food-flow{overflow-x:auto;justify-content:flex-start;padding-bottom:5px}
  .flow-node{flex:0 0 112px;max-width:none}
  .flow-arrow{flex:0 0 16px}
}
@media(max-width:820px){
  .dashboard-hero{padding:22px 20px}
  .dashboard-hero h1{font-size:24px}
  .dashboard-hero p{font-size:13.5px}
  .food-flow{margin-top:18px;padding-top:15px}
}

/* Enterprise V8 */
code{direction:ltr;display:inline-block;background:var(--panel2);border:1px solid var(--line);padding:3px 7px;border-radius:7px;font-family:Consolas,monospace;font-size:12px}.page-head h1{font-size:25px;margin:0}.page-head p{margin:4px 0 0}.card details{margin:14px 0;border:1px solid var(--line);border-radius:12px;padding:10px}.card details summary{font-weight:800;cursor:pointer}.table td small{display:block;margin-top:3px}.badge-success{background:#e3f3ea!important;color:#2e7855!important}.badge-danger{background:#fde8e6!important;color:#b64640!important}.smart-icon{font-weight:900}.enterprise-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.enterprise-shortcuts a{border:1px solid var(--line);background:var(--panel);padding:14px;border-radius:14px;text-decoration:none;color:var(--text);font-weight:800}.enterprise-shortcuts a small{display:block;color:var(--muted);font-weight:500;margin-top:4px}@media(max-width:900px){.enterprise-shortcuts{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.enterprise-shortcuts{grid-template-columns:1fr}}