*{box-sizing:border-box}html,body{color:#e8eaed;background:#0b0d10;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1400px;margin:0 auto;padding:28px}.header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.title{letter-spacing:-.02em;font-size:28px;font-weight:700}.sub{color:#8f98a3;margin-top:6px;font-size:14px}.controls{background:#111419;border:1px solid #252a31;border-radius:12px;grid-template-columns:190px 130px 1fr auto;gap:10px;padding:12px;display:grid}.control{flex-direction:column;gap:6px;display:flex}label{color:#8f98a3;font-size:12px}input,select{color:#e8eaed;background:#0c0f13;border:1px solid #303640;border-radius:8px;outline:none;height:42px;padding:0 12px}input:focus,select:focus{border-color:#5f6b7a}.primary{color:#101216;background:#e8eaed;border:0;border-radius:8px;align-self:end;height:42px;padding:0 18px;font-weight:650}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{color:#d7dde4;background:#151a20;border:1px solid #303640;border-radius:8px;height:32px;padding:0 12px;font-size:13px}.ghost:hover:not(:disabled){background:#1b222a;border-color:#4a5764}.ghost:disabled{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px;display:flex}.rowActions{gap:8px;display:flex}.meta{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.badge{color:#b9c0c8;background:#111419;border:1px solid #252a31;border-radius:999px;padding:6px 10px;font-size:12px}.badge.error{background:#1d1214;border-color:#5a2b2b}.status{color:#aab2bc;min-height:20px;font-size:13px}.viewport{aspect-ratio:16/10;background:#050608;border:1px solid #252a31;border-radius:12px;width:100%;min-height:560px;margin-top:10px;position:relative;overflow:hidden}.viewport iframe{background:#050608;border:0;width:100%;height:100%;display:block}.empty{color:#6f7884;place-items:center;height:100%;display:grid}.note{color:#707985;margin-top:10px;font-size:12px;line-height:1.5}.error{color:#ff8d8d;font-size:13px}.proxyList{background:#0d1014;border:1px solid #252a31;border-radius:12px;overflow:hidden}.proxyRow{border-bottom:1px solid #1b2028;justify-content:space-between;gap:14px;padding:12px 14px;display:flex}.proxyRow:last-child{border-bottom:0}.proxyRow.selected{background:#121a16;box-shadow:inset 3px 0 #4ea36a}.proxyMain{min-width:0}.proxyIp{flex-wrap:wrap;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;display:flex}.proxyMeta{color:#8f98a3;margin-top:4px;font-size:12px}.proxyActions{flex-shrink:0;align-items:flex-start;gap:8px;display:flex}.emptyRow{color:#6f7884;padding:16px;font-size:13px}.tag{text-transform:uppercase;letter-spacing:.04em;color:#9aa4af;border:1px solid #303640;border-radius:999px;padding:2px 6px;font-family:inherit;font-size:10px}.tag.ok{color:#7fd39b;border-color:#2f5d43}.tag.bad{color:#ff9b9b;border-color:#6b3232}.checkDetail{border-left:2px solid #252a31;margin-top:10px;padding-left:10px}.checkRow{color:#aab2bc;align-items:baseline;gap:8px;font-size:12px;line-height:1.7;display:flex}.checkLabel{color:#8f98a3;min-width:104px}.checkValue{color:#c6ccd4;word-break:break-word}.mark{width:12px}.mark.ok{color:#6fd08c}.mark.bad{color:#ff8d8d}.checkStatus{margin-top:6px;font-size:12px;font-weight:600}.checkStatus.ok{color:#6fd08c}.checkStatus.bad{color:#ff8d8d}.pagination{border-top:1px solid #1b2028;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;display:flex}.pageInfo{color:#8f98a3;font-size:13px}@media (max-width:900px){.controls{grid-template-columns:1fr}.primary{width:100%}.viewport{min-height:420px}.proxyRow{flex-direction:column}.pagination{flex-direction:column;align-items:stretch}.pageInfo{text-align:center}}