.shop-shell{max-width:1440px;margin:auto;min-height:74vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.shop-nav{background:#f2f8fd;padding:30px 20px;display:flex;flex-direction:column;gap:5px;align-self:stretch}.shop-nav a{padding:11px 14px;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600}.shop-nav a.active{background:#082957;color:#fff}.shop-nav .nav-caption{font-size:12px;color:#637b93;margin:20px 14px 8px;text-transform:uppercase;letter-spacing:1px}.shop-content{padding:38px;min-width:0}.shop-content h1{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px}.shop-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.wallet-pill{background:#eaf7f2;color:#1a6644;padding:10px 16px;border-radius:24px;font-size:14px;white-space:nowrap}.product-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card,.shop-card{border:1px solid #dbe3ed;border-radius:12px;background:#fff;padding:20px}.product-card img{height:190px;width:100%;object-fit:contain;background:#f7fafc;border-radius:8px}.product-card h3{margin:16px 0 6px;font-size:18px}.product-card p{font-size:14px;color:#62748a}.product-card .price{font-size:21px;color:#082957;font-weight:700}.product-card .primary{margin-top:15px}.shop-toolbar{display:flex;gap:12px;align-items:center;margin:20px 0;flex-wrap:wrap}.shop-toolbar input,.shop-toolbar select{width:auto;flex:1;min-width:160px;margin:0}.shop-table{overflow:auto}.shop-table table{width:100%;border-collapse:collapse;font-size:14px}.shop-table th,.shop-table td{text-align:left;padding:13px;border-bottom:1px solid #e2e8f0;vertical-align:top}.shop-table th{background:#f5f8fc;white-space:nowrap}.shop-table input,.shop-table select{min-width:110px;margin:0;padding:8px}.shop-table button{white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stat{padding:22px;background:#f2f8fd;border-radius:10px}.stat span{display:block;color:#62748a;font-size:14px}.stat strong{font-size:26px;display:block;margin-top:10px}.shop-card{margin:20px 0}.shop-card .primary{width:auto}.shop-form{max-width:820px}.product-image-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px}.payment-qr{display:block;width:280px;max-width:100%;margin:20px auto}.permission-options{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.permission-options label{display:flex;gap:8px;align-items:center}.permission-options input{width:18px;margin:0}.product-details{white-space:pre-wrap;font-size:14px}.tool-card a{font-size:18px;font-weight:700;display:block;margin:12px 0;text-decoration:none}.tool-icon{font-size:26px}.shop-empty{padding:50px 20px;background:#f5f9fc;text-align:center;border-radius:12px}.shop-content .notice{margin-bottom:20px}.shop-content .details{padding:16px}.shop-content .row{align-items:start}.shop-content .secondary{display:inline-block;text-decoration:none}.stock-out{color:#986325;font-size:13px}.line-remove{color:#ae2940}.cart-total{text-align:right;font-size:24px;margin:24px 0}.tabs-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tabs-row a{padding:8px 14px;border:1px solid #dbe3ed;border-radius:8px;text-decoration:none}.tabs-row a.active{background:#082957;color:#fff}@media(max-width:1050px){.product-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-content{padding:28px 22px}.shop-shell{grid-template-columns:185px minmax(0,1fr)}}@media(max-width:760px){.shop-shell{display:block}.shop-nav{flex-direction:row;overflow:auto;padding:12px;align-items:center}.shop-nav a{white-space:nowrap}.shop-nav .nav-caption{display:none}.shop-content{padding:25px 18px}.shop-top{align-items:flex-start;flex-wrap:wrap}.shop-content h1{font-size:28px}.stat-grid{grid-template-columns:1fr 1fr}.product-grid,.tool-grid{grid-template-columns:1fr 1fr;gap:12px}.product-card{padding:12px}.product-card img{height:150px}}@media(max-width:430px){.product-grid,.tool-grid,.stat-grid{grid-template-columns:1fr}}

.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-grid .tool-card{position:relative;margin:0;padding:22px 24px 20px 84px;min-height:150px}.tool-icon{position:absolute;left:20px;top:22px;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#009fd5;color:white}.tool-card:nth-child(3n+2) .tool-icon{background:#ec006f}.tool-card:nth-child(3n) .tool-icon{background:#259875}.tool-card h3{margin:0 0 12px;font-size:18px}.tool-card p{margin:8px 0;color:#62748a}.tool-card a{font-size:14px;margin-bottom:0}@media(max-width:760px){.tool-grid{grid-template-columns:1fr}}
/* Focused account navigation and forms that open on demand. */
.account-menu{position:relative;z-index:30}.account-menu>summary{list-style:none;cursor:pointer;border:1px solid #dbe3ed;border-radius:9px;padding:11px 17px;font-size:14px;font-weight:600;white-space:nowrap}.account-menu>summary:after{content:'⌄';margin-left:12px}.account-menu>summary::-webkit-details-marker{display:none}.account-menu[open]>summary{background:#f2f8fd}.account-menu nav{position:absolute;right:0;top:calc(100% + 10px);width:230px;padding:10px;background:#fff;border:1px solid #dbe3ed;border-radius:12px;box-shadow:0 12px 36px #08295720;display:flex;flex-direction:column}.account-menu nav a,.account-menu nav button{display:block;text-align:left;padding:10px 12px;border-radius:6px;text-decoration:none;font-size:14px}.account-menu nav p{margin:4px 12px 8px;padding-bottom:10px;border-bottom:1px solid #e8edf3;font-size:13px;color:#62748a}.account-menu nav button:hover{background:#edf6fc}.nav-group summary{padding:11px 14px;cursor:pointer;font-size:14px;font-weight:600}.nav-group a{display:block;margin-left:8px}.nav-group[open]{padding-bottom:8px}.shop-nav{align-self:start;min-height:calc(100vh - 190px)}.shop-content h2{font-size:23px;letter-spacing:-.5px}.disclosure{border:1px solid #dbe3ed;border-radius:10px;margin:16px 0;background:white}.disclosure>summary{padding:17px 20px;cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}.disclosure>summary:after{content:'+';margin-left:auto;font-size:20px;color:#6a8094}.disclosure[open]>summary:after{content:'−'}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary span{font-size:12px;font-weight:400;color:#62748a}.disclosure[open]>summary{border-bottom:1px solid #e8edf3;background:#f7fafc;border-radius:10px 10px 0 0}.disclosure>form,.disclosure>.shop-card,.disclosure>.record-actions,.disclosure>div:not(.shop-table){padding:20px;margin:0;border:0}.disclosure .shop-card{border-radius:0}.disclosure .primary{width:auto}.shop-table .disclosure{margin:0;min-width:160px}.shop-table .disclosure>summary{padding:8px 12px;font-size:13px;white-space:nowrap}.record-actions{display:flex;flex-direction:column;gap:10px}.record-actions input{min-width:120px}.record-actions a,.record-actions button{margin:0}.wallet-summary{background:#f2f8fd;border-radius:14px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.wallet-summary span{color:#62748a;font-size:14px}.wallet-summary strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:6px}.wallet-summary .primary{width:auto;margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin:0}.topup-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:30px;align-items:center}.payment-qr{width:280px;height:auto;max-width:100%;background:#fff;border:1px solid #e5eaf0;padding:10px}.tool-save-status{font-size:14px;color:#26734e}.tool-editor .actions .primary{margin:0}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.overview-card{padding:24px;border:1px solid #dbe3ed;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;gap:8px}.overview-card:hover{border-color:#009fe3;background:#f7fbff}.overview-card strong{font-size:17px}.overview-card span{color:#62748a;font-size:14px}.customer:has(>.disclosure){border:0;padding:0}.shop-content .dashboard-top h1{font-size:23px}.shop-content .dashboard-top .eyebrow{display:none}
@media(max-width:900px){.topup-layout{grid-template-columns:1fr}.topup-layout form{width:100%}.topup-layout .payment-qr{margin:12px auto}}@media(max-width:760px){.shop-nav{min-height:0;overflow:visible;flex-wrap:wrap;gap:3px;padding:12px}.shop-nav a{font-size:13px;padding:8px 10px}.nav-group{flex-basis:100%;border-top:1px solid #e1e9f1}.nav-group summary{padding:9px 10px}.overview-card{padding:18px}.wallet-summary{padding:20px}.disclosure>summary{padding:15px;flex-wrap:wrap}.tool-editor summary span{flex-basis:100%}.disclosure>form{padding:16px}.account-menu nav{right:0}.shop-top{margin-bottom:22px}}@media(max-width:430px){.overview-grid{grid-template-columns:1fr}.wallet-summary strong{font-size:28px}.wallet-summary .primary{padding:12px 15px}.tool-editor .row{grid-template-columns:1fr}}
.shop-nav{position:sticky;top:0}.shop-top{padding-bottom:16px;border-bottom:1px solid #e5ebf1}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-card{background:#fff;box-shadow:0 4px 14px #0829570a}.overview-card strong{color:#082957}.shop-table tbody tr:hover{background:#f8fbfd}.document-actions{margin-bottom:8px}.order-dispatch{min-width:230px}.order-dispatch label{margin:6px 0}.order-dispatch input{width:100%}.excel-download{white-space:nowrap}@media(max-width:1050px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shop-nav{position:static}.overview-grid{grid-template-columns:1fr}.shop-top .excel-download{order:3;width:100%}}
.shop-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nav-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#d81b39;color:#fff;font-size:.75rem;line-height:1}
.attention-section{margin:0 0 28px;padding:22px;border:1px solid #f0cf9b;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#fff)}
.attention-section .panel-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.attention-section h2{margin:3px 0 0}.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.attention-card{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px;border:1px solid #e8d5b8;border-radius:11px;background:#fff;color:#092e62;text-decoration:none}.attention-card:hover{border-color:#0b60c8;box-shadow:0 5px 18px #123b6514}.attention-card strong{display:grid;place-items:center;min-width:42px;height:42px;border-radius:10px;background:#fff1dc;color:#b24700;font-size:1.25rem}.attention-card span{font-weight:700;line-height:1.25}
.analytics-filters{display:grid;align-items:end;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto}.analytics-filters label{margin:0}.analytics-summary{margin:20px 0}
.tool-pvc-order{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px auto;padding:16px 18px;max-width:1200px;border:1px solid #b8dfcc;border-radius:12px;background:#effbf5}.tool-pvc-order p{margin:0;color:#174b35;font-weight:600}.tool-pvc-order-link{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:11px 17px;border-radius:8px;background:#087e56;color:#fff;font-weight:700;text-decoration:none}
@media(max-width:800px){.analytics-filters{grid-template-columns:1fr 1fr}.attention-section .panel-heading,.tool-pvc-order{align-items:flex-start;flex-direction:column}}