.commerce-page{background:#f4f7fb;color:var(--text);min-height:100vh}.commerce-shell{display:grid;gap:18px;padding-bottom:64px;padding-top:24px}.commerce-header{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 18px}.commerce-brand{color:var(--text);font-size:18px;font-weight:950;text-decoration:none}.commerce-nav{display:flex;flex-wrap:wrap;gap:8px}.commerce-nav button{background:#f8fbff;border:1px solid var(--line);border-radius:999px;color:var(--navy-800);cursor:pointer;font-weight:850;padding:8px 12px}.commerce-title{display:grid;gap:7px}.commerce-title h1{font-size:32px;margin:0}.commerce-title p{color:var(--muted);line-height:1.7;margin:0}.commerce-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr)}.commerce-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.05);display:grid;gap:14px;padding:20px}.commerce-card h2,.commerce-card h3{margin:0}.commerce-summary{display:grid;gap:10px}.commerce-row{align-items:start;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;padding:10px 0}.commerce-row:last-child{border:0}.commerce-row span{color:var(--muted)}.commerce-row strong{text-align:right}.commerce-fee{background:#f5f9ff;border-radius:10px;display:grid;gap:8px;padding:14px}.commerce-total{color:#d63a2f;font-size:26px}.commerce-check{align-items:flex-start;display:flex;gap:9px;line-height:1.6}.commerce-check input{margin-top:5px}.commerce-actions{display:flex;flex-wrap:wrap;gap:10px}.commerce-button{background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--navy-800);cursor:pointer;font-weight:900;min-height:42px;padding:0 16px}.commerce-button.primary{background:#1f6feb;border-color:#1f6feb;color:#fff}.commerce-button.danger{color:#b42318}.commerce-methods{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-method{background:#fff;border:2px solid var(--line);border-radius:10px;cursor:pointer;display:grid;gap:5px;padding:14px;text-align:left}.commerce-method.is-active{border-color:#1f6feb;background:#eef5ff}.commerce-method small{color:var(--muted)}.commerce-table-wrap{overflow:auto}.commerce-table{border-collapse:collapse;min-width:980px;width:100%}.commerce-table th,.commerce-table td{border-bottom:1px solid var(--line);font-size:13px;padding:11px;text-align:left;vertical-align:top}.commerce-table th{background:#f8fbff}.commerce-status{background:#edf5ff;border-radius:999px;color:#175bb5;display:inline-flex;font-size:11px;font-weight:900;padding:4px 8px;white-space:nowrap}.commerce-alert{background:#fff8e8;border:1px solid #f3d79c;border-radius:10px;color:#744b00;font-size:13px;line-height:1.7;padding:12px}.commerce-success{align-items:center;text-align:center}.commerce-success-mark{background:#e9f8ef;border-radius:50%;color:#18864b;display:grid;font-size:34px;height:70px;margin:auto;place-items:center;width:70px}.commerce-upload{border:1px dashed #9db8da;border-radius:10px;display:grid;gap:8px;padding:14px}.commerce-promo-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-metric{background:#f8fbff;border:1px solid var(--line);border-radius:10px;display:grid;gap:6px;padding:14px}.commerce-metric span{color:var(--muted);font-size:12px}.commerce-metric strong{font-size:22px}.commerce-invite{display:grid;gap:14px;grid-template-columns:1fr auto}.commerce-qr{background:repeating-conic-gradient(#172033 0 25%,#fff 0 50%) 50%/16px 16px;border:10px solid #fff;box-shadow:0 0 0 1px var(--line);height:128px;width:128px}.commerce-empty{color:var(--muted);padding:30px;text-align:center}@media(max-width:860px){.commerce-grid,.commerce-invite{grid-template-columns:1fr}.commerce-methods,.commerce-promo-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.commerce-methods,.commerce-promo-grid{grid-template-columns:1fr}.commerce-title h1{font-size:26px}}