*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0b0d14;--bg-elevated:#11141d;--bg-card:#181b25;--bg-glass:#191d2eb3;--bg-hover:#212431;--border-subtle:#708bc21f;--border-glow:#5e8eed59;--accent-primary:#558bf6;--accent-secondary:#9871f4;--accent-glow:#558bf633;--status-approved:#29e075;--status-pending:#fac938;--status-refunded:#fa8938;--status-chargeback:#f04251;--status-abandoned:#47b4eb;--status-expired:#b96ce0;--gw-perfectpay:#f4ae34;--gw-kirvano:#29e0b3;--gw-ggcheckout:#5a8cf2;--text-primary:#f2f4f8;--text-secondary:#98a1b3;--text-muted:#5e6778;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-card:0 8px 32px #05090f99;--shadow-glow:0 0 40px #558bf640;--shadow-hover:0 16px 48px #000c, 0 0 24px #558bf633;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-med:.35s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 10%,#558bf60f 0%,#0000 60%),radial-gradient(50% 60% at 80% 90%,#9871f40d 0%,#0000 60%),radial-gradient(40% 40%,#29e07508 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);width:240px;padding:var(--space-lg) 0;z-index:100;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:fixed;top:0;left:0}.main-content{padding:var(--space-lg);flex:1;min-height:100vh;margin-left:240px}.sidebar-logo{padding:0 var(--space-lg) var(--space-lg);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-md)}.logo-mark{align-items:center;gap:var(--space-sm);display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-sm);width:36px;height:36px;box-shadow:0 0 16px var(--accent-glow);justify-content:center;align-items:center;font-size:18px;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.logo-sub{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:10px}.nav-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:var(--space-sm) var(--space-lg);margin-top:var(--space-sm);font-size:10px;font-weight:600}.nav-item{align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-left:2px solid #0000;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-primary);border-left-color:var(--accent-primary);background:linear-gradient(90deg,#558bf626,#0000);box-shadow:inset 2px 0 10px #558bf61a}.nav-item .nav-icon{text-align:center;min-width:20px;font-size:16px}.nav-badge{background:var(--status-chargeback);color:#fff;border-radius:100px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700;animation:2s infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.sidebar-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);margin-top:auto}.rate-limit-widget{background:var(--bg-card);border-radius:var(--radius-sm);padding:var(--space-sm);color:var(--text-muted);font-size:11px}.rate-limit-bar{background:var(--bg-hover);border-radius:100px;height:3px;margin-top:4px;overflow:hidden}.rate-limit-bar-fill{background:var(--accent-primary);height:100%;transition:width var(--transition-med);border-radius:100px}.rate-limit-bar-fill.warning{background:var(--status-pending)}.rate-limit-bar-fill.danger{background:var(--status-chargeback)}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 60%, var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:14px}.page-actions{align-items:center;gap:var(--space-sm);display:flex}.card{background:linear-gradient(145deg, var(--bg-glass) 0%, #131620cc 100%);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-med);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;border-radius:var(--radius-lg);-webkit-mask-composite:xor;background:linear-gradient(135deg,#558bf633,#0000 50%,#9871f41a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{box-shadow:var(--shadow-hover);border-color:#558bf64d;transform:translateY(-3px)}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-display);color:var(--text-primary);font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.card-body{padding:var(--space-lg)}.kpi-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.kpi-card{background:linear-gradient(145deg, var(--bg-glass) 0%, #131620cc 100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-med);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-hover);border-color:#558bf666;transform:translateY(-4px)scale(1.02)}.kpi-card:before{content:"";opacity:.15;width:60px;height:60px;transition:all var(--transition-slow);border-radius:50%;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.kpi-card.blue:before{background:var(--accent-primary)}.kpi-card.green:before{background:var(--status-approved)}.kpi-card.orange:before{background:var(--status-refunded)}.kpi-card.red:before{background:var(--status-chargeback)}.kpi-card.purple:before{background:var(--accent-secondary)}.kpi-card:hover:before{opacity:.2;width:100px;height:100px}.kpi-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm);font-size:11px;font-weight:600}.kpi-value{font-family:var(--font-display);letter-spacing:-1px;color:var(--text-primary);font-size:32px;font-weight:800;line-height:1}.kpi-value.blue{color:var(--accent-primary)}.kpi-value.green{color:var(--status-approved)}.kpi-value.orange{color:var(--status-refunded)}.kpi-value.red{color:var(--status-chargeback)}.kpi-value.purple{color:var(--accent-secondary)}.kpi-sub{color:var(--text-muted);margin-top:var(--space-xs);align-items:center;gap:4px;font-size:12px;display:flex}.kpi-badge{border-radius:100px;padding:2px 6px;font-size:10px;font-weight:700}.kpi-badge.positive{color:var(--status-approved);background:#29e07533}.kpi-badge.negative{color:var(--status-chargeback);background:#f0425133}.grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;padding:var(--space-sm) var(--space-md);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:700}.data-table td{padding:10px var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{letter-spacing:.3px;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge-PAGO_APROVADO{color:var(--status-approved);background:#29e07526}.badge-PENDENTE{color:var(--status-pending);background:#fac93826}.badge-ESTORNADO{color:var(--status-refunded);background:#fa893826}.badge-CHARGEBACK{color:var(--status-chargeback);background:#f0425126}.badge-ABANDONO_CARRINHO{color:var(--status-abandoned);background:#47b4eb26}.badge-EXPIRADO_ATRASO{color:var(--status-expired);background:#b96ce026}.badge-ASSINATURA_RENOVADA{color:var(--status-approved);background:#29e07526}.badge-ASSINATURA_CANCELADA{color:var(--status-chargeback);background:#f0425126}.badge-CANCELADO{color:var(--text-muted);background:#5b667b33}.badge-perfectpay{color:var(--gw-perfectpay);background:#f4ae3426}.badge-kirvano{color:var(--gw-kirvano);background:#29e0b326}.badge-ggcheckout{color:var(--gw-ggcheckout);background:#5a8cf226}.btn{align-items:center;gap:var(--space-xs);padding:8px var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:13px;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#0b0d14;box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow);background:#77a2f8;transform:translateY(-1px)}.btn-ghost{border-color:var(--border-subtle);color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{color:var(--status-chargeback);background:#f0425126;border-color:#f042514d}.btn-success{color:var(--status-approved);background:#29e07526;border-color:#29e0754d}.btn-sm{padding:5px 10px;font-size:12px}.live-ticker{gap:var(--space-xs);scroll-behavior:smooth;flex-direction:column;max-height:500px;display:flex;overflow-y:auto}.live-ticker::-webkit-scrollbar{width:4px}.live-ticker::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.ticker-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border-radius:var(--radius-sm);border-left:3px solid var(--border-subtle);animation:slide-in .3s var(--transition-slow) both;font-size:13px;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.ticker-item.approved{border-left-color:var(--status-approved)}.ticker-item.refunded{border-left-color:var(--status-refunded)}.ticker-item.chargeback{border-left-color:var(--status-chargeback)}.ticker-item.pending{border-left-color:var(--status-pending)}.ticker-item.abandoned{border-left-color:var(--status-abandoned)}.ticker-item.instagram{border-left-color:#f655ce}.ticker-item.whatsapp{border-left-color:var(--status-approved)}.ticker-icon{text-align:center;min-width:24px;font-size:18px}.ticker-info{flex:1;min-width:0}.ticker-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ticker-sub{color:var(--text-muted);font-size:11px}.ticker-amount{font-family:var(--font-mono);white-space:nowrap;font-size:14px;font-weight:700}.ticker-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.live-dot{color:var(--status-approved);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.live-dot:before{content:"";background:var(--status-approved);border-radius:50%;width:7px;height:7px;animation:1.5s infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--status-approved);transform:scale(1)}50%{opacity:.8;transform:scale(1.2);box-shadow:0 0 0 4px #29e07500}}.chat-container{flex-direction:column;height:400px;display:flex}.chat-messages{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-msg{gap:var(--space-sm);animation:.25s both msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.inbound{flex-direction:row}.chat-msg.outbound{flex-direction:row-reverse}.chat-bubble{max-width:70%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:13px;line-height:1.5}.chat-msg.inbound .chat-bubble{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg.outbound .chat-bubble{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#0b0d14;border-bottom-right-radius:4px;font-weight:500}.chat-meta{color:var(--text-muted);margin-top:2px;font-size:10px}.chat-input-area{gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--border-subtle);display:flex}.chat-input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:13px;font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;flex:1}.chat-input:focus{border-color:var(--accent-primary)}.chat-input::placeholder{color:var(--text-muted)}.sim-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.sim-btn{align-items:center;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;transition:all var(--transition-med);font-family:var(--font-body);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.sim-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #060b1366}.sim-btn.approved:hover{border-color:var(--status-approved);color:var(--status-approved);background:#29e0750d}.sim-btn.refunded:hover{border-color:var(--status-refunded);color:var(--status-refunded);background:#fa89380d}.sim-btn.chargeback:hover{border-color:var(--status-chargeback);color:var(--status-chargeback);background:#f042510d}.sim-btn.instagram:hover{color:#f655ce;background:#f655ce0d;border-color:#f655ce}.sim-btn.whatsapp:hover{border-color:var(--status-approved);color:var(--status-approved);background:#29e0750d}.sim-btn-icon{font-size:28px}.sim-btn-label{font-size:12px;font-weight:600}.sim-btn-sub{color:var(--text-muted);font-size:10px}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.3px;font-size:12px;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:13px;font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select option{background:var(--bg-card)}.form-textarea{resize:vertical;min-height:80px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-muted{color:var(--text-muted);font-size:13px}.text-mono{font-family:var(--font-mono)}.text-success{color:var(--status-approved)}.text-danger{color:var(--status-chargeback)}.text-warning{color:var(--status-pending)}.fw-700{font-weight:700}.section-gap{margin-bottom:var(--space-xl)}.fade-in{animation:.4s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-container{bottom:var(--space-lg);right:var(--space-lg);gap:var(--space-sm);z-index:9999;flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);box-shadow:var(--shadow-card);align-items:center;gap:var(--space-sm);min-width:280px;font-size:13px;animation:.3s both toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:3px solid var(--status-approved)}.toast.error{border-left:3px solid var(--status-chargeback)}.toast.info{border-left:3px solid var(--accent-primary)}.toast.warning{border-left:3px solid var(--status-pending)}@media (width<=1200px){.grid-3{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=1024px){.sidebar{width:200px}.main-content{margin-left:200px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.page-title{font-size:22px}.kpi-value{font-size:26px}}@media (width<=768px){.sidebar{width:0;transition:transform var(--transition-med), width var(--transition-med);z-index:200;transform:translate(-100%)}.sidebar.open{width:240px;transform:translate(0);box-shadow:8px 0 32px #0009}.sidebar-overlay{z-index:199;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.main-content{padding:var(--space-sm);margin-left:0}.grid-2,.grid-3{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.page-header{gap:var(--space-sm);flex-wrap:wrap}.page-title{font-size:20px}.page-actions{flex-wrap:wrap}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.card{border-radius:var(--radius-md)}.card-body,.card-header{padding:var(--space-md)}.kpi-value{font-size:24px}.chat-container{height:320px}.mobile-menu-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex!important}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.sim-grid{grid-template-columns:1fr 1fr}.toast{min-width:unset;width:calc(100vw - 32px)}.toast-container{left:var(--space-md);right:var(--space-md);bottom:var(--space-md)}}.mobile-menu-btn{display:none}