*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.container{max-width:100%;margin:0 auto;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}.upload-section h2{font-size:18px;margin-bottom:10px}.file-input{margin-bottom:10px}.upload-btn{background-color:#4a90d9;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.upload-btn:hover{background-color:#357abd}.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.status{margin-top:10px;padding:10px;border-radius:4px}.status.success{background-color:#d4edda;color:#155724}.status.error{background-color:#f8d7da;color:#721c24}.filters-section{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filters-header h3{margin:0;font-size:16px;color:#495057}.clear-btn{background-color:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.clear-btn:hover{background-color:#5a6268}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:600;color:#495057}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400!important;cursor:pointer}.filter-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}.filter-input:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}.filter-select:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d933}.log-table{width:100%;border-collapse:collapse;font-family:Consolas,Monaco,monospace;font-size:12px}.log-table th,.log-table td{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:top}.log-table th{background-color:#f8f9fa;font-weight:600;position:sticky;top:0;z-index:10}.log-table tr:nth-child(2n){background-color:#fafafa}.log-table tr:hover{background-color:#f0f0f0}.level-TRACE{color:#6c757d}.level-DEBUG{color:#17a2b8}.level-INFO{color:#28a745}.level-WARN{color:#ffc107;background-color:#fff3cd}.level-ERROR{color:#dc3545;background-color:#f8d7da}.level-FATAL{color:#fff;background-color:#dc3545}.invalid-entry{background-color:#ffe0e0!important}.stack-trace{margin-top:8px;padding:8px;background-color:#f8f8f8;border-left:3px solid #dc3545;font-size:11px;white-space:pre-wrap;word-break:break-all}.details-json{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-json:hover{white-space:pre-wrap;word-break:break-all}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.pagination button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#f0f0f0}.stats{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.stat-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.empty-state{text-align:center;padding:40px;color:#666}.columns-section{margin-bottom:15px;padding:12px 15px;background-color:#e9ecef;border-radius:8px;border:1px solid #dee2e6}.columns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.columns-header h3{margin:0;font-size:14px;color:#495057}.columns-toggles{display:flex;flex-wrap:wrap;gap:15px}.column-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#495057;cursor:pointer;padding:4px 8px;background:#fff;border-radius:4px;border:1px solid #ced4da;transition:all .2s}.column-toggle:hover{background-color:#f8f9fa}.column-toggle input{cursor:pointer}.table-wrapper{overflow-x:auto;max-height:70vh;overflow-y:auto}.virtual-table{border:1px solid #ddd;border-radius:4px;overflow:hidden}.table-header{display:flex;background-color:#f8f9fa;font-weight:600;border-bottom:2px solid #dee2e6;font-family:Consolas,Monaco,monospace;font-size:12px;overflow-x:hidden;position:relative}.virtual-header{display:flex;background-color:#f8f9fa;font-weight:600;border-bottom:2px solid #dee2e6;font-family:Consolas,Monaco,monospace;font-size:12px}.header-cell{padding:8px;border-right:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;position:relative}.header-cell:last-child{border-right:none}.header-cell.cell-message{flex:1;min-width:100px}.virtual-row{display:flex;border-bottom:1px solid #eee;font-family:Consolas,Monaco,monospace;font-size:12px;align-items:stretch}.virtual-row:nth-child(2n){background-color:#fafafa}.virtual-row:hover{background-color:#f0f0f0}.virtual-row.level-TRACE{color:#6c757d}.virtual-row.level-DEBUG{color:#17a2b8}.virtual-row.level-INFO{color:#28a745}.virtual-row.level-WARN{color:#ffc107;background-color:#fff3cd}.virtual-row.level-ERROR{color:#dc3545;background-color:#f8d7da}.virtual-row.level-FATAL{color:#fff;background-color:#dc3545}.virtual-row.invalid-entry{background-color:#ffe0e0!important}.virtual-cell{padding:8px;border-right:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.virtual-cell:last-child{border-right:none}.cell-timestamp,.cell-level,.cell-logger,.cell-filepos,.cell-details,.cell-filename{flex-shrink:0}.cell-message{flex:1;min-width:100px}.resizable-header{position:relative;user-select:none}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;background:transparent}.resize-handle:hover{background:#4a90d9}.column-context-menu{position:fixed;background:#fff;border:1px solid #d0d7de;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:180px;padding:8px 0}.context-menu-header{padding:8px 12px;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;margin-bottom:4px}.context-menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:13px}.context-menu-item:hover{background-color:#f0f4f8}.context-menu-divider{height:1px;background:#e9ecef;margin:4px 0}.context-menu-btn{width:calc(100% - 16px);margin:4px 8px;padding:6px 12px;background:#4a90d9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.context-menu-btn:hover{background:#357abd}.options-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;background-color:#f8f9fa;border-radius:6px;margin-bottom:15px;border:1px solid #e9ecef}.options-left{display:flex;align-items:center;gap:15px}.options-right{position:relative}.option-toggle{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.clear-filters-btn{padding:4px 10px;background:#fff;border:1px solid #dc3545;color:#dc3545;border-radius:4px;font-size:12px;cursor:pointer}.clear-filters-btn:hover{background:#dc3545;color:#fff}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#4a90d9;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.help-icon:hover{background:#357abd}.help-popover{position:absolute;top:30px;right:0;width:320px;background:#fff;border:1px solid #d0d7de;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1002;padding:12px}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.help-close{cursor:pointer;font-size:18px;color:#6c757d}.help-close:hover{color:#333}.help-list{margin:0;padding-left:16px;font-size:13px;line-height:1.8}.help-list li{margin-bottom:4px}.help-version{margin-top:12px;padding-top:8px;border-top:1px solid #e0e0e0;font-size:11px;color:#888;text-align:center}.version-info{margin-top:20px;font-size:12px;color:#888;text-align:center}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:10px}.filter-icon{cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;color:#333;transition:color .2s,background-color .2s}.filter-icon:hover{background-color:#e9ecef}.filter-icon.active{color:#4a90d9;font-weight:700}.filter-popover{position:absolute;top:100%;left:0;z-index:1001;background:#fff;border:1px solid #d0d7de;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:8px;display:flex;gap:6px;min-width:200px;margin-top:4px}.filter-popover input{flex:1;padding:6px 10px;border:1px solid #d0d7de;border-radius:4px;font-size:13px}.filter-popover input:focus{outline:none;border-color:#4a90d9}.filter-popover button{padding:6px 12px;background:#f0f0f0;border:1px solid #d0d7de;border-radius:4px;cursor:pointer;font-size:12px}.filter-popover button:hover{background:#e0e0e0}.no-results{text-align:center;padding:40px;color:#666}.pagination-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;padding:10px 15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.page-size-selector{display:flex;align-items:center;gap:8px;font-size:13px}.page-size-selector select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.pagination-info{font-size:13px;color:#495057}.pagination-nav{display:flex;align-items:center;gap:8px}.pagination-nav button{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:13px}.pagination-nav button:disabled{opacity:.5;cursor:not-allowed}.pagination-nav button:hover:not(:disabled){background-color:#e9ecef}.page-indicator{font-size:13px;color:#495057;padding:0 10px}.jump-to-page{display:flex;gap:4px;margin-left:10px}.jump-to-page input{width:70px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.jump-to-page button{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:13px}.jump-to-page button:hover{background-color:#e9ecef}.stat-badge.active{box-shadow:0 0 0 2px #4a90d9}.virtual-row{cursor:pointer}.virtual-row.selected{background-color:#e3f2fd!important;border-left:3px solid #1976d2}.stack-indicator{color:#dc3545;font-weight:700;font-size:10px}.detail-panel{margin-top:20px;border:1px solid #dee2e6;border-radius:8px;background-color:#f8f9fa;overflow:hidden}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#e9ecef;border-bottom:1px solid #dee2e6}.detail-header h3{margin:0;font-size:14px;color:#495057}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;padding:0 8px;line-height:1}.close-btn:hover{color:#dc3545}.detail-content{padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-row.full-width{grid-column:1 / -1}.detail-label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase}.detail-value{font-family:Consolas,Monaco,monospace;font-size:13px;color:#212529;word-break:break-word}.message-value,.json-value,.stack-value{background-color:#fff;padding:10px;border-radius:4px;border:1px solid #dee2e6;white-space:pre-wrap;max-height:300px;overflow-y:auto;margin:0}.stack-value{border-left:3px solid #dc3545;background-color:#fff5f5}.error-value{color:#dc3545}.wrap-toggle{background-color:#e3f2fd!important;border-color:#90caf9!important}.wrapped-table-body{overflow-x:auto}.virtual-row.wrapped{height:100%;overflow:hidden}.virtual-row.wrapped .virtual-cell{white-space:normal;word-wrap:break-word;word-break:break-word;overflow-y:auto;overflow-x:hidden;text-overflow:clip;max-height:100%}.upload-section-centered{text-align:center;padding:60px 40px;max-width:600px;margin:100px auto}.upload-section-centered h2{margin-bottom:20px}.results-card{padding:15px}.results-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:15px}.load-new-form{display:flex;align-items:center}.file-input-hidden{display:none}.load-new-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.load-new-btn:hover{background-color:#5a6268}.load-new-btn:disabled{background-color:#adb5bd;cursor:not-allowed}.export-btn{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.export-btn:hover{background-color:#218838}.export-btn:disabled{background-color:#94d3a2;cursor:not-allowed}.grouping-section{margin-bottom:15px;padding:12px 15px;background-color:#f0f4f8;border-radius:8px;border:1px solid #d0d7de}.grouping-header{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.grouping-toggle{display:flex;align-items:center;gap:8px;font-weight:600;color:#495057;cursor:pointer}.grouping-key-input{position:relative}.grouping-key-input input{width:250px;padding:6px 10px}.key-dropdown{position:absolute;top:100%;left:0;right:0;min-width:300px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #d0d7de;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px}.key-option{padding:8px 12px;cursor:pointer;font-size:13px;font-family:Courier New,monospace;border-bottom:1px solid #f0f0f0}.key-option:last-child{border-bottom:none}.key-option:hover{background-color:#f0f4f8}.key-option.selected{background-color:#e3f2fd;color:#1976d2;font-weight:600}.key-option.more-hint{color:#6c757d;font-style:italic;cursor:default;background-color:#f8f9fa}.key-option.no-results{color:#6c757d;font-style:italic;cursor:default}.selected-key-badge{display:inline-block;margin-left:10px;padding:4px 10px;background-color:#e3f2fd;color:#1976d2;border-radius:12px;font-size:12px;font-weight:600}.grouping-stats{display:flex;gap:10px;margin-top:10px}.log-group{border:1px solid #dee2e6;border-radius:6px;margin-bottom:10px;overflow:hidden}.group-header{display:flex;align-items:center;gap:10px;padding:10px 15px;background-color:#e9ecef;cursor:pointer;font-weight:600}.group-header:hover{background-color:#dee2e6}.expand-icon{font-size:10px;color:#6c757d}.group-key{color:#0d6efd}.group-count{color:#6c757d;font-weight:400;font-size:12px}.collapsed-indicator{padding:8px 15px;background-color:#f8f9fa;color:#6c757d;font-size:12px;cursor:pointer;text-align:center;border-top:1px dashed #dee2e6;border-bottom:1px dashed #dee2e6}.collapsed-indicator:hover{background-color:#e9ecef}.first-entry{border-left:3px solid #28a745}.last-entry{border-left:3px solid #dc3545}.middle-entry{border-left:3px solid #ffc107}.ungrouped-header{background-color:#fff3cd}.grouped-table-body{overflow-x:auto}.group-table{border:1px solid #ddd;border-radius:4px;overflow-x:auto;margin:10px 0}.group-preview{padding:5px 0}.group-entry{display:flex;gap:10px;padding:6px 10px;font-family:Consolas,Monaco,monospace;font-size:12px;border-bottom:1px solid #eee}.group-entry:last-child{border-bottom:none}.group-entry-ellipsis{padding:6px 10px;text-align:center;color:#6c757d;font-style:italic;font-size:12px;background-color:#f8f9fa}.entry-timestamp{color:#6c757d;min-width:180px}.entry-level{min-width:50px;font-weight:600}.entry-message{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viz-toggle-btn{background-color:#9c27b0;color:#fff;border:none;padding:6px 14px;border-radius:12px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.viz-toggle-btn:hover{background-color:#7b1fa2}.viz-toggle-btn.active{background-color:#7b1fa2;box-shadow:0 0 0 2px #ce93d8}.visualizations-panel{margin-top:15px;padding:15px;background-color:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.viz-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 1000px){.viz-charts-row{grid-template-columns:1fr}}.viz-chart{background:#fff;padding:15px;border-radius:8px;border:1px solid #e0e0e0}.viz-chart h4{margin:0 0 15px;font-size:14px;color:#495057;text-align:center}.viz-legend{display:flex;justify-content:center;gap:20px;margin-top:10px;font-size:12px}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:2px}.privacy-notice{color:#6c757d;font-size:13px;margin-bottom:15px}.progress-section{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:8px}.progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#4a90d9,#357abd);transition:width .3s ease}.progress-text{font-size:13px;color:#495057;margin-bottom:10px}.cancel-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.cancel-btn:hover{background-color:#c82333}.sessions-section{margin-top:20px;padding-top:15px;border-top:1px solid #e9ecef}.sessions-section h3{font-size:14px;color:#495057;margin-bottom:10px}.sessions-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef;cursor:pointer;transition:background-color .2s}.session-item:hover{background-color:#e9ecef}.session-info{display:flex;flex-direction:column;gap:2px;flex:1}.session-files{font-size:13px;font-weight:500;color:#333}.session-meta{font-size:11px;color:#6c757d}.session-delete{background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;padding:0 6px;line-height:1}.session-delete:hover{color:#c82333}.status.info{background-color:#cce5ff;color:#004085}.status-floating{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideIn .3s ease}.status-floating.success{background-color:#d4edda;color:#155724}.status-floating.error{background-color:#f8d7da;color:#721c24}.status-floating.info{background-color:#cce5ff;color:#004085}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}