:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#17211d;background:#f3f5f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17211d;--muted: #68736e;--subtle: #87918c;--line: #dfe4e1;--line-dark: #cad1cd;--surface: #ffffff;--surface-soft: #f7f9f8;--green: #16734b;--green-dark: #0d5938;--green-soft: #e9f5ee;--amber: #b86516;--amber-soft: #fff4e5;--red: #b43b35;--red-soft: #fff0ef;--focus: #2b70c9}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f3f5f4}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(43,112,201,.2);outline-offset:1px}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--green)}.brand-symbol{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--ink);box-shadow:inset 0 -2px #0000002e}.brand-symbol-large{width:46px;height:46px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background-color:#eef1ef;background-image:linear-gradient(rgba(23,33,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,29,.035) 1px,transparent 1px);background-size:28px 28px}.login-shell{width:min(100%,440px);background:var(--surface);border:1px solid var(--line-dark);border-radius:8px;box-shadow:0 18px 50px #17211d1a;overflow:hidden}.login-brand{display:flex;align-items:center;gap:13px;padding:24px 30px;border-bottom:1px solid var(--line)}.login-brand>div:last-child,.brand-lockup>div:last-child{display:flex;flex-direction:column}.brand-name{font-size:17px;line-height:1.3;font-weight:760}.brand-edition,.brand-lockup span{color:var(--subtle);font-size:9px;font-weight:700;line-height:1.4;letter-spacing:1.5px}.login-heading{padding:34px 30px 24px}.section-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px;font-weight:700}.login-heading h1,.page-heading h1{margin:10px 0 6px;font-size:27px;line-height:1.25;letter-spacing:0}.login-heading p,.page-heading p{margin:0;color:var(--muted);font-size:14px}.login-form{display:grid;gap:18px;padding:0 30px 34px}.login-form label{display:grid;gap:8px;color:#38433e;font-size:13px;font-weight:650}.input-frame{height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--subtle);background:var(--surface-soft);border:1px solid var(--line-dark);border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input-frame:focus-within{color:var(--green);background:#fff;border-color:var(--green);box-shadow:0 0 0 3px #16734b1a}.input-frame.invalid{border-color:#d9918d}.input-frame input{min-width:0;flex:1;height:100%;color:var(--ink);background:transparent;border:0;outline:0}.input-frame input::placeholder,.search-field input::placeholder{color:#9ca49f}.login-error{display:flex;align-items:center;gap:7px;margin:-4px 0;color:var(--red);font-size:13px}.login-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;color:#fff;font-weight:700;background:var(--green);border:1px solid var(--green);border-radius:6px;transition:background .15s ease,transform .1s ease}.login-button:hover:not(:disabled){background:var(--green-dark)}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.7}.login-footer{display:flex;justify-content:space-between;padding:15px 30px;color:var(--subtle);background:var(--surface-soft);border-top:1px solid var(--line);font-size:11px}.login-footer span:first-child,.gateway-status{display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;flex:0 0 7px;background:#22a06b;border-radius:50%;box-shadow:0 0 0 3px #22a06b1f}.workspace{min-height:100vh}.topbar{height:66px;color:#fff;background:var(--ink);border-bottom:1px solid #29352f}.topbar-inner{width:min(100% - 48px,1500px);height:100%;display:flex;align-items:center;justify-content:space-between;margin:0 auto}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-lockup .brand-symbol{color:#cdebdc;background:#26342d;border:1px solid #3b4b43;box-shadow:none}.brand-lockup strong{font-size:15px;line-height:1.35}.brand-lockup span{color:#87968e}.account-area{display:flex;align-items:center;gap:16px}.gateway-status{color:#b8c3bd;font-size:12px}.account-name{display:flex;align-items:center;gap:7px;padding-left:16px;color:#e7ece9;border-left:1px solid #3a463f;font-size:13px}.icon-button{width:34px;height:34px;display:grid;place-items:center;padding:0;color:#b8c3bd;background:transparent;border:1px solid #3a463f;border-radius:5px}.icon-button:hover{color:#fff;background:#2b3831}.content{width:min(100% - 48px,1500px);margin:0 auto;padding:34px 0 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-heading h1{font-size:26px}.refresh-button,.panel-state button,.clear-filters{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 13px;color:#44504a;background:#fff;border:1px solid var(--line-dark);border-radius:5px;font-size:13px;font-weight:650}.refresh-button:hover,.panel-state button:hover,.clear-filters:hover{color:var(--green);border-color:#9abaaa}.refresh-button:disabled{opacity:.6}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;background:#fff;border:1px solid var(--line);border-radius:7px}.metric{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:18px 22px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}.metric strong{font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.metric-primary:before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:3px;background:var(--green);border-radius:0 2px 2px 0}.metric-dot{width:7px;height:7px;border-radius:50%}.metric-dot.unused{background:#8a9690}.metric-dot.in-use{background:#d18335}.metric-dot.invalid{background:#cf554f}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.search-field{width:min(330px,32vw);height:40px;display:flex;align-items:center;gap:9px;padding:0 11px;color:var(--subtle);background:#fff;border:1px solid var(--line-dark);border-radius:5px}.search-field:focus-within{color:var(--green);border-color:var(--green);box-shadow:0 0 0 3px #16734b14}.search-field input{min-width:0;flex:1;height:100%;background:transparent;border:0;outline:0}.clear-input{width:25px;height:25px;display:grid;place-items:center;padding:0;color:var(--subtle);background:transparent;border:0}.select-group{display:flex;gap:8px}.select-group select{height:40px;min-width:120px;padding:0 34px 0 11px;color:#44504a;background:#fff;border:1px solid var(--line-dark);border-radius:5px;cursor:pointer}.select-group select:last-child{min-width:106px}.clear-filters{height:40px;margin-left:auto;color:var(--muted);background:transparent;border-color:transparent}.data-panel{position:relative;min-height:300px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:7px}.table-scroll{overflow-x:auto}table{width:100%;min-width:1180px;border-collapse:collapse;table-layout:auto}th{height:43px;padding:0 13px;color:#748079;background:var(--surface-soft);border-bottom:1px solid var(--line);font-size:11px;font-weight:700;text-align:left;white-space:nowrap}td{height:76px;padding:10px 13px;border-bottom:1px solid #edf0ee;color:#38433e;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .12s ease}tbody tr:hover{background:#fafcfb}tbody tr.row-in-use{background:#fffbf5}tbody tr.row-in-use:hover{background:#fff8ed}tbody tr.row-invalid{background:#fff9f8}tbody tr.row-invalid:hover{background:#fff4f2}td small{display:block;margin-top:5px;color:var(--subtle);font-size:10px;white-space:nowrap}.availability{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;white-space:nowrap}.availability>span{width:7px;height:7px;border-radius:50%}.availability.is-available{color:var(--green)}.availability.is-available>span{background:#20a56b;box-shadow:0 0 0 3px #20a56b1a}.availability.is-unavailable{color:var(--red)}.availability.is-unavailable>span{background:#cf554f;box-shadow:0 0 0 3px #cf554f1a}.copy-cell{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}.copy-cell>span{overflow:hidden;text-overflow:ellipsis}.copy-cell button,.mobile-endpoint button,.proxy-card dl button{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;padding:0;color:#89938e;background:transparent;border:0;border-radius:4px;opacity:.45}tr:hover .copy-cell button,.copy-cell button:focus-visible,.mobile-endpoint button,.proxy-card dl button{opacity:1}.copy-cell button:hover,.mobile-endpoint button:hover,.proxy-card dl button:hover{color:var(--green);background:var(--green-soft)}.monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.strong-cell>span{color:var(--ink);font-weight:700}.credential-cell{max-width:155px;min-width:112px}.type-tag{display:inline-flex;align-items:center;height:23px;padding:0 7px;color:#315f4b;background:#edf5f1;border:1px solid #d6e7de;border-radius:4px;font-size:10px;font-weight:800}.location-cell{display:flex;align-items:center;gap:8px;min-width:104px}.location-cell .flag{font-size:20px;line-height:1}.location-cell>span:last-child{display:flex;flex-direction:column}.location-cell strong{max-width:100px;overflow:hidden;color:#3b4741;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.location-cell small{margin-top:1px}.action-heading{text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:6px;min-width:286px}.connection-button,.speed-button,.status-select{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:#56615b;background:#fff;border:1px solid var(--line-dark);border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}.status-select{min-width:105px;padding:0 5px 0 9px}.status-select select{min-width:0;flex:1;height:100%;padding:0 15px 0 0;color:inherit;background:transparent;border:0;outline:0;font-size:11px;font-weight:700;cursor:pointer}.connection-button:hover{color:var(--green);border-color:#9abaaa;background:#f8fcfa}.speed-button{color:#356083;border-color:#cbd9e4;background:#f5f9fc}.speed-button:hover{color:#24577c;border-color:#94b4cc;background:#eef6fb}.status-select.status-in_use{color:var(--amber);border-color:#e9cfaa;background:var(--amber-soft)}.status-select.status-in_use:hover{border-color:#d8a867}.status-select.status-invalid{color:var(--red);border-color:#e7b9b6;background:var(--red-soft)}.status-select:has(select:disabled){opacity:.65}.pagination{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 10px 18px;color:var(--muted);background:var(--surface-soft);border-top:1px solid var(--line);font-size:12px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination button{width:32px;height:32px;display:grid;place-items:center;padding:0;color:#4b5650;background:#fff;border:1px solid var(--line-dark);border-radius:4px}.pagination button:hover:not(:disabled){color:var(--green);border-color:#9abaaa}.pagination button:disabled{color:#b3bab6;background:#f2f4f3}.panel-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;color:var(--subtle);text-align:center}.panel-state h2{margin:14px 0 5px;color:#3c4741;font-size:16px}.panel-state p{margin:8px 0 18px;font-size:13px}.panel-state>svg:first-child{color:#6c7b73}.error-state>svg:first-child,.error-state p{color:var(--red)}.panel-loading-overlay{position:absolute;inset:0;display:grid;place-items:center;color:var(--green);background:#ffffffa6;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.mobile-list{display:none}.toast{position:fixed;z-index:20;right:24px;bottom:24px;min-height:44px;display:flex;align-items:center;gap:9px;padding:0 15px;color:#fff;background:var(--ink);border:1px solid #39463f;border-radius:6px;box-shadow:0 10px 28px #17211d3d;font-size:13px;font-weight:650}.toast.error{background:#8f312d;border-color:#a94742}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#0f171394;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.speed-modal{width:min(100%,520px);overflow:hidden;background:#fff;border:1px solid #bfc9c4;border-radius:8px;box-shadow:0 24px 70px #0c14104d}.speed-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 25px 20px;border-bottom:1px solid var(--line)}.speed-modal h2{margin:8px 0 5px;font-size:21px;line-height:1.25}.modal-endpoint{margin:0;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.modal-close{width:34px;height:34px;display:grid;place-items:center;padding:0;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:5px}.modal-close:hover{color:var(--ink);border-color:var(--line-dark)}.speed-results{min-height:250px;padding:8px 25px}.speed-running,.speed-error{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--green);text-align:center}.speed-running strong,.speed-error strong{margin-top:5px;color:#35413b;font-size:14px}.speed-running span,.speed-error span{color:var(--subtle);font-size:12px}.speed-error,.speed-error span{color:var(--red)}.speed-result-row{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf0ee}.speed-result-row:last-child{border-bottom:0}.target-name{min-width:0;display:flex;align-items:center;gap:10px;color:#728078}.target-name>div{min-width:0;display:flex;flex-direction:column;gap:3px}.target-name strong{overflow:hidden;color:#35413b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.target-name span{color:var(--subtle);font-size:10px}.latency{display:flex;align-items:center;gap:7px;white-space:nowrap}.latency>span{width:7px;height:7px;border-radius:50%}.latency strong{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.latency.fast{color:var(--green)}.latency.fast>span{background:#20a56b}.latency.medium{color:var(--amber)}.latency.medium>span{background:#d18335}.latency.slow,.latency.failed{color:var(--red)}.latency.slow>span,.latency.failed>span{background:#cf554f}.speed-modal>footer{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 25px;color:var(--subtle);background:var(--surface-soft);border-top:1px solid var(--line);font-size:10px}.retest-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:#fff;background:var(--green);border:1px solid var(--green);border-radius:5px;font-size:12px;font-weight:700}.retest-button:disabled{opacity:.65}.modal-enter-active,.modal-leave-active{transition:opacity .16s ease}.modal-enter-active .speed-modal,.modal-leave-active .speed-modal{transition:transform .16s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .speed-modal,.modal-leave-to .speed-modal{transform:translateY(8px)}@media(max-width:1050px){.table-scroll{display:none}.mobile-list{display:grid}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.proxy-card{display:grid;gap:15px;padding:18px;border-bottom:1px solid var(--line)}.proxy-card.in-use{background:#fffbf5}.proxy-card.invalid{background:#fff9f8}.proxy-card:last-child{border-bottom:0}.proxy-card>header,.proxy-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.proxy-card>header>div:first-child{display:flex;align-items:center;gap:9px}.mobile-endpoint{display:grid;grid-template-columns:minmax(0,1fr) 112px;min-width:0;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700}.mobile-endpoint>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:6px;padding:10px 9px 10px 13px}.mobile-endpoint>div+div{border-left:1px solid var(--line)}.mobile-endpoint small{grid-column:1 / -1;color:var(--subtle);font-family:Inter,ui-sans-serif,sans-serif;font-size:9px;font-weight:600}.mobile-endpoint strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.proxy-card dl{display:grid;gap:1px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:5px}.proxy-card dl>div{display:flex;align-items:center;min-height:42px;padding:6px 8px 6px 12px;background:#fff;border-bottom:1px solid var(--line)}.proxy-card dl>div:last-child{border-bottom:0}.proxy-card dt{width:64px;flex:0 0 64px;color:var(--subtle);font-size:11px}.proxy-card dd{min-width:0;flex:1;margin:0;overflow:hidden;color:#3d4742;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.proxy-card .location-cell{min-width:0}.proxy-card .speed-button,.proxy-card .connection-button,.proxy-card .status-select{flex:1;height:38px}}@media(max-width:720px){.topbar{height:60px}.topbar-inner,.content{width:min(100% - 28px,1500px)}.content{padding-top:24px}.gateway-status,.brand-lockup span{display:none}.account-area{gap:9px}.account-name{padding-left:0;border-left:0}.page-heading{align-items:center}.page-heading h1{font-size:23px;margin-top:8px}.page-heading p{display:none}.refresh-button{width:38px;padding:0}.refresh-button{font-size:0}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:72px;flex-direction:column;align-items:flex-start;padding:14px}.metric:nth-child(2n){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric strong{font-size:22px}.metric>span{font-size:10px;white-space:nowrap}.toolbar{align-items:stretch;flex-wrap:wrap}.search-field{width:100%}.select-group{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.select-group select,.select-group select:last-child{width:100%;min-width:0;padding-right:22px;font-size:12px}.clear-filters{width:100%;margin-left:0}.pagination{padding-left:13px}.pagination>span{font-size:11px}.pagination>div{gap:7px}.pagination>div>span{font-size:11px}.toast{right:14px;bottom:14px;left:14px;justify-content:center}.speed-modal>header,.speed-results,.speed-modal>footer{padding-left:18px;padding-right:18px}}@media(max-width:420px){.login-page{padding:18px 12px}.login-brand{padding:20px 22px}.login-heading{padding:28px 22px 22px}.login-form{padding:0 22px 28px}.login-footer{padding:14px 22px}.login-footer>span:last-child{display:none}.account-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric{padding:12px 10px}.metric>span{gap:5px}.proxy-card{padding:15px}.proxy-card>header{align-items:flex-start}.location-cell strong{max-width:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}