@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#00ff41;background:#0a0a0a;min-height:100vh;padding:30px;font-family:Share Tech Mono,Courier New,monospace;line-height:1.6}.header{border-bottom:1px solid #00ff41;max-width:1200px;margin:40px auto 30px;padding:0 20px 15px}.header h1{letter-spacing:2px;color:#00ff41;margin-bottom:5px;font-size:24px}.header .subtitle{color:#00ff4188;font-size:16px}.controls{flex-wrap:wrap;align-items:center;gap:20px;max-width:1200px;margin:0 auto 30px;padding:0 20px;display:flex}.filter-group{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{color:#00ff41;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #00ff41;padding:8px 16px;font-family:Share Tech Mono,monospace;font-size:14px;transition:all .2s}.filter-btn:hover{background:#00ff4122}.filter-btn.active{color:#000;background:#00ff41}.search-box{flex:1;min-width:250px;max-width:400px}.search-box input{color:#00ff41;background:#000;border:1px solid #00ff41;outline:none;width:100%;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:14px}.search-box input:focus{border-color:#00ff41;box-shadow:0 0 5px #00ff4144}.search-box input::placeholder{color:#00ff4166}.results-count{color:#00ff4188;font-size:14px}.logs-container{max-width:1200px;margin:0 auto;padding:0 20px}.logs-list{list-style:none}.log-row{cursor:pointer;border-bottom:1px solid #222;align-items:center;gap:20px;padding:12px 0;font-size:14px;transition:all .3s;display:flex}.log-row:hover{border-left:2px solid #00ff41;padding-left:10px}.severity-badge{border-radius:50%;flex-shrink:0;width:8px;height:8px}.severity-badge.info{background:#00ff41!important}.severity-badge.warn{background:#fa0!important}.severity-badge.alert{background:red!important}.severity-badge.flagged{background:#0ff!important}.log-timestamp{color:#00ff4199;white-space:nowrap;min-width:180px}.log-source{color:#00ff41cc;min-width:120px}.log-message{color:#00ff41;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.log-indicator{color:#0ff;flex-shrink:0}.log-expanded{background:#000;border:1px solid #00ff4133;border-left:2px solid #00ff41;margin:10px 0 10px 23px;padding:20px;display:none!important}.log-expanded.visible{display:block!important}.expanded-label{color:#0ff;letter-spacing:1px;margin-bottom:10px;font-size:12px}.expanded-message{color:#00ff41;margin-bottom:15px;line-height:1.8}.view-trace-btn{color:#0ff;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #0ff;padding:8px 20px;font-family:Share Tech Mono,monospace;font-size:12px;transition:all .2s}.view-trace-btn:hover{color:#000;background:#0ff}.modal{z-index:10000;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.visible{display:flex}.modal-content{background:#000;border:2px solid #00ff41;width:90%;max-width:540px;padding:30px;position:relative}.modal-close-x{color:#00ff41;cursor:pointer;background:0 0;border:1px solid #00ff41;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:22px;font-weight:400;line-height:1;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.modal-close-x:hover{color:#000;background:#00ff41}.video-container{background:#000;margin:0 0 15px}.video-container video{width:100%;height:auto;display:block}.video-container video::-webkit-media-controls{display:none!important}.custom-controls{background:#000;border:1px solid #00ff4133;margin-top:10px;padding:10px}.controls-row{align-items:center;gap:15px;display:flex}.play-pause-btn{color:#00ff41;cursor:pointer;background:0 0;border:1px solid #00ff41;padding:8px 16px;font-family:Share Tech Mono,monospace;font-size:12px;transition:all .2s}.play-pause-btn:hover{color:#000;background:#00ff41}.progress-container{cursor:pointer;background:#111;border:1px solid #00ff4133;flex:1;height:6px}.progress-bar{background:#00ff41;width:0%;height:100%}.time-display{color:#00ff41;text-align:right;min-width:80px;font-size:12px}.integrity-display{color:#00ff41;background:#0a0a0a;border-left:2px solid #00ff41;margin:15px 0 0;padding:10px;font-family:Share Tech Mono,monospace;font-size:12px}.footer{text-align:center;max-width:1200px;margin:40px auto 20px;padding:0 20px}.exit-btn{color:#00ff41;cursor:pointer;background:0 0;border:1px solid #00ff41;padding:12px 40px;font-family:Share Tech Mono,monospace;font-size:14px;text-decoration:none;transition:all .2s;display:inline-block}.exit-btn:hover{color:#000;background:#00ff41}.empty-state{text-align:center;color:#00ff4166;padding:60px 20px;font-size:14px}@media (width<=768px){.log-row{flex-wrap:wrap;gap:12px}.log-timestamp{order:1;width:100%;min-width:auto}.severity-badge{order:2}.log-source{order:3;min-width:auto}.log-message{order:4;width:100%}.log-indicator{order:5}.modal-content{padding:20px}.modal-meta{flex-direction:column;gap:8px}}