:root{--commerce-bg:#080a0f;--commerce-card:rgba(18,21,29,.9);--commerce-line:rgba(255,255,255,.1);--commerce-muted:#9aa4b4;--commerce-primary:#ff174f;--commerce-primary2:#ff5f7d;--commerce-green:#24dfa0;--commerce-cyan:#3ed7ff}
.commerce-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 70px}.commerce-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.commerce-nav a{text-decoration:none}.commerce-brand{display:flex;align-items:center;gap:12px;color:#fff}.commerce-brand img{width:46px;height:46px;object-fit:contain}.commerce-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.commerce-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border-radius:14px;border:1px solid var(--commerce-line);background:rgba(255,255,255,.05);color:#fff;text-decoration:none;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.commerce-btn.primary{border:0;background:linear-gradient(135deg,var(--commerce-primary),var(--commerce-primary2));box-shadow:0 14px 35px rgba(255,23,79,.22)}.commerce-btn.green{border-color:rgba(36,223,160,.25);background:rgba(36,223,160,.1);color:#caffea}.commerce-btn.danger{border-color:rgba(255,95,125,.28);background:rgba(255,95,125,.1);color:#ffd1da}.commerce-card{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid var(--commerce-line);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.35);padding:22px;margin-bottom:20px}.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.commerce-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-title{margin:0 0 6px;font-size:clamp(28px,4vw,50px);letter-spacing:-.045em;color:#fff}.commerce-subtitle{margin:0;color:var(--commerce-muted);line-height:1.65}.commerce-section-title{font-size:20px;margin:0 0 16px;color:#fff}.commerce-field{margin-bottom:15px}.commerce-field label{display:block;color:#dfe5ee;font-size:12px;font-weight:800;margin-bottom:7px}.commerce-input{width:100%;min-height:48px;border:1px solid var(--commerce-line);border-radius:14px;background:rgba(0,0,0,.25);color:#fff;padding:11px 13px;font:inherit;outline:none}.commerce-input:focus{border-color:rgba(255,23,79,.55);box-shadow:0 0 0 4px rgba(255,23,79,.09)}textarea.commerce-input{min-height:120px;resize:vertical}.commerce-alert{padding:14px 16px;border-radius:14px;margin:14px 0;border:1px solid var(--commerce-line);font-size:13px}.commerce-alert.error{background:rgba(255,95,125,.09);border-color:rgba(255,95,125,.28);color:#ffd4dc}.commerce-alert.success{background:rgba(36,223,160,.09);border-color:rgba(36,223,160,.28);color:#d5ffed}.commerce-alert.warning{background:rgba(255,211,105,.09);border-color:rgba(255,211,105,.28);color:#ffe7ae}.commerce-table{width:100%;border-collapse:collapse}.commerce-table th,.commerce-table td{padding:13px 12px;border-bottom:1px solid var(--commerce-line);text-align:left;font-size:12px;vertical-align:top}.commerce-table th{color:var(--commerce-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.commerce-table td{color:#eaf0f8}.commerce-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.06);border:1px solid var(--commerce-line)}.commerce-status.pago,.commerce-status.ativa,.commerce-status.resolvido{color:var(--commerce-green);background:rgba(36,223,160,.1);border-color:rgba(36,223,160,.24)}.commerce-status.pendente,.commerce-status.aberto,.commerce-status.atendimento{color:#ffd875;background:rgba(255,216,117,.09);border-color:rgba(255,216,117,.24)}.commerce-status.cancelado,.commerce-status.suspensa,.commerce-status.expirada{color:#ff9eb0;background:rgba(255,95,125,.09);border-color:rgba(255,95,125,.24)}.commerce-product{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);gap:26px;align-items:start}.commerce-product-media{border:1px solid var(--commerce-line);border-radius:24px;background:rgba(0,0,0,.25);min-height:340px;display:grid;place-items:center;padding:22px}.commerce-product-media img{max-width:100%;max-height:310px;object-fit:contain}.commerce-plan{padding:17px;border:1px solid var(--commerce-line);border-radius:18px;background:rgba(0,0,0,.18);display:flex;flex-direction:column;gap:9px}.commerce-plan h3{margin:0;font-size:16px}.commerce-plan strong{font-size:24px;color:var(--commerce-green)}.commerce-plan small{color:var(--commerce-muted);line-height:1.5}.commerce-metric{padding:18px;border:1px solid var(--commerce-line);border-radius:18px;background:rgba(0,0,0,.17)}.commerce-metric span{display:block;color:var(--commerce-muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.commerce-metric b{display:block;font-size:28px;margin-top:8px}.commerce-empty{text-align:center;padding:40px 20px;color:var(--commerce-muted);border:1px dashed var(--commerce-line);border-radius:18px}.commerce-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:rgba(0,0,0,.28);border:1px solid var(--commerce-line);border-radius:12px;padding:12px;color:#dff9ff}.commerce-chat{display:flex;flex-direction:column;gap:12px}.commerce-message{max-width:82%;padding:13px 15px;border:1px solid var(--commerce-line);border-radius:16px;background:rgba(255,255,255,.05)}.commerce-message.admin{margin-left:auto;background:rgba(255,23,79,.1);border-color:rgba(255,23,79,.25)}.commerce-message small{display:block;color:var(--commerce-muted);margin-top:7px}.commerce-muted{color:var(--commerce-muted)}.commerce-actions{display:flex;gap:10px;flex-wrap:wrap}.commerce-footer{padding:30px 0;color:var(--commerce-muted);font-size:11px;text-align:center}.commerce-tabs{display:flex;gap:9px;overflow:auto;margin:16px 0}.commerce-tabs a{white-space:nowrap}.commerce-overflow{overflow:auto}.commerce-login{width:min(520px,calc(100% - 32px));margin:7vh auto}.commerce-logo{text-align:center;margin-bottom:22px}.commerce-logo img{max-width:170px;max-height:90px}.commerce-note{font-size:11px;color:var(--commerce-muted);line-height:1.6}.commerce-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}@media(max-width:900px){.commerce-grid,.commerce-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-product{grid-template-columns:1fr}.commerce-product-media{min-height:260px}}@media(max-width:620px){.commerce-wrap{width:min(100% - 20px,1180px);padding-top:12px}.commerce-nav{align-items:flex-start}.commerce-links{justify-content:flex-end}.commerce-grid,.commerce-grid.two,.commerce-grid.four{grid-template-columns:1fr}.commerce-card{padding:16px;border-radius:18px}.commerce-table th,.commerce-table td{padding:11px 9px}.commerce-product-media{min-height:220px}.commerce-message{max-width:94%}}