*{box-sizing:border-box}body{margin:0;background:#d7d9dc;color:#15232b;font-family:Arial,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #d6e0e4;border-radius:9px;padding:10px 13px;background:#fff;color:#233b45;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{background:#e8f5f7}header{height:76px;background:#102c35;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(25px,calc((100vw - 1220px)/2));gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:22px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:1.8px;color:#a9d3db;margin-top:5px}.mark{font-size:33px;color:#5bc2cf}nav{display:flex;gap:10px}nav button{background:#214650;border-color:#3b5d66;color:#fff}nav b{background:#39b6c7;border-radius:30px;padding:3px 7px}main{max-width:1220px;margin:auto;padding:28px 22px}.hero{background:linear-gradient(120deg,#143d47,#236c77);color:#fff;padding:35px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h1{margin:10px 0;font-size:34px}.hero p{margin:0;color:#cce3e8}.eyebrow{font-size:12px;letter-spacing:2px;color:#91d9e4}.contact{white-space:nowrap;font-size:20px;display:flex;gap:10px;align-items:center}.toolbar{display:flex;align-items:center;gap:12px;margin:24px 0;flex-wrap:wrap}.search{background:#fff;border:1px solid #d7e2e5;border-radius:10px;padding:0 13px;display:flex;align-items:center;gap:10px;flex:1;min-width:240px}.search input{border:0;outline:0;padding:15px 0;width:100%}.count{color:#637983;font-size:13px;white-space:nowrap}.primary{background:#087d90;color:#fff;border-color:#087d90}.primary:hover{background:#076477}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product{border:1px solid #b8c2c8;background:#eceeef;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:47% 53%;grid-template-rows:31px 150px 42px;box-shadow:0 2px 5px #1233}.code{grid-column:1/-1;text-align:center;background:#e3eff1;color:#31505b;font-size:13px;padding:8px;border-bottom:1px solid #c6dfe3}.photo{display:flex;align-items:center;justify-content:center;background:#bfc3c8;border-right:1px solid #e1ecee}.photo img{width:100%;height:100%;object-fit:contain}.placeholder{color:#8da9b1;text-align:center}.placeholder span{display:block;font-size:50px}.placeholder small{font-size:11px}.details{padding:15px 12px;overflow:auto}.details strong{font-size:21px;color:#083d49}.details p{font-size:13px;line-height:1.5;color:#51646b}.actions{grid-column:1/-1;display:flex;border-top:1px solid #e3ebed}.actions button{flex:1;border:0;border-radius:0;background:#eff8f9;color:#126779;font-size:13px}.actions .danger{flex:0 0 54px;color:#b84b4b;border-left:1px solid #e3ebed}.empty{text-align:center;padding:70px;color:#789}footer{text-align:center;padding:35px;color:#8a9ba1;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#081e26aa;display:flex;align-items:center;justify-content:center;padding:15px;z-index:10}.modal{background:#fff;border-radius:15px;width:100%;max-width:500px;max-height:92vh;overflow:auto;padding:24px;box-shadow:0 15px 60px #0005}.modalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modalHead h2{margin:0}.modalHead button{border:0}form{display:flex;flex-direction:column;gap:13px}label{font-size:13px;font-weight:600;color:#415b64;display:flex;flex-direction:column;gap:7px}label input,label textarea{padding:11px;border:1px solid #cbdadd;border-radius:8px;outline-color:#0b91a4}textarea{min-height:66px}.upload{border:1px dashed #9abcc4;padding:13px;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;align-items:center}.upload input{display:none}.preview{height:100px;object-fit:contain;background:#bfc3c8;border-radius:8px}.wide{width:100%;padding:13px}.cartRow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e9ea;padding:12px 0}.cartRow small,.order small{display:block;color:#789;margin-top:5px}.qty{display:flex;gap:10px;align-items:center}.qty button{padding:6px}.order{padding:12px 0;border-bottom:1px solid #e3e9ea}.order p{font-size:13px;color:#567}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:28px}}@media(max-width:580px){header{padding:12px;height:auto;flex-wrap:wrap}.brand strong{font-size:18px}nav button{font-size:12px}.grid{grid-template-columns:1fr}.hero{padding:24px;display:block}.contact{margin-top:20px}.product{grid-template-rows:31px 145px 42px}main{padding:16px 12px}}.imageUploadHint{font-size:12px;color:#637983;margin:0;line-height:1.4}.actions button.soldOut{background:#e8ecee;color:#7b4545;opacity:1;cursor:not-allowed;font-weight:700}.soldOutBadge{color:#a33;font-weight:700}.quoteContact{display:flex;align-items:center;justify-content:center;flex:1;background:#fff7e7;color:#805d1a;text-decoration:none;font-size:12px;padding:7px 3px}.pendingPrice{flex-direction:row;align-items:center;gap:8px}.pendingPrice input{width:18px;height:18px}.packLabel{display:block;font-size:12px;color:#31505b;margin-top:5px;line-height:1.3}@media(max-width:580px){.packLabel{font-size:11px;margin-top:4px}}.categorySection{margin:0 0 24px}.categoryHeading{display:flex;align-items:center;gap:12px;margin:0 0 12px;border-bottom:1px solid #c9dce0;padding-bottom:9px}.categoryHeading h2{font-size:20px;margin:0;color:#143d47}.categoryHeading>span,.reorderHint{font-size:12px;color:#637983}.categoryFilter{border:1px solid #d7e2e5;border-radius:9px;padding:11px;background:#fff;color:#233b45;max-width:100%;font:inherit}.reorderControls{grid-column:1/-1;display:flex;border-top:1px solid #d7e2e5}.reorderControls button{flex:1;border:0;border-radius:0;padding:7px 3px;font-size:11px;background:#f4f8f9}.product:has(.reorderControls){grid-template-rows:31px 150px 42px 34px}@media(max-width:580px){.categoryHeading h2{font-size:17px}.categoryFilter{font-size:13px}.product:has(.reorderControls){grid-template-rows:30px 115px minmax(74px,auto) 40px 34px}}@media(max-width:365px){.product:has(.reorderControls){grid-template-rows:29px 100px minmax(75px,auto) 40px 34px}}.orderActions{display:flex;flex-wrap:wrap;gap:8px}.orderActions .danger{color:#a33}.orderEditOverlay{z-index:20}.orderEditModal{max-width:580px}.orderEditHint{font-size:13px;line-height:1.5;color:#51646b}.orderEditLine{padding:12px 0;border-bottom:1px solid #d6e0e4}.orderEditLine>small{display:block;margin-top:7px;color:#51646b}.orderEditFields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:9px;align-items:end;margin-top:8px}.orderEditFields input{width:100%;min-width:0}.orderEditFields .danger{color:#a33;padding:11px}button:disabled{opacity:.6;cursor:wait}.catalogTools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-basis:100%;padding:12px;background:#e3eff1;border-radius:9px}.catalogTools>span{font-size:12px;flex-basis:100%;color:#31505b}.backupUpload{position:relative;display:inline-flex;flex-direction:row;align-items:center;overflow:hidden;background:#fff;border:1px solid #d6e0e4;border-radius:9px;padding:10px 13px;font-weight:400;cursor:pointer}.backupUpload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.feedback{position:fixed;left:50%;transform:translate(-50%);top:12px;z-index:30;width:calc(100% - 24px);max-width:650px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-radius:9px;box-shadow:0 4px 20px #0003}.errorFeedback{background:#fff0ed;border:1px solid #df9180;color:#812e1c}.catalogNotice{background:#e9f7ed;border:1px solid #a3d5b2;color:#205b32;padding:12px;border-radius:9px;margin-bottom:12px;font-size:14px}@media(max-width:580px){.catalogTools button,.backupUpload{font-size:12px;padding:9px}.feedback{font-size:13px}}.actions button>span{display:inline-flex;align-items:center;justify-content:center;gap:3px}.actions button.added{background:#167447;color:#fff}.actions button:active{filter:brightness(.9)}.brandLogo{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:9px}@media(max-width:580px){.brandLogo{width:38px;height:38px;border-radius:7px}}.contact{color:inherit;text-decoration:none}.contacts{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.contactGroup{display:flex;flex-direction:column;gap:6px}.contactGroup+.contactGroup{margin-top:4px;padding-top:10px;border-top:1px solid #ffffff40}.contactGroup>span{font-size:12px;color:#cce3e8}@media(max-width:365px){.contacts{margin-top:8px}.contacts .contact{margin-top:0}}.demoWarning{font-size:13px;line-height:1.5;background:#fff7e7;border:1px solid #f2d9a7;padding:10px;border-radius:8px}.pinError{color:#a33;font-size:13px;margin:0}@media(max-width:580px){header{padding:12px 14px;min-height:62px;flex-wrap:nowrap;gap:8px}.brand{gap:7px;min-width:0}.mark{font-size:26px}.brand strong{font-size:16px;letter-spacing:.4px;white-space:nowrap}.brand small{font-size:8px;letter-spacing:.7px}nav{gap:5px}nav button{font-size:0;padding:8px;gap:4px;min-height:39px}nav button svg{width:19px;height:19px}nav b{font-size:12px}main{padding:12px 10px}.hero{padding:16px 18px;border-radius:12px;display:flex;align-items:center;gap:8px}.hero h1{font-size:20px;margin:5px 0}.hero p{font-size:12px;line-height:1.4}.eyebrow{font-size:9px;letter-spacing:1px}.contact{font-size:13px;margin:0;white-space:nowrap}.contact svg{width:14px;height:14px}.toolbar{margin:13px 0 12px;gap:7px}.search{min-width:0;flex-basis:100%;padding:0 10px}.search input{font-size:14px;padding:12px 0}.count{font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product{min-width:0;grid-template-columns:1fr;grid-template-rows:30px 115px minmax(74px,auto) 40px;border-radius:10px}.code{grid-column:1;font-size:12px;padding:7px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo{border-right:0;border-bottom:1px solid #e1ecee;min-width:0}.placeholder span{font-size:35px}.placeholder small{font-size:10px}.details{padding:8px 9px;overflow:hidden}.details strong{font-size:17px}.details p{font-size:11px;line-height:1.3;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.actions{grid-column:1}.actions button{font-size:11px;padding:7px 2px;gap:3px}.actions button svg{width:14px;height:14px}.modal{padding:18px}.modalHead h2{font-size:20px}}@media(max-width:365px){.hero{display:block}.contact{margin-top:8px}.brand small{font-size:7px}.brand strong{font-size:14px}.product{grid-template-rows:29px 100px minmax(75px,auto) 40px}}.customerList{margin-top:20px}.customerEntry{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #ccd5d8}.customerEntry small{display:block;color:#52666d;margin-top:4px}.customerManager{max-width:960px;padding:26px;background:#f7f9fa}.customerManager .modalHead{align-items:flex-start}.customerManager h2{display:flex;align-items:center;gap:10px;font-size:25px;color:#123e49}.customerEyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#62808b;margin-bottom:9px}.customerManager .modalHead p{font-size:13px;color:#6b7f87;margin:9px 0 0}.customerStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.customerStats>div{background:#fff;border:1px solid #dce5e8;border-radius:12px;padding:16px}.customerStats span{font-size:12px;color:#637982}.customerStats strong{display:block;font-size:28px;margin-top:8px;color:#173d47}.customerStats>div:nth-child(2) strong{color:#16805d}.customerToolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}.customerToolbar .search{min-width:220px}.customerToolbar .search input{font-size:13px}.customerToolbar .search button{border:0;padding:5px}.customerToolbar select{border:1px solid #d7e2e5;border-radius:9px;padding:10px;background:#fff;font:inherit;font-size:13px;color:#415b64}.customerToolbar>.primary{font-size:13px}.customerResults{font-size:12px;color:#637982;margin-top:20px}.customerManager .customerList{margin-top:10px;background:#fff;border:1px solid #dce5e8;border-radius:12px;overflow:hidden}.customerManager .customerEntry{display:grid;grid-template-columns:minmax(0,1fr) 100px 230px;padding:14px 16px;border-top:1px solid #edf0f2;gap:14px}.customerManager .customerEntry:first-child{border-top:0}.customerIdentity{display:flex;gap:12px;align-items:center;min-width:0}.customerIdentity b{font-size:14px;overflow-wrap:anywhere}.customerAvatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:#e8f2f3;border:1px solid #d6e8eb;color:#237082;border-radius:10px;font-size:17px;font-weight:700}.customerPhone{display:block;margin-top:5px;font-size:13px;color:#66808b;font-variant-numeric:tabular-nums;letter-spacing:.5px}.customerBadge{justify-self:start;background:#edf0f2;color:#6b7780;border-radius:20px;padding:5px 9px;font-size:11px;white-space:nowrap}.customerBadge.active{background:#e5f6ed;color:#247554}.customerRowActions{display:flex;gap:6px;justify-content:flex-end}.customerRowActions button{font-size:12px;padding:8px 10px;white-space:nowrap}.customerPagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:#6b7f87}.customerPagination>div{display:flex;align-items:center;gap:12px}.customerPagination button{padding:7px}.customerEmpty{padding:35px;text-align:center;color:#6b7f87}.customerEmpty h3{font-size:16px}.customerEmpty p{font-size:13px}.customerCreate,.customerManager .passwordReset{background:#fff;border:1px solid #cadddf;border-radius:12px;padding:20px;margin-top:16px}.customerCreate h3,.passwordReset h3{margin:0;font-size:17px}.customerCreate p,.passwordReset p{font-size:12px;color:#637982;margin:0}.customerCreate .primary{align-self:flex-start}.customerManager button:disabled{opacity:.45;cursor:default}.customerManager .passwordReset{border-color:#087d90}@media(max-width:650px){.customerManager{padding:16px}.customerManager h2{font-size:21px}.customerStats{gap:7px;margin:16px 0}.customerStats>div{padding:11px 9px}.customerStats span{font-size:10px}.customerStats strong{font-size:23px}.customerToolbar .search{flex-basis:100%;min-width:0}.customerToolbar>.primary{flex:1}.customerManager .customerEntry{grid-template-columns:minmax(0,1fr) auto;padding:13px 12px;gap:10px}.customerRowActions{grid-column:1/-1;justify-content:flex-end}.customerIdentity b{font-size:13px}.customerAvatar{width:32px;height:32px}.customerBadge{font-size:10px}.customerEmpty{padding:25px 12px}}.customerManager .customerList{max-height:46vh;overflow-y:auto;overscroll-behavior:contain}.customerManager .customerPagination{padding-bottom:4px}.customerManager .customerList{max-height:clamp(160px,calc(92vh - 400px),420px)}.customerLocation{display:flex;align-items:center;gap:4px;font-size:11px;color:#66808b;margin-top:5px}.customerManager .customerEntry{grid-template-columns:minmax(0,1fr) 95px 285px}.customerCreate{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customerCreate h3,.customerCreate>p{grid-column:1/-1}.customerPhone{overflow-wrap:anywhere}.customerToolbar select{max-width:190px}@media(max-width:720px){.customerManager .customerEntry{grid-template-columns:minmax(0,1fr) auto}.customerRowActions{grid-column:1/-1}.customerCreate{grid-template-columns:1fr}.customerCreate h3,.customerCreate>p{grid-column:auto}.customerToolbar select{flex:1;min-width:0}}.orderStatus{display:inline-flex;padding:5px 9px;margin-top:9px;background:#fff3d8;color:#866018;border-radius:20px;font-size:11px}.orderStatus.confirmed{background:#e3f5ec;color:#217252}.orderActions,.categoryHeading{flex-wrap:wrap}.categoryMoveControls{display:flex;gap:7px;margin-left:auto}.categoryMoveControls button{font-size:12px;padding:7px 10px}.categoryMoveControls button:disabled{opacity:.4;cursor:default}@media(max-width:580px){.categoryMoveControls{width:100%;justify-content:flex-end}.categoryMoveControls button{font-size:11px}}