*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-surface-hover: #252525;--color-border: #333;--color-text: #e0e0e0;--color-text-muted: #888;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--radius: 6px;--radius-lg: 10px}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:2rem;padding:.75rem 1.5rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.nav-brand{font-size:1.25rem;font-weight:700;color:var(--color-primary);font-family:var(--font-mono)}.project-switcher{font-family:var(--font-mono);font-size:.8rem;padding:.25rem .5rem;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px}.project-switcher.loading{opacity:.5}.nav-links{display:flex;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:var(--radius);text-decoration:none;color:var(--color-text-muted);transition:all .15s ease}.nav-link:hover,.nav-link.active{color:var(--color-text);background-color:var(--color-surface-hover)}.main{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.query-bar{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem}.query-bar-main{display:flex;gap:.75rem}.query-input{flex:1;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:inherit;font-size:1rem;resize:vertical;min-height:60px}.query-input:focus{outline:none;border-color:var(--color-primary)}.query-button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background-color .15s ease}.query-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.query-button:disabled{opacity:.5;cursor:not-allowed}.query-bar-options{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.intent-pills{display:flex;gap:.5rem;flex-wrap:wrap}.intent-pill{padding:.25rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;transition:all .15s ease}.intent-pill:hover{border-color:var(--color-primary);color:var(--color-text)}.intent-pill.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.toggle-advanced{background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer}.toggle-advanced:hover{color:var(--color-text)}.query-bar-advanced{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.time-input{display:flex;align-items:center;gap:.5rem}.time-input span{color:var(--color-text-muted);font-size:.875rem}.time-input input{padding:.5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text)}.memory-explorer-content{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}@media (max-width: 1024px){.memory-explorer-content{grid-template-columns:1fr}}.results-list{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem}.results-empty{color:var(--color-text-muted);text-align:center;padding:3rem}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.results-header h3{font-size:1rem;font-weight:500}.results-actions{display:flex;gap:.5rem}.action-button{padding:.25rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all .15s ease}.action-button:hover{border-color:var(--color-primary);color:var(--color-text)}.results-items{display:flex;flex-direction:column;gap:.75rem}.result-item{display:flex;gap:.75rem;padding:.75rem;background-color:var(--color-bg);border-radius:var(--radius)}.result-index{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:50%;font-size:.75rem;color:var(--color-text-muted)}.result-content{flex:1;min-width:0}.result-meta{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.75rem}.result-id{font-family:var(--font-mono);color:var(--color-primary)}.result-ts,.result-source{color:var(--color-text-muted)}.result-text{color:var(--color-text);word-break:break-word}.trace-panel{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem}.trace-empty{color:var(--color-text-muted);text-align:center;padding:2rem}.trace-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.trace-tab{padding:.5rem 1rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius);transition:all .15s ease}.trace-tab:hover,.trace-tab.active{color:var(--color-text);background-color:var(--color-bg)}.trace-content{min-height:200px}.trace-route{display:flex;flex-direction:column;gap:.75rem}.route-item{display:flex;gap:.75rem}.route-label{color:var(--color-text-muted);min-width:100px}.route-value{color:var(--color-text)}.intent-badge{padding:.125rem .5rem;background-color:var(--color-primary);color:#fff;border-radius:var(--radius);font-size:.875rem;font-weight:500}.anchors-table{width:100%;border-collapse:collapse;font-size:.875rem}.anchors-table th,.anchors-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--color-border)}.anchors-table th{color:var(--color-text-muted);font-weight:500}.anchor-id{font-family:var(--font-mono);font-size:.75rem}.anchor-score{font-family:var(--font-mono)}.traversal-path{display:flex;flex-direction:column;gap:.5rem}.traversal-step{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-bg);border-radius:var(--radius)}.step-index{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:50%;font-size:.625rem;color:var(--color-text-muted)}.step-node{font-family:var(--font-mono);font-size:.75rem}.step-edge{color:var(--color-text-muted);font-size:.75rem}.step-score{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.trace-raw{background-color:var(--color-bg);padding:1rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.75rem;overflow-x:auto;max-height:400px;overflow-y:auto}.consolidation-lag{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--color-bg);border-radius:var(--radius);font-size:.875rem}.consolidation-lag.warning{border:1px solid var(--color-warning)}.lag-label{color:var(--color-text-muted)}.lag-queue,.lag-time{color:var(--color-warning)}.lag-ts{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.lag-ok{color:var(--color-success)}.getting-started-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;margin-bottom:1.5rem;text-align:center}.getting-started-card h2{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-text)}.getting-started-card p{color:var(--color-text-muted);margin-bottom:1.25rem;max-width:500px;margin-left:auto;margin-right:auto}.example-queries{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.example-query-btn{background-color:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem 1rem;cursor:pointer;font-size:.875rem;transition:border-color .15s,background-color .15s}.example-query-btn:hover{border-color:var(--color-primary);background-color:#3b82f61a}.getting-started-dismiss{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1}.getting-started-dismiss:hover{color:var(--color-text)}.getting-started-card{position:relative}.getting-started-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.25rem}.getting-started-action-btn{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.getting-started-action-btn:hover{background-color:var(--color-primary-hover)}.getting-started-action-link{display:inline-flex;align-items:center;padding:.5rem 1rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;text-decoration:none;transition:all .15s ease}.getting-started-action-link:hover{color:var(--color-text);border-color:var(--color-primary)}.page-header-actions{display:flex;align-items:center;gap:1rem}.save-memory-btn{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.save-memory-btn:hover{background-color:var(--color-primary-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.125rem;font-weight:600}.modal-body{padding:1.5rem}.modal-field{margin-bottom:1rem}.modal-field label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.875rem}.modal-field-row{display:flex;gap:1rem}.modal-field-row .modal-field{flex:1}.modal-textarea{width:100%;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.9rem;font-family:inherit;resize:vertical;min-height:120px}.modal-textarea:focus{outline:none;border-color:var(--color-primary)}.modal-select{width:100%;padding:.5rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem}.modal-select:focus{outline:none;border-color:var(--color-primary)}.modal-input{width:100%;padding:.5rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem}.modal-input:focus{outline:none;border-color:var(--color-primary)}.modal-error{padding:.5rem .75rem;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);font-size:.875rem;margin-top:.5rem}.modal-success{padding:.5rem .75rem;background-color:#22c55e1a;border:1px solid var(--color-success);border-radius:var(--radius);color:var(--color-success);font-size:.875rem;margin-top:.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border)}.modal-btn-cancel{padding:.5rem 1rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:.875rem;cursor:pointer}.modal-btn-cancel:hover{color:var(--color-text);border-color:var(--color-text-muted)}.modal-btn-primary{padding:.5rem 1.25rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.modal-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.modal-btn-primary:disabled{opacity:.5;cursor:not-allowed}.error-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius);margin-bottom:1rem}.error-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.error-message{color:var(--color-error)}.placeholder-content{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:2rem}.placeholder-content ul{margin-top:1rem;margin-left:1.5rem}.placeholder-content li{margin-bottom:.5rem;color:var(--color-text-muted)}.context-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.context-info h3{font-size:1rem;margin-bottom:.5rem}.workflow-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.sub-nav-link{padding:.5rem 1rem;border-radius:var(--radius);text-decoration:none;color:var(--color-text-muted);transition:all .15s ease}.sub-nav-link:hover,.sub-nav-link.active{color:var(--color-text);background-color:var(--color-surface)}.workflow-subpage{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:2rem}.workflow-subpage h2{margin-bottom:1rem}.handoff-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 1024px){.handoff-content{grid-template-columns:1fr}}.handoff-form{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.875rem}.form-group textarea{width:100%;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:inherit;font-size:1rem;resize:vertical}.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.build-button{width:100%;padding:.75rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background-color .15s ease}.build-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.build-button:disabled{opacity:.5;cursor:not-allowed}.handoff-preview{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.preview-header h3{font-size:1rem}.preview-actions{display:flex;gap:.5rem}.preview-actions button{padding:.25rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:all .15s ease}.preview-actions button:hover{border-color:var(--color-primary)}.preview-content{background-color:var(--color-bg);padding:1rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;overflow-x:auto;max-height:500px;overflow-y:auto}.graph-view{height:calc(100vh - 100px);display:flex;flex-direction:column}.graph-layout{flex:1;display:grid;grid-template-columns:300px 1fr;gap:1rem;min-height:0}@media (max-width: 900px){.graph-layout{grid-template-columns:1fr}}.graph-sidebar{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.graph-main{background-color:var(--color-surface);border-radius:var(--radius-lg);min-height:400px;position:relative}.graph-canvas-container{width:100%;height:100%;position:relative}.graph-canvas{width:100%;height:100%;min-height:400px}.graph-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;z-index:10}.graph-controls button{padding:.25rem .5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.75rem;cursor:pointer}.graph-controls button:hover{border-color:var(--color-primary)}.graph-legend{display:flex;gap:1rem;padding:.75rem;background-color:var(--color-surface);border-radius:var(--radius);margin-top:1rem;font-size:.75rem;flex-wrap:wrap}.legend-title{color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-dot{width:10px;height:10px;border-radius:50%}.edge-toggles{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem}.edge-toggles h4{margin-bottom:.75rem;font-size:.875rem}.toggle-list{display:flex;flex-direction:column;gap:.5rem}.toggle-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-item input{cursor:pointer}.toggle-color{width:12px;height:12px;border-radius:2px}.toggle-label{font-size:.875rem}.node-details{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem;flex:1;overflow-y:auto}.node-details-empty{color:var(--color-text-muted);text-align:center;padding:2rem 1rem}.node-details-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.node-type-badge{padding:.125rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;color:#fff}.node-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.node-details-label,.node-details-content{margin-bottom:.75rem}.node-details-content h4{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.node-details-content p{font-size:.875rem}.node-details-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.meta-item{display:flex;font-size:.75rem}.meta-label{color:var(--color-text-muted);min-width:100px}.node-details-extra{margin-bottom:.75rem}.node-details-extra h4{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.node-details-extra pre{background-color:var(--color-bg);padding:.5rem;border-radius:var(--radius);font-size:.625rem;overflow-x:auto}.node-details-actions h4{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-buttons button{padding:.25rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.75rem;cursor:pointer}.action-buttons button:hover:not(:disabled){border-color:var(--color-primary)}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.timeline-view{height:calc(100vh - 100px);display:flex;flex-direction:column}.timeline-layout{flex:1;display:grid;grid-template-columns:280px 1fr;gap:1rem;min-height:0}@media (max-width: 900px){.timeline-layout{grid-template-columns:1fr}}.timeline-sidebar{display:flex;flex-direction:column;gap:1rem}.timeline-main{min-height:0;overflow:hidden}.timeline-filters{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem}.timeline-filters h4{margin-bottom:.75rem;font-size:.875rem}.filter-grid{display:flex;flex-direction:column;gap:.5rem}.filter-item{display:flex;flex-direction:column;gap:.25rem}.filter-item span{font-size:.75rem;color:var(--color-text-muted)}.filter-item input,.filter-item select{padding:.5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.875rem}.filter-item input:focus,.filter-item select:focus{outline:none;border-color:var(--color-primary)}.filter-actions{display:flex;gap:.5rem;margin-top:.75rem}.filter-apply,.filter-clear{flex:1;padding:.5rem;border-radius:var(--radius);font-size:.875rem;cursor:pointer}.filter-apply{background-color:var(--color-primary);color:#fff;border:none}.filter-apply:hover{background-color:var(--color-primary-hover)}.filter-clear{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.filter-clear:hover{border-color:var(--color-text-muted)}.highlighted-info{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem}.highlighted-info h4{font-size:.875rem;margin-bottom:.5rem}.highlighted-info p{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.highlighted-info button{font-size:.75rem;padding:.25rem .5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer}.timeline-scroll{height:100%;overflow-y:auto;position:relative;padding:1rem;background-color:var(--color-surface);border-radius:var(--radius-lg)}.timeline-empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.timeline-line{position:absolute;left:26px;top:0;bottom:0;width:2px;background-color:var(--color-border)}.timeline-events{display:flex;flex-direction:column;gap:.75rem;position:relative}.timeline-event{display:flex;gap:1rem;padding-left:.5rem}.timeline-event.highlighted{background-color:#f59e0b1a;border-radius:var(--radius);margin-left:-.5rem;padding:.5rem}.timeline-event-marker{width:12px;height:12px;background-color:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:4px;position:relative;z-index:1}.timeline-event.highlighted .timeline-event-marker{background-color:var(--color-warning)}.timeline-event-content{flex:1;min-width:0}.timeline-event-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.timeline-event-time{font-size:.75rem;color:var(--color-text-muted)}.timeline-event-type{font-size:.625rem;padding:.125rem .375rem;border-radius:var(--radius);text-transform:uppercase;font-weight:500}.type-user{background-color:#3b82f6;color:#fff}.type-api{background-color:#8b5cf6;color:#fff}.type-cli{background-color:#22c55e;color:#fff}.type-github{background-color:#333;color:#fff}.type-url{background-color:#f59e0b;color:#fff}.type-test{background-color:#666;color:#fff}.timeline-event-id{font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted)}.timeline-event-body{margin-bottom:.5rem}.timeline-event-body p{font-size:.875rem;line-height:1.4}.timeline-event-entities{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.5rem}.entity-tag{font-size:.625rem;padding:.125rem .375rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted)}.timeline-event-actions{display:flex;gap:.5rem}.action-link{font-size:.75rem;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0}.action-link:hover{text-decoration:underline}.timeline-load-more{text-align:center;padding:1rem}.timeline-load-more button{padding:.5rem 1rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer}.timeline-load-more button:hover{border-color:var(--color-primary)}.loading-indicator{color:var(--color-text-muted)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;z-index:100;box-shadow:0 2px 8px #0000004d}.scroll-to-top:hover{background-color:var(--color-primary-hover)}.header-actions{display:flex;align-items:center;gap:.75rem}.header-actions button{padding:.5rem 1rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer}.header-actions button:hover{border-color:var(--color-primary)}.event-count{font-size:.875rem;color:var(--color-text-muted)}.explanation-panel{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.explanation-panel.success{background-color:#22c55e1a;border:1px solid var(--color-success)}.explanation-panel.error{background-color:#ef44441a;border:1px solid var(--color-error)}.explanation-content{flex:1}.explanation-content p{margin:0;line-height:1.5}.explanation-panel.success .explanation-content p{color:var(--color-text)}.explanation-panel.error .explanation-content p{color:var(--color-error)}.explanation-dismiss{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.explanation-dismiss:hover{color:var(--color-text)}.action-button:disabled{opacity:.5;cursor:not-allowed}.loading-fallback{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted)}.btn-primary{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .15s ease}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.filter-select{padding:.5rem;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary)}.empty-message{text-align:center;padding:2rem;color:var(--color-text-muted)}.feedback-banner{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.feedback-banner.success{background-color:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success)}.feedback-banner.error{background-color:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.backlog-page{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.backlog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.backlog-filters{display:flex;align-items:center;gap:1rem}.backlog-actions{display:flex;gap:.5rem}.svu-count{font-size:.875rem;color:var(--color-text-muted)}.svu-table{width:100%;border-collapse:collapse}.svu-table th,.svu-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.svu-table th{color:var(--color-text-muted);font-weight:500;font-size:.875rem}.svu-table tbody tr:hover{background-color:var(--color-surface-hover)}.svu-priority{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-muted)}.svu-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.svu-title{font-weight:500}.svu-status{padding:.125rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;color:#fff}.svu-owner{color:var(--color-text-muted)}.delete-btn{padding:.25rem .5rem;background:none;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);font-size:.75rem;cursor:pointer;transition:all .15s ease}.delete-btn:hover{background-color:var(--color-error);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h3{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form label{display:block;margin-bottom:.25rem;font-size:.875rem;color:var(--color-text-muted)}.modal-form input,.modal-form textarea,.modal-form select{width:100%;padding:.5rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:inherit;font-size:.875rem}.modal-form input:focus,.modal-form textarea:focus,.modal-form select:focus{outline:none;border-color:var(--color-primary)}.modal-form textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel{padding:.5rem 1rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer}.btn-cancel:hover{border-color:var(--color-text-muted)}.run-monitor-page{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.run-monitor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.run-monitor-filters{display:flex;align-items:center;gap:1rem}.run-count{font-size:.875rem;color:var(--color-text-muted)}.run-monitor-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:400px}@media (max-width: 900px){.run-monitor-layout{grid-template-columns:1fr}}.run-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.run-card{padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.run-card:hover{border-color:var(--color-primary)}.run-card.selected{border-color:var(--color-primary);background-color:#3b82f61a}.run-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.run-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text)}.run-status{padding:.125rem .5rem;border-radius:var(--radius);font-size:.625rem;font-weight:500;color:#fff}.run-card-body{margin-bottom:.5rem}.run-svu{font-size:.875rem;font-weight:500}.run-workflow{font-size:.75rem;color:var(--color-text-muted)}.run-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.run-detail-panel{background-color:var(--color-bg);border-radius:var(--radius);padding:1rem}.run-detail-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted)}.run-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.run-detail-header h3{font-family:var(--font-mono);font-size:1rem}.run-status-large{padding:.25rem .75rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;color:#fff}.run-detail-meta,.run-detail-section{margin-bottom:1rem}.run-detail-section h4{font-size:.875rem;margin-bottom:.5rem;color:var(--color-text-muted)}.gate-results-table{width:100%;border-collapse:collapse;font-size:.875rem}.gate-results-table th,.gate-results-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--color-border)}.gate-results-table th{color:var(--color-text-muted);font-weight:500}.gate-id{font-family:var(--font-mono)}.gate-result{padding:.125rem .375rem;border-radius:var(--radius);font-size:.625rem;font-weight:500}.gate-result.pass{background-color:var(--color-success);color:#fff}.gate-result.fail{background-color:var(--color-error);color:#fff}.gate-time{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.no-gates{color:var(--color-text-muted);font-style:italic}.run-detail-actions{padding-top:1rem;border-top:1px solid var(--color-border)}.waiting-message{color:var(--color-warning);margin-bottom:.75rem}.human-review-page{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.human-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.human-review-filters{display:flex;align-items:center;gap:1rem}.pending-badge{padding:.25rem .5rem;background-color:var(--color-warning);color:#fff;border-radius:var(--radius);font-size:.75rem;font-weight:500}.human-review-layout{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;min-height:400px}@media (max-width: 900px){.human-review-layout{grid-template-columns:1fr}}.intent-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.intent-card{padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.intent-card:hover{border-color:var(--color-primary)}.intent-card.selected{border-color:var(--color-primary);background-color:#3b82f61a}.intent-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.intent-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text)}.intent-status{padding:.125rem .5rem;border-radius:var(--radius);font-size:.625rem;font-weight:500;color:#fff}.intent-card-body{margin-bottom:.5rem}.intent-action{font-size:.875rem;font-weight:500}.intent-target{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intent-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.intent-time{color:var(--color-text-muted)}.risk-badge{padding:.125rem .375rem;border-radius:var(--radius);font-size:.625rem;font-weight:500;color:#fff;text-transform:uppercase}.intent-detail-panel{background-color:var(--color-bg);border-radius:var(--radius);padding:1rem}.intent-detail-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted)}.intent-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.intent-detail-header h3{font-family:var(--font-mono);font-size:1rem}.intent-status-large{padding:.25rem .75rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;color:#fff}.intent-detail-meta,.intent-detail-section{margin-bottom:1rem}.intent-detail-section h4{font-size:.875rem;margin-bottom:.5rem;color:var(--color-text-muted)}.risk-summary{display:flex;flex-direction:column;gap:.5rem}.risk-item{display:flex;align-items:center;gap:.5rem}.risk-label{color:var(--color-text-muted);min-width:100px;font-size:.875rem}.risk-value{font-size:.875rem}.risk-value.yes{color:var(--color-success)}.risk-value.no{color:var(--color-error)}.payload-display{background-color:var(--color-surface);border-radius:var(--radius);padding:1rem;max-height:300px;overflow:auto}.diff-view,.json-view{font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;margin:0}.review-comment{background-color:var(--color-surface);padding:.75rem;border-radius:var(--radius);font-style:italic}.review-time{display:block;margin-top:.5rem;font-size:.75rem;color:var(--color-text-muted)}.intent-detail-actions{padding-top:1rem;border-top:1px solid var(--color-border)}.review-checkbox{margin-bottom:1rem}.review-checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.review-checkbox input{width:18px;height:18px;cursor:pointer}.comment-field{margin-bottom:1rem}.comment-field label{display:block;margin-bottom:.25rem;font-size:.875rem;color:var(--color-text-muted)}.comment-field textarea{width:100%;padding:.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:inherit;font-size:.875rem;resize:vertical}.comment-field textarea:focus{outline:none;border-color:var(--color-primary)}.btn-approve{padding:.5rem 1.5rem;background-color:var(--color-success);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:opacity .15s ease}.btn-approve:hover:not(:disabled){opacity:.9}.btn-approve:disabled{opacity:.5;cursor:not-allowed}.btn-deny{padding:.5rem 1.5rem;background-color:var(--color-error);color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:opacity .15s ease}.btn-deny:hover:not(:disabled){opacity:.9}.btn-deny:disabled{opacity:.5;cursor:not-allowed}.placeholder-text{color:var(--color-text-muted);margin-bottom:1.5rem}.definitions-preview{background-color:var(--color-bg);border-radius:var(--radius);padding:1rem}.definitions-preview h3{font-size:1rem;margin-bottom:.75rem;margin-top:1rem}.definitions-preview h3:first-child{margin-top:0}.gate-list,.stage-list{list-style:none;margin:0;padding:0}.gate-list li,.stage-list li{padding:.5rem;margin-bottom:.25rem;background-color:var(--color-surface);border-radius:var(--radius);font-size:.875rem}.gate-list strong{font-family:var(--font-mono);color:var(--color-primary)}.handoff-builder{height:calc(100vh - 100px);display:flex;flex-direction:column}.handoff-layout{flex:1;display:grid;grid-template-columns:280px 1fr;gap:1.5rem;min-height:0}@media (max-width: 900px){.handoff-layout{grid-template-columns:1fr}}.handoff-sidebar{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.handoff-main{display:flex;flex-direction:column;gap:1.5rem;min-height:0;overflow-y:auto}.source-selector{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem}.source-selector h4{margin-bottom:.75rem;font-size:.875rem}.source-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.source-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.source-option input{cursor:pointer}.svu-select{width:100%;padding:.5rem;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem}.svu-select:focus{outline:none;border-color:var(--color-primary)}.scope-controls{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem}.scope-controls h4{margin-bottom:.75rem;font-size:.875rem}.scope-grid{display:flex;flex-direction:column;gap:.75rem}.scope-item{display:flex;flex-direction:column;gap:.25rem}.scope-item label{font-size:.75rem;color:var(--color-text-muted)}.scope-item input,.scope-item select{padding:.5rem;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem}.scope-item input:focus,.scope-item select:focus{outline:none;border-color:var(--color-primary)}.history-panel{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1rem;flex:1;min-height:200px;overflow-y:auto}.history-panel h4{margin-bottom:.75rem;font-size:.875rem}.history-loading,.history-empty{color:var(--color-text-muted);font-size:.875rem;text-align:center;padding:1rem}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.history-item:hover{border-color:var(--color-primary)}.history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.history-id{font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted)}.history-source{padding:.125rem .375rem;border-radius:var(--radius);font-size:.625rem;font-weight:500;color:#fff}.history-source.svu{background-color:var(--color-warning)}.history-source.query{background-color:var(--color-primary)}.history-objective{font-size:.875rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{display:flex;gap:.5rem;font-size:.625rem;color:var(--color-text-muted)}.history-svu{font-family:var(--font-mono)}.packet-preview{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.preview-sections{margin-bottom:1.5rem}.preview-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.preview-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-section h4{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}.preview-section p{font-size:.875rem}.preview-section ul{margin:0;padding-left:1.25rem}.preview-section li{font-size:.875rem;margin-bottom:.25rem}.acceptance-list{list-style:none;padding-left:0}.acceptance-list li{position:relative;padding-left:1.25rem}.acceptance-list li:before{content:"☐";position:absolute;left:0;color:var(--color-text-muted)}.context-bundle{display:flex;flex-direction:column;gap:.5rem}.context-event{display:flex;gap:.75rem;padding:.5rem;background-color:var(--color-bg);border-radius:var(--radius);font-size:.75rem}.context-event .event-id{font-family:var(--font-mono);color:var(--color-primary);flex-shrink:0}.context-event .event-content{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-more{text-align:center;padding:.5rem;color:var(--color-text-muted);font-size:.75rem}.preview-raw{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.preview-raw h4{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}.btn-save{background-color:var(--color-success);color:#fff;border:none}.btn-save:hover:not(:disabled){opacity:.9}.btn-save:disabled{opacity:.5;cursor:not-allowed}.trace-budgets{display:flex;flex-direction:column;gap:.75rem}.budget-item{display:flex;justify-content:space-between;padding:.5rem;background-color:var(--color-bg);border-radius:var(--radius)}.budget-label{color:var(--color-text-muted);font-size:.875rem}.budget-value{font-family:var(--font-mono);font-size:.875rem}.budget-warnings{margin-top:1rem;padding:.75rem;background-color:#f59e0b1a;border:1px solid var(--color-warning);border-radius:var(--radius)}.budget-warnings h5{color:var(--color-warning);font-size:.875rem;margin-bottom:.5rem}.warnings-list{margin:0;padding-left:1.25rem}.warning-item{color:var(--color-warning);font-size:.75rem;margin-bottom:.25rem}.anchor-rank{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.backlog-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}@media (max-width: 1100px){.backlog-layout{grid-template-columns:1fr}}.backlog-main{min-width:0}.backlog-sidebar{display:flex;flex-direction:column;gap:1rem}.dependency-graph{background-color:var(--color-bg);border-radius:var(--radius);padding:1rem}.dependency-graph-empty{padding:2rem;text-align:center;color:var(--color-text-muted)}.dep-graph-title{font-size:.875rem;font-weight:500;margin-bottom:.75rem}.dep-graph-canvas{display:flex;flex-direction:column;gap:.75rem}.dep-graph-level{display:flex;gap:.5rem;align-items:center}.level-label{width:24px;font-size:.625rem;color:var(--color-text-muted);font-family:var(--font-mono)}.level-nodes{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.dep-node{padding:.25rem .5rem;border-radius:var(--radius);font-size:.75rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.dep-node.pending{background-color:var(--color-surface);border:1px solid var(--color-border)}.dep-node.done{background-color:#22c55e33;border:1px solid var(--color-success)}.dep-graph-legend{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-muted)}.dep-graph-legend .legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem}.dep-graph-legend .legend-dot.pending{background-color:var(--color-text-muted)}.dep-graph-legend .legend-dot.done{background-color:var(--color-success)}.legend-sep{color:var(--color-border)}.step-timeline{display:flex;flex-direction:column;gap:0;position:relative}.step-item{display:flex;gap:.75rem;padding:.5rem 0;position:relative}.step-connector{position:absolute;left:5px;top:24px;bottom:-8px;width:2px}.step-item:last-child .step-connector{display:none}.step-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;position:relative;z-index:1}.step-content{flex:1;min-width:0}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.step-name{font-size:.875rem;font-weight:500}.step-status{font-size:.625rem;font-weight:500;text-transform:uppercase}.step-times{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.step-duration{font-family:var(--font-mono)}.no-steps{color:var(--color-text-muted);font-style:italic;padding:1rem 0}.artifacts-list{display:flex;flex-direction:column;gap:.5rem}.artifact-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:var(--color-surface);border-radius:var(--radius)}.artifact-type{padding:.125rem .375rem;background-color:var(--color-bg);border-radius:var(--radius);font-size:.625rem;color:var(--color-text-muted);text-transform:uppercase}.artifact-name{flex:1;font-size:.875rem;font-family:var(--font-mono)}.artifact-size{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.no-artifacts{color:var(--color-text-muted);font-style:italic;padding:1rem 0}.memory-provenance{padding:.75rem;background-color:var(--color-surface);border-radius:var(--radius)}.memory-provenance p{font-size:.875rem;margin-bottom:.5rem}.event-ids{display:flex;flex-wrap:wrap;gap:.25rem}.event-id-tag{padding:.125rem .375rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.625rem;color:var(--color-primary)}.intent-ledger-page{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.ledger-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.ledger-filters{display:flex;align-items:center;gap:1rem}.entry-count{font-size:.875rem;color:var(--color-text-muted)}.ledger-table-container{overflow-x:auto}.ledger-table{width:100%;border-collapse:collapse}.ledger-table th,.ledger-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.ledger-table th{color:var(--color-text-muted);font-weight:500;font-size:.875rem}.ledger-row{cursor:pointer;transition:background-color .15s ease}.ledger-row:hover{background-color:var(--color-surface-hover)}.ledger-row.expanded{background-color:#3b82f61a}.ledger-intent{font-family:var(--font-mono);font-size:.75rem}.ledger-kind{font-size:.875rem}.ledger-run{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted)}.ledger-status .status-badge{padding:.125rem .5rem;border-radius:var(--radius);font-size:.625rem;font-weight:500;color:#fff}.receipt-badge{padding:.125rem .375rem;border-radius:var(--radius);font-size:.625rem;font-weight:500}.receipt-badge.ok{background-color:var(--color-success);color:#fff}.receipt-badge.fail{background-color:var(--color-error);color:#fff}.receipt-badge.pending{background-color:var(--color-text-muted);color:#fff}.ledger-time{font-size:.75rem;color:var(--color-text-muted)}.ledger-detail-row td{padding:0;background-color:var(--color-bg)}.ledger-detail{padding:1rem}.detail-section{margin-bottom:1rem}.detail-section:last-child{margin-bottom:0}.detail-section h5{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}.detail-section h6{font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem;margin-bottom:.25rem}.detail-json{background-color:var(--color-surface);padding:.75rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;margin:0;max-height:200px;overflow:auto}.detail-section code{background-color:var(--color-surface);padding:.25rem .5rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.75rem}.receipt-detail{padding:.75rem;background-color:var(--color-surface);border-radius:var(--radius)}.receipt-meta{display:flex;gap:1.5rem;margin-bottom:.75rem;font-size:.875rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-text)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-error{padding:.5rem;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);font-size:.875rem}.status-badge{padding:.125rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:500;color:#fff}.status-badge.status-todo{background-color:var(--color-warning)}.status-badge.status-done{background-color:var(--color-success)}.btn-icon{padding:.25rem .5rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;font-size:.875rem;transition:all .15s ease}.btn-icon:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.btn-icon.btn-delete:hover:not(:disabled){background-color:#ef44441a}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.meta-row{display:flex;gap:.75rem;margin-bottom:.25rem;font-size:.875rem}.meta-label{color:var(--color-text-muted);min-width:80px}.meta-value{color:var(--color-text)}.monitoring-dashboard{padding:1.5rem;max-width:1200px;margin:0 auto}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.monitoring-header h2{font-size:1.5rem}.monitoring-refresh{display:flex;align-items:center;gap:1rem}.refresh-time{color:var(--color-text-muted);font-size:.85rem}.refresh-btn{padding:.4rem .8rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius);cursor:pointer}.refresh-btn:hover{background:var(--color-surface-hover)}.monitoring-section{margin-bottom:2rem}.monitoring-section h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:600;font-family:var(--font-mono);color:var(--color-primary)}.stat-label{font-size:.85rem;color:var(--color-text-muted);margin-top:.25rem}.stat-subtitle{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem;font-style:italic}.monitoring-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.monitoring-table th,.monitoring-table td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.monitoring-table th{color:var(--color-text-muted);font-weight:500;font-size:.85rem}.monitoring-table td{font-family:var(--font-mono);font-size:.9rem}.degraded-banner{padding:.75rem 1rem;background-color:#f59e0b26;border:1px solid var(--color-warning);border-radius:var(--radius);color:var(--color-warning);font-size:.875rem;margin-bottom:1rem}.lag-degraded{color:var(--color-warning);font-weight:600;cursor:help}.login-screen{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.login-screen-body{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:400px;text-align:center}.login-brand{font-size:2rem;font-weight:700;color:var(--color-primary);font-family:var(--font-mono);margin-bottom:.25rem}.login-subtitle{color:var(--color-text-muted);font-size:.875rem;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.login-field label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.875rem}.login-input{width:100%;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-mono);font-size:.875rem}.login-input:focus{outline:none;border-color:var(--color-primary)}.login-input::placeholder{color:var(--color-text-muted);opacity:.5}.login-error{padding:.5rem .75rem;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);font-size:.875rem}.login-button{width:100%;padding:.75rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .15s ease}.login-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-help{color:var(--color-text-muted);font-size:.75rem;margin-top:1.5rem;line-height:1.5}.nav-user{display:flex;align-items:center;gap:.75rem;margin-left:auto}.nav-user-name{color:var(--color-text);font-size:.875rem;font-weight:500}.nav-user-scopes{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.nav-logout{padding:.25rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:.75rem;cursor:pointer;transition:all .15s ease}.nav-logout:hover{border-color:var(--color-error);color:var(--color-error)}.landing{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text)}.landing-header{padding:1rem 2rem;border-bottom:1px solid var(--color-border)}.landing-header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.landing-logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--color-primary)}.landing-signin{color:var(--color-text-muted);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);transition:all .15s ease}.landing-signin:hover{color:var(--color-text);border-color:var(--color-primary)}.landing-hero{max-width:800px;margin:0 auto;padding:6rem 2rem 4rem;text-align:center}.landing-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--color-text)}.landing-subtitle{font-size:1.125rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:2.5rem}.landing-subtitle em{color:var(--color-primary);font-style:normal;font-weight:600}.landing-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius);text-decoration:none;font-weight:600;font-size:1rem;transition:all .15s ease;cursor:pointer;border:none;text-align:center}.landing-btn-primary{background-color:var(--color-primary);color:#fff}.landing-btn-primary:hover{background-color:var(--color-primary-hover)}.landing-btn-secondary{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.landing-btn-secondary:hover{color:var(--color-text);border-color:var(--color-primary)}.landing-btn-muted{background-color:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);cursor:default;opacity:.6}.landing-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.landing-section-title{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:3rem;color:var(--color-text)}.landing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.landing-cards{grid-template-columns:1fr}}.landing-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem}.landing-card-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--color-primary);color:#fff;border-radius:50%;font-weight:700;font-size:.875rem;margin-bottom:1rem}.landing-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.landing-card p{color:var(--color-text-muted);line-height:1.5;margin-bottom:1rem}.landing-example{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--color-primary);background-color:var(--color-bg);padding:.75rem;border-radius:var(--radius);border:1px solid var(--color-border);word-break:break-word}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.landing-features{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.landing-features{grid-template-columns:repeat(2,1fr)}}.landing-feature{padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius)}.landing-feature h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.landing-feature p{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.landing-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}@media (max-width: 768px){.landing-pricing{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.landing-price-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;text-align:center}.landing-price-featured{border-color:var(--color-primary)}.landing-price-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.landing-price{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.landing-price span{font-size:1rem;font-weight:400;color:var(--color-text-muted)}.landing-price-card ul{list-style:none;padding:0;margin-bottom:2rem;text-align:left}.landing-price-card li{padding:.5rem 0;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);font-size:.875rem}.landing-price-card li:last-child{border-bottom:none}.landing-price-card .landing-btn{width:100%}.signup-screen{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.signup-screen-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.signup-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:520px}.signup-brand{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:.5rem}.signup-subtitle{color:var(--color-text-muted);font-size:.875rem;text-align:center;margin-bottom:2rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.signup-field label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.875rem}.signup-input{width:100%;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem}.signup-input:focus{outline:none;border-color:var(--color-primary)}.signup-textarea{width:100%;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem;resize:vertical;min-height:80px;font-family:inherit}.signup-textarea:focus{outline:none;border-color:var(--color-primary)}.signup-button{width:100%;padding:.75rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.signup-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.signup-button:disabled{opacity:.5;cursor:not-allowed}.signup-error{padding:.5rem .75rem;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);font-size:.875rem}.signup-login-link{text-align:center;margin-top:1.5rem;color:var(--color-text-muted);font-size:.875rem}.signup-login-link a{color:var(--color-primary);text-decoration:none}.signup-login-link a:hover{text-decoration:underline}.signup-success{text-align:center}.signup-success-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.signup-key-box{background-color:var(--color-bg);border:2px solid var(--color-warning);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;position:relative}.signup-key-value{font-family:var(--font-mono);font-size:.9rem;word-break:break-all;color:var(--color-text);padding-right:3rem;text-align:left}.signup-key-copy{position:absolute;top:.75rem;right:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:all .15s ease}.signup-key-copy:hover{color:var(--color-text);border-color:var(--color-primary)}.signup-key-warning{color:var(--color-warning);font-size:.875rem;font-weight:600;margin-bottom:2rem}.signup-configs{text-align:left;margin-bottom:2rem}.signup-config-card{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.signup-config-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-surface-hover);cursor:pointer;-webkit-user-select:none;user-select:none}.signup-config-header h4{font-size:.875rem;font-weight:600}.signup-config-toggle{color:var(--color-text-muted);font-size:.75rem}.signup-config-body{padding:1rem;background-color:var(--color-bg);position:relative}.signup-config-body pre{font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;word-break:break-all;color:var(--color-text-muted);margin:0;padding-right:3rem}.signup-config-copy{position:absolute;top:.75rem;right:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:all .15s ease}.signup-config-copy:hover{color:var(--color-text);border-color:var(--color-primary)}.signup-enter-btn{width:100%;padding:.875rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.signup-enter-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.signup-enter-btn:disabled{opacity:.5;cursor:not-allowed}.signup-back-link{display:block;text-align:center;margin-top:1rem;color:var(--color-text-muted);text-decoration:none;font-size:.875rem}.signup-back-link:hover{color:var(--color-text)}.legal-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text)}.legal-page .legal-content{flex:1}.legal-header{padding:1rem 2rem;border-bottom:1px solid var(--color-border)}.legal-logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.legal-content{max-width:720px;margin:0 auto;padding:3rem 2rem}.legal-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.legal-updated{color:var(--color-text-muted);font-size:.875rem;margin-bottom:3rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text)}.legal-content p{color:var(--color-text-muted);line-height:1.7;margin-bottom:1rem}.legal-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1rem}.legal-content li{color:var(--color-text-muted);line-height:1.7;margin-bottom:.5rem}.legal-content li strong{color:var(--color-text)}.legal-content code{font-family:var(--font-mono);background-color:var(--color-surface);padding:.15rem .4rem;border-radius:var(--radius);font-size:.85em}.legal-content a{color:var(--color-primary);text-decoration:none}.legal-content a:hover{text-decoration:underline}.app-footer{border-top:1px solid var(--color-border);padding:1.5rem 2rem;margin-top:2rem}.app-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.app-footer-brand{color:var(--color-text-muted);font-size:.8rem}.app-footer-links{display:flex;gap:1.5rem}.app-footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.8rem;transition:color .15s ease}.app-footer-links a:hover{color:var(--color-text)}.connect-page{max-width:800px}.connect-intro{color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6}.connect-grid{display:flex;flex-direction:column;gap:1rem}.connect-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.connect-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-surface)}.connect-card-header:hover{background-color:var(--color-surface-hover)}.connect-card-header h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.connect-card-desc{color:var(--color-text-muted);font-size:.8rem}.connect-card-toggle{color:var(--color-primary);font-size:.8rem;white-space:nowrap;margin-left:1rem}.connect-card-body{padding:1.25rem;border-top:1px solid var(--color-border);background-color:var(--color-bg)}.connect-config-block{position:relative;margin-bottom:1rem}.connect-config-block pre{font-family:var(--font-mono);font-size:.8rem;white-space:pre-wrap;word-break:break-all;color:var(--color-text-muted);background-color:var(--color-surface);padding:1rem 4rem 1rem 1rem;border-radius:var(--radius);border:1px solid var(--color-border);margin:0}.connect-copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:all .15s ease}.connect-copy-btn:hover{color:var(--color-text);border-color:var(--color-primary)}.connect-instructions{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.connect-instructions p{margin-bottom:.75rem}.connect-instructions ol{padding-left:1.5rem;margin-bottom:1rem}.connect-instructions li{margin-bottom:.5rem}.connect-instructions code{font-family:var(--font-mono);background-color:var(--color-surface);padding:.15rem .4rem;border-radius:var(--radius);font-size:.8em;color:var(--color-primary)}.connect-instructions a{color:var(--color-primary);text-decoration:none}.connect-instructions a:hover{text-decoration:underline}.upgrade-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;margin:2rem auto;max-width:500px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.upgrade-banner-icon{font-size:2.5rem}.upgrade-banner h2{font-size:1.25rem;font-weight:600}.upgrade-banner-description{color:var(--color-text-muted);max-width:400px;line-height:1.6}.upgrade-banner-user{font-size:.85rem;color:var(--color-text-muted)}.upgrade-banner-scopes{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.8rem}.upgrade-banner-action{margin-top:.5rem}.upgrade-banner-cta{display:inline-block;padding:.5rem 1.5rem;background-color:var(--color-primary);color:#fff;border-radius:var(--radius);font-weight:500;font-size:.9rem}.benchmark-dashboard{padding:1.5rem;max-width:100%;margin:0 auto}.benchmark-dashboard .monitoring-table{font-size:.85rem}.benchmark-dashboard .monitoring-table th,.benchmark-dashboard .monitoring-table td{padding:6px 10px;white-space:nowrap}.admin-panel{max-width:1200px}.admin-grid{display:flex;flex-direction:column;gap:2rem}.admin-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.admin-section h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.table-wrapper{overflow-x:auto;margin-bottom:1.5rem}.key-actions{display:flex;gap:.5rem}.btn-small{padding:.25rem .75rem;font-size:.8rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.btn-small:hover{color:var(--color-text);border-color:var(--color-text-muted)}.btn-small.btn-warning{border-color:var(--color-warning);color:var(--color-warning)}.btn-small.btn-danger{border-color:var(--color-error);color:var(--color-error)}.create-key-form{border-top:1px solid var(--color-border);padding-top:1.5rem}.create-key-form h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.form-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-row label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.form-row input[type=text]{padding:.5rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-mono);font-size:.85rem}.form-row input[type=text]:focus{outline:none;border-color:var(--color-primary)}.scope-toggles{display:flex;gap:.5rem;flex-wrap:wrap}.scope-toggle{display:flex;align-items:center;gap:.35rem;padding:.25rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:9999px;font-size:.8rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.scope-toggle.active{border-color:var(--color-primary);color:var(--color-primary)}.scope-toggle input[type=checkbox]{display:none}.new-key-banner{background:var(--color-bg);border:1px solid var(--color-success);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.new-key-value{display:block;margin-top:.5rem;font-family:var(--font-mono);font-size:.85rem;padding:.5rem;background:var(--color-surface);border-radius:var(--radius);word-break:break-all;color:var(--color-success)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;text-align:center}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:600;font-family:var(--font-mono)}.trace-runs-hint{margin-bottom:1rem;color:var(--color-text-muted);font-size:.85rem}.trace-runs-table td{vertical-align:top}.trace-run-links{display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.8rem}.trace-run-reasons{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.3rem;color:var(--color-text);font-size:.84rem;line-height:1.3}.trace-run-no-reason{color:var(--color-text-muted)}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap}