html,body{overflow-x:hidden;max-width:100%}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef2f7;color:#1f2937}button,input,textarea{font:inherit}button{cursor:pointer}.appShell{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden}.sidebar{width:280px;background:linear-gradient(180deg,#0f5c26 0%,#0a431b 100%);color:#fff;padding:24px}.brandTitle{font-size:28px;font-weight:700}.brandSub{font-size:14px;opacity:.85;margin-top:4px}.brandBox{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:18px}.userCard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:14px;border-radius:14px;margin-bottom:20px}.userName{font-weight:700}.userRole{font-size:13px;opacity:.85;margin-top:4px}.menu{display:flex;flex-direction:column;gap:10px}.menuButton{background:transparent;border:0;color:#fff;text-align:left;padding:12px 14px;border-radius:12px;transition:.2s}.menuButton:hover,.menuButton.active{background:rgba(255,255,255,.12)}.mainContent{flex:1;padding:28px;max-width:calc(100vw - 280px);overflow-x:hidden}.pageHeader h1{margin:0;font-size:38px;color:#0f172a}.pageHeader p{margin:6px 0 0;color:#64748b}.cardsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.statCard,.panel,.tableCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 24px #0f172a0d}.statCard{padding:20px;display:flex;flex-direction:column;gap:10px}.statCard span{font-size:14px;color:#64748b}.statCard strong{font-size:28px;color:#0f172a}.topActions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.primaryBtn,.ghostBtn{padding:10px 16px;border-radius:12px;border:1px solid #cbd5e1;background:#fff}.primaryBtn{background:#0f5c26;color:#fff;border-color:#0f5c26}.salesHeaderGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.inputBlock label{display:block;font-size:13px;color:#64748b;margin-bottom:6px}.inputBlock input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.salesGrid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.contentGrid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px;min-width:0}.panel{padding:20px;min-width:0}.panelTitleRow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panelTitleRow h3,.panel h3{margin:0}.tag{padding:6px 10px;border-radius:999px;background:#e2e8f0;font-size:12px;font-weight:700;color:#334155}.tag.green{background:#dcfce7;color:#166534}.tag.red{background:#fee2e2;color:#b91c1c}.skuTextarea{width:100%;min-height:180px;padding:14px;border:1px solid #cbd5e1;border-radius:14px;resize:vertical;background:#f8fafc}.hintText{margin-top:10px;font-size:13px;color:#64748b}.summaryRow{display:flex;justify-content:space-between;margin:10px 0;color:#334155}.summaryTotal{display:flex;justify-content:space-between;align-items:center;padding-top:14px;margin-top:14px;border-top:1px solid #e2e8f0;font-size:20px}.tableCard{overflow-x:auto;overflow-y:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:14px;vertical-align:top}th{background:#f8fafc;color:#475569}.okBox{padding:14px;border-radius:12px;background:#ecfdf5;color:#166534;font-weight:700;margin-top:12px}.errorBox{padding:14px;border-radius:12px;background:#fff7ed;border:1px solid #fdba74;margin-bottom:10px}.errorLine{font-weight:700;margin-bottom:6px}.stickyCard{position:sticky;top:28px;height:fit-content}@media (max-width:1200px){.cardsGrid,.salesHeaderGrid{grid-template-columns:repeat(2,1fr)}.salesGrid,.contentGrid{grid-template-columns:1fr}.stickyCard{position:static}}@media (max-width:800px){.appShell{flex-direction:column}.sidebar{width:100%}.mainContent{padding:18px}.cardsGrid,.salesHeaderGrid{grid-template-columns:1fr}.pageHeader h1{font-size:30px}}.toolbarCard{display:flex;gap:16px;align-items:end;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 24px #0f172a0d;padding:18px;margin-bottom:16px}.smallBtn{padding:8px 10px;font-size:12px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.35);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modalBox{background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 20px 50px #0f172a33;width:min(980px,100%);max-height:90vh;overflow:auto;padding:20px}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.formGrid select,.inputBlock select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.selectorsGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.selectorLabel{font-size:13px;color:#64748b;display:block;margin-bottom:8px}.checkboxGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px;border-radius:12px}@media (max-width:800px){.toolbarCard,.selectorsGrid,.formGrid{grid-template-columns:1fr;display:grid}.toolbarCard{align-items:stretch}.actionsCell{flex-direction:column}}.modalBox.largeBox{width:min(1100px,100%)}.stockGridTable table td input.tableQtyInput,.tableQtyInput{width:120px;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.panel.compactPanel{padding:16px;margin-bottom:16px}.toolbarRow{display:flex;gap:16px;align-items:flex-end}.noTop{margin:0}.actionsCell{display:flex;gap:8px;flex-wrap:wrap}.smallBtn{padding:8px 12px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modalBox{background:#fff;border-radius:18px;padding:20px;max-height:90vh;overflow:auto;width:min(860px,100%)}.modalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.formGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.span2{grid-column:span 2}.span3{grid-column:span 3}.selectorsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.selectorLabel{display:block;font-size:13px;color:#64748b;margin-bottom:8px}.checkboxGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fff}.largeBox{width:min(1100px,100%)}.smallInput{padding:10px;border:1px solid #cbd5e1;border-radius:10px;width:160px}.clientGrid{grid-template-columns:repeat(3,1fr)}.clientObs{width:100%;min-height:90px;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;resize:vertical}.detailGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tableCard input,.tableCard select,.inputBlock input,.inputBlock select,.inputBlock textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}@media (max-width:900px){.toolbarRow,.selectorsGrid,.contentGrid,.salesGrid,.formGrid,.clientGrid,.detailGrid{grid-template-columns:1fr;display:grid}.span2,.span3{grid-column:span 1}}.wrapRow{flex-wrap:wrap}.smallBlock{min-width:180px}.linkBtn{text-decoration:none;display:inline-flex;align-items:center}.compactPanel{padding:16px}.toolbarRow{display:flex;gap:12px;align-items:end}.grow{flex:1}.noTop{margin-top:0}.actionsCell{display:flex;gap:6px;flex-wrap:wrap}.smallBtn{padding:6px 10px;font-size:12px}.clientPriceBox{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0}.priceTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mutedText{color:#64748b}.detailGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width:800px){.detailGrid{grid-template-columns:1fr}}.loginWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef2f7}.loginCard{width:min(420px,92vw);background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 8px 24px #0f172a0d}.smallBtn{margin-top:10px;width:100%}.wideField{grid-column:span 2}@media (max-width:800px){.wideField{grid-column:span 1}}.stockCheck{display:flex;align-items:center;gap:8px;padding:12px 0;color:#334155;font-weight:600}.fullSpan{grid-column:1 / -1}.logoutBtn{margin-top:10px;width:100%}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef2f7;padding:24px}.loginCard{width:min(420px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 24px #0f172a14;padding:24px}.financeFilterBar .inputBlock{min-width:180px}.highlightCard{background:linear-gradient(135deg,#0f5c26 0%,#127132 100%);color:#fff}.highlightCard span,.highlightCard small,.resultCard span,.resultCard small{color:#ffffffe6}.resultCard{background:linear-gradient(135deg,#095d74 0%,#0b7f9f 100%);color:#fff}.kpiGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px}.kpiBox{padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.kpiBox span{display:block;font-size:13px;color:#64748b}.kpiBox strong{font-size:22px;color:#0f172a}.miniChartBlock{margin-top:16px;display:grid;gap:12px}.barRow{display:grid;grid-template-columns:90px 1fr 110px;gap:10px;align-items:center}.barTrack{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.barFill{height:100%;border-radius:999px}.fillPositive{background:#16a34a}.fillNegative{background:#dc2626}.fillNeutral{background:#0ea5e9}@media (max-width:800px){.kpiGrid,.barRow{grid-template-columns:1fr}.barRow strong{justify-self:start}}.produtoInsumoGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:14px!important;margin-top:14px!important}.itemCompactCard{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:18px!important;box-shadow:0 1px 5px #0000001a!important;max-width:100%!important}.itemCompactTop{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important}.itemCompactTitle{display:block!important;font-size:16px!important;font-weight:700!important;line-height:1.25!important;margin-bottom:14px!important;color:#111827!important}.itemCompactRow{display:grid!important;grid-template-columns:90px 1fr!important;align-items:center!important;margin:6px 0!important;font-size:14px!important}.itemCompactRow span{color:#6b7280!important;font-size:14px!important}.itemCompactRow strong{color:#111827!important;font-size:14px!important;font-weight:700!important;text-align:right!important;word-break:break-word!important}.itemCompactActions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:12px!important}.itemCompactCard .ghostBtn,.itemCompactCard .smallBtn{width:auto!important;min-width:auto!important;padding:6px 10px!important;font-size:12px!important;border-radius:8px!important}.tag{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:5px 12px!important;font-size:12px!important;font-weight:600!important}.tag.green{background:#d1fae5!important;color:#047857!important}.tag.red{background:#fee2e2!important;color:#b91c1c!important}@media (max-width: 768px){.appShell{display:block!important}.sidebar{width:100%!important;min-height:auto!important;position:relative!important;padding:12px!important}.brandBox{margin-bottom:8px!important}.menu{display:flex!important;overflow-x:auto!important;gap:8px!important}.menuButton{white-space:nowrap!important;min-width:max-content!important;padding:10px 12px!important}.mainContent{padding:12px!important}.page{padding:0!important}.formGrid{grid-template-columns:1fr!important}.inputBlock input,.inputBlock select{font-size:18px!important;padding:14px!important}.primaryBtn,.ghostBtn{font-size:16px!important;padding:14px 16px!important}.topActions{flex-direction:column!important;align-items:stretch!important}.itemCompactCard{padding:16px!important}.itemCompactTitle{font-size:20px!important}}@media (max-width: 768px){body{overflow-x:hidden!important}.sidebar{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.mainContent{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:16px!important}.page{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.page h1,.headerTitle{font-size:34px!important;line-height:1.05!important;word-break:normal!important}.panel,.compactPanel,.itemCompactCard{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.formGrid{display:block!important}.inputBlock{width:100%!important;max-width:100%!important;margin-bottom:14px!important}.inputBlock input,.inputBlock select{width:100%!important;box-sizing:border-box!important;font-size:18px!important;height:58px!important}.topActions{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.topActions button,.primaryBtn,.ghostBtn{width:100%!important;box-sizing:border-box!important}.produtoInsumoGrid{grid-template-columns:1fr!important}}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;padding:12px}.menu{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px}.menuButton{white-space:nowrap;min-width:max-content}.page{padding:14px}.cardsGrid,.contentGrid,.formGrid,.produtoInsumoGrid{grid-template-columns:1fr!important}.toolbarRow{flex-direction:column;align-items:stretch;gap:10px}.topActions{flex-wrap:wrap;gap:8px}.tableCard{overflow-x:auto}table{min-width:700px}.modalBox{width:95%!important;max-width:95%!important;max-height:90vh;overflow:auto}.statCard strong{font-size:28px}h1{font-size:26px}}.mobileMenuBtn{display:none}@media (max-width:768px){.mobileMenuBtn{display:block;position:fixed;top:12px;left:12px;z-index:9999;padding:10px 14px;border:none;border-radius:10px;background:#111;color:#fff;font-size:22px}.sidebar{position:fixed!important;left:-100%;top:0;height:100vh;width:280px!important;z-index:9998;transition:.25s;overflow-y:auto}.sidebar.open{left:0}}@media (max-width:768px){.tableCard{border:none!important;background:transparent!important;overflow:visible!important}table{min-width:100%!important;border-collapse:separate!important;border-spacing:0 12px!important}thead{display:none!important}tbody,tr,td{display:block!important;width:100%!important}tr{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 4px 18px #0000000f}td{border:none!important;padding:8px 0!important;font-size:14px}td:before{font-weight:700;display:block;margin-bottom:4px;opacity:.65}.actionsCell{margin-top:10px;display:flex!important;flex-direction:column;gap:8px}.actionsCell button{width:100%}}.ceoHero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:26px;border-radius:24px;background:linear-gradient(135deg,#111,#2b2b2b);color:#fff;margin-bottom:22px;box-shadow:0 12px 34px #00000029}.ceoHero strong{display:block;font-size:42px;line-height:1.05;margin-top:8px}.ceoHero p{opacity:.75;margin:8px 0 0}.ceoLabel{text-transform:uppercase;font-size:12px;letter-spacing:.12em;opacity:.7}.ceoStatus{padding:12px 18px;border-radius:999px;font-weight:700;white-space:nowrap}.ceoStatus.ok{background:#dcfce7;color:#166534}.ceoStatus.danger{background:#fee2e2;color:#991b1b}.ceoGrid{margin-bottom:22px}@media (max-width:768px){.ceoHero{flex-direction:column;align-items:flex-start;padding:22px}.ceoHero strong{font-size:32px}.ceoStatus{width:100%;text-align:center}}.alertasGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:20px}.alertaCard{padding:18px;border-radius:14px;background:#fff;box-shadow:0 6px 18px #0000000f;border-left:5px solid}.alertaCard strong{display:block;margin-bottom:6px}.alertaCard p{margin:0;opacity:.8}.alertaCard.ok{border-color:#16a34a}.alertaCard.warning{border-color:#d97706}.alertaCard.danger{border-color:#dc2626}.statusBadge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.statusBlue{background:#dbeafe;color:#1d4ed8}.statusYellow{background:#fef3c7;color:#b45309}.statusPurple{background:#ede9fe;color:#7c3aed}.statusGreen{background:#dcfce7;color:#15803d}.statusGray{background:#f3f4f6;color:#374151}.opProgressWrap{width:100%;height:8px;background:#e5e7eb;border-radius:999px;margin-top:8px;overflow:hidden}.opProgressBar{height:100%;background:#111;border-radius:999px}.gargaloGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px}.gargaloCard{background:#fff;padding:18px;border-radius:14px;box-shadow:0 6px 18px #0000000f}.gargaloCard span{display:block;opacity:.7;margin-bottom:8px}.gargaloCard strong{display:block;font-size:26px;margin-bottom:6px}.gargaloCard small{opacity:.75}.gargaloCard.dark{background:#111;color:#fff}.producaoTempoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.tempoCard{background:#fff;padding:18px;border-radius:14px;box-shadow:0 6px 18px #0000000f}.tempoCard span{display:block;opacity:.7;margin-bottom:8px}.tempoCard strong{font-size:28px}.tempoCard.highlight{background:#111;color:#fff}button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}