.messages-container{padding:20px;max-width:1400px;margin:0 auto;color:#c9d1d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.messages-container h1{color:#c9d1d9;margin-bottom:24px;font-size:28px}.messages-container h2{color:#c9d1d9;margin:0;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums}.report-container{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:20px;margin-bottom:32px}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-box{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:20px;text-align:center}.stat-label{font-size:12px;color:#8b949e;text-transform:uppercase;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:#58a6ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0}.stat-box .stat-value.alert{color:#f85149!important;font-size:32px!important;font-weight:700!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif!important}.report-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #30363d}.breakdown-section{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:16px}.breakdown-section h3{color:#c9d1d9;margin:0 0 12px;font-size:14px;font-weight:600;text-transform:uppercase}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#161b22;border-radius:4px;border-left:3px solid #58a6ff}.breakdown-label{color:#c9d1d9;font-size:13px;font-weight:500}.breakdown-count{color:#58a6ff;font-weight:600;font-size:14px;background:#0d1117;padding:4px 8px;border-radius:3px}.report-info{display:flex;gap:24px;padding-top:12px;font-size:12px}.info-item{display:flex;gap:8px;align-items:center}.info-label{color:#8b949e;font-weight:600}.info-value{color:#c9d1d9;font-family:monospace}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.chart-section{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:20px}.chart-section h3{color:#c9d1d9;margin:0 0 16px;font-size:14px;font-weight:600;text-transform:uppercase}.chart-section svg{font-family:Arial,sans-serif}.recharts-legend-wrapper{padding-top:12px!important}.recharts-legend-item-text{color:#c9d1d9!important;font-size:12px!important}.recharts-tooltip{outline:none!important}.recharts-default-tooltip{background:#161b22!important;border:1px solid #30363d!important;border-radius:4px!important;box-shadow:0 0 10px #0000004d!important}.recharts-tooltip-label{color:#c9d1d9!important}.recharts-tooltip-item{color:#8b949e!important}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.alert-error{background:#3d1f1a;border:1px solid #da3633;color:#f85149}.alert-success{background:#1f3a1f;border:1px solid #238636;color:#3fb950}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #30363d}.btn{padding:8px 16px;border:1px solid #30363d;border-radius:6px;background:#0d1117;color:#c9d1d9;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn:hover{background:#1c2128;border-color:#58a6ff;color:#58a6ff}.btn-primary{background:#238636;border-color:#238636;color:#fff}.btn-primary:hover{background:#2ea043;border-color:#2ea043}.btn-secondary{background:#0d1117;border-color:#30363d}.btn-secondary:hover{background:#1c2128;border-color:#58a6ff}.btn-danger{background:#da3633;border-color:#da3633;color:#fff;margin-top:12px}.btn-danger:hover{background:#f85149;border-color:#f85149}.btn-toggle{background:none;border:none;color:#58a6ff;cursor:pointer;font-size:14px;padding:4px 8px}.btn-toggle:hover{color:#79c0ff}.messages-section{margin-top:24px}.messages-list{display:flex;flex-direction:column;gap:12px}.message-card{background:#0d1117;border:1px solid #30363d;border-radius:6px;overflow:hidden}.message-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#161b22;border-bottom:1px solid #30363d;cursor:pointer;transition:background .2s}.message-header:hover{background:#1c2128}.message-header input[type=checkbox]{cursor:pointer;width:18px;height:18px}.message-info{flex:1}.message-id{color:#c9d1d9;font-weight:600;font-size:14px;font-family:monospace}.message-time{color:#8b949e;font-size:12px;margin-top:4px}.badge{padding:4px 8px;background:#1f6feb;color:#fff;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.error-type{background:#da3633;color:#fff}.message-details{padding:16px;background:#0d1117}.detail-row{display:flex;gap:12px;margin-bottom:12px;font-size:13px}.detail-row.full-width{flex-direction:column}.detail-row .label{color:#8b949e;font-weight:600;min-width:120px}.detail-row .value{color:#c9d1d9;word-break:break-word}.traceback{background:#0d1117;border:1px solid #30363d;border-radius:4px;padding:12px;overflow-x:auto;font-size:12px;color:#8b949e;font-family:monospace}.message-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #30363d}@media(max-width:768px){.messages-container{padding:12px}.report-summary{grid-template-columns:repeat(2,1fr)}.report-breakdown{grid-template-columns:1fr}.report-info{flex-direction:column;gap:8px}.charts-container{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.message-header{flex-wrap:wrap}.message-info{flex:1 100%}.detail-row{flex-direction:column}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh}button{font-family:inherit;transition:background-color .2s,transform .1s}button:hover{opacity:.9}button:active{transform:scale(.98)}h1,h2,h3{margin-top:0}