:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.5}.app{min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#1e293b;border-radius:8px;padding:2rem;width:100%;max-width:400px}.login-card h1{font-size:1.5rem;margin-bottom:.5rem}.login-card .subtitle{color:#94a3b8;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.75rem;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#e2e8f0;font-size:1rem}.form-group input:focus{outline:none;border-color:#3b82f6}button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}button:hover{background:#2563eb}button:disabled{background:#475569;cursor:not-allowed}.error{background:#ef4444;color:#fff;padding:.75rem;border-radius:6px;margin-bottom:1rem}.dashboard{max-width:1400px;margin:0 auto;padding:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:1.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.logout-btn{background:#475569}.logout-btn:hover{background:#64748b}.mode-toggle{display:flex;align-items:center;gap:.5rem}.mode-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase}.mode-label.active{color:#f59e0b}.mode-label.active.live{color:#ef4444}.toggle-switch{position:relative;width:44px;height:24px;background:#f59e0b;border:none;border-radius:12px;cursor:pointer;padding:0;transition:background .2s}.toggle-switch.live{background:#ef4444}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.live .toggle-knob{transform:translate(20px)}.mode-banner{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-align:center;margin-bottom:1.5rem}.mode-banner.test{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.mode-banner.live{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#1e293b;border-radius:8px;padding:1.5rem;text-align:center}.stat-card.success{border-left:4px solid #22c55e}.stat-card.failed{border-left:4px solid #ef4444}.stat-value{font-size:2rem;font-weight:700}.stat-label{color:#94a3b8;margin-top:.25rem}.failures-section{background:#1e293b;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.failures-section h2{font-size:1rem;margin-bottom:1rem;color:#ef4444}.failures-list{display:flex;flex-direction:column;gap:.5rem}.failure-item{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;padding:.75rem;background:#0f172a;border-radius:6px;text-decoration:none;color:inherit;font-size:.875rem}.failure-item:hover{background:#334155}.failure-id{font-family:monospace;color:#f59e0b}.failure-error{color:#94a3b8}.failure-time{color:#64748b}.events-section{background:#1e293b;border-radius:8px;padding:1.5rem}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.events-header h2{font-size:1rem}.events-header select{background:#0f172a;border:1px solid #334155;color:#e2e8f0;padding:.5rem;border-radius:6px}.events-table{width:100%;border-collapse:collapse}.events-table th,.events-table td{text-align:left;padding:.75rem;border-bottom:1px solid #334155}.events-table th{color:#94a3b8;font-weight:500;font-size:.875rem}.events-table td{font-size:.875rem}.events-table td.org-id{font-family:monospace;font-size:.75rem}.event-link{color:#3b82f6;text-decoration:none;font-family:monospace}.event-link:hover{text-decoration:underline}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #334155}.pagination button{background:#334155;padding:.5rem 1rem}.pagination button:hover:not(:disabled){background:#475569}.pagination span{color:#94a3b8;font-size:.875rem}.event-detail{max-width:1000px;margin:0 auto;padding:1.5rem}.detail-header{margin-bottom:2rem}.back-link{color:#3b82f6;text-decoration:none;font-size:.875rem}.back-link:hover{text-decoration:underline}.detail-header h1{font-size:1.5rem;margin-top:.5rem}.detail-card{background:#1e293b;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #334155;font-size:.875rem}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#94a3b8}.detail-row .value{font-family:monospace;word-break:break-all}.error-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #334155}.error-section h3{color:#ef4444;font-size:.875rem;margin-bottom:.5rem}.error-message{background:#0f172a;padding:1rem;border-radius:6px;font-family:monospace;font-size:.875rem;color:#ef4444;white-space:pre-wrap;word-break:break-all}.actions{margin-top:1.5rem;display:flex;align-items:center;gap:1rem}.retry-btn{background:#f59e0b}.retry-btn:hover{background:#d97706}.success-msg{color:#22c55e;font-size:.875rem}.test-mode-badge{display:inline-block;background:#f59e0b;color:#000;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:.5rem}.actions-section{background:#1e293b;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.actions-section h2{font-size:1rem;margin-bottom:1rem;color:#e2e8f0}.actions-list{display:flex;flex-direction:column;gap:.5rem}.action-item{background:#0f172a;border-radius:6px;padding:.75rem 1rem;border-left:3px solid #22c55e}.action-item.failed{border-left-color:#ef4444}.action-item.test-mode{border-left-color:#f59e0b;opacity:.85}.action-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.action-icon{font-size:1rem}.action-label{font-weight:500;color:#e2e8f0;font-size:.875rem}.action-sub-id{font-family:monospace;font-size:.7rem;color:#64748b;background:#334155;padding:.125rem .375rem;border-radius:3px}.action-status{margin-left:auto;font-weight:600}.action-status.success{color:#22c55e}.action-status.failed{color:#ef4444}.action-detail{font-size:.8rem;color:#94a3b8;margin-left:1.5rem}.action-error{font-size:.8rem;color:#ef4444;margin-left:1.5rem;margin-top:.25rem;font-family:monospace;background:#ef44441a;padding:.5rem;border-radius:4px}.json-sections{display:flex;flex-direction:column;gap:1rem}.json-section{background:#1e293b;border-radius:8px;overflow:hidden}.toggle-btn{width:100%;text-align:left;padding:1rem;background:transparent;border:none;color:#e2e8f0;font-size:.875rem;cursor:pointer}.toggle-btn:hover{background:#334155}.json-content{background:#0f172a;padding:1rem;margin:0;font-family:monospace;font-size:.75rem;overflow-x:auto;white-space:pre;max-height:400px;overflow-y:auto}.loading{text-align:center;padding:2rem;color:#94a3b8}.error-page{text-align:center;padding:4rem}.error-page h1{margin-bottom:1rem}.error-page a{color:#3b82f6}@media(max-width:768px){.failure-item,.detail-row{grid-template-columns:1fr;gap:.25rem}.events-table{display:block;overflow-x:auto}}