*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;background:#0f1117;color:#e2e8f0;min-height:100vh}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{padding:12px 20px;border-bottom:1px solid #1e2433;background:#13161f}.app-header h1{font-size:16px;font-weight:600;color:#a0aec0}.stats-bar{display:flex;gap:1px;background:#1e2433;border-bottom:1px solid #1e2433}.stat-card{flex:1;padding:14px 20px;background:#13161f}.stat-label{font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:24px;font-weight:700;margin-top:4px;color:#e2e8f0}.stat-value.ok{color:#48bb78}.stat-value.warn{color:#f6ad55}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#13161f;border-bottom:1px solid #1e2433;gap:12px}.filter-group{display:flex;gap:8px}.filter-group select{background:#1e2433;color:#e2e8f0;border:1px solid #2d3748;border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer;outline:none}.filter-group select:hover{border-color:#4a5568}.live-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:1px solid #2d3748;background:#1e2433;color:#718096;cursor:pointer;font-size:13px;transition:all .15s}.live-btn.active{border-color:#38a169;color:#48bb78}.live-dot{width:8px;height:8px;border-radius:50%;background:#4a5568}.live-btn.active .live-dot{background:#48bb78;box-shadow:0 0 6px #48bb78;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-content{display:flex;flex:1;overflow:hidden}.main-content.has-detail .log-table-wrap{flex:1}.log-table-wrap{flex:1;overflow-y:auto;width:100%}.log-table{width:100%;border-collapse:collapse}.log-table thead th{position:sticky;top:0;background:#13161f;padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e2433}.log-row{border-bottom:1px solid #1a1f2e;cursor:pointer;transition:background .1s}.log-row:hover{background:#1a1f2e}.log-row.selected{background:#1e2d40}.log-row td{padding:9px 16px}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}.center{text-align:center}.event-type{font-family:monospace;font-size:12px;color:#90cdf4}.muted{color:#718096}.slow{color:#fc8181}.medium{color:#f6ad55}.empty{text-align:center;padding:40px!important;color:#4a5568}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.success{background:#1a3a2a;color:#48bb78}.badge.fail{background:#3a1a1a;color:#fc8181}.detail-panel{width:460px;min-width:460px;border-left:1px solid #1e2433;background:#13161f;overflow-y:auto;display:flex;flex-direction:column;gap:0}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1e2433;gap:8px}.detail-header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.close-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px}.close-btn:hover{background:#1e2433;color:#e2e8f0}.detail-meta{padding:12px 16px;border-bottom:1px solid #1e2433;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#a0aec0}.detail-meta .label{color:#718096;font-size:11px;text-transform:uppercase;margin-right:8px}.detail-section{padding:12px 16px;border-bottom:1px solid #1e2433}.section-title{font-size:11px;font-weight:600;text-transform:uppercase;color:#718096;margin-bottom:8px;display:flex;align-items:center;gap:8px}.response-status{font-size:12px;padding:1px 6px;border-radius:3px}.response-status.ok{background:#1a3a2a;color:#48bb78}.response-status.warn{background:#3a1a1a;color:#fc8181}.code-block{background:#0d1017;border:1px solid #1e2433;border-radius:6px;padding:10px 12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:#a0aec0;overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}