:root{font-family:Inter,Arial,sans-serif;color:#18211b;background:#f4f6f2}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}.app{height:100vh;display:flex;overflow:hidden}aside{width:250px;min-width:250px;height:100vh;background:#102018;color:#eef4ef;padding:22px 14px;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center;padding:2px 8px 25px}.brand img{width:82px;height:44px;object-fit:contain;background:#fff;border-radius:8px;padding:6px}.brand{gap:10px}.brand b,.brand span{display:block}.brand b{font-size:15px;letter-spacing:.5px}.brand span{font-size:11px;color:#aebbb2;margin-top:2px}nav button{width:100%;display:flex;gap:10px;align-items:center;border:0;background:transparent;color:#b8c5bc;padding:11px;border-radius:8px;text-align:left;cursor:pointer}nav button.active,nav button:hover{background:#20362a;color:#fff}.side{margin-top:auto;background:#172b20;border:1px solid #365041;border-radius:10px;padding:13px;font-size:12px;color:#b9c9bf}.side b{display:block;color:#fff;margin-bottom:5px}main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.mainScrollBody{flex:1;overflow-y:auto;padding:24px 28px;max-width:1450px;margin:0 auto;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:25px;margin:0 0 4px}h2{font-size:18px;margin:0}h3{font-size:15px}.muted{color:#7a857d;font-size:13px}button{font:inherit;cursor:pointer}.btn{border:0;border-radius:8px;padding:10px 13px}.primary{background:#183f2a;color:#fff}.ghost{background:#fff;border:1px solid #dce3dc;color:#243128}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.card,.panel{background:#fff;border:1px solid #e1e6e1;border-radius:12px}.card{padding:15px}.card small{display:block;color:#77827b;margin:8px 0 3px}.card strong{font-size:22px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.panel{padding:18px;margin-bottom:18px}.ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.badge,.status{display:inline-block;border-radius:99px;padding:5px 8px;font-size:11px}.badge{background:#edf4e8;color:#45613f}.status.issued{background:#eef4ff;color:#365d93}.status.qc{background:#fff4d9;color:#86651e}.status.pay{background:#f0eaff;color:#654aa2}.status.paid{background:#e7f6eb;color:#27643b}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #edf0ed;font-size:13px}th{font-size:11px;color:#7b867e;text-transform:uppercase}.mini{border:0;background:#eef3ee;color:#244c32;border-radius:7px;padding:7px 9px;font-size:11px}.alerts{display:grid;gap:10px}.alert{display:flex;justify-content:space-between;padding:13px;border:1px solid #edf0ed;border-radius:9px}.search{border:1px solid #dce3dc;border-radius:8px;padding:9px;width:260px}.workers,.products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.worker,.product{border:1px solid #e7ebe7;border-radius:10px;padding:14px}.worker b,.worker span,.product b,.product span{display:block}.worker span,.product span{font-size:12px;color:#78837c;margin-top:4px}.deposit{margin-top:12px;color:#4e6755}.payment{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px;border:1px solid #e7ebe7;border-radius:9px;margin-bottom:9px}.payment span{display:block;color:#7c867f;font-size:12px;margin-top:3px}.custody{display:grid;gap:0}.custodyrow{display:grid;grid-template-columns:1fr 150px 120px 120px;padding:13px 5px;border-bottom:1px solid #edf0ed}.modalback{position:fixed;inset:0;background:#08130d99;display:grid;place-items:center;padding:20px;z-index:5}.modal{position:relative;background:#fff;width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:14px;padding:22px}.modal h2{margin-bottom:18px}.modalClose{position:absolute;right:14px;top:12px;border:0;background:#eef3ee;color:#243128;width:32px;height:32px;border-radius:8px;font-size:20px;line-height:1}.modalActions{display:flex;gap:10px;margin-top:16px}.modalActions .btn{flex:1}.modal label{font-size:12px;font-weight:600;display:block;margin-bottom:12px}.modal input,.modal select{width:100%;padding:10px;border:1px solid #dce3dc;border-radius:8px;margin-top:6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;right:20px;bottom:20px;background:#183f2a;color:#fff;padding:12px 15px;border-radius:8px}.login-shell{min-height:100vh;display:grid;place-items:center;background:#f4f6f2;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e1e6e1;border-radius:16px;padding:30px;box-shadow:0 12px 40px #10201812}.login-logo{display:block;width:180px;height:72px;object-fit:contain;background:#fff;border-radius:10px;margin:0 auto 18px}.otp-note{background:#f8faf7;border:1px solid #e6ebe5;border-radius:9px;padding:11px;font-size:12px;color:#617066;margin:12px 0}.mobile{max-width:520px;margin:auto;min-height:100vh;background:#f4f6f2}.mbar{background:#102018;color:#fff;padding:12px 17px;display:flex;align-items:center;gap:10px}.mbar img{width:132px;height:38px;object-fit:contain;background:#fff;border-radius:7px;padding:4px}.mhero{background:#fff;padding:25px 20px}.mhero h1{margin-top:6px}.mstats{display:grid;grid-template-columns:1fr 1fr;background:#fff;margin:0 15px 22px;padding:15px;border-radius:12px}.mstats div+div{border-left:1px solid #e4e8e4;padding-left:15px}.job{background:#fff;border:1px solid #dfe6df;border-radius:12px;margin:10px 15px;padding:15px}.jobtop{display:flex;justify-content:space-between}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.details small,.details b{display:block}.details small{font-size:11px;color:#7c877f}.details b{font-size:13px;margin-top:3px}.wide{width:100%}.bom{width:100%;border-collapse:collapse}.bom th,.bom td{padding:9px;border-bottom:1px solid #edf0ed;text-align:left}.bom th{font-size:11px}.pill{font-size:11px;padding:4px 7px;border-radius:999px;background:#eef3ee;color:#45613f}.available-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.available-card{border:1px solid #e4e9e4;border-radius:10px;padding:14px;background:#fbfcfa}.available-card b,.available-card span{display:block}.available-card span{font-size:12px;color:#77827b;margin-top:4px}.request-badge{background:#fff4d9;color:#86651e}.available-card .release{margin-top:10px}.release{background:#183f2a;color:#fff;border:0;border-radius:8px;padding:8px 11px}.money{font-size:20px;font-weight:800}.subpanel{background:#f8faf7;border:1px solid #e6ebe5;border-radius:10px;padding:12px;margin-top:12px}@media(max-width:1050px){.available-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(3,1fr)}.workers,.products,.available-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:700px){aside{display:none}main{height:100vh;overflow-y:auto;flex-direction:column}.mainScrollBody{padding:18px 14px}.cards{grid-template-columns:1fr 1fr}.grid{display:block}header{align-items:flex-start;gap:12px;flex-direction:column}.search{width:100%}.ph{align-items:flex-start;gap:10px;flex-direction:column}.workers,.products,.available-grid,.payment,.two{grid-template-columns:1fr}}.tableWrap{overflow:auto;background:#fff;border:1px solid #e1e6e1;border-radius:10px;margin-bottom:18px}.empty{text-align:center;color:#7a857d;padding:24px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.modalBackdrop{position:fixed;inset:0;background:#08130d99;display:grid;place-items:center;padding:20px;z-index:20}.modal{position:relative;background:#fff;width:min(680px,100%);max-height:90vh;overflow:auto;border-radius:14px;padding:22px}.modalHead{display:flex;justify-content:space-between;align-items:center}.iconBtn{border:0;background:#eef3ee;color:#243128;width:32px;height:32px;border-radius:8px;font-size:20px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.formGrid label,.modal label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.formGrid input,.formGrid select,.formGrid textarea,.modal input,.modal select,.modal textarea{width:100%;padding:10px;border:1px solid #dce3dc;border-radius:8px;margin-top:6px;font:inherit}.formActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.formActions .btn{min-width:120px}.danger{background:#fff0ee;color:#9b352c;border:1px solid #f0c8c2}.inline{background:#fff;border:1px solid #e1e6e1;border-radius:9px;padding:11px;margin:12px 0}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profileGrid .card input,.profileGrid .card textarea{width:100%;padding:10px;border:1px solid #dce3dc;border-radius:8px;margin:7px 0;font:inherit}.actions{display:flex;gap:6px}@media(max-width:800px){.formGrid,.profileGrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}aside{width:210px}main{padding:18px}}.login{min-height:100vh;display:grid;place-items:center;background:#f4f6f2;padding:20px}.loginCard{width:min(430px,100%);background:#fff;border:1px solid #e1e6e1;border-radius:16px;padding:30px;box-shadow:0 12px 40px #10201814}.loginCard img{display:block;width:180px;height:72px;object-fit:contain;background:#fff;border-radius:10px;margin:0 auto 18px}.loginCard h1{text-align:center;margin:0 0 6px}.loginCard p{text-align:center;color:#7a857d;font-size:13px;margin:0 0 20px}.loginCard>input,.loginCard form input{width:100%;padding:11px;border:1px solid #dce3dc;border-radius:8px;margin:6px 0 10px;font:inherit}.loginCard>button,.loginCard form button{border:0;border-radius:8px;padding:10px 13px;background:#183f2a;color:#fff;font:inherit;cursor:pointer;margin-bottom:10px}.loginCard .google{width:100%;background:#fff;color:#243128;border:1px solid #dce3dc}.loginCard form{margin:0}.loginCard .msg{background:#f8faf7;border:1px solid #e1e6e1;border-radius:9px;padding:11px;margin-top:8px;font-size:12px;color:#617066}.dashHeader{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8e2}.dashHeaderTitle h2{margin:0 0 4px;font-size:24px;font-weight:700;color:#142a1e;letter-spacing:-.02em}.dashHeaderTitle p{margin:0;color:#63756a;font-size:13px}.dashLiveBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ebf7ee;border:1px solid #c3e6cb;border-radius:20px;color:#1e6b37;font-size:12px;font-weight:600}.dashLiveDot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98140;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.dashKpiGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.dashKpiCard{background:#fff;border:1px solid #e2e8e2;border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #142a1e0a;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dashKpiCard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #142a1e14}.dashKpiCard[role=button]{cursor:pointer}.dashKpiCard[role=button]:focus-visible{outline:3px solid #5b9a6d;outline-offset:2px}.dashKpiTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashKpiLabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#63756a}.dashKpiIconWrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.dashKpiValue{font-size:26px;font-weight:700;color:#142a1e;line-height:1.1;margin-bottom:6px}.dashKpiSub{font-size:12px;color:#7a8c81;display:flex;align-items:center;gap:6px}.dashKpiBar{position:absolute;bottom:0;left:0;right:0;height:3px}.dashChartsGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:1024px){.dashChartsGrid{grid-template-columns:1fr}}.dashChartCard{background:#fff;border:1px solid #e2e8e2;border-radius:14px;padding:22px;box-shadow:0 2px 8px #142a1e0a}.dashChartHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.dashChartTitle{font-size:16px;font-weight:700;color:#142a1e;margin:0 0 4px}.dashChartSubtitle{font-size:12px;color:#7a8c81;margin:0}.donutChartContainer{display:flex;align-items:center;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:10px 0}.donutSvgWrap{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.donutCenterText{position:absolute;text-align:center;pointer-events:none}.donutCenterNum{font-size:24px;font-weight:700;color:#142a1e;line-height:1}.donutCenterLabel{font-size:11px;font-weight:600;color:#7a8c81;text-transform:uppercase;margin-top:2px}.donutLegend{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.donutLegendItem{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:6px 10px;border-radius:8px;background:#f8faf8;border:1px solid #edf2ed}.donutLegendDot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.donutLegendLabel{color:#2d3f34;font-weight:500}.donutLegendCount{font-weight:700;color:#142a1e}.pipelineProgressBar{display:flex;height:10px;border-radius:6px;overflow:hidden;background:#edf2ed;margin-top:16px}.pipelineProgressSeg{height:100%;transition:width .3s ease}.barChartContainer{padding:10px 0}.barChartSvg{width:100%;height:200px;overflow:visible}.barLegend{display:flex;justify-content:center;gap:24px;margin-top:14px;font-size:12px}.barLegendItem{display:flex;align-items:center;gap:6px;color:#4b5e52;font-weight:500}.gaugeContainer{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}@media(max-width:600px){.gaugeContainer{grid-template-columns:1fr;text-align:center}}.gaugeSvgWrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin:0 auto}.gaugeCenterText{position:absolute;text-align:center}.gaugePercent{font-size:26px;font-weight:800;color:#10b981;line-height:1}.gaugeLabel{font-size:10px;font-weight:600;color:#63756a;text-transform:uppercase;margin-top:4px}.qcStatsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qcStatCard{background:#f8faf8;border:1px solid #edf2ed;border-radius:10px;padding:12px;text-align:center}.qcStatCard.accepted{background:#f0fdf4;border-color:#bbf7d0}.qcStatCard.rejected{background:#fef2f2;border-color:#fecaca}.qcStatCard.rework{background:#fffbeb;border-color:#fef3c7}.qcStatValue{font-size:18px;font-weight:700;color:#142a1e}.qcStatLabel{font-size:11px;color:#63756a;margin-top:2px}.invHealthGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.invHealthCard{background:#f8faf8;border:1px solid #e2e8e2;border-radius:10px;padding:12px 14px}.invHealthTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.invHealthName{font-size:12px;font-weight:600;color:#243128}.invHealthQty{font-size:15px;font-weight:700;color:#142a1e;margin-bottom:6px}.invMeterBar{height:6px;background:#e2e8e2;border-radius:3px;overflow:hidden}.invMeterFill{height:100%;background:#183f2a;border-radius:3px}.partnerLeaderGrid{display:flex;flex-direction:column;gap:10px}.partnerLeaderCard{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8faf8;border:1px solid #edf2ed;border-radius:10px}.partnerLeaderLeft{display:flex;align-items:center;gap:12px}.partnerAvatar{width:34px;height:34px;background:#183f2a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.partnerLeaderName{font-weight:600;font-size:13px;color:#142a1e}.partnerLeaderCode{font-size:11px;color:#7a8c81}.partnerLeaderStats{display:flex;gap:16px;font-size:12px;text-align:right}.dashTabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #e2e8e2;padding-bottom:8px}.dashTabBtn{border:0;background:transparent;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#63756a;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.dashTabBtn.active{background:#183f2a;color:#fff}.dashTabCount{padding:2px 7px;border-radius:12px;font-size:11px;background:#00000014}.dashTabBtn.active .dashTabCount{background:#ffffff40;color:#fff}.statusBadge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-AVAILABLE{background:#e0f2fe;color:#0369a1}.badge-BOOKED{background:#e0e7ff;color:#4338ca}.badge-IN_PROGRESS{background:#fef3c7;color:#b45309}.badge-QC_PENDING{background:#fce7f3;color:#be185d}.badge-COMPLETED{background:#dcfce7;color:#15803d}.badge-CANCELLED{background:#f1f5f9;color:#475569}.jobsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:16px}.jobCard{background:#fff;border:1px solid #e1e7e2;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.jobCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10201814;border-color:#2e6644}.jobCardTop{display:flex;justify-content:space-between;align-items:center}.jobCodeBadge{font-family:monospace;font-size:13px;font-weight:700;color:#183f2a;background:#edf5ef;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.jobProcessTag{font-size:11px;font-weight:600;color:#1d4ed8;background:#eff6ff;padding:2px 7px;border-radius:4px}.jobCardTitle{font-size:15px;font-weight:700;color:#17261d;margin:0;line-height:1.35}.jobCardVariant{font-size:12px;color:#64746a;margin-top:2px}.jobStatsGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:#f8faf8;border:1px solid #e9eee9;border-radius:10px;padding:10px 12px;text-align:center}.jobStatItem small{display:block;font-size:11px;color:#748378;text-transform:uppercase;font-weight:600;margin-bottom:2px}.jobStatItem strong{display:block;font-size:14px;font-weight:700;color:#1b2e21}.jobDetailsButton{border-color:#b8c9bc!important;background:#edf4ef!important;color:#183f2a!important;font-weight:700}.jobDetailsButton:hover{border-color:#789681!important;background:#dce9df!important}.mobileHeaderBrand img{display:none}.jobProgressWrap{margin:2px 0}.jobProgressBar{height:6px;background:#edf1ed;border-radius:99px;overflow:hidden}.jobProgressFill{height:100%;border-radius:99px;transition:width .3s ease}.jobMetaRow{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64746a}.jobActions{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #f0f4f0;margin-top:auto}.jobActions .btn{flex:1;text-align:center;font-size:12px;padding:7px 10px}.jobActions .btn.primary{flex:2}.staticPage section{background:#fff;border:1px solid #e1e6e1;border-radius:12px;padding:28px 32px}.staticPage h1{font-size:26px;margin:0 0 16px;color:#183f2a}.staticPage .content-wrapper h1,.staticPage .content-wrapper h2,.staticPage .content-wrapper h3{color:#183f2a;margin-top:22px;margin-bottom:12px;font-size:22px}.staticPage .content-wrapper h2{font-size:18px;border-bottom:1px solid #e7ede6;padding-bottom:8px}.staticPage .content-wrapper h3{font-size:15px}.staticPage .content-wrapper p{margin:0 0 14px;line-height:1.7;color:#374151}.staticPage .content-wrapper ul{margin:0 0 14px;padding-left:22px}.staticPage .content-wrapper ul li{margin-bottom:6px;line-height:1.6}.staticPage .content-wrapper strong{color:#183f2a}.approvalTabButtons{display:flex;gap:10px;margin-bottom:18px}.approvalPendingBadge{background:#fee2e2;color:#b91c1c;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700}.approvalRequestCard{background:#fff;border:1px solid #e1e6e1;border-radius:12px;padding:18px 20px;margin-bottom:12px}.approvalRequestCard strong{display:block;color:#183f2a;margin-top:6px}.autoProductionPanel{margin:14px 0;padding:16px}.autoProductionHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.autoProductionHeader h3{margin:0;font-size:15px}.autoProductionHeader small{display:block;margin-top:4px;color:#68756c;font-size:12px;line-height:1.4}.autoProductionList{margin-top:12px;border-top:1px solid #e5e7eb}.autoProductionRow{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(120px,1fr) 74px 118px minmax(210px,auto);align-items:center;gap:14px;min-width:0;padding:10px 2px;border-bottom:1px solid #e5e7eb}.autoProductionRecipe{min-width:0}.autoProductionRecipe strong{display:block;overflow-wrap:anywhere;color:#18211b;font-size:14px;line-height:1.35}.autoProductionRecipe span{display:block;margin-top:3px;color:#7a857d;font-size:11px}.autoProductionRecipe .autoProductionRateWarning{color:#9a5a08;font-weight:600}.autoProductionMaterials{min-width:0;color:#68756c;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.autoProductionField{display:block;min-width:0;color:#59665d;font-size:11px;line-height:1.3}.autoProductionField input{display:block;width:100%;min-width:0;height:32px;margin-top:4px;padding:5px 7px;border:1px solid #cfd8d0;border-radius:6px;color:#18211b;font:inherit;font-size:13px}.autoProductionToggle{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;margin:0;color:#34443a;font-size:12px;white-space:nowrap}.autoProductionToggle input{width:16px;height:16px;margin:0;accent-color:#183f2a}.autoProductionActions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.autoProductionActions .btn{min-height:32px;padding:6px 9px;font-size:11px;white-space:nowrap}.autoProductionCreateButton:disabled{cursor:not-allowed;opacity:.5}@media(max-width:1050px){.autoProductionRow{grid-template-columns:minmax(165px,1.2fr) minmax(105px,1fr) 70px 108px minmax(190px,auto);gap:10px}}@media(max-width:800px){.autoProductionRow{grid-template-columns:minmax(0,1fr) minmax(88px,110px) minmax(190px,auto);gap:10px 12px}.autoProductionRecipe,.autoProductionMaterials{grid-column:1 / -1}.autoProductionToggle{align-self:end;min-height:32px}.autoProductionActions{justify-content:flex-start}}@media(max-width:480px){.autoProductionPanel{padding:12px}.autoProductionHeader{align-items:flex-start}.autoProductionHeader .btn{width:100%}.autoProductionRow{grid-template-columns:minmax(0,1fr) minmax(88px,110px)}.autoProductionActions{grid-column:1 / -1}}.autoCreateCountField{display:block;margin:16px 0;color:#34443a;font-size:13px;font-weight:600}.autoCreateCountField input{display:block;width:100%;margin:6px 0;padding:9px 10px;border:1px solid #cfd8d0;border-radius:7px;font:inherit;font-size:15px}.autoCreateCountField small{color:#68756c;font-size:12px;font-weight:400}.autoCreateActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.autoCreateActions .btn{min-width:120px}.autoRunResultModal h2{margin:0;font-size:18px}.autoRunResultHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.autoRunResultModal>p{color:#59665d;font-size:14px;line-height:1.5}.autoRunResultJobs{display:grid;gap:8px;max-height:45vh;overflow-y:auto;padding:0;list-style:none}.autoRunResultJobs li{display:grid;gap:3px;padding:9px 10px;border:1px solid #e1e6e1;border-radius:7px}.autoRunResultJobs li span{color:#68756c;font-size:12px}.autoRunResultModal>.btn{width:100%;margin-top:8px}.mobileNavigation,.mobileJobsTabs{display:none}@media(max-width:700px){html,body,#root{height:100%;min-height:100%;overflow:hidden}.app{height:100dvh;min-height:0}.app>aside{display:none}.app>main{width:100%;height:100dvh;min-height:0;overflow:hidden}.app>main>header{position:relative!important;display:block!important;min-height:106px;padding:8px 12px 10px!important}.app>main>header h1{font-size:17px!important;line-height:1.2}.app>main>header .muted{font-size:11px}.app>main>header .badge{display:none}.app>main>header .btn{min-height:40px;padding:8px 10px;font-size:13px}.mainScrollBody{min-height:0;padding:12px 12px 92px;overflow-x:hidden}.mainScrollBody>footer{display:none}.mobileNavigation{position:fixed;z-index:30;right:0;bottom:0;left:0;display:block;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #dce4dc;background:#fff;box-shadow:0 -4px 14px #1020181a}.mobileBottomNav{display:flex;min-height:60px;padding:5px 7px;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#edf1ee}.mobileBottomNav::-webkit-scrollbar,.mobileJobsTabs::-webkit-scrollbar{display:none}.mobileBottomNav button{position:relative;display:flex;flex:0 0 72px;min-width:64px;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #c8d2ca;border-radius:9px;background:#fff;color:#34483a;font:inherit;font-weight:600;cursor:pointer}.mobileBottomNav button.active{border-color:#183f2a;background:#183f2a;color:#fff;box-shadow:0 2px 5px #10201833}.mobileNavIcon{font-size:17px;line-height:1.1}.mobileNavLabel{max-width:100%;overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobileNavBadge{position:absolute;top:2px;right:8px;min-width:16px;padding:1px 4px;border-radius:99px;background:#b91c1c;color:#fff;font-size:10px;line-height:1.4}.mobileJobsTabs{position:sticky;z-index:9;top:-12px;display:flex;gap:7px;margin:-12px -12px 11px;padding:8px 12px;overflow-x:auto;overscroll-behavior-x:contain;border-bottom:1px solid #cbd6ce;background:#e9efeb;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobileJobsTabs button{display:inline-flex;flex:0 0 auto;width:auto;min-height:38px;align-items:center;gap:6px;padding:7px 10px;border:1px solid #bac9bd;border-radius:20px;background:#fff;color:#2f4636;box-shadow:0 1px 2px #10201814;font-size:12px;font-weight:600;white-space:nowrap}.mobileJobsTabs button.active{border-color:#183f2a;background:#183f2a;color:#fff}.mobileJobsTabCount{min-width:18px;padding:1px 5px;border-radius:99px;background:#e4ebe5;color:#294533;font-size:10px;text-align:center}.mobileJobsTabs button.active .mobileJobsTabCount{background:#fff3;color:#fff}.mobileHeaderBrand{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 64px}.mobileHeaderBrand img{display:block;width:92px;height:39px;padding:2px;border:0;border-radius:4px;background:#fff;object-fit:contain}.mobileHeaderBrand h1,.mobileHeaderBrand .muted{text-align:center}.mobileHeaderBrand .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileHeaderActions{position:absolute;top:8px;right:12px}.jobDetailsButton{border-color:#a9c1af!important;background:#e4efe7!important;color:#143d25!important}.dashKpiGrid,.visitorWelcomeBanner{display:none!important}.jobOverviewHeader{align-items:center!important;margin:8px 0 10px}.jobOverviewHeader h2{font-size:16px!important}.jobOverviewHeader .muted{display:none}.jobOverviewActions{width:100%}.jobOverviewActions:empty{display:none!important}.jobOverviewActions>button{flex:1;min-height:40px;padding:7px 8px;font-size:11px}.desktopJobFilters{display:none!important}.dashKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px!important}.visitorWelcomeBanner{gap:10px;padding:13px!important;margin-bottom:12px!important;border-radius:10px!important;align-items:flex-start!important;flex-direction:column}.visitorWelcomeBanner h3{font-size:16px!important;line-height:1.3}.visitorWelcomeBanner p{font-size:13px!important;line-height:1.45}.visitorWelcomeBanner .btn{min-height:42px}.dashKpiCard{min-width:0;min-height:112px;padding:11px 12px;border-radius:11px}.dashKpiTop{margin-bottom:7px}.dashKpiLabel{font-size:11px;line-height:1.3;letter-spacing:.02em}.dashKpiIconWrap{flex:0 0 30px;width:30px;height:30px;font-size:15px}.dashKpiValue{margin-bottom:3px;font-size:22px}.dashKpiSub{font-size:11px;line-height:1.35}.sectionTitle{align-items:flex-start;margin:10px 0}.sectionTitle h2,.sectionTitle>div>h2{font-size:18px!important}.sectionTitle .muted{display:block;margin-top:4px;font-size:12px;line-height:1.4}.jobsGrid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px}.jobCard{gap:9px;padding:13px;border-radius:11px}.jobCardTitle{font-size:15px}.jobStatsGrid{gap:5px;padding:8px 6px}.jobStatsGrid small,.jobStatsGrid span{font-size:11px;line-height:1.35}.jobCard .btn,.jobCard button{min-height:42px}.dashTabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:thin}.dashTabBtn{flex:0 0 auto;min-height:42px;padding:7px 10px!important;font-size:12px!important;white-space:nowrap}.autoProductionRow{grid-template-columns:minmax(0,1fr) minmax(84px,105px)}.autoProductionActions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.autoProductionActions .btn{min-height:40px;white-space:normal}.autoProductionField input{min-height:40px;font-size:16px}.modalBackdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:17px}}