:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f9fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #d9dce2;justify-content:space-between;align-items:center;gap:32px;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;letter-spacing:.04em;background:#111827;border-radius:10px;place-items:center;width:42px;height:42px;font-size:.9rem;font-weight:700;display:grid}.brand h1{margin:0;font-size:1.15rem;line-height:1.2}.brand p{color:#6b7280;margin:3px 0 0;font-size:.78rem}.main-nav{gap:26px;display:flex}.main-nav a{color:#4b5563;font-size:.9rem;font-weight:500;text-decoration:none}.main-nav a:hover{color:#111827}main{flex:1}.hero{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:80px;width:min(1180px,100% - 48px);margin:0 auto;padding:96px 0 84px;display:grid}.hero-copy{max-width:760px}.eyebrow{color:#5b6474;text-transform:uppercase;letter-spacing:.13em;margin:0 0 18px;font-size:.82rem;font-weight:700}.hero h2{color:#111827;letter-spacing:-.05em;max-width:800px;margin:0;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.02}.hero-description{color:#596273;max-width:660px;margin:26px 0 0;font-size:1.05rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:600;text-decoration:none}.button-primary{color:#fff;background:#111827}.button-secondary{color:#374151;background:#fff;border:1px solid #cfd4dc}.status-card{background:#fff;border:1px solid #d9dce2;border-radius:14px;padding:24px}.status-label{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.status-value{align-items:center;gap:9px;margin-top:14px;font-size:1.05rem;font-weight:700;display:flex}.status-dot{background:#9ca3af;border-radius:50%;width:9px;height:9px}.status-value.online .status-dot{background:#16a34a}.status-value.offline .status-dot{background:#dc2626}.status-card p{color:#7b8492;margin:18px 0 0;font-size:.8rem;line-height:1.6}.feature-grid{border-top:1px solid #d9dce2;border-bottom:1px solid #d9dce2;grid-template-columns:repeat(3,1fr);width:min(1180px,100% - 48px);margin:0 auto 90px;display:grid}.feature-grid article{padding:36px 32px 42px 0}.feature-grid article+article{border-left:1px solid #d9dce2;padding-left:32px}.feature-number{color:#9ca3af;font-size:.75rem;font-weight:700}.feature-grid h3{margin:18px 0 10px;font-size:1.05rem}.feature-grid p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.65}footer{color:#7b8492;justify-content:space-between;gap:24px;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0 36px;font-size:.78rem;display:flex}@media (width<=800px){.site-header{flex-direction:column;align-items:flex-start}.main-nav{gap:18px;width:100%;overflow-x:auto}.hero{grid-template-columns:1fr;gap:40px;padding-top:64px}.status-card{max-width:320px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:30px 0}.feature-grid article+article{border-top:1px solid #d9dce2;border-left:0;padding-left:0}footer{flex-direction:column}}.members-section{width:min(1180px,100% - 48px);margin:0 auto 96px}.section-heading{border-bottom:1px solid #d9dce2;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;display:flex}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:2rem}.section-heading>p{color:#6b7280;margin:0 0 4px;font-size:.85rem}.member-controls{justify-content:space-between;gap:16px;padding:22px 0;display:flex}.member-search{gap:8px;width:min(520px,100%);display:flex}.member-search input{color:#111827;background:#fff;border:1px solid #cfd4dc;border-radius:7px;flex:1;min-width:0;padding:11px 13px}.member-search button,.member-controls select,.pagination button{color:#374151;background:#fff;border:1px solid #cfd4dc;border-radius:7px;padding:10px 14px}.member-search button,.pagination button:not(:disabled){cursor:pointer}.member-search button:hover,.pagination button:not(:disabled):hover{border-color:#9ca3af}.member-controls select{min-width:150px}.member-table-wrap{background:#fff;border:1px solid #d9dce2;border-radius:10px;min-height:280px;overflow-x:auto}.member-table{border-collapse:collapse;width:100%}.member-table th,.member-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:15px 18px}.member-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.07em;background:#f9fafb;font-size:.72rem;font-weight:700}.member-table tbody tr:last-child td{border-bottom:0}.member-table tbody tr:hover{background:#fafafa}.member-table td{color:#4b5563;font-size:.9rem}.member-table .numeric{text-align:right}.member-name{color:#111827;font-weight:650}.member-id{color:#9ca3af;margin-top:3px;font-size:.72rem}.table-message{color:#6b7280;place-items:center;min-height:280px;font-size:.9rem;display:grid}.table-message.error{color:#b91c1c}.pagination{justify-content:flex-end;align-items:center;gap:14px;padding-top:18px;display:flex}.pagination span{color:#6b7280;font-size:.82rem}.pagination button:disabled{opacity:.45}@media (width<=700px){.section-heading{flex-direction:column;align-items:flex-start}.member-controls{flex-direction:column}.member-search,.member-controls select{width:100%}.pagination{justify-content:space-between}}.brand-link{color:inherit;text-decoration:none}.main-nav a.active{color:#111827;font-weight:700}.page-section{width:min(1180px,100% - 48px);margin:0 auto;padding:72px 0 96px}.page-title{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4vw,3.5rem)}.page-description{color:#6b7280;max-width:680px;margin:20px 0 30px;line-height:1.7}.member-link{color:inherit;text-decoration:none;display:block}.member-link:hover .member-name{text-decoration:underline}.back-link{color:#6b7280;margin-bottom:30px;font-size:.85rem;text-decoration:none;display:inline-block}.back-link:hover{color:#111827}.profile-header{border-bottom:1px solid #d9dce2;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:32px;display:flex}.profile-meta{color:#6b7280;margin:14px 0 0;font-size:.9rem}.profile-total{text-align:right;min-width:160px}.profile-total span,.summary-card span,.performance-card>span{color:#6b7280;text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:700;display:block}.profile-total strong{margin-top:4px;font-size:2rem;display:block}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.summary-card{background:#fff;border:1px solid #d9dce2;border-radius:10px;padding:20px}.summary-card strong{margin-top:8px;font-size:1.5rem;display:block}.profile-section{margin-top:64px}.section-heading.compact{align-items:flex-end}.section-heading.compact h3{letter-spacing:-.025em;margin:0;font-size:1.5rem}.performance-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding-top:22px;display:grid}.performance-card{background:#fff;border:1px solid #d9dce2;border-radius:10px;padding:22px}.performance-card strong{margin:14px 0 10px;font-size:1.7rem;display:block}.performance-card>div{color:#6b7280;font-size:.8rem}.positive{color:#15803d}.negative{color:#b91c1c}.transaction-table td{vertical-align:middle}@media (width<=900px){.summary-grid,.performance-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.profile-header{flex-direction:column;align-items:flex-start}.profile-total{text-align:left}.summary-grid,.performance-grid{grid-template-columns:1fr}}.ranking-explainer{grid-template-columns:repeat(2,1fr);gap:32px;max-width:850px;padding:28px 0;display:grid}.ranking-explainer p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.7}.ranking-controls{background:#fff;border:1px solid #d9dce2;border-radius:10px;gap:18px;padding:20px;display:flex}.ranking-controls label{flex-direction:column;gap:7px;display:flex}.ranking-controls label span{color:#6b7280;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.ranking-controls select{color:#374151;background:#fff;border:1px solid #cfd4dc;border-radius:7px;min-width:170px;padding:9px 12px}.ranking-summary{grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 0;display:grid}.ranking-summary>div{background:#fff;border:1px solid #d9dce2;border-radius:9px;padding:18px 20px}.ranking-summary span{color:#6b7280;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700;display:block}.ranking-summary strong{margin-top:7px;font-size:1.2rem;display:block}.ranking-table-wrap{min-height:420px}.ranking-table .rank-column{text-align:center;width:80px}@media (width<=700px){.ranking-explainer{grid-template-columns:1fr;gap:14px}.ranking-controls{flex-direction:column}.ranking-controls select{width:100%}.ranking-summary{grid-template-columns:1fr}}.methodology-header{max-width:760px;margin-bottom:48px}.methodology-grid{border-top:1px solid #d9dce2;border-left:1px solid #d9dce2;grid-template-columns:repeat(3,1fr);display:grid}.methodology-card{background:#fff;border-bottom:1px solid #d9dce2;border-right:1px solid #d9dce2;min-height:260px;padding:30px}.methodology-number{color:#9ca3af;font-size:.72rem;font-weight:700}.methodology-card h3{margin:22px 0 12px;font-size:1.15rem}.methodology-card p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.7}.methodology-section{border-top:1px solid #d9dce2;margin-top:72px;padding-top:32px}.methodology-section-heading h3{letter-spacing:-.025em;margin:0;font-size:1.7rem}.methodology-columns{grid-template-columns:repeat(2,1fr);gap:48px;margin-top:26px;display:grid}.methodology-columns p{color:#596273;margin:0;font-size:.95rem;line-height:1.8}.methodology-note{background:#fff;border:1px solid #d9dce2;border-radius:10px;margin-top:72px;padding:24px 28px}.methodology-note strong{margin-bottom:8px;display:block}.methodology-note p{color:#6b7280;margin:0;font-size:.88rem;line-height:1.7}@media (width<=900px){.methodology-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.methodology-grid,.methodology-columns{grid-template-columns:1fr}.methodology-card{min-height:0}}