@font-face{font-family:LocalSans;src:local("Inter"),local("Arial");font-display:swap}
:root{--bg:#080d16;--panel:#101827;--inset:#0b111d;--border:#223046;--text:#e6edf9;--muted:#8e9db9;--green:#00d4ae;--cyan:#13c3ec;--error:#ff8195;--orange:#ffac72;--radius:22px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:LocalSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;min-height:100vh;background-image:radial-gradient(ellipse at 12% 18%,#003a353e,transparent 42%),radial-gradient(ellipse at 93% 8%,#20346035,transparent 40%),linear-gradient(#3641590a 1px,transparent 1px),linear-gradient(90deg,#3641590a 1px,transparent 1px);background-size:auto,auto,60px 60px,60px 60px}
[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:var(--green)}button{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:14px;padding:12px 18px;font-weight:600;transition:background .16s,transform .16s,border-color .16s}button:hover{border-color:#475c75;background:#2332485e}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:wait}button.primary{background:linear-gradient(110deg,var(--green),var(--cyan));color:#04161d;border:0;padding:15px 24px;border-radius:100px;box-shadow:0 9px 28px #00d3b119}button.primary:hover{filter:brightness(1.08)}button.danger{background:linear-gradient(110deg,#ff789a,#ffa06a);border:0;color:#231219;border-radius:100px;padding:15px 24px;box-shadow:0 8px 28px #ff789a12}button.secondary{border-radius:100px}.wide{width:100%}.text-button{padding:6px 0;background:none!important;border:0;color:var(--muted)}.text-button:hover{color:var(--text)}.icon-button{padding:0;width:36px;height:36px;border-radius:12px;font-size:18px;display:inline-grid;place-items:center}.delete{color:var(--error)}.link-button{border:0;padding:0;border-radius:0;color:var(--green);text-decoration:underline;text-underline-offset:4px;font-weight:400;background:none!important}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--inset);border-radius:14px;padding:15px 16px;color:var(--text);min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--green);outline:2px solid #00d4ae1a}input::placeholder,textarea::placeholder{color:#66758e}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--green);padding:0;cursor:pointer;flex-shrink:0}textarea{resize:vertical;min-height:150px;font-family:var(--mono);font-size:13px}label{display:block;margin:0 0 19px;font-weight:500}label input,label select,label textarea{margin-top:9px}p{margin:0 0 20px}h1,h2,h3{line-height:1.2;letter-spacing:-.025em;margin:0}h2{font-size:22px;font-weight:650}h3{font-size:17px}small,.small{font-size:12px}.muted{color:var(--muted)}.mono,code{font-family:var(--mono)}code{background:#00d4ae0e;color:var(--green);border-radius:7px;padding:2px 6px;white-space:nowrap;font-size:.95em}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.13em;color:var(--green)}.site-header{height:84px;border-bottom:1px solid #2230469e;background:#080e18e8;backdrop-filter:blur(12px)}.header-inner{height:100%;max-width:1440px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:21px;letter-spacing:-.6px;white-space:nowrap}.brand strong span,footer strong span{color:var(--green)}.brand-mark{font-family:var(--mono);font-size:23px;font-weight:700;letter-spacing:-5px;padding-right:6px;border-radius:13px;display:grid;place-content:center;grid-auto-flow:column;width:42px;height:42px;color:var(--green);border:1px solid #00d4ae50;box-shadow:0 0 28px #00d4ae19;background:linear-gradient(140deg,#063a33,#11192a)}.brand-mark span{color:var(--cyan)}.header-context{border-left:1px solid var(--border);padding-left:25px;display:flex;flex-direction:column;gap:0;font-size:12px;font-weight:600}.header-right{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:13px}.private-label{color:var(--muted)}.private-label span{color:var(--green);padding-right:6px}.container{max-width:1440px;margin:auto;padding:25px 30px 0}.breadcrumb{font-family:var(--mono);font-size:11px;letter-spacing:.08em;display:flex;gap:13px;align-items:center}.breadcrumb span{color:var(--green)}.breadcrumb b{color:#66758e}.hero{margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:24px}.hero h1{font-size:56px;font-weight:700;letter-spacing:-2px}.hero p{font-size:16px;color:var(--muted);margin:13px 0 0}.title-line{display:flex;align-items:center;gap:16px}.version{font-family:var(--mono);font-size:10px;letter-spacing:.04em;border:1px solid var(--border);border-radius:7px;padding:4px 7px;color:var(--muted);align-self:center}.global-status{padding:10px 17px;border:1px solid #00d4ae77;border-radius:100px;color:var(--green);background:#00d4ae0a;font:12px var(--mono);white-space:nowrap}.global-status.off{border-color:var(--border);color:var(--muted);background:#101827}.dot{width:7px;height:7px;background:currentColor;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 10px currentColor}.tabs{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:6px;margin:31px 0 26px;background:#101727b0;border:1px solid var(--border);border-radius:100px;overflow-x:auto}.tabs button{border:0;border-radius:100px;color:var(--muted);white-space:nowrap;padding:12px 24px;font-size:14px}.tabs button.active{color:#001b22;background:linear-gradient(110deg,var(--green),var(--cyan))}.tab-count{font:11px var(--mono);opacity:.8;padding-left:7px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(130deg,#0f1b28,#111626);padding:22px 24px;position:relative;overflow:hidden}.metric .metric-title{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.metric strong{display:block;font-size:34px;line-height:1.25;margin:8px 0 3px;letter-spacing:-1px;color:#c6e8ec;font-weight:650}.metric small{color:var(--muted);font-size:12px}.metric-icon{position:absolute;right:23px;top:23px;color:#3e6573;font-family:var(--mono);font-size:15px}.columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:stretch}.columns.equal{grid-template-columns:1.4fr 1fr}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#101c29ed,#111626ed);padding:27px;min-width:0}.panel+.panel{margin-top:20px}.columns>.panel+.panel{margin-top:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.panel-title h2{margin:0}.panel-subtitle{color:var(--muted);font-size:13px;line-height:1.65}.list{display:flex;flex-direction:column;gap:10px}.inset{border:1px solid #223046c9;border-radius:17px;padding:17px;background:linear-gradient(130deg,#0b131e,#0c111e)}.worker-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.worker-row h3{margin-bottom:5px;font-weight:600}.worker-row p{font-size:12px;color:var(--muted);margin:0}.worker-stats{font-size:11px;text-align:right;color:var(--muted);min-width:125px}.worker-stats strong{color:#b1c2d9;font-size:13px;font-weight:500}.status-badge{display:inline-block;border:1px solid #00d4ae80;color:var(--green);border-radius:100px;font-family:var(--mono);font-size:10px;padding:3px 9px;white-space:nowrap;text-transform:uppercase;letter-spacing:.025em}.status-badge.gray{color:var(--muted);border-color:#415065}.status-badge.error{color:var(--error);border-color:#ff819550}.status-badge.orange{color:var(--orange);border-color:#ffac7250}.panel-bottom{margin-top:20px}.panel-bottom p{font-size:12px;color:var(--muted);margin:18px 0 0}.journal{max-height:530px;overflow:auto;display:flex;flex-direction:column;gap:6px;scrollbar-color:#344359 transparent;scrollbar-width:thin}.event{background:#090f1ca3;border-radius:10px;padding:9px 11px;display:flex;gap:12px;font-size:12px}.event time{font:10px var(--mono);color:var(--muted);padding-top:3px;white-space:nowrap}.event.hit{border-left:2px solid var(--green)}.event.error{border-left:2px solid var(--error)}.event.warning{border-left:2px solid var(--orange)}.event span{overflow-wrap:anywhere}.empty{padding:42px 16px;text-align:center;color:var(--muted)}.empty-symbol{display:grid;place-content:center;width:52px;height:52px;border:1px solid #00d4ae38;background:#00d4ae09;border-radius:17px;color:var(--green);font-size:25px;margin:0 auto 16px}.empty h3{color:var(--text);margin-bottom:8px}.empty p{max-width:360px;margin:0 auto;font-size:13px}.empty button{margin-top:20px}.empty.compact{padding:25px 12px}.account-card{display:flex;gap:15px;align-items:flex-start}.account-main{flex:1;min-width:0}.account-main h3{margin:0 0 5px;overflow-wrap:anywhere}.account-meta{font-size:11px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.account-progress{margin-top:11px;font-size:11px;color:var(--muted)}.account-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.action-icons{display:flex;gap:6px}.error-detail{font-size:12px;color:var(--error);margin-top:9px}.radio-group{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:22px}.radio-group label{display:flex;align-items:center;gap:7px;margin:0;font-size:13px}.radio-group input{margin:0}.field-hint{font-size:11px;color:var(--muted);margin:-10px 0 18px}.proxy-card{display:flex;align-items:center;justify-content:space-between;gap:13px}.proxy-card strong{display:block;font-size:14px;overflow-wrap:anywhere}.proxy-card .mono{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.proxy-detail{display:flex;align-items:center;gap:15px}.proxy-health{text-align:right;font-size:11px;color:var(--muted)}.proxy-health .status-badge{margin-bottom:4px}.section-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font:10px var(--mono);letter-spacing:.06em;color:var(--muted);padding:0 12px 13px;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:14px 12px;border-bottom:1px solid #22304688;white-space:nowrap}td.wrap{white-space:normal;overflow-wrap:anywhere;min-width:110px}tr:last-child td{border-bottom:0}td input[type=checkbox]{display:block}td button{font-size:12px}.subnet-form{display:grid;grid-template-columns:1fr 140px auto;gap:14px;align-items:end;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.subnet-form label{margin:0}.subnet-form textarea{min-height:78px;height:78px}.subnet-form button{margin-bottom:2px}.settings-stack{display:flex;flex-direction:column;gap:17px}.range-row{display:grid;grid-template-columns:minmax(170px,1fr) 33px 96px 33px 96px;align-items:center;gap:7px}.range-row>span:nth-child(2),.range-row>span:nth-child(4){color:var(--muted);font-size:12px;text-align:center}.range-row input{margin:0;padding:11px 12px}.range-row.single{grid-template-columns:minmax(170px,1fr) 112px}.range-row label{margin:0;font-weight:400;font-size:13px}.settings-note{font-size:12px;color:var(--muted);margin:18px 0 26px;line-height:1.7}.settings-heading{margin:0 0 20px}.check-label{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:13px}.check-label input{margin:0}.notify-note{font-size:12px;color:var(--muted);margin:0 0 24px 28px}.region-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.region-options label{padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--inset);margin:0;font-size:12px}.save-row{display:flex;justify-content:flex-end;margin-top:22px}.settings-panel hr{border:0;border-top:1px solid var(--border);margin:25px 0}.state-note{border:1px solid #ffac7244;background:#ffac7208;border-radius:14px;color:#deb99d;padding:14px 18px;margin-bottom:20px;font-size:12px}.state-note button{margin-left:10px}.ip-cell{font-size:14px}.form-error{font-size:13px;color:var(--error);min-height:20px}.login-screen{min-height:100vh;display:grid;place-content:center;padding:30px}.login-card{width:min(450px,calc(100vw - 40px));padding:36px}.login-card .brand{margin-bottom:36px}.login-card>.eyebrow{display:block;margin-bottom:12px}.login-card h1{font-size:31px;margin-bottom:13px}.login-card p{color:var(--muted);font-size:13px}.login-card label{margin-top:27px;font-size:13px}.login-card .form-error{color:var(--error);margin:0 0 8px;min-height:0}.login-card button{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:18px}.login-foot{display:block;text-align:center;color:#67758e;margin-top:25px;font-size:11px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:44px;padding:23px 0 26px;border-top:1px solid #223046a6;font-size:11px;color:#687995}footer strong{font-size:13px;color:#c3cee2;margin-right:11px}footer .mono{font-size:10px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100vw - 30px));border:1px solid #00d4ae60;padding:13px 20px;border-radius:15px;background:#14212ef2;box-shadow:0 12px 40px #0008;backdrop-filter:blur(12px);z-index:10;font-size:13px}.toast.error{border-color:#ff819575;color:#ffc1cb}dialog{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:28px;width:min(480px,calc(100% - 30px))}dialog::backdrop{background:#030914b5;backdrop-filter:blur(5px)}dialog p{font-size:12px}dialog h2{font-size:20px}.reconnect{color:var(--orange)!important}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input{padding:10px 13px;max-width:320px}.subtle-count{font:11px var(--mono);color:var(--muted)}
@media(min-width:1500px){.container,.header-inner{max-width:1450px}.hero h1{font-size:60px}.panel{padding:30px}.hero p{font-size:17px}.tabs button{padding:13px 26px}}
@media(max-width:1050px){.columns,.columns.equal{grid-template-columns:1.2fr 1fr}.container{padding:24px 22px 0}.header-inner{padding:0 22px}.panel{padding:22px}.range-row{grid-template-columns:1fr 24px 72px 24px 72px;gap:4px}.range-row label{font-size:12px}.tabs button{padding:12px 19px}.worker-row{gap:10px}.account-card{flex-direction:column}.account-actions{flex-direction:row;width:100%;justify-content:space-between}.proxy-card{flex-wrap:wrap}.proxy-detail{margin-left:auto}.hero h1{font-size:50px}}
@media(max-width:760px){.site-header{height:72px}.brand{font-size:18px}.brand-mark{height:36px;width:36px;font-size:21px}.header-context{display:none}.header-right{gap:17px}.private-label{font-size:0}.private-label span{font-size:19px;padding:0}.container{padding:23px 16px 0}.header-inner{padding:0 16px}.hero{align-items:flex-start;flex-direction:column;gap:17px}.hero h1{font-size:44px}.hero p{font-size:13px;max-width:340px}.version{font-size:9px}.global-status{padding:8px 13px;font-size:11px}.tabs{border-radius:18px;width:100%;margin-top:23px;gap:3px}.tabs button{font-size:12px;padding:11px 17px;border-radius:13px}.tab-count{font-size:10px}.cards{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.metric{padding:16px 18px;border-radius:17px}.metric strong{font-size:29px}.metric .metric-title{font-size:9px}.metric-icon{right:18px;top:17px}.metric small{font-size:10px}.columns,.columns.equal{grid-template-columns:1fr;gap:16px}.panel{padding:21px 18px;border-radius:18px}.panel-title{margin-bottom:19px}h2{font-size:20px}.journal{max-height:330px}.panel-subtitle{font-size:12px}.range-row{grid-template-columns:1fr 19px 72px 19px 72px;gap:4px}.range-row label{max-width:160px}.range-row input{padding:10px}.range-row.single{grid-template-columns:1fr 100px}.subnet-form{grid-template-columns:1fr 120px}.subnet-form>label:first-child{grid-column:1/-1}.subnet-form button{width:100%}.worker-stats{min-width:90px}.worker-row h3{font-size:15px}.worker-row p{font-size:10px}.worker-stats{font-size:10px}.section-buttons button{font-size:12px;padding:11px 15px}.panel-title:has(.section-buttons){align-items:flex-start;flex-direction:column}.save-row button{width:100%}footer{font-size:10px;margin-top:30px;align-items:flex-start}footer .mono{display:block;margin-top:4px}.account-card{flex-direction:row}.account-actions{flex-direction:column;width:auto}.action-icons{gap:4px}.icon-button{width:31px;height:31px;font-size:15px}.region-options{gap:8px}.region-options label{font-size:11px}.login-card{padding:27px}.login-card h1{font-size:28px}.notify-note{margin-left:0}.event{font-size:11px;gap:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}