<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="color-scheme" content="dark" /> <meta name="description" content="proxy — your accounts, one gateway." /> <title>proxy · Account pools</title> <style> :root { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #e9e9e9; background: #101010; font-synthesis: none; --muted: #929292; --line: #292929; --blue: #62b3ee; --orange: #eeb180; --green: #89cdaa; } * { box-sizing: border-box; } body { margin: 0; } button, input, select { font: inherit; } button, a, input, select { -webkit-tap-highlight-color: transparent; } button, a { touch-action: manipulation; } button { cursor: pointer; } button:disabled { opacity: 0.45; cursor: wait; } a { color: inherit; text-decoration: none; } button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; } button { color: inherit; background: transparent; border: 1px solid var(--line); border-radius: 7px; padding: 10px 15px; } button:hover, a.button:hover { background: #202020; border-color: #494949; } button.primary, .button.primary { color: #171717; background: #ededed; border-color: #ededed; } button.primary:hover { background: #fff; } h1, h2, p { margin: 0; } h1 { font-size: 38px; letter-spacing: -1.5px; line-height: 1.2; font-weight: 600; } h2 { font-size: 18px; font-weight: 550; } small, .muted { color: var(--muted); } small { font-size: 12px; } .shell { width: min(1392px, 100%); margin: auto; padding: 0 42px; } .topbar { height: 86px; display: flex; align-items: center; gap: 44px; border-bottom: 1px solid var(--line); } .brand { display: flex; gap: 11px; align-items: center; font-weight: 650; font-size: 23px; letter-spacing: -0.8px; } .brandmark { display: grid; place-items: center; width: 30px; height: 30px; background: #e9e9e9; color: #111; border-radius: 8px; font-size: 23px; } nav { display: flex; align-items: stretch; gap: 28px; height: 100%; } nav button { position: relative; color: var(--muted); border: 0; border-radius: 0; padding: 0; font-size: 14px; } nav button:hover { background: none; color: #eee; } nav button[aria-current="page"] { color: #eee; } nav button[aria-current="page"]:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; background: #e5e5e5; } .connection { margin-left: auto; display: flex; align-items: center; gap: 9px; font-size: 12px; color: var(--muted); } .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); display: inline-block; } .dot.online { background: var(--green); box-shadow: 0 0 9px #89cdaa33; } .connection button { margin-left: 8px; font-size: 12px; padding: 7px 10px; } .heading { padding: 65px 0 30px; display: flex; align-items: center; justify-content: space-between; gap: 18px; } .eyebrow { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; } .heading-actions { display: flex; align-items: center; gap: 20px; } .icon-button { padding: 9px; display: inline-flex; align-items: center; justify-content: center; width: 37px; height: 37px; } .icon-button svg { width: 18px; height: 18px; } .statusline { display: flex; gap: 16px; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 23px 0; font-size: 13px; } .statusline p { color: var(--muted); } .statusline strong { color: #ddd; font-weight: 500; } .textlink { font-size: 13px; color: var(--muted); } .textlink:hover { color: #eee; } .pools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 38px 0; border-bottom: 1px solid var(--line); } .pool { padding: 0 32px; border-right: 1px solid var(--line); min-width: 0; } .pool:first-child { padding-left: 0; } .pool:last-child { padding-right: 0; border-right: 0; } .provider-heading { display: flex; align-items: center; gap: 11px; } .provider-heading small { margin-left: auto; } .provider-icon { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 10px; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); font-size: 26px; font-weight: 400; } .stat { display: flex; align-items: baseline; gap: 10px; margin-top: 27px; margin-bottom: 14px; } .stat strong { font-size: 48px; letter-spacing: -2px; font-weight: 450; color: var(--accent); } .stat strong span { font-size: 24px; letter-spacing: -0.5px; margin-left: 2px; } .stat small { font-size: 12px; } .window-label { font-size: 12px; color: var(--muted); } .bars { display: flex; gap: 5px; margin-top: 11px; } .bar { height: 5px; border-radius: 4px; background: color-mix(in srgb, var(--accent) 16%, #101010); overflow: hidden; flex: 1; } .bar span { display: block; height: 100%; border-radius: 4px; background: var(--accent); } .pool-footer { margin-top: 38px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; align-items: baseline; gap: 8px; } .pool-footer strong { font-size: 22px; font-weight: 450; } .filters { display: flex; align-items: center; gap: 10px; margin: 29px 0 20px; flex-wrap: wrap; } .filters button { border-color: transparent; color: var(--muted); font-size: 12px; padding: 9px 12px; display: flex; align-items: center; gap: 8px; } .filters button[aria-pressed="true"] { background: #e6e6e6; color: #181818; } .filters .filter-end { margin-left: auto; } .search { background: #151515; border: 1px solid var(--line); color: #eee; padding: 9px 12px; border-radius: 7px; width: 195px; font-size: 12px; } .cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .account-card { border: 1px solid var(--line); border-radius: 11px; padding: 23px; min-height: 263px; display: flex; flex-direction: column; transition: border-color 0.16s, background 0.16s; } .account-card:hover { border-color: #414141; background: #131313; } .account-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; } .account-heading h2 { font-size: 14px; overflow-wrap: anywhere; line-height: 1.5; } .account-heading .symbol { color: var(--accent); font-size: 26px; line-height: 1; } .plan { font-size: 12px; color: var(--accent); margin-top: 4px; } .quota-window { margin-top: 26px; } .quota-row { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--muted); } .quota-row b { font-weight: 500; color: #ddd; } .account-note { font-size: 12px; color: var(--muted); margin-top: 22px; line-height: 1.6; } .account-footer { margin-top: auto; padding-top: 27px; display: flex; justify-content: space-between; gap: 12px; font-size: 12px; line-height: 1.8; } .account-footer .right { text-align: right; } .badge { font-size: 10px; border: 1px solid #344238; color: var(--green); border-radius: 4px; padding: 2px 6px; white-space: nowrap; } .badge.paused { color: var(--muted); border-color: var(--line); } footer { display: flex; justify-content: space-between; gap: 20px; color: #666; font-size: 11px; padding: 30px 0; } .empty { border: 1px dashed var(--line); border-radius: 10px; text-align: center; padding: 56px 24px; grid-column: 1/-1; } .empty p { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 10px auto 22px; max-width: 450px; } .notice { background: #191713; border: 1px solid #433929; color: #ceba93; border-radius: 8px; font-size: 12px; padding: 13px 16px; display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 22px; } .notice button { padding: 5px 9px; color: inherit; font-size: 11px; white-space: nowrap; } .error { background: #211717; border-color: #613b3b; color: #e6b6ad;Lines 1–500 of 1811. Load more
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="color-scheme" content="dark" /> <meta name="description" content="proxy — your accounts, one gateway." /> <title>proxy · Account pools</title> <style> :root { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #e9e9e9; background: #101010; font-synthesis: none; --muted: #929292; --line: #292929; --blue: #62b3ee; --orange: #eeb180; --green: #89cdaa; } * { box-sizing: border-box; } body { margin: 0; } button, input, select { font: inherit; } button, a, input, select { -webkit-tap-highlight-color: transparent; } button, a { touch-action: manipulation; } button { cursor: pointer; } button:disabled { opacity: 0.45; cursor: wait; } a { color: inherit; text-decoration: none; } button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; } button { color: inherit; background: transparent; border: 1px solid var(--line); border-radius: 7px; padding: 10px 15px; } button:hover, a.button:hover { background: #202020; border-color: #494949; } button.primary, .button.primary { color: #171717; background: #ededed; border-color: #ededed; } button.primary:hover { background: #fff; } h1, h2, p { margin: 0; } h1 { font-size: 38px; letter-spacing: -1.5px; line-height: 1.2; font-weight: 600; } h2 { font-size: 18px; font-weight: 550; } small, .muted { color: var(--muted); } small { font-size: 12px; } .shell { width: min(1392px, 100%); margin: auto; padding: 0 42px; } .topbar { height: 86px; display: flex; align-items: center; gap: 44px; border-bottom: 1px solid var(--line); } .brand { display: flex; gap: 11px; align-items: center; font-weight: 650; font-size: 23px; letter-spacing: -0.8px; } .brandmark { display: grid; place-items: center; width: 30px; height: 30px; background: #e9e9e9; color: #111; border-radius: 8px; font-size: 23px; } nav { display: flex; align-items: stretch; gap: 28px; height: 100%; } nav button { position: relative; color: var(--muted); border: 0; border-radius: 0; padding: 0; font-size: 14px; } nav button:hover { background: none; color: #eee; } nav button[aria-current="page"] { color: #eee; } nav button[aria-current="page"]:after { content: ""; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; background: #e5e5e5; } .connection { margin-left: auto; display: flex; align-items: center; gap: 9px; font-size: 12px; color: var(--muted); } .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); display: inline-block; } .dot.online { background: var(--green); box-shadow: 0 0 9px #89cdaa33; } .connection button { margin-left: 8px; font-size: 12px; padding: 7px 10px; } .heading { padding: 65px 0 30px; display: flex; align-items: center; justify-content: space-between; gap: 18px; } .eyebrow { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; } .heading-actions { display: flex; align-items: center; gap: 20px; } .icon-button { padding: 9px; display: inline-flex; align-items: center; justify-content: center; width: 37px; height: 37px; } .icon-button svg { width: 18px; height: 18px; } .statusline { display: flex; gap: 16px; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 23px 0; font-size: 13px; } .statusline p { color: var(--muted); } .statusline strong { color: #ddd; font-weight: 500; } .textlink { font-size: 13px; color: var(--muted); } .textlink:hover { color: #eee; } .pools { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 38px 0; border-bottom: 1px solid var(--line); } .pool { padding: 0 32px; border-right: 1px solid var(--line); min-width: 0; } .pool:first-child { padding-left: 0; } .pool:last-child { padding-right: 0; border-right: 0; } .provider-heading { display: flex; align-items: center; gap: 11px; } .provider-heading small { margin-left: auto; } .provider-icon { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 10px; color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, transparent); font-size: 26px; font-weight: 400; } .stat { display: flex; align-items: baseline; gap: 10px; margin-top: 27px; margin-bottom: 14px; } .stat strong { font-size: 48px; letter-spacing: -2px; font-weight: 450; color: var(--accent); } .stat strong span { font-size: 24px; letter-spacing: -0.5px; margin-left: 2px; } .stat small { font-size: 12px; } .window-label { font-size: 12px; color: var(--muted); } .bars { display: flex; gap: 5px; margin-top: 11px; } .bar { height: 5px; border-radius: 4px; background: color-mix(in srgb, var(--accent) 16%, #101010); overflow: hidden; flex: 1; } .bar span { display: block; height: 100%; border-radius: 4px; background: var(--accent); } .pool-footer { margin-top: 38px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; align-items: baseline; gap: 8px; } .pool-footer strong { font-size: 22px; font-weight: 450; } .filters { display: flex; align-items: center; gap: 10px; margin: 29px 0 20px; flex-wrap: wrap; } .filters button { border-color: transparent; color: var(--muted); font-size: 12px; padding: 9px 12px; display: flex; align-items: center; gap: 8px; } .filters button[aria-pressed="true"] { background: #e6e6e6; color: #181818; } .filters .filter-end { margin-left: auto; } .search { background: #151515; border: 1px solid var(--line); color: #eee; padding: 9px 12px; border-radius: 7px; width: 195px; font-size: 12px; } .cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .account-card { border: 1px solid var(--line); border-radius: 11px; padding: 23px; min-height: 263px; display: flex; flex-direction: column; transition: border-color 0.16s, background 0.16s; } .account-card:hover { border-color: #414141; background: #131313; } .account-heading { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; } .account-heading h2 { font-size: 14px; overflow-wrap: anywhere; line-height: 1.5; } .account-heading .symbol { color: var(--accent); font-size: 26px; line-height: 1; } .plan { font-size: 12px; color: var(--accent); margin-top: 4px; } .quota-window { margin-top: 26px; } .quota-row { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--muted); } .quota-row b { font-weight: 500; color: #ddd; } .account-note { font-size: 12px; color: var(--muted); margin-top: 22px; line-height: 1.6; } .account-footer { margin-top: auto; padding-top: 27px; display: flex; justify-content: space-between; gap: 12px; font-size: 12px; line-height: 1.8; } .account-footer .right { text-align: right; } .badge { font-size: 10px; border: 1px solid #344238; color: var(--green); border-radius: 4px; padding: 2px 6px; white-space: nowrap; } .badge.paused { color: var(--muted); border-color: var(--line); } footer { display: flex; justify-content: space-between; gap: 20px; color: #666; font-size: 11px; padding: 30px 0; } .empty { border: 1px dashed var(--line); border-radius: 10px; text-align: center; padding: 56px 24px; grid-column: 1/-1; } .empty p { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 10px auto 22px; max-width: 450px; } .notice { background: #191713; border: 1px solid #433929; color: #ceba93; border-radius: 8px; font-size: 12px; padding: 13px 16px; display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 22px; } .notice button { padding: 5px 9px; color: inherit; font-size: 11px; white-space: nowrap; } .error { background: #211717; border-color: #613b3b; color: #e6b6ad;