*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #1e2130;--bg-hover: #262a3d;--border: #2d3148;--text-primary: #e4e6f0;--text-secondary: #8b8fa3;--text-muted: #5f6377;--accent: #4a9eff;--accent-dim: #2a5a99;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--tier-registered: #888899;--tier-tested: #4a9eff;--tier-established: #34d399;--tier-trusted: #fbbf24;--radius: 10px;--radius-sm: 6px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;width:100%}.app{max-width:1200px;margin:0 auto;padding:0 20px 40px;width:100%}.main-content{display:flex;flex-direction:column;gap:20px}.grid-row{display:grid;grid-template-columns:1fr minmax(0,300px);gap:20px}@media(max-width:900px){.grid-row{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0}.card h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap;gap:12px}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.header-left .subtitle{font-size:.85rem;color:var(--text-secondary)}.header-stats{display:flex;gap:20px;align-items:center}.stat-box{text-align:center}.stat-box .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-box .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:12px}.refresh-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all .2s}.refresh-btn:hover{background:var(--accent-dim);color:var(--text-primary);border-color:var(--accent)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.last-refresh{font-size:.75rem;color:var(--text-muted)}.agents-section{overflow:visible}.agent-table-wrap{overflow-x:auto}.agent-table{width:100%;border-collapse:collapse;font-size:.9rem}.agent-table th{text-align:left;padding:8px 12px;color:var(--text-secondary);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}.agent-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.agent-table tr{cursor:pointer;transition:background .15s}.agent-table tr:hover{background:var(--bg-hover)}.agent-table tr.selected{background:var(--accent-dim)}.agent-table tr:last-child td{border-bottom:none}.agent-name{font-weight:600;color:var(--text-primary)}.agent-endpoint{color:var(--text-secondary);font-size:.8rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.tier-1{background:#8893;color:var(--tier-registered)}.tier-2{background:#4a9eff26;color:var(--tier-tested)}.tier-3{background:#34d39926;color:var(--tier-established)}.tier-4{background:#fbbf2426;color:var(--tier-trusted)}.score-bar-cell{min-width:100px}.score-bar{display:flex;align-items:center;gap:8px}.score-bar-track{flex:1;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .3s}.score-bar-label{font-size:.8rem;color:var(--text-secondary);min-width:36px;text-align:right}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.95rem}.agent-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.agent-card-header h3{font-size:1.2rem;font-weight:700}.agent-card-address{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--text-muted);word-break:break-all}.agent-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));gap:16px;margin-bottom:20px}.detail-item{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px 14px}.detail-item .detail-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.detail-item .detail-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.detail-item .detail-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:.85rem}.test-results-section h4{font-size:.95rem;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.test-results-table{width:100%;border-collapse:collapse;font-size:.85rem}.test-results-table th{text-align:left;padding:6px 10px;color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.test-results-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.test-results-table tr:last-child td{border-bottom:none}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px}.challenge-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;transition:border-color .2s}.challenge-card:hover{border-color:var(--accent-dim)}.challenge-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.challenge-id{font-weight:600;font-size:.95rem;color:var(--text-primary)}.active-badge{font-size:.7rem;padding:2px 8px;border-radius:8px;font-weight:600}.active-badge.active{background:#34d39926;color:var(--success)}.active-badge.inactive{background:#f8717126;color:var(--danger)}.challenge-category{font-size:.8rem;color:var(--accent);margin-bottom:4px}.challenge-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.challenge-max-score{font-size:.8rem;color:var(--text-muted)}.reputation-chart h3{font-size:1rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.tier-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tier-bar-label{font-size:.8rem;min-width:90px;color:var(--text-secondary)}.tier-bar-track{flex:1;height:20px;background:var(--bg-primary);border-radius:4px;overflow:hidden;position:relative}.tier-bar-fill{height:100%;border-radius:4px;transition:width .4s ease;min-width:2px}.tier-bar-count{font-size:.8rem;min-width:24px;text-align:right;color:var(--text-secondary);font-weight:600}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--danger);font-size:.9rem}.error-banner button{background:#f8717133;border:1px solid rgba(248,113,113,.3);color:var(--danger);padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem}.error-banner button:hover{background:#f871714d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:600px){.app{padding:0 12px 24px}.header{flex-direction:column;align-items:flex-start;padding:16px 0 14px;gap:10px}.header-left h1{font-size:1.2rem}.header-stats{gap:16px;width:100%}.stat-box .stat-value{font-size:1.2rem}.header-actions{width:100%;justify-content:space-between}.card{padding:14px}.agent-table{font-size:.8rem}.agent-table th,.agent-table td{padding:8px}.agent-endpoint{max-width:150px;font-size:.7rem}.score-bar-cell{min-width:80px}.agent-detail-grid{grid-template-columns:1fr 1fr;gap:10px}.detail-item{padding:10px}.detail-item .detail-value.mono{font-size:.75rem;word-break:break-all}.agent-card-address{font-size:.65rem}.challenge-grid{grid-template-columns:1fr}.test-results-table{font-size:.8rem}.test-results-table th,.test-results-table td{padding:6px}}@media(max-width:400px){.app{padding:0 8px 20px}.header-left h1{font-size:1.05rem}.header-stats{gap:10px}.stat-box .stat-value{font-size:1rem}.stat-box .stat-label{font-size:.65rem}.agent-detail-grid{grid-template-columns:1fr}.agent-table th,.agent-table td{padding:6px 4px}.card{padding:10px}}.detail-value.mono,.agent-card-address{overflow-wrap:anywhere;word-break:break-all}.grid-row>*{min-width:0}.main-content>*{min-width:0}.agent-table-wrap,.test-results-section{overflow-x:auto;-webkit-overflow-scrolling:touch}