*{box-sizing:border-box}:root{--bg:#080b10;--panel:#0f141d;--panel2:#131a24;--border:#252e3b;--text:#edf2f7;--muted:#8894a7;--green:#44d98b;--cyan:#45c7ff;--purple:#a67cff;--orange:#ffad57;--red:#ff6677;--blue:#65a9ff}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,rgba(72,112,255,.12),transparent 28%),radial-gradient(circle at 85% 5%,rgba(0,200,170,.08),transparent 24%),var(--bg);color:var(--text)}.topbar,main{max-width:1540px;margin:auto}.topbar{padding:26px 24px 16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.22em;color:#70809a;font-weight:800}.topbar h1{margin:5px 0 2px;font-size:34px}.sub{margin:0;color:var(--muted)}.top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.updated{font-size:11px;color:#647087}.status-pill{border:1px solid #334052;border-radius:999px;padding:9px 14px;background:#121923;color:#cbd3df;font-weight:800;font-size:12px}.status-pill.ok{border-color:rgba(68,217,139,.35);color:var(--green);box-shadow:0 0 22px rgba(68,217,139,.08)}.status-pill.bad{border-color:rgba(255,102,119,.35);color:var(--red)}main{padding:0 24px 40px}.hero-grid{display:grid;grid-template-columns:1.15fr 1.5fr repeat(4,1fr);gap:12px}.card,.panel,.counts,.system-strip{background:linear-gradient(180deg,rgba(20,27,38,.94),rgba(12,17,24,.94));border:1px solid var(--border);border-radius:16px}.card{padding:16px;min-height:132px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -25px -45px auto;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.025);filter:blur(3px)}.label,.sys-label{display:block;color:#738198;font-size:11px;text-transform:uppercase;letter-spacing:.085em;font-weight:700}.card strong{display:block;font-size:25px;margin:10px 0 6px}.card small{color:#758094}.accent-purple strong{color:var(--purple)}.accent-cyan strong{color:var(--cyan)}.accent-orange strong{color:var(--orange)}.accent-green strong{color:var(--green)}.state-row{display:flex;align-items:center;gap:9px;margin:12px 0 8px}.state-row strong{margin:0;font-size:22px}.dot{width:10px;height:10px;border-radius:50%;background:#536071;box-shadow:0 0 0 4px rgba(83,96,113,.12)}.dot.checking{background:var(--cyan);box-shadow:0 0 0 4px rgba(69,199,255,.1),0 0 16px rgba(69,199,255,.3)}.dot.idle{background:var(--green)}.dot.stopped{background:var(--red)}.progress-number{font-size:27px;font-weight:850;margin-top:6px}.progress{height:9px;background:#222b37;border-radius:20px;overflow:hidden;margin:8px 0 11px}.progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width .5s ease}.mini-split{display:flex;justify-content:space-between;gap:10px}.mini-split span{display:flex;flex-direction:column}.mini-split b{font-size:13px}.mini-split small{font-size:10px;margin-top:2px}.system-strip{display:grid;grid-template-columns:repeat(6,1fr);margin-top:12px;overflow:hidden}.system-strip>div{padding:13px 16px;border-right:1px solid var(--border)}.system-strip>div:last-child{border-right:0}.system-strip strong{display:block;margin-top:5px;font-size:15px}.counts{display:grid;grid-template-columns:repeat(5,1fr);margin-top:12px;overflow:hidden}.count-card{padding:15px 18px;border-right:1px solid var(--border);position:relative}.count-card:last-child{border-right:0}.count-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#70798a}.count-card.http:before{background:var(--blue)}.count-card.socks4:before{background:var(--orange)}.count-card.socks5:before{background:var(--purple)}.count-card.total:before{background:var(--green)}.count-card.countries:before{background:var(--cyan)}.count-card span{color:#7f8ba0;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.count-card strong{display:block;font-size:25px;margin-top:4px}.count-card.http strong{color:var(--blue)}.count-card.socks4 strong{color:var(--orange)}.count-card.socks5 strong{color:var(--purple)}.count-card.total strong{color:var(--green)}.panel{margin-top:12px;overflow:hidden}.toolbar,.actionbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--border)}.toolbar input{flex:1;min-width:280px}input,select,button{font:inherit;color:#e7eaf0;background:#141b25;border:1px solid #303b4b;border-radius:9px;padding:9px 11px}input:focus,select:focus{outline:none;border-color:#4d6787;box-shadow:0 0 0 3px rgba(77,103,135,.12)}button{cursor:pointer}button:hover{background:#1d2632}.table-wrap{overflow:auto;max-height:62vh}table{width:100%;border-collapse:collapse;min-width:1080px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #202936;font-size:13px}th{position:sticky;top:0;background:#111722;z-index:2;color:#8793a7;font-size:10px;text-transform:uppercase;letter-spacing:.06em}tbody tr:hover{background:#121a25}.muted{color:#6f7b8d}.proto-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-weight:850;font-size:10px;letter-spacing:.04em;border:1px solid transparent}.proto-http{color:#8fc2ff;background:rgba(101,169,255,.10);border-color:rgba(101,169,255,.24)}.proto-socks4{color:#ffc27f;background:rgba(255,173,87,.10);border-color:rgba(255,173,87,.24)}.proto-socks5{color:#c6a9ff;background:rgba(166,124,255,.10);border-color:rgba(166,124,255,.24)}.latency{font-weight:750}.lat-good{color:var(--green)}.lat-mid{color:#ffd166}.lat-slow{color:var(--red)}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px}.flag{font-size:18px;margin-right:6px}@media(max-width:1250px){.hero-grid{grid-template-columns:repeat(3,1fr)}.system-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.top-actions{align-items:flex-start}.hero-grid{grid-template-columns:repeat(2,1fr)}.system-strip{grid-template-columns:repeat(2,1fr)}.counts{grid-template-columns:repeat(2,1fr)}.count-card{border-bottom:1px solid var(--border)}.toolbar>*{width:100%}.toolbar input{min-width:0}}.country-flag{width:22px;height:15px;object-fit:cover;border-radius:2px;vertical-align:-2px;margin-right:7px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}