*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#3f686e;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{max-width:1400px;margin:0 auto}header{color:#10454c;background:#fff;border-radius:8px;align-items:center;gap:25px;margin-bottom:30px;padding:25px 30px;display:flex;box-shadow:0 4px 6px #0000001a}.header-logo{flex-shrink:0;width:140px;height:auto}.header-content{text-align:left;flex:1}header h1{color:#10454c;margin-bottom:10px;font-size:2.2rem}.subtitle{color:#10454c;opacity:.8;font-size:1.1rem}.tab-navigation{border-bottom:2px solid #ffffff4d;gap:10px;margin-bottom:30px;display:flex}.tab-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;padding:15px 30px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.tab-button:hover{background:#ffffff4d}.tab-button.active{color:#10454c;background:#fff;border-bottom:3px solid #10454c}.status-received{color:#1976d2;background-color:#e3f2fd}.status-queued{color:#f57c00;background-color:#fff3e0}.status-processing{color:#f9a825;background-color:#fff9c4}.status-success{color:#388e3c;background-color:#e8f5e9}.status-failed{color:#d32f2f;background-color:#ffebee}.status-unknown{color:#757575;background-color:#f5f5f5}.event-indicator.status-received{background-color:#1976d2;box-shadow:0 0 0 2px #1976d2}.event-indicator.status-queued{background-color:#f57c00;box-shadow:0 0 0 2px #f57c00}.event-indicator.status-processing{background-color:#f9a825;box-shadow:0 0 0 2px #f9a825}.event-indicator.status-success{background-color:#388e3c;box-shadow:0 0 0 2px #388e3c}.event-indicator.status-failed{background-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f}@media (width<=768px){body{padding:10px}header{text-align:center;flex-direction:column;padding:20px 15px}.header-content{text-align:center}.header-logo{width:120px}header h1{font-size:1.8rem}}.auth-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loading p{color:#666;font-size:1.1rem}.filters[data-v-7c2715d0]{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:15px;margin-bottom:20px;padding:20px;display:grid;box-shadow:0 4px 6px #0000001a}.filter-group[data-v-7c2715d0]{flex-direction:column;gap:5px;display:flex}.filter-group label[data-v-7c2715d0]{color:#555;font-size:.9rem;font-weight:600}.filter-group input[data-v-7c2715d0],.filter-group select[data-v-7c2715d0]{border:2px solid #e0e0e0;border-radius:6px;padding:10px;font-size:1rem;transition:border-color .2s}.filter-group input[data-v-7c2715d0]:focus,.filter-group select[data-v-7c2715d0]:focus{border-color:#10454c;outline:none}.btn-primary[data-v-7c2715d0],.btn-secondary[data-v-7c2715d0]{color:#fff;cursor:pointer;background:#3f686e;border:none;border-radius:6px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary[data-v-7c2715d0]:hover,.btn-secondary[data-v-7c2715d0]:hover{background:#355a5f;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-primary[data-v-7c2715d0]:active,.btn-secondary[data-v-7c2715d0]:active{transform:translateY(0)}.stats-container[data-v-5da00c12]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card[data-v-5da00c12]{text-align:center;background:#fff;border-radius:8px;padding:20px;transition:transform .2s;box-shadow:0 4px 6px #0000001a}.stat-card[data-v-5da00c12]:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.stat-value[data-v-5da00c12]{color:#10454c;margin-bottom:5px;font-size:2.5rem;font-weight:700}.stat-label[data-v-5da00c12]{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.no-events[data-v-23cbdc74]{color:#999;text-align:center;padding:15px;font-size:.85rem;font-style:italic}.events-timeline[data-v-23cbdc74]{padding-left:25px;position:relative}.event-item[data-v-23cbdc74]{gap:12px;margin-bottom:12px;display:flex;position:relative}.event-item[data-v-23cbdc74]:last-child{margin-bottom:0}.event-indicator[data-v-23cbdc74]{border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-25px;box-shadow:0 0 0 2px #e0e0e0}.event-item[data-v-23cbdc74]:not(:last-child):before{content:"";background-color:#e0e0e0;width:2px;position:absolute;top:14px;bottom:-12px;left:-20px}.event-content[data-v-23cbdc74]{background:#fff;border:1px solid #e0e0e0;border-radius:4px;flex:1;padding:10px 12px}.event-header[data-v-23cbdc74]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:0;display:flex}.event-type[data-v-23cbdc74]{color:#666;font-size:.8rem;font-style:italic}.event-time[data-v-23cbdc74]{color:#999;margin-left:auto;font-size:.75rem}.event-processing-time[data-v-23cbdc74]{color:#10454c;font-size:.75rem;font-weight:600}.event-details[data-v-23cbdc74]{color:#555;border-top:1px solid #f0f0f0;margin-top:6px;padding-top:6px;font-size:.8rem;line-height:1.4}.message-card[data-v-d05864b6]{background:#fff;border-radius:8px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.message-card[data-v-d05864b6]:hover{box-shadow:0 4px 12px #00000026}.message-header[data-v-d05864b6]{cursor:pointer;-webkit-user-select:none;user-select:none;padding:15px 20px;transition:background-color .2s}.message-header[data-v-d05864b6]:hover{background-color:#f8f9fa}.message-header-content[data-v-d05864b6]{align-items:center;gap:15px;display:flex}.expand-icon[data-v-d05864b6]{color:#10454c;min-width:20px;font-size:1rem;transition:transform .2s}.message-info[data-v-d05864b6]{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.message-id[data-v-d05864b6]{color:#333;font-family:Courier New,monospace;font-size:.95rem;font-weight:600}.status-badge[data-v-d05864b6]{text-transform:uppercase;border-radius:16px;padding:4px 12px;font-size:.85rem;font-weight:600}.source-badge[data-v-d05864b6]{color:#10454c;background-color:#d9e8ea;border-radius:16px;padding:4px 12px;font-size:.85rem;font-weight:600}.timestamp[data-v-d05864b6]{color:#666;font-size:.9rem}.event-count[data-v-d05864b6]{color:#10454c;font-size:.9rem;font-weight:600}.message-details[data-v-d05864b6]{background-color:#fafafa;border-top:2px solid #f0f0f0;padding:20px}.details-grid[data-v-d05864b6]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px;display:grid}.detail-item[data-v-d05864b6]{flex-direction:column;gap:5px;display:flex}.detail-item strong[data-v-d05864b6]{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.detail-item span[data-v-d05864b6]{color:#333;font-size:1rem}.monospace[data-v-d05864b6]{font-family:Courier New,monospace;font-size:.9rem!important}.events-section[data-v-d05864b6]{margin-top:20px;margin-bottom:20px}.events-section h3[data-v-d05864b6]{color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.95rem}.payload-section[data-v-d05864b6]{margin-top:20px}.payload-section strong[data-v-d05864b6]{color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.95rem;display:block}.payload-content[data-v-d05864b6]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;overflow-x:auto}.payload-content pre[data-v-d05864b6]{color:#333;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:.85rem}.messages-view[data-v-9718f2f3]{width:100%}.loading[data-v-9718f2f3]{text-align:center;color:#10454c;background:#fff;border-radius:8px;padding:40px;font-size:1.2rem;font-weight:600}.no-results[data-v-9718f2f3]{text-align:center;color:#666;background:#fff;border-radius:8px;padding:40px;font-size:1.1rem}.messages-container[data-v-9718f2f3]{flex-direction:column;gap:15px;display:flex}.e1-control-panel[data-v-0cde1424]{background:#fff;border-radius:8px;margin-bottom:30px;padding:25px;box-shadow:0 4px 6px #0000001a}.e1-control-panel h2[data-v-0cde1424]{color:#10454c;border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.e1-section[data-v-0cde1424]{background-color:#f8f9fa;border-radius:6px;margin-bottom:25px;padding:20px}.e1-section[data-v-0cde1424]:last-child{margin-bottom:0}.e1-section h3[data-v-0cde1424]{color:#555;margin-bottom:15px;font-size:1.1rem}.e1-action-buttons[data-v-0cde1424]{flex-wrap:wrap;gap:15px;margin-bottom:15px;display:flex}.btn-primary[data-v-0cde1424],.btn-secondary[data-v-0cde1424]{color:#fff;cursor:pointer;background:#3f686e;border:none;border-radius:6px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary[data-v-0cde1424]:hover:not(:disabled),.btn-secondary[data-v-0cde1424]:hover:not(:disabled){background:#355a5f;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-primary[data-v-0cde1424]:disabled,.btn-secondary[data-v-0cde1424]:disabled{opacity:.6;cursor:not-allowed}.time-controls[data-v-0cde1424]{flex-direction:column;gap:15px;display:flex}.preset-buttons[data-v-0cde1424]{flex-wrap:wrap;gap:10px;display:flex}.custom-time[data-v-0cde1424]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.custom-time label[data-v-0cde1424]{color:#555;font-weight:600}.custom-time input[data-v-0cde1424]{border:2px solid #e0e0e0;border-radius:6px;width:150px;padding:10px;font-size:1rem;transition:border-color .2s}.custom-time input[data-v-0cde1424]:focus{border-color:#10454c;outline:none}.result-container[data-v-0cde1424]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;max-height:400px;margin-top:15px;padding:15px;overflow-y:auto}.result-container pre[data-v-0cde1424]{color:#333;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:.85rem}.status-message[data-v-0cde1424]{border-radius:6px;margin-top:15px;padding:12px 15px;font-size:.95rem;font-weight:600}.status-message.success[data-v-0cde1424]{color:#388e3c;background-color:#e8f5e9;border-left:4px solid #388e3c}.status-message.error[data-v-0cde1424]{color:#d32f2f;background-color:#ffebee;border-left:4px solid #d32f2f}