:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-hover: #222240;--text: #e0e0f0;--text-muted: #8888aa;--accent: #e94560;--success: #4ecdc4;--danger: #e94560;--warn: #f0a030;--neutral: #6c7ac0;--border: #2a2a4a;--radius: 8px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-logo{font-size:1.25rem;font-weight:700;letter-spacing:2px}.header-logo .accent{color:var(--accent)}.header-title{color:var(--text-muted);font-size:.9rem}.header-right{display:flex;align-items:center;gap:var(--space-md)}.header-email{color:var(--text-muted);font-size:.85rem}.app-layout{display:flex;min-height:calc(100vh - 56px)}.sidebar{width:180px;background:var(--bg-card);border-right:1px solid var(--border);padding:var(--space-lg) 0;flex-shrink:0}.nav-link{display:block;padding:var(--space-sm) var(--space-lg);color:var(--text-muted);font-size:.9rem;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.nav-link.active{color:var(--accent);border-left:3px solid var(--accent);background:var(--bg-hover)}.main{flex:1;padding:var(--space-lg);max-width:1200px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg)}.auth-card{background:var(--bg-card);border-radius:var(--radius);padding:var(--space-xl) var(--space-lg);max-width:400px;width:100%;text-align:center}.auth-card .logo{font-size:1.75rem;font-weight:700;letter-spacing:2px}.auth-card .logo span{color:var(--accent)}.auth-card .subtitle{color:var(--text-muted);margin-bottom:var(--space-lg)}.auth-card h1{font-size:1.1rem;color:var(--accent);margin-bottom:var(--space-md)}.input{display:block;width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;margin-bottom:var(--space-md)}.input:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-size:.85rem;cursor:pointer;transition:background .15s}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.9}.btn-full{width:100%}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover)}.filters{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-select,.filter-input{padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.85rem}.filter-check{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-lg);text-align:center}.kpi-value{font-size:2rem;font-weight:700;margin-bottom:4px}.kpi-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.kpi-success .kpi-value{color:var(--success)}.kpi-danger .kpi-value{color:var(--danger)}.kpi-warn .kpi-value{color:var(--warn)}.kpi-neutral .kpi-value{color:var(--neutral)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border)}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);font-size:.85rem}.data-table tr:hover{background:var(--bg-hover)}.clickable-row{cursor:pointer}.row-error{background:#e945600d}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-merchant{background:#2d3a5a;color:#7aa2f7}.badge-pdi{background:#2d4a3a;color:#4ecdc4}.badge-ops{background:#4a2d3a;color:#e94560}.status-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.status-chip{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600;font-family:var(--font-mono)}.status-4xx{background:#f0a03026;color:var(--warn)}.status-5xx{background:#e9456026;color:var(--danger)}.status-ok{background:#4ecdc426;color:var(--success)}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-event{position:relative;padding:var(--space-sm) 0;display:grid;grid-template-columns:32px 100px 1fr;gap:var(--space-sm);align-items:start}.timeline-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;position:absolute;left:-40px;z-index:1}.timeline-error .timeline-icon{border-color:var(--danger);color:var(--danger)}.timeline-time{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);white-space:nowrap}.timeline-detail{font-size:.85rem}.detail-header{margin-bottom:var(--space-lg)}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm);color:var(--text-muted);font-size:.85rem}.back-link{display:inline-block;margin-bottom:var(--space-sm);font-size:.85rem}.text-mono{font-family:var(--font-mono)}.text-sm{font-size:.8rem}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-error{color:var(--danger)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.loading{padding:var(--space-xl);text-align:center;color:var(--text-muted)}.error{padding:var(--space-lg);background:#e945601a;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger)}h1{font-size:1.4rem;font-weight:600;margin-bottom:var(--space-md)}h2{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-muted)}