.payment-channels-page[data-v-0fa8cce7]{padding:20px;max-width:1400px;margin:0 auto}.page-header[data-v-0fa8cce7]{margin-bottom:24px}.page-header h2[data-v-0fa8cce7]{margin:0 0 16px;font-size:24px;color:#1a1b1c}.stats-bar[data-v-0fa8cce7]{display:flex;gap:16px;flex-wrap:wrap}.stat-item[data-v-0fa8cce7]{background:#fff;border:1px solid #e4e3dd;border-radius:12px;padding:12px 20px;display:flex;flex-direction:column;gap:4px;min-width:100px}.stat-label[data-v-0fa8cce7]{font-size:12px;color:#6b7280}.stat-value[data-v-0fa8cce7]{font-size:24px;font-weight:600;color:#1a1b1c}.stat-value.active[data-v-0fa8cce7]{color:#52c41a}.filter-bar[data-v-0fa8cce7]{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filter-group[data-v-0fa8cce7]{display:flex;align-items:center;gap:8px}.filter-group label[data-v-0fa8cce7]{font-size:14px;color:#6b7280}.filter-group select[data-v-0fa8cce7],.filter-group input[data-v-0fa8cce7]{padding:8px 12px;border:1px solid #e4e3dd;border-radius:8px;font-size:14px;background:#fff}.channels-grid[data-v-0fa8cce7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.channel-card[data-v-0fa8cce7]{background:#fff;border:1px solid #e4e3dd;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;gap:12px}.channel-card[data-v-0fa8cce7]:hover{border-color:#9eacea;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.channel-card.disabled[data-v-0fa8cce7]{opacity:.6}.channel-icon[data-v-0fa8cce7]{width:48px;height:48px;background:#f4f3ee;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-info[data-v-0fa8cce7]{flex:1;min-width:0}.channel-info h3[data-v-0fa8cce7]{margin:0 0 4px;font-size:16px;color:#1a1b1c}.channel-category[data-v-0fa8cce7]{font-size:12px;color:#9eacea;background:#9eacea1a;padding:2px 8px;border-radius:4px}.channel-desc[data-v-0fa8cce7]{font-size:13px;color:#6b7280;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-meta[data-v-0fa8cce7]{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.region-tag[data-v-0fa8cce7]{font-size:11px;padding:2px 6px;border-radius:4px}.region-tag.domestic[data-v-0fa8cce7]{background:#52c41a1a;color:#52c41a}.region-tag.international[data-v-0fa8cce7]{background:#8bc8ea26;color:#5b9bd5}.region-tag.cross-border[data-v-0fa8cce7]{background:#e1b98f26;color:#c49060}.mode-tag[data-v-0fa8cce7]{font-size:11px;color:#6b7280;background:#f4f3ee;padding:2px 6px;border-radius:4px}.channel-currencies[data-v-0fa8cce7]{display:flex;gap:4px;flex-wrap:wrap}.currency-tag[data-v-0fa8cce7]{font-size:10px;color:#6b7280;background:#f4f3ee;padding:1px 5px;border-radius:3px}.channel-status[data-v-0fa8cce7]{flex-shrink:0}.status-badge[data-v-0fa8cce7]{font-size:12px;padding:4px 8px;border-radius:6px}.status-badge.active[data-v-0fa8cce7]{background:#52c41a1a;color:#52c41a}.status-badge.pending[data-v-0fa8cce7]{background:#faad141a;color:#faad14}.status-badge.deprecated[data-v-0fa8cce7]{background:#ea66681a;color:#ea6668}.empty-state[data-v-0fa8cce7]{text-align:center;padding:60px 20px;color:#6b7280}.modal-overlay[data-v-0fa8cce7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-0fa8cce7]{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header[data-v-0fa8cce7]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e4e3dd}.modal-header h3[data-v-0fa8cce7]{margin:0;font-size:18px}.close-btn[data-v-0fa8cce7]{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-0fa8cce7]{padding:20px}.detail-row[data-v-0fa8cce7]{display:flex;margin-bottom:12px;font-size:14px}.detail-label[data-v-0fa8cce7]{width:100px;color:#6b7280;flex-shrink:0}.detail-value[data-v-0fa8cce7]{color:#1a1b1c;flex:1}.detail-link[data-v-0fa8cce7]{color:#9eacea;text-decoration:none}.modal-footer[data-v-0fa8cce7]{display:flex;gap:12px;padding:20px;border-top:1px solid #e4e3dd;justify-content:flex-end}.btn-primary[data-v-0fa8cce7]{background:#9eacea;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer}.btn-primary[data-v-0fa8cce7]:hover{background:#8b9ce0}.btn-secondary[data-v-0fa8cce7]{background:#f4f3ee;color:#6b7280;border:none;padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer}@media (max-width: 768px){.channels-grid[data-v-0fa8cce7]{grid-template-columns:1fr}.stats-bar[data-v-0fa8cce7]{gap:8px}.stat-item[data-v-0fa8cce7]{min-width:80px;padding:8px 12px}.stat-value[data-v-0fa8cce7]{font-size:18px}}.qrcode-page[data-v-6ccf2b20]{padding:20px;max-width:1400px;margin:0 auto}.page-header[data-v-6ccf2b20]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left h2[data-v-6ccf2b20]{margin:0 0 4px;font-size:24px}.subtitle[data-v-6ccf2b20]{margin:0;color:#6b7280;font-size:14px}.header-actions[data-v-6ccf2b20]{display:flex;gap:12px}.btn-primary[data-v-6ccf2b20]{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-secondary[data-v-6ccf2b20]{background:#f4f3ee;color:#6b7280;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.stats-grid[data-v-6ccf2b20]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-6ccf2b20]{background:#fff;border:1px solid #e4e3dd;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.stat-icon[data-v-6ccf2b20]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.blue[data-v-6ccf2b20]{background:#2563eb1a;color:#2563eb}.stat-icon.green[data-v-6ccf2b20]{background:#52c41a1a;color:#52c41a}.stat-icon.orange[data-v-6ccf2b20]{background:#faad141a;color:#faad14}.stat-icon.purple[data-v-6ccf2b20]{background:#9eacea26;color:#9eacea}.stat-value[data-v-6ccf2b20]{font-size:20px;font-weight:600;color:#1a1b1c}.stat-label[data-v-6ccf2b20]{font-size:12px;color:#6b7280}.filter-bar[data-v-6ccf2b20]{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-group[data-v-6ccf2b20]{display:flex;align-items:center;gap:8px}.filter-group label[data-v-6ccf2b20]{font-size:14px;color:#6b7280}.filter-group select[data-v-6ccf2b20],.filter-group input[data-v-6ccf2b20]{padding:8px 12px;border:1px solid #e4e3dd;border-radius:8px;font-size:14px}.qrcode-grid[data-v-6ccf2b20]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.qrcode-card[data-v-6ccf2b20]{background:#fff;border:1px solid #e4e3dd;border-radius:12px;overflow:hidden;transition:all .2s ease}.qrcode-card[data-v-6ccf2b20]:hover{box-shadow:0 4px 12px #00000014}.qrcode-card.disabled[data-v-6ccf2b20]{opacity:.6}.qrcode-header[data-v-6ccf2b20]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f4f3ee}.qrcode-type-badge[data-v-6ccf2b20]{font-size:12px;padding:4px 10px;border-radius:6px;font-weight:500}.qrcode-type-badge.personal[data-v-6ccf2b20]{background:#8bc8ea26;color:#5b9bd5}.qrcode-type-badge.merchant[data-v-6ccf2b20]{background:#52c41a1a;color:#52c41a}.qrcode-type-badge.fusion[data-v-6ccf2b20]{background:#9eacea26;color:#9eacea}.qrcode-type-badge.polling[data-v-6ccf2b20]{background:#faad141a;color:#faad14}.qrcode-type-badge.h5[data-v-6ccf2b20]{background:#e1b98f26;color:#c49060}.qrcode-type-badge.proxy[data-v-6ccf2b20]{background:#ea66681a;color:#ea6668}.qrcode-status[data-v-6ccf2b20]{font-size:12px;padding:4px 8px;border-radius:4px}.qrcode-status.active[data-v-6ccf2b20]{background:#52c41a1a;color:#52c41a}.qrcode-status.disabled[data-v-6ccf2b20]{background:#6b72801a;color:#6b7280}.qrcode-status.expired[data-v-6ccf2b20]{background:#ea66681a;color:#ea6668}.qrcode-body[data-v-6ccf2b20]{display:flex;gap:12px;padding:16px}.qrcode-image[data-v-6ccf2b20]{width:80px;height:80px;background:#f4f3ee;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qrcode-info[data-v-6ccf2b20]{flex:1;min-width:0}.qrcode-info h3[data-v-6ccf2b20]{margin:0 0 4px;font-size:16px}.qrcode-code[data-v-6ccf2b20]{font-size:12px;color:#6b7280;margin:0 0 8px}.qrcode-channels[data-v-6ccf2b20]{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.channel-tag[data-v-6ccf2b20]{font-size:11px;padding:2px 6px;border-radius:4px;background:#f4f3ee;color:#6b7280}.channel-tag.wechat[data-v-6ccf2b20]{background:#07c1601a;color:#07c160}.channel-tag.alipay[data-v-6ccf2b20]{background:#1677ff1a;color:#1677ff}.channel-tag.unionpay[data-v-6ccf2b20]{background:#e51a411a;color:#e51a41}.qrcode-amount[data-v-6ccf2b20]{font-size:13px;color:#ea6668;font-weight:500}.qrcode-stats[data-v-6ccf2b20]{display:flex;padding:12px 16px;border-top:1px solid #f4f3ee;border-bottom:1px solid #f4f3ee}.mini-stat[data-v-6ccf2b20]{flex:1;text-align:center}.mini-value[data-v-6ccf2b20]{display:block;font-size:14px;font-weight:600;color:#1a1b1c}.mini-label[data-v-6ccf2b20]{font-size:11px;color:#6b7280}.qrcode-actions[data-v-6ccf2b20]{display:flex;padding:8px 16px;gap:8px}.action-btn[data-v-6ccf2b20]{flex:1;background:#f4f3ee;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.action-btn[data-v-6ccf2b20]:hover{background:#e4e3dd}.action-btn.danger[data-v-6ccf2b20]:hover{background:#ea66681a;color:#ea6668}.empty-state[data-v-6ccf2b20]{text-align:center;padding:60px 20px;color:#6b7280}.modal-overlay[data-v-6ccf2b20]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-6ccf2b20]{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:85vh;overflow-y:auto}.modal-header[data-v-6ccf2b20]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e4e3dd}.modal-header h3[data-v-6ccf2b20]{margin:0;font-size:18px}.close-btn[data-v-6ccf2b20]{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-6ccf2b20]{padding:20px}.form-group[data-v-6ccf2b20]{margin-bottom:16px}.form-group label[data-v-6ccf2b20]{display:block;font-size:14px;color:#374151;margin-bottom:6px;font-weight:500}.form-group input[data-v-6ccf2b20],.form-group select[data-v-6ccf2b20]{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;box-sizing:border-box}.form-row[data-v-6ccf2b20]{display:flex;gap:12px}.form-row .form-group[data-v-6ccf2b20]{flex:1}.checkbox-group[data-v-6ccf2b20]{display:flex;flex-wrap:wrap;gap:12px}.checkbox-group label[data-v-6ccf2b20]{display:flex;align-items:center;gap:6px;font-weight:400;cursor:pointer}.modal-footer[data-v-6ccf2b20]{display:flex;gap:12px;padding:20px;border-top:1px solid #e4e3dd;justify-content:flex-end}.qr-modal[data-v-6ccf2b20]{max-width:400px}.qr-display[data-v-6ccf2b20]{text-align:center}.qr-code-large[data-v-6ccf2b20]{display:flex;justify-content:center;margin-bottom:16px}.qr-placeholder-large[data-v-6ccf2b20]{width:200px;height:200px;background:#f4f3ee;border-radius:12px;display:flex;align-items:center;justify-content:center}.qr-code-text[data-v-6ccf2b20]{font-size:14px;color:#374151;font-weight:500;margin:8px 0}.qr-pay-url[data-v-6ccf2b20]{font-size:12px;color:#6b7280;word-break:break-all;margin-bottom:16px}.qr-info-grid[data-v-6ccf2b20]{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.qr-info-item[data-v-6ccf2b20]{background:#f9fafb;padding:10px;border-radius:8px}.qr-info-label[data-v-6ccf2b20]{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.qr-info-value[data-v-6ccf2b20]{font-size:14px;color:#1a1b1c;font-weight:500}@media (max-width: 768px){.qrcode-grid[data-v-6ccf2b20]{grid-template-columns:1fr}.stats-grid[data-v-6ccf2b20]{grid-template-columns:repeat(2,1fr)}.form-row[data-v-6ccf2b20]{flex-direction:column}}.system-panel[data-v-5c26bc45]{padding:20px;max-width:1200px;margin:0 auto}.panel-header[data-v-5c26bc45]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.panel-header h2[data-v-5c26bc45]{margin:0;font-size:22px}.edition-badge[data-v-5c26bc45]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px}.overview-cards[data-v-5c26bc45]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.card[data-v-5c26bc45]{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000f}.card-icon[data-v-5c26bc45]{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.card-icon.cpu[data-v-5c26bc45]{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.mem[data-v-5c26bc45]{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-icon.disk[data-v-5c26bc45]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon.api[data-v-5c26bc45]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-info[data-v-5c26bc45]{display:flex;flex-direction:column}.card-info .label[data-v-5c26bc45]{font-size:12px;color:#999}.card-info .value[data-v-5c26bc45]{font-size:20px;font-weight:600}.tabs[data-v-5c26bc45]{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:0}.tabs button[data-v-5c26bc45]{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.tabs button.active[data-v-5c26bc45]{color:#667eea;border-bottom-color:#667eea;font-weight:600}.tab-content[data-v-5c26bc45]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.license-card h3[data-v-5c26bc45],.alerts-header h3[data-v-5c26bc45],.upgrade-card h3[data-v-5c26bc45],.icp-card h3[data-v-5c26bc45]{margin-top:0}.license-info[data-v-5c26bc45],.icp-info[data-v-5c26bc45]{margin:16px 0}.info-row[data-v-5c26bc45]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.info-row span[data-v-5c26bc45]{color:#666}.info-row strong[data-v-5c26bc45]{color:#333}.status-active[data-v-5c26bc45]{color:#52c41a}.license-key-display[data-v-5c26bc45]{background:#f5f5f5;padding:12px;border-radius:8px;margin:16px 0}.license-key-display span[data-v-5c26bc45]{display:block;font-size:12px;color:#999;margin-bottom:4px}.license-key-display code[data-v-5c26bc45]{font-size:16px;color:#667eea;font-weight:600}.feature-list[data-v-5c26bc45]{margin:16px 0}.features[data-v-5c26bc45]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feature-tag[data-v-5c26bc45]{background:#f0f5ff;color:#667eea;padding:4px 10px;border-radius:12px;font-size:12px}.copyright-notice[data-v-5c26bc45]{margin-top:20px;padding:12px;background:#fffbe6;border-radius:8px;font-size:12px;color:#8c6d1f}.copyright-notice p[data-v-5c26bc45]{margin:4px 0}.alerts-header[data-v-5c26bc45]{display:flex;justify-content:space-between;align-items:center}.refresh-btn[data-v-5c26bc45]{padding:6px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer}.empty-state[data-v-5c26bc45]{text-align:center;padding:40px;color:#999}.alert-item[data-v-5c26bc45]{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;margin-bottom:12px;border-left:4px solid}.alert-item.info[data-v-5c26bc45]{background:#e6f7ff;border-left-color:#1890ff}.alert-item.warning[data-v-5c26bc45]{background:#fffbe6;border-left-color:#faad14}.alert-item.critical[data-v-5c26bc45]{background:#fff1f0;border-left-color:#f5222d}.alert-level[data-v-5c26bc45]{font-weight:600;min-width:50px}.alert-content[data-v-5c26bc45]{flex:1}.alert-content p[data-v-5c26bc45]{margin:4px 0;color:#666;font-size:13px}.alert-time[data-v-5c26bc45]{font-size:11px;color:#999}.resolve-btn[data-v-5c26bc45]{padding:6px 12px;background:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.resolved-tag[data-v-5c26bc45]{color:#52c41a;font-size:12px}.version-info[data-v-5c26bc45]{margin:16px 0}.version-row[data-v-5c26bc45]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.has-update[data-v-5c26bc45]{color:#faad14}.up-to-date[data-v-5c26bc45]{color:#52c41a}.upgrade-btn[data-v-5c26bc45]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin:16px 0}.upgrade-btn[data-v-5c26bc45]:disabled{background:#ccc;cursor:not-allowed}.changelog[data-v-5c26bc45],.upgrade-history[data-v-5c26bc45]{margin-top:20px}.changelog ul[data-v-5c26bc45]{padding-left:20px}.changelog li[data-v-5c26bc45]{padding:4px 0;color:#666}.history-item[data-v-5c26bc45]{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.history-item .version[data-v-5c26bc45]{font-weight:600;color:#667eea}.history-item .date[data-v-5c26bc45]{color:#999}.history-item .changes[data-v-5c26bc45]{color:#666;flex:1}.icp-links[data-v-5c26bc45]{display:flex;gap:16px;margin:16px 0}.icp-link[data-v-5c26bc45]{color:#667eea;text-decoration:none;font-size:14px}.footer-preview[data-v-5c26bc45]{margin-top:20px}.footer-demo[data-v-5c26bc45]{background:#f5f5f5;padding:16px;border-radius:8px;text-align:center;font-size:12px;color:#999}.footer-demo a[data-v-5c26bc45]{color:#999;margin:0 8px;text-decoration:none}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#f5f7fb,#fff 42%);color:#182230}main{max-width:1120px;margin:auto;padding:24px;background:var(--template-background,#fff);min-height:100vh}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 4px #0001}.nav-brand h1{margin:0;font-size:20px}.nav-brand small{font-size:12px;color:#667085}.nav-links{display:flex;gap:8px}.nav-links button{background:#f4f3ee;color:#667085;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.secondary{background:#eef2f7;color:#344054}.nav-links button.active{background:var(--template-primary,#2563eb);color:#fff}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin-bottom:4px}small{font-size:13px;color:#667085}.subtitle{color:#667085}.login,.login-form,.filters,nav{display:flex;gap:8px;flex-wrap:wrap}input,button,select{padding:10px;border:1px solid #d0d5dd;border-radius:8px;font:inherit}button{background:#2563eb;color:#fff;border:0;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.active{background:#173b8f}.message{color:#2563eb;min-height:24px}.shop-toolbar,.checkout-bar,.orders-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;background:#fff;border:1px solid #eaecf0;border-radius:12px}.orders-panel{display:block}.order-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eaecf0;padding:12px 0;font-size:14px}.filters{margin:22px 0}.filters input{flex:1;min-width:220px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:18px}.grid article,.panel{background:var(--template-surface,#fff);padding:20px;border-radius:12px;box-shadow:0 1px 4px #0001}.grid article{display:flex;flex-direction:column;gap:10px}.grid article button:last-child{margin-top:auto}.link{padding:0;background:none;color:#182230;text-align:left}.link h2{margin:0}.badge,.status{display:inline-block;padding:3px 8px;border-radius:999px;background:#e8f0ff;color:#174ea6;font-size:12px}.tags{color:#667085;font-size:13px}.panel{margin-top:20px}.cart-row,.order{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #eaecf0;padding:14px 0}.cart-row span:first-child{flex:1}.order{display:block}.order>*{margin-right:14px}.status{margin-left:12px}.pending_payment{background:#fff3d6;color:#915c00}.paid{background:#e8f0ff}.shipped{background:#e5f8ed;color:#087443}.delivered{background:#dff7f1;color:#087443}.cancelled{background:#fee4e2;color:#a21818}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:center;padding:20px}.modal section{position:relative;background:#fff;border-radius:12px;padding:28px;max-width:600px;width:100%}.close{position:absolute;right:14px;top:14px;background:transparent;color:#667085;font-size:24px}blockquote{border-left:3px solid #2563eb;padding-left:12px}.product-actions{display:flex;gap:8px}.product-detail{max-height:85vh;overflow:auto}@media (max-width:640px){main{padding:12px}.top-nav,header{align-items:stretch;flex-direction:column}.nav-links{display:grid;grid-template-columns:repeat(2,1fr)}.nav-links button,.login-form input{width:100%}.login-form button{flex:1}.shop-toolbar,.checkout-bar{align-items:stretch;flex-direction:column}.site-footer{margin-top:28px!important;padding:18px 10px!important}}