.shopMain{display:block;max-width:1160px;margin:36px auto;padding:0 24px}.shopMain h1{font-size:38px}.productsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.productCard{background:#fff;border:1px solid #d5e6e3;border-radius:22px;padding:26px;box-shadow:0 8px 24px #193b3310;display:flex;flex-direction:column;gap:14px}.productCard h2{margin:0;font-size:25px}.productPrice{font-size:36px;color:#008f89;font-weight:700}.productCard .primary{margin-top:auto}.commerceColumns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shopMain .adminbox{margin:22px 0}.shopMain form{display:grid;gap:13px}.shopMain textarea{font:inherit;min-height:76px;padding:10px;border:1px solid #b8c6c7;border-radius:9px}.orderRow{padding:18px 0;border-bottom:1px solid #e3ecea;display:flex;align-items:center;justify-content:space-between;gap:18px}.orderRow small{display:block}.orderState{display:inline-block;border-radius:20px;background:#e8f4ef;padding:4px 12px;margin:6px 0;color:#1a6750}#checkoutDialog,#reviewDialog{max-width:540px}dialog form{display:grid;gap:16px}#shopError{position:sticky;top:0;background:#fff3ef;z-index:12;border-radius:12px}#shopError:empty{display:none}#shopError:not(:empty){padding:15px}#productGrants{height:auto}#commerceAdmin[hidden]{display:none}.shopMain a{color:#087e73}@media(max-width:800px){.productsGrid{grid-template-columns:1fr 1fr}.commerceColumns{grid-template-columns:1fr}}@media(max-width:520px){.productsGrid{grid-template-columns:1fr}.shopMain{padding:0 16px}.orderRow{align-items:flex-start;flex-direction:column}.shopMain h1{font-size:30px}}

#createdCodeBox[hidden]{display:none}#createdCodeBox{padding:18px;background:#e8f6f1;border-radius:12px;margin:20px 0}.accessCodeText{font-family:monospace;overflow-wrap:anywhere}#accessCodeGrants{min-height:180px}#redeemCodes,#accessCodes{scroll-margin-top:20px}

[data-sales-panel][hidden]{display:none!important}.salesAdminMenu{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.salesAdminMenu button[aria-current="true"]{background:#008f89;color:#fff;border-color:#008f89}.adminMenu a{text-decoration:none}

.kpiGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.kpiGrid article{background:#f3f7fa;border:1px solid #dce6ed;padding:18px;border-radius:14px}.kpiGrid strong{display:block;font-size:25px;color:#154c59}.salesChart{display:flex;align-items:flex-end;gap:4px;overflow-x:auto;padding:20px 0;height:225px}.chartColumn{min-width:22px;flex:1;text-align:center}.chartColumn span{display:block;background:#218781;border-radius:5px 5px 0 0;min-height:1px}.chartColumn small{font-size:11px}#salesDashboard table{width:100%;border-collapse:collapse}#salesDashboard td,#salesDashboard th{padding:10px;text-align:left;border-bottom:1px solid #ddd}

.chartColumn b{display:block;font-size:11px;white-space:nowrap}.chartColumn small{font-size:10px}

.chartColumn .barStep0{height:0px}.chartColumn .barStep1{height:5px}.chartColumn .barStep2{height:10px}.chartColumn .barStep3{height:15px}.chartColumn .barStep4{height:20px}.chartColumn .barStep5{height:25px}.chartColumn .barStep6{height:30px}.chartColumn .barStep7{height:35px}.chartColumn .barStep8{height:40px}.chartColumn .barStep9{height:45px}.chartColumn .barStep10{height:50px}.chartColumn .barStep11{height:55px}.chartColumn .barStep12{height:60px}.chartColumn .barStep13{height:65px}.chartColumn .barStep14{height:70px}.chartColumn .barStep15{height:75px}.chartColumn .barStep16{height:80px}.chartColumn .barStep17{height:85px}.chartColumn .barStep18{height:90px}.chartColumn .barStep19{height:95px}.chartColumn .barStep20{height:100px}.chartColumn .barStep21{height:105px}.chartColumn .barStep22{height:110px}.chartColumn .barStep23{height:115px}.chartColumn .barStep24{height:120px}.chartColumn .barStep25{height:125px}.chartColumn .barStep26{height:130px}.chartColumn .barStep27{height:135px}.chartColumn .barStep28{height:140px}.chartColumn .barStep29{height:145px}.chartColumn .barStep30{height:150px}

.termPrices small{display:block}.pricingTermRow{border:1px solid #dce6ed;border-radius:12px;padding:16px;margin:12px 0}.pricingFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:650px){.pricingFields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.savingBadge{display:inline-block;background:#e3f4e7;color:#23643a;border:1px solid #abd6b6;border-radius:20px;padding:3px 10px;font-weight:700;margin:4px 0}.savingBasis{display:block;color:#64758b;font-size:12px}.termPrices>small{padding:6px 0;border-bottom:1px solid #e3eaf0}

.grantPicker{border:1px solid #dce6ed;border-radius:14px;padding:16px;margin:18px 0}.grantPicker details{margin:8px 0;border-top:1px solid #e3eaf0;padding-top:8px}.grantPicker summary{cursor:pointer;font-weight:bold}.grantCheckboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0}.grantChoice{align-items:flex-start;padding:10px;border:1px solid #e3eaf0;border-radius:10px;margin:0}.grantChoice input{flex:none;width:20px;height:20px;margin-top:4px}.grantChoice small{display:block;color:#64758b}.grantChoice:has(input:checked){border-color:#218781;background:#edf8f5}@media(max-width:650px){.grantCheckboxes{grid-template-columns:1fr}}

.grantPicker{height:auto;min-height:0}.grantPicker [data-grant-group]{margin:12px 0;padding-top:8px;border-top:1px solid #e3eaf0}.grantPicker h4{margin:8px 0}.grantPicker [hidden]{display:none!important}

.accountRight,.changeEntry{padding:18px 0;border-bottom:1px solid #e3eaf0}.accountRight{display:flex;align-items:center;justify-content:space-between;gap:16px}.changeEntry>small{display:block;color:#64758b}.changeEntry pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:380px;font:14px/1.6 Sarabun}.changeEntry td{vertical-align:top;padding:10px}.changeEntry summary{cursor:pointer}.automaticOffer{background:#edf8f5;border:1px solid #abd6b6;padding:14px;border-radius:12px;margin:12px 0}@media(max-width:650px){.accountRight{align-items:flex-start;flex-direction:column}}
.automaticOffer strong,.automaticOffer small{display:block;margin:6px 0}.checkoutLine{padding:12px 0;border-bottom:1px solid #dce6ed}