*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:20px;overflow-anchor:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.grid>section{min-height:300px}@media (max-width: 768px){.grid{grid-template-columns:1fr}}section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}section h2{font-size:16px;font-weight:600;margin-bottom:12px;color:#555}.error{background:#fee;border:1px solid #fcc;color:#c00;padding:12px;border-radius:4px;margin-bottom:16px}.empty{color:#999;text-align:center;padding:24px}.high{color:#c00;font-weight:600}.mono{font-family:SF Mono,Monaco,monospace;font-size:12px}.service-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-chip{padding:6px 14px;font-size:13px;border:1px solid #ddd;border-radius:20px;background:#fff;color:#666;cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:#2563eb;color:#2563eb}.filter-chip.active{background:#2563eb;border-color:#2563eb;color:#fff}.filter-chip.clear{background:transparent;border-color:#ccc;color:#999;font-size:12px}.filter-chip.clear:hover{border-color:#999;color:#666}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #ddd}header h1{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600}.header-icon{width:48px;height:48px;object-fit:contain}.header-controls{display:flex;align-items:center;gap:16px}.time-select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.updated{color:#666;font-size:14px}.table-scroll{max-height:240px;overflow-y:auto}.table-scroll table{width:100%;border-collapse:collapse}.table-scroll thead{position:sticky;top:0;background:#fff;z-index:1}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eee}th{font-weight:500;color:#888;font-size:12px;text-transform:uppercase}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s;white-space:nowrap}th.sortable:hover{color:#333}.sort-icon{color:#bbb;font-size:10px}th.sortable:hover .sort-icon{color:#888}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#f8f8f8}tbody tr.selected{background:#e8f4ff}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;min-height:250px}@media (max-width: 768px){.chart-grid{grid-template-columns:1fr}}.chart-section{margin-bottom:0;min-height:250px}.chart-section h2{margin-bottom:16px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header h2{margin-bottom:0}.bucket-select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;background:#fff;cursor:pointer;color:#555}.groups-panel{margin-top:24px;min-height:300px}.consumer-group{margin-bottom:20px;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden}.group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9f9f9;border-bottom:1px solid #e5e5e5}.group-info{display:flex;flex-direction:column;gap:4px}.group-name{font-weight:600;font-family:SF Mono,Monaco,monospace;font-size:14px}.group-stats{color:#666;font-size:13px}.group-bulk-btn{padding:4px 10px;font-size:12px;background:#fff;border:1px solid #dc2626;color:#dc2626;border-radius:4px;cursor:pointer;transition:all .15s}.group-bulk-btn:hover{background:#dc2626;color:#fff}.consumers-table{width:100%;border-collapse:collapse}.consumers-table th,.consumers-table td{padding:8px 16px;text-align:left;border-bottom:1px solid #eee}.consumers-table tbody tr{cursor:default}.consumers-table tbody tr:hover{background:#fafafa}.empty-consumers{color:#999;padding:16px;text-align:center;font-size:13px}.dead-consumer{background:#fff8f8}.dead-consumer:hover{background:#fff0f0!important}.status-active{color:#22c55e;font-size:12px;font-weight:500}.status-dead{color:#dc2626;font-size:12px;font-weight:500}.remove-btn{padding:4px 10px;font-size:12px;background:#fff;border:1px solid #dc2626;color:#dc2626;border-radius:4px;cursor:pointer;transition:all .15s}.remove-btn:hover{background:#dc2626;color:#fff}.confirm-dialog{background:#fffbeb;border:1px solid #f59e0b;border-radius:6px;padding:16px;margin-bottom:16px}.confirm-dialog p{margin-bottom:8px}.confirm-warning{color:#92400e;font-size:13px}.confirm-buttons{display:flex;gap:8px;margin-top:12px}.confirm-buttons button{padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .15s}.confirm-buttons button:first-child{background:#fff;border:1px solid #ddd;color:#666}.confirm-buttons button:first-child:hover{background:#f5f5f5}.danger-btn{background:#dc2626;border:1px solid #dc2626;color:#fff}.danger-btn:hover{background:#b91c1c}.danger-btn:disabled{opacity:.6;cursor:not-allowed}.delete-result{background:#ecfdf5;border:1px solid #10b981;border-radius:6px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;color:#065f46}.error-banner{background:#fef2f2;border:1px solid #dc2626;border-radius:6px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;color:#991b1b}.error-banner .dismiss-btn{color:#991b1b}.error-banner .dismiss-btn:hover{color:#7f1d1d}.dismiss-btn{background:none;border:none;font-size:18px;color:#065f46;cursor:pointer;padding:0 4px;line-height:1}.dismiss-btn:hover{color:#047857}.bulk-remove-btn{padding:6px 12px;font-size:13px;background:#dc2626;border:1px solid #dc2626;color:#fff;border-radius:4px;cursor:pointer;transition:all .15s}.bulk-remove-btn:hover{background:#b91c1c}.checkbox-col{width:32px;text-align:center}.checkbox-col input[type=checkbox]{cursor:pointer}.selection-bar{position:sticky;bottom:0;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;padding:12px 16px;margin-top:16px;display:flex;align-items:center;gap:12px}.selection-bar span{color:#0369a1;font-weight:500}.clear-selection-btn{padding:6px 12px;font-size:13px;background:#fff;border:1px solid #ddd;color:#666;border-radius:4px;cursor:pointer;transition:all .15s}.clear-selection-btn:hover{background:#f5f5f5}.global-consumers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.global-consumers-header h2{margin:0}.consumers-summary{display:flex;gap:24px;margin-bottom:16px;font-size:14px}.consumers-summary .active-count{color:#22c55e;font-weight:500}.consumers-summary .dead-count{color:#dc2626;font-weight:500}.stream-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-options{margin:16px 0;display:flex;flex-direction:column;gap:8px}.action-options label{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;transition:all .15s}.action-options label:hover{background:#f9f9f9;border-color:#ddd}.action-options label.selected{background:#f0f9ff;border-color:#0ea5e9}.action-options label input[type=radio]{margin-top:2px}.action-options label div{display:flex;flex-direction:column;gap:2px}.action-options label span{font-weight:500;font-size:14px}.action-options label small{color:#666;font-size:12px}