@font-face{font-family:WorkshopArabic;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/tajawal-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:WorkshopArabic;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/tajawal-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:WorkshopArabic;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/tajawal-arabic-500-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:WorkshopArabic;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/tajawal-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:WorkshopArabic;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/tajawal-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:WorkshopArabic;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/tajawal-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{color:#19313a;background:#f3f6f8;margin:0;font-family:WorkshopArabic,Tajawal,Arial,sans-serif;line-height:1.7}button,input,select{font:inherit}button{cursor:pointer}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #d99721}input:focus,select:focus{border-color:#008678;outline:2px solid #008678}input,select{color:#173039;background:#fff;border:1px solid #cbd6db;border-radius:7px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:1rem}input[type=number]{text-align:right;font-variant-numeric:tabular-nums;direction:ltr}input.invalid{background:#fff4f3;border-color:#b83932}button{touch-action:manipulation}.app{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#162e38;flex-direction:column;height:100vh;padding:34px 20px 24px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:12px;font-size:1.75rem;font-weight:700;line-height:1.2;text-decoration:none;display:flex}.brandmark{color:#162e38;background:#f6bd52;border-radius:10px;place-items:center;width:47px;height:47px;font-size:1.8rem;display:grid}.brand small{color:#a8bec9;margin-top:8px;font-size:.8rem;font-weight:400;display:block}.side-label{color:#8da7b3;margin:40px 12px 12px;font-size:.8rem}.sidebar nav{gap:8px;display:grid}.nav{color:#c6d7df;text-align:right;background:0 0;border:0;border-radius:8px;padding:13px 12px;font-size:.94rem;font-weight:700}.nav span{text-align:center;width:20px;margin-left:10px;font-size:1.3rem;line-height:1;display:inline-block}.nav.active{color:#122b35;background:#f6bd52}.side-foot{color:#b1c7d0;margin-top:auto;padding:22px 10px 0;font-size:.85rem}.pill{color:#d4e2e8;border:1px solid #647b85;border-radius:30px;padding:4px 10px;font-size:.75rem;display:inline-block}.side-foot p{margin-bottom:0}main{width:100%;min-width:0;max-width:1700px;margin:auto;padding:30px 36px 20px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#617681;font-size:.8rem;font-weight:700}h1{margin:2px 0 0;font-size:1.65rem;line-height:1.5}h2{margin:0;font-size:1.14rem;line-height:1.6}h3{margin:0 0 22px;font-size:1.05rem}p{color:#607580;margin:6px 0 14px;font-size:.93rem}.button{color:#fff;white-space:nowrap;background:#163c47;border:1px solid #163c47;border-radius:7px;min-height:44px;padding:10px 17px;font-size:.875rem;font-weight:700}.button:hover{background:#245867}.button.secondary:hover{background:#eaf0f3}.notice{color:#6b5725;background:#fff8e9;border-inline-start:4px solid #e7b13d;border-radius:7px;margin-bottom:28px;padding:11px 15px;font-size:.83rem}.notice span{margin-left:5px;font-weight:700}.view{display:none}.view.active{display:block}.section-line{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-line h2{font-size:1.26rem}.section-line p{margin-bottom:0}.tag{color:#5e7480;white-space:nowrap;background:#fff;border:1px solid #d7e0e4;border-radius:6px;padding:6px 12px;font-size:.75rem}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi{background:#fff;border:1px solid #e0e7eb;border-radius:11px;flex-direction:column;min-height:153px;padding:21px 22px;display:flex}.kpi>span{color:#637883;font-size:.87rem}.kpi strong{font-variant-numeric:tabular-nums;letter-spacing:-.7px;direction:ltr;align-self:flex-start;font-size:1.85rem;line-height:1.5}.kpi small{color:#7b8e97;margin-top:auto;font-size:.73rem}.kpi.accent{color:#fff;background:#173f4a;border-color:#173f4a}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:22px;display:grid}.panel{background:#fff;border:1px solid #dfe7eb;border-radius:11px;min-width:0;padding:24px}.panel-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.panel-head p{margin-bottom:0}.quiet{color:#8c9ca3;font-size:.8rem}.total-row{align-items:baseline;gap:15px;margin:12px 0;display:flex}.total-row strong{font-variant-numeric:tabular-nums;direction:ltr;font-size:2.05rem}.total-row span{color:#7a8d96;font-size:.8rem}.stackbar{direction:rtl;background:#ebf0f3;border-radius:4px;gap:3px;height:17px;margin:14px 0 22px;display:flex;overflow:hidden}.stackbar span{height:100%;transition:width .16s}.cost-bar{grid-template-columns:1fr auto;align-items:center;gap:15px;margin:14px 0;font-size:.9rem;display:grid}.cost-bar b{font-variant-numeric:tabular-nums;direction:ltr}.cost-bar i{border-radius:2px;width:10px;height:10px;margin-left:9px;display:inline-block}.cost-bar small{color:#82949c;margin-right:8px;font-weight:400}.textbutton{color:#147e77;background:0 0;border:0;padding:11px 0 0;font-size:.9rem;font-weight:700}.field{flex-direction:column;gap:6px;font-size:.84rem;font-weight:700;display:flex}.field small{color:#758992;font-size:.73rem;font-weight:400}.price-panel .field{margin:22px 0}.stat-lines>div{border-bottom:1px solid #e9eef1;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 0;font-size:.89rem;display:flex}.stat-lines b{font-variant-numeric:tabular-nums;text-align:left;direction:ltr}.micro{color:#71858e;margin:16px 0 0;font-size:.77rem;line-height:1.9}.stock-row{border-bottom:1px solid #edf0f2;grid-template-columns:1.45fr repeat(3,1fr);align-items:center;gap:15px;padding:12px 0;font-size:.87rem;display:grid}.stock-row:last-child{border:0}.stock-row.header{color:#7b8d95;padding-top:0;font-size:.77rem}.stock-row strong{font-size:.88rem}.stock-row span{font-variant-numeric:tabular-nums}.stock-row small{color:#7b8d95;font-size:.77rem}.golden-note{color:#345f67;background:#e3eeee;border-radius:9px;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;padding:19px 22px;font-size:.84rem;display:flex}.golden-note p{margin:0;font-size:.84rem}.golden-note>span{background:#d0e2e3;border-radius:5px;padding:3px 10px;font-weight:700}.golden-note b{font-size:.84rem}.hint{color:#426472;background:#eaf2f5;border:1px solid #d7e5ec;border-radius:8px;margin-bottom:22px;padding:14px 18px;font-size:.87rem}.editor-list{gap:18px;display:grid}.editor{background:#fff;border:1px solid #dfe7eb;border-radius:11px;overflow:hidden}.editor-summary{align-items:center;gap:16px;padding:19px 22px;display:flex}.material-index{color:#14766d;background:#e6f0f0;border-radius:7px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:.83rem;font-weight:700;display:grid}.editor-name{flex:1;min-width:0;font-weight:700}.editor-name small{color:#7d9099;font-size:.76rem;font-weight:400;display:block}.quick-cost{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.quick-cost b{font-size:1.15rem;display:block}.quick-cost small{color:#81949e;font-size:.72rem}.editor details{border-top:1px solid #e8eef1}.editor summary{cursor:pointer;color:#167d76;background:#fcfdfd;justify-content:space-between;padding:11px 22px;font-size:.82rem;font-weight:700;list-style:none;display:flex}.editor summary:after{content:"＋"}.editor details[open] summary:after{content:"−"}.editor-body{padding:20px 22px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.material-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.wide{grid-column:1/-1}.span2{grid-column:span 2}.fields .wide+.field{margin-top:0}.result-strip{border-top:1px solid #e5ecef;border-bottom:1px solid #e5ecef;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px;padding:17px 0;display:grid}.result-strip span{color:#78909b;font-size:.75rem;display:block}.result-strip b{font-variant-numeric:tabular-nums;font-size:.92rem}.editor-foot{justify-content:space-between;gap:18px;margin-top:17px;display:flex}.editor-foot p{margin:0;font-size:.75rem}.remove{color:#b1554b;white-space:nowrap;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.8rem}.item-error{color:#a43a32;background:#fff0ed;border-radius:6px;margin:12px 0 0;padding:10px 13px;font-size:.8rem}.error-banner{color:#a43a32;background:#fff0ed;border:1px solid #edb9b3;border-radius:8px;margin-bottom:24px;padding:14px 18px;font-size:.85rem}.error-banner ul{margin:5px 0 0;padding-right:20px}.error-banner[hidden],.item-error[hidden]{display:none}.costing-grid{grid-template-columns:1.5fr 1fr;gap:23px;display:grid}.costing-grid>div{gap:20px;display:grid}.step{color:#17796f;background:#e2eeef;border-radius:5px;place-items:center;width:27px;height:27px;margin-left:9px;font-size:.73rem;display:inline-grid}.order-result{color:#fff;background:#173f4a;align-self:start;position:sticky;top:25px}.order-result h2{margin-top:6px;font-size:1.3rem}.order-result .eyebrow,.order-result .stat-lines span{color:#a8c7ce}.order-result .stat-lines>div{border-color:#375c65}.result-major{padding:24px 0 18px;display:grid}.result-major span{color:#b4ccd3;font-size:.85rem}.result-major strong{text-align:right;font-variant-numeric:tabular-nums;direction:ltr;font-size:2.1rem}.unit-result{color:#233b42;background:#f5bd52;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:15px 17px;display:flex}.unit-result span{font-size:.83rem}.unit-result strong{direction:ltr;font-size:1.4rem}.inline-tip{color:#b6d0d7;padding-top:20px;font-size:.8rem}.guide-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.guide-grid p{color:#57727d;font-size:.92rem}.guide-grid h3{color:#147d72}.payroll-note{margin-top:20px}.payroll-note p{margin-bottom:0}.toast{color:#fff;z-index:10;background:#183c47;border-radius:8px;padding:13px 25px;font-size:.9rem;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #12232f33}footer{color:#8b9da5;border-top:1px solid #dbe4e9;justify-content:space-between;gap:15px;margin-top:32px;padding-top:19px;font-size:.72rem;display:flex}footer span{white-space:nowrap}.empty{text-align:center;color:#65808d;background:#edf3f5;border-radius:9px;padding:28px;font-size:.9rem}@media (min-width:1500px){main{padding:36px 50px}.kpi{min-height:162px}.kpi strong{font-size:2.1rem}}@media (max-width:1150px){.app{grid-template-columns:205px minmax(0,1fr)}main{padding:25px}.sidebar{padding:29px 14px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi{min-height:136px}.material-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1.2fr 1fr}.section-line .tag{display:none}.costing-grid{grid-template-columns:1.2fr 1fr}}@media (max-width:800px){.app{display:block}.sidebar{background:#162e38;height:auto;padding:16px 20px;position:relative}.brand{font-size:1.35rem}.brandmark{width:39px;height:39px;font-size:1.4rem}.brand small,.side-label,.side-foot{display:none}.sidebar nav{scrollbar-width:none;gap:6px;margin-top:18px;display:flex;overflow-x:auto}.nav{white-space:nowrap;padding:10px 11px;font-size:.83rem}.nav span{display:none}main{padding:22px 20px}.topbar{margin-bottom:19px}h1{font-size:1.5rem}.notice{margin-bottom:22px;font-size:.78rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:15px}.panel{padding:20px}.costing-grid{grid-template-columns:1fr}.order-result{position:static}.result-strip{grid-template-columns:repeat(2,1fr)}.section-line{align-items:flex-start}.section-line h2{font-size:1.15rem}.section-line p{font-size:.84rem}.section-line .button{padding:10px;font-size:.77rem}.golden-note{gap:9px 15px}.guide-grid{gap:15px}footer{font-size:.7rem;display:block}footer span{margin-top:5px;display:block}}@media (max-width:560px){main{padding:20px 15px}.sidebar{padding:15px}.topbar{align-items:flex-start;gap:10px}.topbar .button{min-height:40px;margin-top:5px;padding:8px 10px;font-size:.74rem}.eyebrow{font-size:.73rem}.kpi-grid{gap:10px;margin-bottom:16px}.kpi{border-radius:9px;min-height:141px;padding:16px 14px}.kpi>span{font-size:.77rem}.kpi strong{font-size:1.48rem}.kpi small{font-size:.69rem;line-height:1.7}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.panel{border-radius:9px;padding:19px 17px}.section-line{gap:12px}.section-line h2{font-size:1.08rem}.section-line p{font-size:.82rem}.stock-panel .panel-head{display:block}.stock-panel .panel-head .button{margin-top:12px}.stock-row{grid-template-columns:1.25fr 1fr;gap:7px 14px;padding:14px 0;font-size:.84rem}.stock-row.header{display:none}.stock-row>span:before{content:attr(data-label) " ";color:#82949b;font-size:.71rem;display:block}.stock-row strong{align-self:center;font-size:.86rem}.stock-row .stock-value{grid-column:2}.stock-row .stock-issue{grid-area:auto/2}.golden-note{gap:7px;padding:16px;font-size:.8rem;display:grid}.golden-note>span{justify-self:start}.golden-note p,.golden-note b{font-size:.8rem}.fields,.material-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.fields .span2{grid-column:1/-1}.field{font-size:.76rem}.field small{font-size:.69rem}.editor-summary{gap:11px;padding:16px 15px}.editor-name{font-size:.91rem}.editor-name small{font-size:.7rem}.material-index{width:30px;height:34px}.quick-cost b{font-size:1.02rem}.quick-cost small{font-size:.67rem}.editor summary{padding:10px 16px}.editor-body{padding:16px 15px}.editor-foot{display:block}.remove{min-height:36px;margin-top:13px}.hint{padding:12px 14px;font-size:.78rem}.guide-grid{grid-template-columns:1fr}.guide-grid h3{margin-bottom:12px}.guide-grid p{font-size:.87rem}.result-strip{gap:14px}.result-strip b{font-size:.87rem}.result-strip span{font-size:.72rem}.toast{text-align:center;width:calc(100% - 30px);font-size:.8rem}.notice{line-height:1.9}.total-row strong{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}button:disabled{cursor:not-allowed;opacity:.55}input[type=checkbox]{flex-shrink:0;width:19px;height:19px;min-height:19px}input[type=date],input[type=time]{direction:ltr}fieldset{border:0;min-width:0;margin:0;padding:0}textarea{width:100%;font:inherit;color:#173039;border:1px solid #cbd6db;border-radius:7px;min-height:90px;padding:10px}.side-foot{gap:5px;display:grid}.side-foot small{overflow-wrap:anywhere;font-size:.7rem}.side-foot a{color:#b1c7d0;margin-top:5px;font-size:.75rem}.sidebar .nav{padding:9px 12px;font-size:.84rem}.sidebar .side-label{margin-top:28px}.top-actions{align-items:center;gap:14px;display:flex}.sync{color:#78909b;font-size:.72rem}.success-banner{color:#226748;background:#e9f6ee;border:1px solid #b9decb;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:.85rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.material-balance{align-items:baseline;gap:10px;display:flex}.material-balance b{font-variant-numeric:tabular-nums;direction:ltr;font-size:2.1rem}.material-balance span{color:#6d858f;font-size:.85rem}.actions{gap:10px;margin-top:20px;display:flex}.wrap{flex-wrap:wrap}.badge{color:#5b7480;white-space:nowrap;background:#e9eef3;border-radius:5px;padding:4px 9px;font-size:.72rem;font-weight:700}.list-row{text-align:right;background:0 0;border:0;border-bottom:1px solid #e4ecef;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:15px 0;font-size:.9rem;display:flex}.list-row small{color:#81949e;margin-top:5px;font-size:.76rem;display:block}.list-row b{color:#2b4e5b}.flow{gap:12px;margin-top:20px;display:flex}.flow button{color:#3d616f;background:#f6f9fa;border:1px solid #d8e5e9;border-radius:7px;flex:1;padding:15px 10px;font-size:.85rem}.flow span{color:#168075;margin-bottom:5px;font-weight:700;display:block}.empty{text-align:center;background:#f8fafb;border:1px dashed #d3e0e5;border-radius:9px;padding:32px 20px}.empty-symbol{color:#9eb5be;margin-bottom:10px;font-size:2.1rem;display:block}.empty p{max-width:340px;margin:0 auto 20px;font-size:.79rem}.calm{text-align:center;color:#829aa5;padding:22px 0;font-size:.86rem}.search{max-width:440px;margin-bottom:20px}.toolbar{justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px;display:flex}.toolbar>select{max-width:320px}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%;font-size:.81rem}th{color:#6d8793;background:#f3f7f9;border-bottom:1px solid #d9e5eb;padding:11px 12px;font-size:.76rem;font-weight:400}td{color:#456574;border-bottom:1px solid #e9eef1;padding:12px}td b{color:#2c4b58}tbody tr:last-child td{border:0}.orders-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:22px;display:grid}.order-list{padding:17px}.order-pick{text-align:right;color:#365563;background:#fff;border:1px solid #0000;border-radius:7px;flex-direction:column;gap:8px;width:100%;margin-top:10px;padding:17px 12px;display:flex}.order-pick>span:last-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-pick small{color:#859aa5;font-size:.72rem}.order-meta{color:#7b949f;flex-wrap:wrap;gap:12px 22px;font-size:.8rem;display:flex}.order-meta b{color:#365965;margin-right:5px}.spaced{margin-top:22px}.cost-total b{color:#117669;font-size:1.25rem}.filters{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.loading{flex-direction:column;justify-content:center;align-items:center;min-height:90vh;display:flex}.loading h1{margin-top:15px}.setup{max-width:600px;margin:8vh auto;padding:34px}.setup>.brandmark{margin-bottom:20px}.setup h1{margin-bottom:15px}.setup .fields{margin-top:25px}.checkline{color:#526f7c;align-items:flex-start;gap:10px;margin:20px 0;font-size:.85rem;display:flex}.modal{color:#21424f;background:#fff;border:0;border-radius:13px;width:800px;max-width:min(850px,100% - 32px);max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 16px 60px #0d293544}.modal-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.close{color:#4d6c78;background:#eef3f5;border:0;border-radius:7px;width:40px;height:40px;font-size:1.75rem;line-height:1}.bom-line{grid-template-columns:1.5fr 1fr 1fr auto;align-items:end;gap:12px;margin-bottom:15px;display:grid}.remove{color:#b1554b;background:0 0;border:0;min-height:40px;padding:8px 0;font-size:.77rem}@media (max-width:1300px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-layout{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:850px){.sync{display:none}.orders-layout{grid-template-columns:1fr}.order-list{align-items:center;gap:10px;display:flex;overflow-x:auto}.order-list>.field{min-width:130px}.order-pick{min-width:190px;max-width:230px;margin-top:0}.order-meta{gap:8px 15px}.filters{grid-template-columns:repeat(2,1fr)}.flow{flex-wrap:wrap}.flow button{min-width:130px}.bom-line{grid-template-columns:1fr 1fr}.bom-line>.field:first-child{grid-column:1/-1}.bom-line .remove{justify-self:end}}@media (max-width:560px){.card-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar>select{max-width:none}.fields,.filters{gap:15px 12px}.field{font-size:.75rem}.actions{flex-wrap:wrap}.modal{max-width:calc(100% - 20px);padding:21px 17px}.modal h2{font-size:1.04rem}.modal .fields{grid-template-columns:1fr 1fr}.modal .field{font-size:.76rem}.checkline{font-size:.79rem}.setup{margin:30px 15px;padding:24px 18px}.setup .fields{grid-template-columns:1fr}table{font-size:.76rem}td,th{padding:11px 10px}.order-list{padding:13px}.flow button{font-size:.8rem}.list-row{font-size:.85rem}}.pager{border-top:1px solid #e2eaee;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.pager span{color:#738c98;white-space:nowrap;font-size:.73rem}.pager .button{min-height:36px;padding:7px 11px;font-size:.74rem}.order-list .pager{flex-wrap:wrap}@media (max-width:850px){.order-list .pager{border:0;min-width:185px;margin:0;padding:0}}body{color:#142d3a;font-family:WorkshopArabic,Tajawal,Arial,sans-serif;font-weight:500;line-height:1.8}button,input,select,textarea,table{font-family:inherit}button,input,select,textarea{font-size:1rem}input,select,textarea{min-height:48px;font-weight:500;line-height:1.65}textarea:focus{border-color:#35678b;outline:2px solid #35678b}input[type=month],input[type=datetime-local],input[type=date],input[type=time]{text-align:right;direction:ltr}h1{font-size:1.85rem;font-weight:700}h2,.section-line h2{font-size:1.35rem;font-weight:700}p,.section-line p{color:#425d6b;font-size:1rem;line-height:1.85}.button,.section-line .button,.topbar .button{white-space:normal;text-align:center;min-height:48px;padding:12px 18px;font-size:1rem;line-height:1.5}.textbutton{min-height:44px;padding:10px 2px;font-size:1rem}.field,.modal .field{gap:8px;font-size:1rem}.field small,.micro{color:#496371;font-size:.9rem;line-height:1.85}.hint,.modal .hint{color:#294f5d;padding:16px 18px;font-size:.98rem;line-height:1.85}.notice{font-size:.94rem;line-height:1.85}.checkline{font-size:1rem;line-height:1.85}.checkline input{width:21px;height:21px;min-height:21px;margin-top:4px}.fields{gap:22px 20px}.sidebar{padding:24px 16px;overflow-y:auto}.sidebar .nav{padding:10px 12px;font-size:1rem;line-height:1.6}.sidebar nav{gap:5px}.side-label{font-size:.9rem}.side-foot{font-size:.95rem}.side-foot small,.side-foot a{font-size:.82rem}.section-line{flex-wrap:wrap;align-items:center}.toolbar{flex-wrap:wrap}.toolbar>.field{flex:1;min-width:180px}.stat-lines>div{flex-wrap:wrap;gap:10px 18px;font-size:1rem;line-height:1.8}.stat-lines span{color:#3c5b68;flex:1;min-width:130px}.stat-lines b{white-space:nowrap}.kpi small{color:#526d7a;font-size:.87rem;line-height:1.8}.kpi strong{letter-spacing:0;font-size:1.85rem}.kpi{min-height:170px}.badge{white-space:normal;font-size:.85rem;line-height:1.55}.order-pick small,.order-pick .eyebrow{font-size:.85rem}.eyebrow{font-size:.87rem}.list-row{font-size:1rem}.list-row small{font-size:.87rem}.empty p,.calm{font-size:.98rem}.flow button{font-size:1rem}.error-banner,.success-banner{font-size:1rem;line-height:1.85}th{color:#3a5664;font-size:.94rem;font-weight:700}td,th{padding:13px 14px}.modal{max-height:92vh;padding:28px}.modal h2{font-size:1.3rem}.pager span{font-size:.87rem}.pager .button,.remove{min-height:44px;font-size:.95rem}.inline-tip{color:#42616e;font-size:.95rem;line-height:1.85}.actions{flex-wrap:wrap;align-items:center}.actions .button{flex:0 auto}.panel{padding:25px}summary{cursor:pointer;font-size:1rem}@media (max-width:800px){html{font-size:16.5px}.sidebar{padding:16px;overflow:visible}.sidebar nav{flex-wrap:nowrap;overflow-x:auto}.sidebar .nav{white-space:nowrap;min-height:48px;padding:11px 14px;font-size:1rem}.sidebar .brand{font-size:1.6rem}main{padding:22px 16px}.topbar{align-items:flex-start}.top-actions{max-width:45%}.section-line .button{font-size:1rem}.kpi strong{font-size:1.7rem}.panel{padding:21px}.order-list{padding:15px}.order-list>.field{min-width:160px}.order-pick{min-width:220px}.order-list .pager{min-width:210px}.badge{font-size:.85rem}.section-line p{font-size:1rem}}@media (max-width:640px){html{font-size:16px}.fields,.modal .fields,.material-fields,.filters{grid-template-columns:1fr;gap:20px}.span2{grid-column:1/-1}.bom-line{grid-template-columns:1fr;gap:16px}.bom-line>.field:first-child{grid-column:auto}.bom-line .remove{justify-self:start}.field,.modal .field{font-size:1rem}.field small,.micro{font-size:.9rem}.modal{max-width:calc(100% - 16px);padding:22px 18px}.modal h2{font-size:1.3rem}.checkline{font-size:1rem}.button,.section-line .button,.topbar .button{min-height:48px;font-size:1rem}.actions .button{flex:150px}.section-line{gap:14px;display:grid}.section-line>.button{justify-self:start}.toolbar{gap:16px}.toolbar>.field{flex-basis:100%}.kpi-grid{gap:12px}.kpi{min-height:166px;padding:18px 15px}.kpi>span{font-size:.97rem}.kpi small{font-size:.85rem}.hint,.modal .hint{font-size:.98rem}.notice{font-size:.94rem}.topbar h1{font-size:1.55rem}table{font-size:.98rem}th{font-size:.93rem}td,th{padding:12px}.flow button,.list-row{font-size:1rem}.setup{margin:24px 12px;padding:25px 20px}.pager{gap:10px}.pager .button{min-height:46px;font-size:.92rem}}body{color:var(--brand-ink);background:#f5f6fb}.sidebar{background:var(--brand-blue);color:#fff}.brand{color:#fff}.brandmark{background:var(--brand-red);color:#fff}.brand small,.side-label,.side-foot,.side-foot a,.side-foot small{color:#e1e4f7}.sidebar .nav{color:#f0f1ff}.nav:hover{background:#3c4193}.nav.active{color:var(--brand-blue);box-shadow:inset -4px 0 0 var(--brand-red);background:#fff}h1,h2,h3,.section-line h2,.list-row b,.order-meta b,td b{color:var(--brand-blue)}.button{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.button:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover)}.textbutton{color:var(--brand-blue)}input:focus,select:focus,textarea:focus{outline-color:var(--brand-blue);border-color:var(--brand-blue)}input,select,textarea{color:var(--brand-ink);border-color:#c6cce2}.field>span{color:#303967}.field small,.micro,p,.section-line p,.eyebrow,.quiet,.order-meta,.order-pick small,.pager span,.calm,.sync{color:var(--brand-muted)}.panel,.kpi,.editor{border-color:var(--brand-line);background:#fff}.kpi.accent{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.kpi>span,.kpi small{color:var(--brand-muted)}.notice{border-color:var(--brand-red);color:#693d4a;background:#fff5f5}.hint,.inline-tip{background:var(--brand-pale);border-color:var(--brand-line);color:#354376}.inline-tip{border-radius:8px;margin-top:16px;padding:14px}.stat-lines span{color:var(--brand-muted)}.stat-lines>div{border-color:#e4e7f2}.stat-lines .cost-total b,.cost-total b,.material-balance b,.flow span{color:var(--brand-blue)}.badge.completed{color:var(--brand-blue);background:#e9edfb}.order-pick{color:var(--brand-ink)}.table-wrap th{color:#353f71;border-color:var(--brand-line);background:#f1f3fb}td{color:#374365;border-color:#e5e8f1}.flow button{border-color:var(--brand-line);color:var(--brand-blue);background:#f6f7fc}.success-banner{color:var(--brand-blue);background:#edf1fe;border-color:#bdc8ec}.empty{color:var(--brand-muted);background:#f7f8fc;border-color:#cfd5e8}.empty h3{color:var(--brand-blue)}.modal{color:var(--brand-ink)}.checkline{color:#3b486e}.pager{border-color:var(--brand-line)}.material-balance span,.list-row small,.order-pick .eyebrow{color:var(--brand-muted)}.modal .field{font-size:1rem}.modal .hint{font-size:.98rem}.section-line .button,.topbar .button{min-height:48px;font-size:1rem}@media (max-width:640px){.modal .fields{grid-template-columns:1fr}.modal .field{font-size:1rem}.modal .hint{font-size:.98rem}}.worker-screen{max-width:1200px;margin:0 auto;padding:32px 24px}.worker-orders{grid-template-columns:330px 1fr;gap:24px;margin-top:24px;display:grid}.worker-orders .order-pick{text-align:right;width:100%;margin:12px 0;display:block}.worker-quantity{background:var(--brand-pale);border-radius:14px;gap:8px;margin:24px 0;padding:24px;display:grid}.worker-quantity strong{color:var(--brand-blue);font-size:2.5rem}.worker-quantity small{color:var(--brand-muted)}.recipe-line{grid-template-columns:1.4fr 1fr auto}@media (max-width:800px){.worker-screen{padding:20px 16px}.worker-orders{grid-template-columns:1fr}.worker-screen .topbar{display:block}.worker-screen .topbar .actions{margin:16px 0}.recipe-line{grid-template-columns:1fr}.recipe-line .remove{justify-self:start}}:root{--brand-blue:#223d35;--brand-red:#223d35;--brand-red-hover:#36574a;--brand-paper:#fffdf9;--brand-ink:#223d35;--brand-muted:#6d756f;--brand-line:#deded3;--brand-pale:#e9ece3}html{font-size:16px}body{color:var(--brand-ink);background:#f7f5ef;font-family:WorkshopArabic,sans-serif;font-weight:500;line-height:1.8}h1,.topbar h1{font-size:30px;font-weight:500;line-height:1.5}h2,.section-line h2,.modal h2{font-size:23px;font-weight:500}h3{font-size:19px;font-weight:500}p,.section-line p,.guide-grid p,.empty p,.calm,.stat-lines>div,.list-row,.flow button,summary{font-size:16px;line-height:1.8}.button,.section-line .button,.topbar .button,.pager .button{border-radius:4px;min-height:48px;padding:17px 25px;font-size:16px;font-weight:600;line-height:1.5}.textbutton{font-size:16px}.field,.modal .field,.checkline,.password-card label,.team-accounts label{gap:8px;font-size:15px;font-weight:500}.field>span{color:var(--brand-ink);font-weight:500}input,select,textarea,.password-card input,.team-accounts input{color:var(--brand-ink);background:#fff;border:1px solid #cdd3c9;border-radius:5px;min-height:48px;padding:13px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.65}input:focus,select:focus,textarea:focus{outline-offset:2px;border-color:#cdd3c9;outline:2px solid #466e52}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline-color:#aa7851}.field small,.micro,.hint,.modal .hint,.notice,.badge,.eyebrow,.sync,.order-pick small,.list-row small,.pager span,.kpi small,.empty .micro{font-size:13px;line-height:1.8}.panel,.kpi,.editor,.modal,.password-card,.team-accounts{border:1px solid var(--brand-line);background:#fffdf9;border-radius:12px;box-shadow:0 20px 60px #233d3509}.sidebar{color:var(--brand-ink);border-left:1px solid var(--brand-line);background:#fffdf9}.brand,.sidebar .brand{color:var(--brand-ink);font-size:23px;line-height:1.5}.brandmark{color:var(--brand-ink);background:0 0;border-radius:0;flex-shrink:0;font-family:serif;font-size:46px;font-weight:400}.brand small{color:var(--brand-muted);margin-top:3px;font-size:12px}.side-label,.side-foot,.side-foot small,.side-foot a{color:var(--brand-muted);font-size:13px}.sidebar .nav{color:var(--brand-ink);border-radius:5px;font-size:15px;font-weight:500}.sidebar .nav:hover{background:#f0f1e9}.sidebar .nav.active{color:#fff;box-shadow:none;background:#223d35}.sidebar .nav span{font-size:20px}.button.secondary{color:var(--brand-ink);background:#fffdf9;border-color:#cdd3c9}.button.secondary:hover{background:#e9ece3;border-color:#aeb9aa}.button.danger{color:#78381e;background:#fbeae1;border-color:#e8c9b7}.notice{color:#715534;background:#f3ebdf;border-color:#aa7851}.hint,.inline-tip,.empty,.flow button{color:var(--brand-ink);border-color:var(--brand-line);background:#eff1e9}.inline-tip{font-size:15px}.empty-symbol{color:#8a9a87}.close{color:var(--brand-ink);background:#e9ece3}.checkline,.guide-grid p,.guide-grid h3{color:var(--brand-ink)}.kpi>span{font-size:15px}.kpi strong,.material-balance b{font-size:30px;font-weight:500}.kpi.accent{background:var(--brand-ink);border-color:var(--brand-ink)}.kpi.accent>span,.kpi.accent small{color:#e9ece3}.kpi.accent strong{color:#fff}.stat-lines>div,.list-row,td,.pager,footer{border-color:var(--brand-line)}table{font-size:15px}.table-wrap th,th{color:var(--brand-ink);border-color:var(--brand-line);background:#e9ece3;font-size:15px;font-weight:500}td{color:var(--brand-ink)}.badge{color:#52614f;background:#e9ece3}.badge.completed,.success-banner{color:#245738;background:#e6f0e7;border-color:#c3d7bf}.badge.in_progress{color:#715534;background:#f3ebdf}.badge.cancelled{color:#6d756f;background:#efebe6}.error-banner{color:#78381e;background:#fbeae1;border-color:#e8c9b7}.order-pick{background:#fffdf9}.order-pick.selected{background:#e9ece3;border-color:#aeb9aa}.order-meta{font-size:15px}.modal::backdrop{background:#223d357d}.remove{color:#78381e}.toast{background:var(--brand-ink)}.account-controls{border-color:var(--brand-line);background:#f7f5ef;font-size:15px}.password-card{padding:38px}.password-card h1{margin-bottom:20px}.password-card p,.team-accounts p{font-size:16px}.password-card a{color:var(--brand-ink)}@media (max-width:800px){.sidebar .brand{font-size:23px}.sidebar .nav{font-size:15px}.sidebar{border-left:0;border-bottom:1px solid var(--brand-line)}}@media (max-width:640px){.topbar h1{font-size:30px}.modal h2{font-size:23px}.modal .field{font-size:15px}.modal .hint{font-size:13px}.button,.section-line .button,.topbar .button{padding:15px 18px;font-size:16px}.password-card{margin:24px 16px;padding:27px}.kpi strong{font-size:30px}}