.navbar{background-color:#2c3e50;color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar h1{font-size:1.25rem;font-weight:700}.navbar-user{display:flex;align-items:center;gap:1rem}.navbar-user span{font-size:.875rem}.find-event-section{margin-bottom:2rem}.find-event-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.search-container{display:flex;align-items:center;gap:1rem}.search-input{width:600px;padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.search-input:focus{outline:none;border-color:#3498db}.search-input:disabled{background-color:#f5f5f5}.results-view{display:flex;flex-direction:column;gap:1.5rem}.detail-type-highlight{background:linear-gradient(135deg,#06c,#0052a3);color:#fff;padding:1.25rem;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 2px 8px #06c3}.detail-type-highlight .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9;font-weight:600}.detail-type-highlight .value{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.info-grid{display:grid;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background-color:#f8f8f8;border-radius:4px;border-left:3px solid #ddd}.info-item .label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.info-item .value{font-size:.9375rem;color:#333;font-family:Consolas,Monaco,monospace;word-break:break-all}.value-with-copy{display:flex;align-items:center;gap:.5rem}.value-with-copy .value{flex:0 1 auto}.copy-button{background:none;border:none;color:#666;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;font-size:.875rem;display:flex;align-items:center;justify-content:center;min-width:2rem}.copy-button:hover{background-color:#e8e8e8;color:#06c}.copy-button:active{background-color:#d8d8d8}.time-item .time-values{display:flex;flex-direction:column;gap:.5rem}.time-item .time-row{display:flex;flex-direction:column;gap:.15rem}.time-item .time-label{font-size:.6875rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.trigger-ids-item{cursor:pointer}.trigger-ids-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.trigger-ids-header:hover{opacity:.8}.label-with-chevron{display:flex;align-items:center;gap:.5rem}.expand-button{background:none;border:none;color:#666;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s;font-size:.75rem;width:1rem;height:1rem}.expand-button:hover{color:#06c}.trigger-ids-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid #e0e0e0}.trigger-id-row{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background-color:#fff;border-radius:4px;border:1px solid #e8e8e8}.trigger-id-row .value{display:inline;word-break:break-all}.trigger-id-row .copy-button{flex-shrink:0;margin-top:0}.trigger-id-row .navigate-button{flex-shrink:0;margin-top:0;background:none;border:none;color:#666;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s;font-size:.875rem;display:flex;align-items:center;justify-content:center;min-width:2rem}.trigger-id-row .navigate-button:hover{background-color:#e8e8e8;color:#06c}.trigger-id-row .navigate-button:active{background-color:#d8d8d8}.info-item .timestamp,.trigger-id-row .timestamp{font-size:.8125rem;color:#888;font-style:italic;margin-right:.5rem}.raw-view{position:relative}.raw-copy-button{position:absolute;top:.5rem;right:.5rem;background-color:#fff;border:1px solid #ddd;color:#666;cursor:pointer;padding:.5rem .75rem;border-radius:4px;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:.375rem;font-weight:500;box-shadow:0 1px 3px #0000001a}.raw-copy-button:hover{background-color:#06c;color:#fff;border-color:#06c}.raw-copy-button:active{background-color:#0052a3;border-color:#0052a3}.raw-view pre{background-color:#f8f8f8;padding:1rem;border-radius:4px;overflow:auto;font-size:.875rem;margin:0;font-family:Consolas,Monaco,monospace}.error-message{padding:1rem;background-color:#fee;border:1px solid #fcc;color:#c33;border-radius:4px;margin-bottom:1rem}.event-result{background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.tabs{display:flex;border-bottom:1px solid #ddd;background-color:#f8f8f8}.tab{padding:.75rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.9375rem;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:#333;background-color:#f0f0f0}.tab.active{color:#06c;border-bottom-color:#06c;background-color:#fff}.tab-content{padding:1.5rem}.breadcrumb-container{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:.75rem 1.5rem;overflow-x:auto}.breadcrumb-trail{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{background:none;border:none;color:#06c;cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.875rem;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.breadcrumb-link:hover{background-color:#e8f4ff;color:#0052a3}.breadcrumb-link:active{background-color:#d0e8ff}.breadcrumb-item:last-child .breadcrumb-link{color:#333;font-weight:600;cursor:default}.breadcrumb-item:last-child .breadcrumb-link:hover{background-color:transparent;color:#333}.breadcrumb-chevron{color:#999;font-size:.75rem}.app-container{display:flex;flex-direction:column;height:100vh}.main-content{flex:1;overflow:auto;padding:2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{padding:.5rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b}.error-text{color:#e74c3c}.center-screen{display:flex;align-items:center;justify-content:center;height:100vh}.center-content{text-align:center}.center-content h1{font-size:2rem;margin-bottom:1rem}