#eco-app{--ec-bg:#f4f6f3;--ec-panel:#fff;--ec-text:#20382a;--ec-sub:#69776d;--ec-line:#e1e8e0;--ec-green:#28643f;--ec-soft:#eaf1e8;--ec-radius:16px;color-scheme:light;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ec-text);background:var(--ec-bg);border:1px solid var(--ec-line);border-radius:20px;overflow:hidden}#eco-app [hidden]{display:none!important}#eco-app *{box-sizing:border-box}#eco-app button,#eco-app input,#eco-app select,#eco-app textarea{font:inherit}#eco-app button{cursor:pointer;min-height:42px;padding:9px 14px;border:1px solid var(--ec-line);border-radius:10px;background:var(--ec-panel);color:var(--ec-text);display:inline-flex;align-items:center;justify-content:center;gap:8px}#eco-app button.primary{background:var(--ec-green);color:white;border-color:var(--ec-green)}#eco-app button:disabled{opacity:.45;cursor:default}#eco-app input,#eco-app select,#eco-app textarea{width:100%;min-width:0;border:1px solid var(--ec-line);border-radius:9px;background:var(--ec-panel);color:var(--ec-text);padding:10px;min-height:43px}#eco-app textarea{resize:vertical}#eco-app label{display:block;color:var(--ec-sub);font-size:12px}#eco-app label input,#eco-app label select,#eco-app label textarea{margin-top:6px;color:var(--ec-text)}#eco-app h1{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0 0 8px}#eco-app h2{font-size:17px;font-weight:500;margin:0 0 16px}#eco-app h3{font-size:14px;font-weight:500;margin:0}#eco-app p{margin:4px 0}#eco-app small{font-size:12px;color:var(--ec-sub)}#eco-app .top{background:white;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:14px;border-bottom:1px solid var(--ec-line)}#eco-app .brand{font-size:22px;letter-spacing:-1px;font-weight:600;line-height:1.15}#eco-app .brand span{color:#49a62e}#eco-app .brand small{display:block;letter-spacing:0;font-size:9px;text-align:center;font-weight:400;margin-top:5px}#eco-app .topright,#eco-app .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#eco-app .badge{display:inline-block;border-radius:20px;padding:4px 9px;font-size:11px;white-space:nowrap;background:var(--ec-soft);color:var(--ec-green)}#eco-app .amber{background:#fff1d9;color:#885a15}#eco-app .shell{display:grid;grid-template-columns:180px minmax(0,1fr)}#eco-app nav{padding:22px 12px;background:white;border-right:1px solid var(--ec-line)}#eco-app nav button{display:flex;justify-content:flex-start;width:100%;border:0;background:transparent;margin-bottom:7px;text-align:left}#eco-app nav button.active{background:var(--ec-soft);color:var(--ec-green)}#eco-app nav small{display:block;padding:15px 12px}#eco-app main{padding:28px;min-width:0}#eco-app .page[hidden]{display:none}#eco-app .heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:24px;flex-wrap:wrap}#eco-app .panel{background:var(--ec-panel);border:1px solid var(--ec-line);border-radius:var(--ec-radius);padding:20px;margin-bottom:18px}#eco-app .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}#eco-app .metric{padding:18px;background:white;border:1px solid var(--ec-line);border-radius:var(--ec-radius)}#eco-app .metric strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:500;margin:7px 0}#eco-app .grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#eco-app .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--ec-line)}#eco-app .row:last-child{border:0}#eco-app .row>div{min-width:0}#eco-app .muted{color:var(--ec-sub)}#eco-app .fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}#eco-app .wide{grid-column:1/-1}#eco-app .item{display:grid;grid-template-columns:minmax(140px,1fr) 62px 84px 65px 65px 34px;gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ec-line)}#eco-app .item button{padding:0;min-height:34px}#eco-app .item label{font-size:11px}#eco-app .item input{padding:8px}#eco-app .total{font-size:24px;color:var(--ec-green)}#eco-app .check{display:flex;gap:9px;align-items:center;margin:15px 0}#eco-app .check input{width:17px;min-height:17px;margin:0}#eco-app .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}#eco-app .steps div{padding:13px;border-radius:12px;background:#edf0eb;color:var(--ec-sub)}#eco-app .steps .done{background:var(--ec-soft);color:var(--ec-green)}#eco-app .balance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#eco-app .balance strong{display:block;font-size:25px;font-weight:500}#eco-app .meter{display:flex;height:16px;border-radius:6px;overflow:hidden;background:#e5eae3;margin:15px 0}#eco-app .meter span{background:var(--ec-green)}#eco-app .meter em{background:#b9d7a9}#eco-app .note{padding:12px 15px;border-radius:10px;background:var(--ec-soft);font-size:12px;color:var(--ec-green)}#eco-app .foot{padding:12px 24px;border-top:1px solid var(--ec-line);font-size:11px;color:var(--ec-sub);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}#eco-app #eco-status{min-height:24px;font-size:12px;color:var(--ec-green);margin-top:10px}#eco-app.mobile{max-width:390px;margin:auto}#eco-app.mobile .shell{display:block}#eco-app.mobile nav{display:flex;padding:8px;border-right:0;border-bottom:1px solid var(--ec-line)}#eco-app.mobile nav button{justify-content:center;font-size:12px;padding:9px 7px;margin:0}#eco-app.mobile nav small{display:none}#eco-app.mobile main{padding:18px}#eco-app.mobile .grid,#eco-app.mobile .fields{grid-template-columns:1fr}#eco-app.mobile .metrics{gap:6px}#eco-app.mobile .metric{padding:10px}#eco-app.mobile .metric strong{font-size:24px}#eco-app.mobile .top{padding:16px}#eco-app.mobile .topright .badge{display:none}#eco-app.mobile .item{grid-template-columns:repeat(4,1fr)}#eco-app.mobile .item>div{grid-column:1/-1}#eco-app.mobile .item button{grid-column:4}#eco-app.mobile .steps{font-size:11px}#eco-app.mobile .panel{padding:15px}
@media(max-width:700px){#eco-app .shell{display:block}#eco-app nav{display:flex;padding:8px;border-right:0;border-bottom:1px solid var(--ec-line)}#eco-app nav button{justify-content:center;font-size:12px;padding:9px 7px;margin:0}#eco-app nav small{display:none}#eco-app main{padding:18px}#eco-app .grid,#eco-app .fields{grid-template-columns:1fr}#eco-app .metrics{gap:6px}#eco-app .metric{padding:10px}#eco-app .metric strong{font-size:24px}#eco-app .top{padding:16px}#eco-app .topright .badge{display:none}#eco-app .item{grid-template-columns:repeat(4,1fr)}#eco-app .item>div{grid-column:1/-1}#eco-app .item button{grid-column:4}#eco-app .steps{font-size:11px}#eco-app .panel{padding:15px}#eco-app input,#eco-app select,#eco-app textarea{font-size:16px}}

#eco-app .validation{background:#fff4e4;color:#805313;padding:12px;border-radius:9px;font-size:12px;margin-top:14px}
#eco-app .sales-item{display:grid;grid-template-columns:minmax(160px,1fr) 64px 120px 65px 65px 34px;gap:8px;align-items:center;padding:18px 0;border-bottom:1px solid var(--ec-line)}
#eco-app .sales-item input{padding:8px}#eco-app .sales-item button{padding:0}#eco-app .price-source{display:block;margin-top:5px;font-size:11px}#eco-app .dispatch-item{display:grid;grid-template-columns:minmax(140px,1fr) 70px 115px 145px;gap:12px;padding:18px 0;border-bottom:1px solid var(--ec-line)}
#eco-app .eco-table-wrap{overflow-x:auto;margin:18px 0}#eco-app .eco-table{border-collapse:collapse;width:100%;font-size:12px}#eco-app .eco-table th{text-align:left;color:var(--ec-sub);font-weight:500;padding:12px 8px;border-bottom:1px solid var(--ec-line)}#eco-app .eco-table td{padding:12px 8px;border-bottom:1px solid var(--ec-line);vertical-align:top}#eco-app .eco-table td:not(:first-child){white-space:nowrap}#eco-app .eco-table td small{display:block;min-width:150px}#eco-app .eco-table strong{font-weight:500}
#eco-app .eco-paper{padding:30px;background:white;border:1px solid var(--ec-line);border-radius:12px}#eco-app .paper-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ec-line);padding-bottom:24px;margin-bottom:24px}#eco-app .paper-footer{border-top:1px solid var(--ec-line);padding-top:18px;margin-top:28px;color:var(--ec-sub);font-size:11px}#eco-app .signature{border-top:1px solid var(--ec-line);padding-top:10px;font-size:11px}#eco-app .preserve{white-space:pre-wrap;overflow-wrap:anywhere}#eco-app .brand-img{display:block;width:150px;height:auto}#eco-app .brand-caption{display:block;text-align:center;font-size:9px;color:var(--ec-sub);margin-top:5px}#eco-app #policy-status{font-size:12px;overflow-wrap:anywhere}#eco-app #eco-status{padding:10px 0;overflow-wrap:anywhere}#eco-app nav{padding-top:18px}
#eco-app.mobile nav{flex-wrap:wrap}#eco-app.mobile nav button{width:33.333%;font-size:11px}#eco-app.mobile .sales-item{grid-template-columns:repeat(2,minmax(0,1fr))}#eco-app.mobile .sales-product{grid-column:1/-1}#eco-app.mobile .sales-item button{grid-column:2}#eco-app.mobile .dispatch-item{grid-template-columns:1fr 1fr}#eco-app.mobile .dispatch-item>div:first-child{grid-column:1/-1}#eco-app.mobile .eco-paper{padding:16px}#eco-app.mobile .top .brand-img{width:125px}#eco-app.mobile .top .brand-caption{font-size:8px}#eco-app.mobile .eco-paper h1{font-size:24px}
@media(max-width:900px){#eco-app .sales-item{grid-template-columns:repeat(4,minmax(0,1fr))}#eco-app .sales-product{grid-column:1/-1}#eco-app .sales-item button{grid-column:4}#eco-app .dispatch-item{grid-template-columns:1fr 1fr}#eco-app .dispatch-item>div:first-child{grid-column:1/-1}}
@media(max-width:700px){#eco-app nav{flex-wrap:wrap}#eco-app nav button{width:33.333%;font-size:11px}#eco-app .sales-item{grid-template-columns:repeat(2,minmax(0,1fr))}#eco-app .sales-item button{grid-column:2}#eco-app .eco-paper{padding:16px}#eco-app .top .brand-img{width:125px}#eco-app .top .brand-caption{font-size:8px}#eco-app .eco-paper h1{font-size:24px}}


#eco-app .eco-details{padding:16px 0}#eco-app .eco-details summary{cursor:pointer;font-weight:500;color:var(--ec-green);min-height:40px;display:list-item}#eco-app .eco-details>summary{margin-left:18px}#eco-app .eco-details .heading{margin-top:20px}#eco-app #contact-status,#eco-app #inventory-status,#eco-app #manual-status,#eco-app #inventory-import-status{margin:12px 0;overflow-wrap:anywhere}#eco-app .fields>*{min-width:0}#eco-app #sale-contact-summary{white-space:pre-wrap}#eco-app .sales-item input{width:100%}#eco-app .eco-table td strong,#eco-app .eco-table td small{overflow-wrap:anywhere}#eco-app .eco-details .panel{margin-top:14px}#eco-app .top>div:first-child{flex-shrink:0}
#eco-app #session-info{font-size:12px}#eco-app nav button{min-height:42px}#eco-app #access-modules .check{margin:4px 0}#eco-app #product-count{margin:12px 0}#eco-app #report-totals{font-size:18px;color:var(--ec-green)}#eco-app #access-result,#eco-app #product-status,#eco-app #price-edit-status,#eco-app #report-status{margin-top:12px;overflow-wrap:anywhere}#eco-app #sales-chart{width:100%;min-width:0;margin-top:12px}#eco-app #production-status,#eco-app #production-scan-status,#eco-app #dispatch-post-status{margin:12px 0;overflow-wrap:anywhere}#eco-app #sales-chart svg{display:block;max-width:100%}
body{margin:0;background:#f4f6f3} [hidden]{display:none!important} #eco-app #session-select{display:none} #eco-app .runtime-note{padding:12px;background:var(--ec-soft);border-radius:8px}