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}}