@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Roboto:wght@400;500;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b22;--border:#21262d;--border-hover:#30363d;--text-primary:#e6edf3;--text-secondary:#c9d1d9;--text-dim:#8b949e;--cyan:#22d3ee;--green:#3fb950;--amber:#f0b429;--red:#f85149;--blue:#58a6ff;--purple:#bc8cff;--font-heading:"Times New Roman",Times,serif;--font-mono:"JetBrains Mono",monospace;--font-body:"Roboto",sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;transition:border-color .15s ease}.card:hover{border-color:var(--border-hover)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:11px;font-family:var(--font-mono);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.chip--cyan{background:rgba(34,211,238,.1);color:var(--cyan)}.chip--green{background:rgba(63,185,80,.1);color:var(--green)}.chip--amber{background:rgba(240,180,41,.1);color:var(--amber)}.chip--red{background:rgba(248,81,73,.1);color:var(--red)}.chip--dim{background:hsla(212,9%,58%,.1);color:var(--text-dim)}.chip--blue{background:rgba(88,166,255,.1);color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.btn--primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.btn--primary:hover{background:#06b6d4;border-color:#06b6d4}.btn--outline{background:transparent;color:var(--cyan);border-color:var(--cyan)}.btn--outline:hover{background:var(--cyan);color:var(--bg)}.btn--ghost{background:transparent;color:var(--text-dim);border-color:var(--border)}.btn--ghost:hover{color:var(--text-primary);border-color:var(--border-hover)}.data-label{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim)}.section-heading{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-primary)}.metric-lg{font-size:32px;line-height:1.2}.metric-lg,.metric-md{font-family:var(--font-mono);font-weight:400;color:var(--text-primary)}.metric-md{font-size:20px}.metric-sm{font-family:var(--font-mono);font-size:13px;font-weight:400}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}.sync-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:breathe 4s ease-in-out infinite}.sync-dot--amber{background:var(--amber)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.opening-root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}.opening-split{flex:1 1;display:flex;min-height:0}.opening-feed{flex:0 0 60%;overflow:hidden;position:relative;border-right:1px solid var(--border);display:flex;flex-direction:column}.opening-stats{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;gap:48px}.opening-stat-block{text-align:center}.opening-stat-value{font-family:var(--font-mono);font-size:48px;font-weight:400;color:var(--cyan);line-height:1.1}.opening-stat-label{font-family:var(--font-body);font-size:13px;color:var(--text-dim);margin-top:4px}.opening-bottom{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:32px;background:linear-gradient(transparent,var(--bg) 60%);z-index:10}.opening-wordmark{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:1px;margin-bottom:16px}.opening-connect{padding:12px 32px;background:transparent;border:1px solid var(--cyan);border-radius:6px;color:var(--cyan);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.opening-connect:hover{background:var(--cyan);color:var(--bg)}.opening-event{padding:12px 24px;border-bottom:1px solid var(--border);animation:fadeSlideIn .3s ease-out;transition:opacity .6s ease}.opening-event--dim{opacity:.35}.opening-event-time{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-right:12px}.opening-event-icon{margin-right:8px}.opening-event-text{font-family:var(--font-body);font-size:13px;color:var(--text-secondary)}.opening-event-value{font-family:var(--font-mono);font-size:12px;color:var(--cyan);margin-left:8px}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-brand{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;text-decoration:none}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-address{color:var(--text-dim)}.topbar-address,.topbar-trust{font-family:var(--font-mono);font-size:13px}.topbar-trust{color:var(--cyan);font-weight:500}.topbar-avatar{width:24px;height:24px;border-radius:4px}.shell-body{display:flex;flex:1 1;min-height:0}.nav-rail{width:64px;background:var(--bg);border-right:1px solid var(--border);flex-direction:column;padding:12px 0;gap:4px;position:-webkit-sticky;position:sticky;top:48px;height:calc(100vh - 48px - 32px);overflow-y:auto}.nav-item,.nav-rail{display:flex;align-items:center}.nav-item{width:48px;height:44px;justify-content:center;border-radius:6px;color:var(--text-dim);cursor:pointer;transition:all .15s ease;position:relative;text-decoration:none;border-left:2px solid transparent}.nav-item:hover{color:var(--text-primary);background:hsla(0,0%,100%,.03);text-decoration:none}.nav-item--active{color:var(--cyan);border-left-color:var(--cyan)}.nav-item--active:hover{color:var(--cyan)}.nav-item .nav-tooltip{display:none;position:absolute;left:56px;top:50%;transform:translateY(-50%);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:12px;font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;z-index:100;pointer-events:none}.nav-item:hover .nav-tooltip{display:block}.nav-spacer{flex:1 1}.main-canvas{flex:1 1;padding:24px;overflow-y:auto;min-height:0}.ticker{height:32px;background:var(--bg);border-top:1px solid var(--border);overflow:hidden;display:flex;align-items:center;position:relative}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-track{display:flex;gap:48px;white-space:nowrap;animation:tickerScroll 60s linear infinite}.ticker-item{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:6px;flex-shrink:0}.ticker-flash{color:var(--cyan);transition:color .3s ease}.overview-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.overview-grid>.span-3{grid-column:span 3}.overview-grid>.span-4{grid-column:span 4}.overview-grid>.span-5{grid-column:span 5}.overview-grid>.span-7{grid-column:span 7}.overview-grid>.span-8{grid-column:span 8}.identity-panel,.overview-grid>.span-12{grid-column:span 12}.identity-panel{display:flex;align-items:center;gap:20px;padding:20px 24px}.identity-avatar{width:48px;height:48px;border-radius:6px;flex-shrink:0}.identity-name{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-primary)}.identity-cap{display:inline-flex;padding:2px 8px;border-radius:12px;background:rgba(34,211,238,.1);color:var(--cyan);font-size:13px;font-family:var(--font-body)}.identity-endpoint{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.identity-right{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:4px}.identity-trust{font-family:var(--font-mono);font-size:20px;color:var(--cyan)}.identity-member,.identity-rank{font-family:var(--font-body);font-size:12px;color:var(--text-dim)}.metric-card{display:flex;flex-direction:column;gap:8px}.metric-card .metric-delta{font-family:var(--font-mono);font-size:12px}.metric-delta--green{color:var(--green)}.metric-delta--red{color:var(--red)}.metric-delta--dim{color:var(--text-dim)}.attention-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.attention-item:last-child{border-bottom:none}.attention-icon{font-size:16px;flex-shrink:0}.attention-desc{flex:1 1;font-size:13px;color:var(--text-secondary)}.attention-time{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);flex-shrink:0}.activity-table{width:100%;border-collapse:collapse}.activity-table th{text-align:left;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);padding:8px 12px;border-bottom:1px solid var(--border)}.activity-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border);vertical-align:middle}.activity-table tr:nth-child(2n) td{background:var(--bg)}.activity-table tr:nth-child(odd) td{background:var(--surface)}.activity-table tr:hover td{background:rgba(34,211,238,.04);border-left:2px solid var(--cyan)}.agent-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.agent-card-v2{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .15s ease;cursor:pointer}.agent-card-v2:hover{border-color:var(--cyan);box-shadow:0 0 20px rgba(34,211,238,.06)}.agent-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.agent-card-avatar{width:40px;height:40px;border-radius:6px;flex-shrink:0}.agent-card-name{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary)}.agent-card-status{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-left:auto}.agent-card-status--online{background:var(--green)}.agent-card-status--offline{background:var(--text-dim)}.agent-card-stats{display:flex;gap:16px;font-size:12px;color:var(--text-dim);font-family:var(--font-mono);margin-bottom:12px}.agent-card-actions{display:flex;gap:8px;justify-content:flex-end}.profile-panel{position:fixed;top:0;right:0;width:480px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:200;overflow-y:auto;padding:24px;box-shadow:-8px 0 32px rgba(0,0,0,.4)}.profile-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:199}.agreements-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-chip{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-dim);font-size:12px;font-family:var(--font-mono);cursor:pointer;transition:all .15s ease}.filter-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-chip--active{border-color:var(--cyan);color:var(--cyan);background:rgba(34,211,238,.06)}.detail-drawer{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--surface);border-left:1px solid var(--border);z-index:200;overflow-y:auto;padding:24px;box-shadow:-8px 0 32px rgba(0,0,0,.4)}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:199}.state-steps{display:flex;align-items:center;gap:8px;margin:16px 0}.state-step{flex:1 1;height:4px;border-radius:2px;background:var(--border)}.state-step--active,.state-step--complete{background:var(--cyan)}.state-step--active{opacity:.5}.trust-rank{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);margin-top:4px}.capability-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.capability-row:last-child{border-bottom:none}.capability-name{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);min-width:140px}.capability-bar{flex:1 1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.capability-bar-fill{height:100%;border-radius:4px;transition:width .6s ease-out}.capability-score{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);min-width:50px;text-align:right}.agents-layout{display:flex;height:calc(100vh - 48px - 32px);overflow:hidden}.agents-sidebar{width:280px;border-right:1px solid var(--border);overflow-y:auto;padding:16px;flex-shrink:0}.agents-main{flex:1 1;overflow-y:auto;padding:24px}.agent-list-item{padding:12px;border-radius:8px;cursor:pointer;transition:background .15s ease;margin-bottom:4px}.agent-list-item--active,.agent-list-item:hover{background:var(--surface)}.agent-list-item--active,.decision-log{border:1px solid var(--border)}.decision-log{font-family:var(--font-mono);font-size:12px;background:var(--bg);border-radius:8px;padding:16px;max-height:400px;overflow-y:auto}.decision-log-entry{display:flex;gap:12px;padding:4px 0;line-height:1.6}.decision-log-time{color:var(--text-dim);flex-shrink:0}.decision-log-event{color:var(--text-secondary)}.decision-log-value{color:var(--text-primary)}.decision-log-entry--success .decision-log-event{color:var(--green)}.decision-log-entry--warning .decision-log-event{color:var(--amber)}.decision-log-entry--error .decision-log-event{color:var(--red)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:32px;margin-bottom:12px;opacity:.5}.empty-state-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state-desc{font-size:13px;color:var(--text-dim);max-width:360px;line-height:1.6}@media (max-width:1024px){.overview-grid>.span-3{grid-column:span 6}.overview-grid>.span-4,.overview-grid>.span-5,.overview-grid>.span-7,.overview-grid>.span-8{grid-column:span 12}.agent-cards{grid-template-columns:repeat(2,1fr)}.opening-split{flex-direction:column}.opening-feed{flex:none;height:60vh}.opening-stats{flex:none;padding:24px;gap:24px}.opening-stat-value{font-size:36px}}@media (max-width:768px){.nav-rail{display:none}.main-canvas{padding:16px}.overview-grid>.span-3{grid-column:span 12}.agent-cards{grid-template-columns:1fr}.detail-drawer,.profile-panel{width:100%}}