:root{--green:#174d36;--ink:#1e3027;--muted:#718077;--cream:#f7f7f1;--line:#e1e6db;--yellow:#f0c950}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:11px 17px;background:white;color:var(--ink);font-weight:600}button:hover{border-color:var(--green);background:#f0f4ec}button:disabled{opacity:.5;cursor:wait}input,select,textarea{border:1px solid var(--line);border-radius:9px;padding:12px;background:white;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #c1d9ad;outline-offset:1px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#236443;color:white}.eyebrow{font-size:11px!important;letter-spacing:2px;font-weight:750;color:var(--green)}header{display:flex;align-items:center;gap:50px;padding:20px 5%;border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:12px;color:var(--green);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:1px}.brand>span{font-size:43px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}nav{display:flex;gap:9px}nav button{border:none;background:none;color:var(--muted)}nav .nav-active{background:#edf3e7;color:var(--green)}.header-right{margin-left:auto;display:flex;align-items:center;gap:15px}.connection{font-size:11px;border-radius:30px;background:#eef3e8;padding:7px 12px;color:var(--green)}.offline{background:#fff1cb;color:#855e08}main{max-width:1600px;margin:auto;padding:34px 5% 60px}.intro{display:flex;align-items:center;justify-content:space-between;padding:26px 35px;border:1px solid #dfe6d4;border-radius:18px;background:#eaf0df;position:relative;overflow:hidden}.intro h1{font-family:Georgia,serif;font-size:37px;font-weight:500;margin:9px 0 10px;letter-spacing:-1px}.intro p{font-size:14px;color:#5e725e}.intro-mark{font-family:Georgia,serif;font-size:150px;color:#b3c89e;line-height:1;transform:rotate(-15deg);margin-right:50px}.tools{display:flex;gap:12px;margin:27px 0 16px}.search-wrap{display:flex;flex:1;align-items:center;border:1px solid var(--line);border-radius:11px;background:white;padding:0 15px}.search-wrap>span{font-size:29px;color:var(--green)}.search-wrap input{width:100%;border:none;background:none;padding:15px}.sales-controls{display:flex;align-items:end;gap:17px;padding-bottom:25px;border-bottom:1px solid var(--line)}.sales-controls label:first-child{width:330px}.sales-controls label:nth-child(2){width:200px}.reference{font-size:11px;max-width:220px;color:var(--muted);line-height:1.5;padding-bottom:7px}.catalog-layout{display:grid;grid-template-columns:210px 1fr;gap:30px;margin-top:27px}.categories h3{margin:8px 0 18px}.categories button{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:12px;padding:10px 12px;margin:3px 0}.categories button.active{background:#e7eedf;color:var(--green)}#categories{max-height:440px;overflow:auto}.route-note{margin-top:30px;padding:18px;background:#eeefe6;border-radius:12px}.route-note>span{display:block;font-size:25px;color:var(--green);margin-bottom:8px}.route-note strong{font-size:13px}.route-note p,.route-note small{font-size:11px;line-height:1.6;color:var(--muted)}.route-note button{padding:8px 0;color:var(--green)}.route-note small{display:block}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.section-head h2{font-size:19px;margin:0 0 6px}.section-head p{font-size:12px;color:var(--muted);margin:0}.photo-filter{flex-direction:row;align-items:center;color:var(--muted);font-weight:400;white-space:nowrap}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .15s,box-shadow .15s}.product:hover{transform:translateY(-3px);box-shadow:0 8px 22px #244b2510}.product-picture{height:180px;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer;position:relative}.product-picture img{width:100%;height:100%;object-fit:contain;padding:13px}.photo-placeholder{color:#acb99c;font-size:53px;background:#f4f6ef;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.photo-placeholder small{font-size:10px;margin-top:5px;color:var(--muted)}.product-info{padding:14px;border-top:1px solid #f1f2ec}.product-category{font-size:9px;letter-spacing:1px;color:#7d8877;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product h3{font-size:12px;font-weight:650;line-height:1.5;margin:7px 0;min-height:36px;cursor:pointer}.product-code{font-size:10px;color:var(--muted);margin-bottom:13px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.product-price{font-weight:750;font-size:18px}.product-price small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.add-button{background:#eef4e7;color:var(--green);padding:6px 12px;font-size:21px;border:0}#more{display:block;margin:25px auto}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 5%;font-size:10px;color:var(--muted);letter-spacing:1px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{align-self:center;max-width:420px;width:100%;margin:auto;padding:35px}.brand-icon{font-size:70px;color:var(--green)}.login h1{font-family:Georgia,serif;font-size:38px;font-weight:500;line-height:1.15}.login-card>p{color:var(--muted);font-size:14px}.login form{display:grid;gap:18px;margin:25px 0}.login small{color:var(--muted);font-size:11px}.login-art{background:#dbe8c9;color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.login-art>span{font-size:200px;line-height:1}.login-art h2{font:40px/1.2 Georgia,serif;font-weight:400}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;max-width:760px;width:calc(100% - 30px);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#15291f80;backdrop-filter:blur(3px)}.close{position:absolute;right:14px;top:12px;border:0;font-size:25px;padding:2px 9px;z-index:2}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.detail-grid img{width:100%;max-height:350px;object-fit:contain}.detail-grid h2{font:26px/1.25 Georgia,serif}.detail-grid p{font-size:12px;color:var(--muted)}.detail-grid input[type=number]{width:100px}.detail-grid .primary{margin-top:15px;width:100%}.upload{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.upload input{width:100%}.cart-line{display:grid;grid-template-columns:1fr 90px 85px 25px;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-line strong{font-size:12px}.cart-line small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.cart-line input{width:85px}.cart-line>button{border:0;padding:4px;background:none;color:#906859}.cart-total{display:flex;justify-content:space-between;margin-top:25px}.cart-total strong{font-size:24px}.fine{color:var(--muted);font-size:11px;line-height:1.6}.cart-actions{display:flex;gap:10px;margin-top:20px}textarea{width:100%;resize:vertical}.drafts{display:grid;gap:15px;margin-top:30px}.draft{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.draft small{display:block;color:var(--muted);margin-top:6px}.user-form{display:flex;gap:15px;align-items:end;background:#eaf0df;padding:25px;border-radius:13px;margin:25px 0}.user-row{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;background:var(--green);color:white;padding:14px 23px;border-radius:10px;font-size:13px;box-shadow:0 5px 30px #0003}.customer-view .sales-controls,.customer-view .header-right,.customer-view nav{display:none}.customer-view .intro{background:#f6efd5}.customer-view .product-picture{height:230px}[hidden]{display:none!important}@media(min-width:1550px){.products{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}header{gap:20px}.catalog-layout{grid-template-columns:175px 1fr;gap:20px}.intro-mark{margin:0}}@media(max-width:850px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.header-right .connection{display:none}.reference{display:none}.intro h1{font-size:29px}.intro-mark{font-size:100px}.user-form{flex-wrap:wrap}.login{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:600px){header{padding:15px 4%;gap:8px;flex-wrap:wrap}.brand{font-size:16px}.brand>span{font-size:33px}nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:8px;margin-top:5px}nav button{font-size:12px;padding:8px}.header-right button{font-size:11px;padding:7px}main{padding:20px 4% 35px}.intro{padding:20px}.intro h1{font-size:25px}.intro p{font-size:12px}.intro-mark{display:none}.tools{flex-wrap:wrap;margin-top:18px}.search-wrap{flex-basis:100%}.tools>button{flex:1;font-size:12px}.sales-controls{gap:10px}.sales-controls label{font-size:10px;width:50%!important}.sales-controls select{font-size:12px;padding:10px 6px}.catalog-layout{display:block;margin-top:18px}.categories h3,.categories>.eyebrow,.route-note{display:none}#categories{display:flex;gap:7px;overflow:auto;padding-bottom:15px;max-height:none;margin-bottom:10px}.categories button{width:auto;white-space:nowrap;border:1px solid var(--line);background:white;margin:0}.products{gap:11px}.product-picture{height:155px}.product-info{padding:11px}.product h3{font-size:11px}.product-price{font-size:16px}.product-category{font-size:8px}.product-code{font-size:9px}.section-head h2{font-size:16px}.section-head{gap:8px}.photo-filter{font-size:10px}.detail-grid{grid-template-columns:1fr}.detail-grid img{max-height:230px}.detail-grid h2{font-size:23px}dialog{padding:25px 20px}.cart-line{grid-template-columns:1fr 68px 65px 20px;gap:5px}.cart-line input{width:65px;padding:9px}.cart-line strong{font-size:10px}.cart-line>span{font-size:12px}.draft{flex-wrap:wrap}footer{font-size:8px;letter-spacing:0}.customer-view .product-picture{height:180px}}

.tax-row{display:flex;justify-content:space-between;font-size:13px;margin-top:12px;color:var(--muted)}#cartTaxBreakdown{margin-top:18px;padding-top:5px;border-top:1px solid var(--line)}

#quantityDialog{max-width:440px}#quantityDialog h2{font-size:22px;line-height:1.35;padding-right:10px}#quickQty{font-size:27px;padding:16px}#quickError{font-size:12px;color:#a53320}

.provider-filters{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;font-size:11px;color:var(--muted)}.provider-filters summary{cursor:pointer}.provider-filters label{margin-top:14px;font-size:11px}.provider-filters select{width:100%;font-size:11px}.classify-button{padding:6px 10px;font-size:10px;background:#f6efd5;color:#6a571e;margin-bottom:12px}.categories .uncategorized{color:#8b6321;background:#f7f0d9}#classificationDialog{max-width:500px}#classificationDialog h2{font-size:20px;padding-right:15px}#classificationForm{display:grid;gap:17px}#classificationPreview{margin:0}#classificationError{font-size:12px;color:#a53320}
.price-group{min-width:0;flex:1}.price-group>small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px}.product-prices{display:flex;gap:8px;min-width:0}.price-cell{flex:1;min-width:0}.price-cell small,.detail-prices small{display:block;font-size:9px;font-weight:500;color:var(--muted);margin-bottom:3px}.price-cell strong{display:block;font-size:13px;white-space:nowrap}.detail-prices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0}.detail-prices .product-price{display:block}.detail-prices strong{font-size:21px}.product-bottom{align-items:flex-start}.add-button{align-self:center}
@media(max-width:600px){html,body{width:100%;max-width:100%;overflow-x:hidden}header{width:100%;padding-left:14px;padding-right:14px}main{width:100%;max-width:100%;padding-left:14px;padding-right:14px}.intro{min-width:0;padding:16px}.intro h1{font-size:23px;overflow-wrap:anywhere}.sales-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.sales-controls label:first-child,.sales-controls label:nth-child(2){width:auto!important;min-width:0}.sales-controls select{max-width:100%;min-width:0}.reference{grid-column:1/-1;display:block;max-width:none;padding-bottom:0}.tools{gap:8px}.search-wrap{min-width:0}.product,.product-info,.product-bottom,.price-group{min-width:0}.product h3{overflow-wrap:anywhere}.product-prices{gap:4px}.price-cell strong{font-size:clamp(10px,3.2vw,12px);overflow:hidden}.product-bottom .add-button{flex:0 0 34px;padding:5px}.cart-line{grid-template-columns:minmax(0,1fr) 54px 57px 18px;gap:4px}.cart-line input{width:54px;min-width:0}.cart-actions{flex-wrap:wrap}.cart-actions button{flex:1 1 100%}.draft{min-width:0}footer{gap:10px;flex-wrap:wrap}}@media(max-width:360px){.products{grid-template-columns:minmax(0,1fr)}.product-picture{height:210px}.product h3{font-size:13px}.product-prices{gap:12px}.price-cell strong{font-size:14px}}
.search-wrap{position:relative;z-index:5}.search-suggestions{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:min(60vh,440px);overflow-y:auto;background:white;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 12px 28px #1e302725;z-index:30}.search-suggestion{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid #eef0e9;border-radius:0;padding:11px 14px}.search-suggestion:last-child{border-bottom:0}.search-suggestion>span:first-child{min-width:0}.search-suggestion strong,.search-suggestion small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion strong{font-size:12px}.search-suggestion small{font-size:10px;color:var(--muted);margin-top:4px}.search-suggestion>span:last-child{font-size:10px;color:var(--green);white-space:nowrap}.search-suggestion.suggestion-active,.search-suggestion:hover{background:#edf3e7}#offlineStatus{display:block;line-height:1.5}
@media(max-width:600px){.categories .route-note{display:block;margin:4px 0 14px;padding:12px}.route-note>span{display:none}.route-note p{margin:6px 0;font-size:10px}.route-note strong{font-size:11px}.route-note button{padding:8px 0;font-size:11px}.route-note small{font-size:10px}}