:root{--bg: #eef0ec;--card: rgba(255, 255, 252, .9);--card-border: rgba(18, 28, 22, .09);--shadow: 0 18px 55px rgba(18, 28, 22, .08);--text: #172019;--text-secondary: #5b655e;--green-text: #1e7a45;--blue: #1d6b55;--blue-hover: #145441;--green: #35a866;--orange: #ff9500;--red: #ff3b30;--radius: 24px;--font: "Avenir Next", Avenir, "Segoe UI Variable", "Segoe UI", sans-serif;--sidebar: #111713;--signal: #b7f25b}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:var(--sidebar)}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;background-image:linear-gradient(rgba(18,28,22,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(18,28,22,.025) 1px,transparent 1px);background-size:28px 28px}html[data-shell=login],body[data-shell=login],body[data-shell=login] #root{min-height:100%;background-color:#101612}body[data-shell=login]{background-image:none}body[data-shell=login] #root{min-height:100vh;min-height:100dvh}html[data-shell=login]:before{content:"";position:fixed;z-index:1000;top:0;right:0;left:0;height:env(safe-area-inset-top);background:#101612;pointer-events:none}#app{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:244px minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"sidebar header" "sidebar main" "sidebar footer"}.sidebar{grid-area:sidebar;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:32px 20px 24px;color:#f4f6f1;background:radial-gradient(circle at 18% 6%,rgba(183,242,91,.12),transparent 24%),var(--sidebar);border-right:1px solid rgba(255,255,255,.06)}.side-brand{padding:0 10px 32px}.brand-kicker,.page-eyebrow{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.16em}.brand-kicker{color:#ffffff73}.side-brand strong{display:block;margin-top:8px;font-size:17px;letter-spacing:-.025em;white-space:nowrap}.side-nav{display:grid;gap:8px}.nav-item{width:100%;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:14px 12px;border:1px solid transparent;border-radius:12px;color:#ffffff8f;background:transparent;font:inherit;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#b7f25b17;border-color:#b7f25b33}.nav-index{color:var(--signal);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.nav-icon{display:none}.nav-item strong,.nav-item small{display:block}.nav-item strong{font-size:14px;font-weight:650}.nav-item small{margin-top:2px;color:inherit;opacity:.55;font-size:11px}.side-status{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 0;border-top:1px solid rgba(255,255,255,.08)}.status-light{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px #b7f25ba6}.status-light.loading{background:#ffffff61;box-shadow:none}.status-light.stale{background:var(--orange);box-shadow:0 0 12px #ff95008c}.side-status strong,.side-status small{display:block}.side-status strong{font-size:10px;letter-spacing:.1em}.side-status small{margin-top:3px;color:#fff9;font-size:11px}.logout-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:11px 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:transparent;color:#ffffff7a;font:inherit;font-size:11px;cursor:pointer}.passkey-settings-btn{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 10px;border:1px solid rgba(183,242,91,.2);border-radius:10px;background:#b7f25b14;color:var(--signal);font:inherit;font-size:11px;cursor:pointer}.passkey-settings-btn .face-id-icon{width:18px;height:18px}.passkey-settings-btn:hover{background:#b7f25b24}.logout-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn strong{color:#ffffffc7}.logout-btn:hover{border-color:#b7f25b47;color:#fff}.guest-mode-badge{margin-top:14px;padding:9px 10px;border-radius:9px;background:#b7f25b1a;color:var(--signal);font-size:11px;font-weight:700;letter-spacing:.05em}.dashboard{grid-area:main;width:min(1180px,100%);margin:0 auto;padding:0 36px 48px}.site-header{grid-area:header;width:min(1180px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:42px 36px 34px}.header-left h1{margin-top:7px;font-size:clamp(30px,4vw,44px);font-weight:680;letter-spacing:-.045em}.page-eyebrow{color:var(--blue)}.subtitle{display:block;margin-top:4px;color:var(--text-secondary);font-size:15px}.header-right{display:flex;align-items:center;gap:16px}:where(button,a,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sidebar :focus-visible{outline-color:var(--signal)}.refresh-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:10px;background:var(--blue);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 5px 18px #1d6b5533}.refresh-btn:hover{background:var(--blue-hover);transform:translateY(-1px)}.refresh-btn.spinning .icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.last-updated{color:var(--text-secondary);font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px}.quota-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .2s ease,box-shadow .2s ease}.quota-card:hover{transform:translateY(-2px);box-shadow:0 16px 50px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.provider-info{display:flex;align-items:center;gap:14px}.provider-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0071e3,#00c7be);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.provider-icon.claude{background:linear-gradient(135deg,#cc785c,#f4a261)}.provider-icon.codex{background:var(--sidebar);color:var(--signal);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;letter-spacing:-.04em}.provider-icon.claude{font-size:20px}.provider-icon.server{background:linear-gradient(135deg,#0071e3,#5ac8fa);font-size:22px}.provider-name h2{font-size:20px;font-weight:600}.provider-status{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.provider-status.connected{color:var(--green-text)}.provider-status.failed{color:var(--red)}.state-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px 12px 10px 14px;border-radius:12px;font-size:12px;line-height:1.45}.state-notice.error{background:#ff3b3014;color:#b3261e}.state-notice.stale{background:#ff95001a;color:#8a5300}.state-notice-retry{flex:0 0 auto;min-height:32px;padding:0 14px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer}.state-notice-retry:hover{background:#fff9}.codex-accounts>.state-notice{grid-column:1 / -1;margin-bottom:0}.codex-placeholder .state-notice{margin:0;text-align:left}.network-loading .state-notice-retry{margin-left:auto;color:var(--blue)}.plan-badge.error{color:#b3261e;background:#ff3b3014}.plan-badge{padding:8px 14px;border-radius:999px;color:var(--blue);background:#0071e317;font-size:13px;font-weight:600;white-space:nowrap}.traffic-cards{display:block}.traffic-card,.codex-card{min-width:0}.codex-accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));align-items:start;gap:22px;width:100%}.codex-accounts .codex-card{box-sizing:border-box;width:100%}.codex-accounts .runtime-board,.codex-accounts .codex-placeholder{grid-column:1 / -1}.runtime-board{--tile: 196px;position:relative;padding:26px 28px 28px;border:1px solid var(--card-border);border-radius:var(--radius);background:radial-gradient(120% 90% at 100% 0%,rgba(183,242,91,.16),transparent 55%),var(--card);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.runtime-board-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 16px;margin-bottom:22px}.runtime-board-kicker{grid-column:1 / -1;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.runtime-board-head h2{font-size:20px;font-weight:600;letter-spacing:-.01em}.runtime-board-count{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.runtime-groups{display:flex;flex-wrap:wrap;gap:22px 30px}.runtime-group{display:grid;gap:12px;min-width:0;max-width:100%}.runtime-user{display:flex;align-items:center;gap:9px;font-size:13px}.runtime-user strong{font-weight:650}.runtime-user>span:last-child{color:var(--text-secondary);font-size:11px}.runtime-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--sidebar);color:var(--signal);font-size:12px;font-weight:700}.runtime-group.is-hidden .runtime-avatar{background:#121c1614;color:var(--text-secondary)}.runtime-tiles{display:flex;flex-wrap:wrap;gap:14px}.runtime-tile{--accent: var(--blue);--accent-soft: rgba(29, 107, 85, .1);position:relative;display:flex;flex-direction:column;flex:0 0 var(--tile);width:var(--tile);aspect-ratio:1;padding:16px;border:1px solid var(--card-border);border-radius:20px;background:linear-gradient(160deg,var(--accent-soft),transparent 46%),#fffffcc7;overflow:hidden;animation:tile-in .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 70ms);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.runtime-tile:after{content:attr(data-mark);position:absolute;right:-6px;bottom:-18px;color:var(--accent);font-size:96px;font-weight:800;line-height:1;opacity:.06;pointer-events:none}.runtime-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 16px 36px #121c161a}.runtime-tile.claude{--accent: #c4623f;--accent-soft: rgba(204, 120, 92, .16)}.runtime-tile.codex{--accent: var(--blue);--accent-soft: rgba(183, 242, 91, .22)}.runtime-tile-top{display:flex;align-items:center;gap:9px}.runtime-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font-size:14px;font-weight:800;letter-spacing:-.04em}.runtime-tile.claude .runtime-mark{background:linear-gradient(135deg,#cc785c,#f4a261)}.runtime-tile.codex .runtime-mark{background:var(--sidebar);color:var(--signal);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.runtime-provider{color:var(--text-secondary);font-size:12px;font-weight:600}.runtime-model{display:grid;gap:6px;margin:auto 0;min-width:0}.runtime-model strong{color:var(--text);font-size:27px;font-weight:700;letter-spacing:-.035em;line-height:1.02;overflow-wrap:anywhere}.runtime-model code{overflow:hidden;color:var(--text-secondary);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.runtime-tile-foot{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding-top:11px;border-top:1px dashed rgba(18,28,22,.12);color:var(--text-secondary);font-size:11px}.runtime-status{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:700}.runtime-status i{width:7px;height:7px;border-radius:50%;background:var(--text-secondary)}.runtime-tile-foot time{grid-column:2;grid-row:1;text-align:right;font-variant-numeric:tabular-nums}.runtime-proof{grid-column:1 / -1}.runtime-tile.state-idle .runtime-status i{background:var(--blue)}.runtime-tile.state-interrupted .runtime-status i{background:var(--orange)}.runtime-tile.state-running .runtime-status{color:var(--green-text)}.runtime-tile.state-running .runtime-status i{position:relative;background:var(--green)}.runtime-tile.state-running .runtime-status i:after{top:0;right:0;bottom:0;left:0}.runtime-tile.is-stale{filter:saturate(.2);opacity:.62}.runtime-tile.is-stale .runtime-status{color:var(--text-secondary)}.runtime-tile.is-stale .runtime-status i{background:var(--text-secondary)}.runtime-tile.is-stale .runtime-status i:after{display:none}@keyframes tile-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.codex-placeholder{color:var(--text-secondary);text-align:center}.account-email.redacted{color:var(--text-secondary);font-size:12px;font-weight:500}.account-email{display:block;max-width:min(52vw,480px);overflow:hidden;color:var(--text);font-size:14px;font-weight:600;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}body[data-view=server] .codex-card,body[data-view=ai] .traffic-card,body[data-view=ai] .live-panel{display:none}body[data-view=ai] .codex-card{display:block}.traffic-card,.codex-card,.live-panel{animation:panel-in .35s ease both}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.codex-windows{display:grid;gap:16px}.limit-window{padding:18px;border-radius:16px;background:#00000006}.limit-window.is-missing{display:flex;align-items:center;gap:12px;padding:12px 18px;border:1px dashed rgba(18,28,22,.12);background:transparent;color:var(--text-secondary);font-size:13px}.limit-window.is-missing small{font-size:11px}.limit-window.is-missing strong{margin-left:auto;font-size:13px;font-weight:600}.limit-heading,.limit-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.limit-heading span{color:var(--text-secondary);font-size:13px}.limit-heading strong{font-size:22px;font-variant-numeric:tabular-nums}.limit-track{height:9px;margin:16px 0 10px;overflow:hidden;border-radius:999px;background:#00000012}.limit-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .6s ease,background .3s ease}.limit-track span.medium{background:var(--orange)}.limit-track span.high{background:var(--red)}.limit-meta{color:var(--text-secondary);font-size:11px}.limit-meta span:last-child{text-align:right}.codex-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--card-border);color:var(--text-secondary);font-size:11px}.live-panel{margin-top:24px;padding:28px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.live-heading,.table-heading,.dns-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.live-title-row{display:flex;align-items:center;gap:10px}.live-title-row h2{font-size:20px;font-weight:650}.live-heading p,.table-heading span,.dns-heading span{margin-top:4px;color:var(--text-secondary);font-size:12px}.live-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--green)}.live-dot:after,.runtime-tile.state-running .runtime-status i:after,.network-refreshing:after{content:"";position:absolute;border-radius:50%;background:#34c75959;animation:pulse-ring 1.8s ease-out infinite;pointer-events:none}.live-dot:after{top:0;right:0;bottom:0;left:0}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}.live-summary{display:flex;flex-wrap:wrap;gap:10px}.live-summary>span{padding:8px 12px;border-radius:999px;background:#0071e314;color:var(--blue);font-size:12px;white-space:nowrap}.live-summary strong{font-size:14px}.collapse-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid var(--card-border);border-radius:999px;background:#fff;color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer;transition:color .2s,background .2s}.create-peer-btn{padding:8px 13px;border:0;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 7px #0071e333;white-space:nowrap}.create-peer-btn:hover{background:var(--blue-hover)}.collapse-btn:hover{color:var(--text);background:#00000008}.collapse-chevron{font-size:14px;line-height:1}.live-content[hidden],.collapsible-content[hidden]{display:none}.section-actions{display:flex;align-items:center;gap:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#14141859;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.peer-modal{width:min(460px,100%);padding:26px;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:#fffffff7;box-shadow:0 24px 80px #0003}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-header h2{font-size:20px}.modal-header p,.field-help{margin-top:5px;color:var(--text-secondary);font-size:12px;line-height:1.5}.modal-close{width:32px;height:32px;border:0;border-radius:50%;background:#0000000d;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}#peerForm,#limitForm{margin-top:22px}.form-field+.form-field{margin-top:16px}.form-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:600}.form-input{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;outline:none;background:#fff;color:var(--text);font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e31a}.limit-peer-name{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:12px 14px;border-radius:12px;background:#1d6b5512}.limit-peer-name span{color:var(--text-secondary);font-size:12px}.limit-peer-name strong{overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.form-status{min-height:20px;margin-top:12px;color:var(--red);font-size:12px}.form-status.success{color:var(--green-text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.primary-btn,.secondary-btn,.danger-btn{padding:10px 16px;border-radius:999px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.primary-btn{border:0;background:var(--blue);color:#fff}.primary-btn:hover{background:var(--blue-hover)}.download-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.secondary-btn{border:1px solid var(--card-border);background:#fff;color:var(--text)}.danger-btn{border:0;background:var(--red);color:#fff}.danger-btn:hover{background:#e8342b}.primary-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:wait}.delete-peer-name{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:14px 16px;border-radius:14px;background:#ff3b3012}.delete-peer-name span{color:var(--text-secondary);font-size:12px}.delete-peer-name strong{color:var(--red);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.delete-warning{margin-top:14px;color:var(--text-secondary);font-size:12px;line-height:1.6}.peer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin:22px 0 28px}.peer-accounting{margin:-16px 0 28px;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.peer-accounting summary{cursor:pointer;list-style-position:inside}.peer-accounting>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 14px;margin-top:7px}.peer-accounting strong{color:var(--text)}.peer-card{padding:16px;border:1px solid var(--card-border);border-radius:16px;background:#00000005;transition:border-color .2s,background .2s}.peer-card.paused{border-color:#ff950059;background:#ff95000e}.peer-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.peer-top{align-items:flex-start;flex-wrap:wrap}.peer-identity{min-width:0;flex:1 1 80px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.peer-name{font-size:15px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.peer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 114px;gap:6px;margin-left:auto}.peer-delete-btn,.peer-state-btn{min-width:42px;padding:5px 9px;border:1px solid var(--action-border);border-radius:8px;background:var(--action-bg);color:var(--action-color);font:inherit;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.peer-state-btn.download,.peer-state-btn.resume{--action-color: #176344;--action-bg: #e8f3ec;--action-border: #c4dfce;--action-hover: #d6ebdf}.peer-state-btn.rename{--action-color: #225ca5;--action-bg: #eaf1fc;--action-border: #cbdcf3;--action-hover: #dbe8fb}.peer-state-btn.pause{--action-color: #995000;--action-bg: #fff2df;--action-border: #efd5af;--action-hover: #ffe6c0}.peer-delete-btn{--action-color: #b32c31;--action-bg: #fcebec;--action-border: #efc9cd;--action-hover: #f9dadd}.peer-actions button:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-color)}.peer-actions button:focus-visible{outline:2px solid var(--action-color);outline-offset:3px}.peer-actions button:active:not(:disabled){background:var(--action-border)}.peer-actions button:disabled{cursor:wait;opacity:.55}.peer-action-error{margin:16px 0 -8px;padding:9px 11px;border:1px solid rgba(179,44,49,.2);border-radius:9px;background:#fcebecd1;color:#9d272d;font-size:11px;line-height:1.45}.peer-status{white-space:nowrap;font-size:11px;font-weight:600;color:var(--text-secondary)}.peer-status.online{color:var(--green-text)}.peer-status.paused{color:var(--orange)}.peer-address{margin-top:5px;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.peer-limit-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:9px 10px;border:1px solid rgba(18,28,22,.07);border-radius:10px;background:#ffffff94}.peer-limit-copy{min-width:0}.peer-limit-copy span,.peer-limit-copy strong{display:block}.peer-limit-copy span{color:var(--text-secondary);font-size:11px}.peer-limit-copy strong{margin-top:2px;overflow:hidden;font-size:11px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.peer-limit-edit{flex:0 0 auto;padding:4px 8px;border:1px solid rgba(29,107,85,.14);border-radius:7px;background:#1d6b550f;color:var(--blue);font:inherit;font-size:11px;font-weight:600;cursor:pointer}.peer-limit-edit:hover{background:#1d6b551f}.peer-limit-track{height:4px;margin:-2px 10px 0;overflow:hidden;border-radius:999px;background:#121c1614}.peer-limit-track span{display:block;height:100%;border-radius:inherit;background:var(--orange);transition:width .25s ease}.peer-limit-track span.reached{background:var(--red)}.peer-metrics{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.peer-metric{min-width:0}.metric-short{display:none}.peer-metric>span{display:block;color:var(--text-secondary);font-size:11px;white-space:nowrap}.peer-metric strong{display:block;margin-top:3px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.table-heading,.dns-heading{margin-top:4px;padding-top:20px;border-top:1px solid var(--card-border)}.dns-heading{margin-top:20px}.table-heading h3,.dns-heading h3{font-size:15px}.live-updated{font-variant-numeric:tabular-nums}.connection-table-wrap{margin-top:12px;max-height:560px;overflow-x:auto;overflow-y:auto;border:1px solid var(--card-border);border-radius:14px;background:#fbfcf9;isolation:isolate}.connection-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.connection-table th,.connection-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--card-border);white-space:nowrap}.connection-table th{position:sticky;top:0;z-index:2;color:var(--text-secondary);background:#f3f5f1;box-shadow:0 1px 0 var(--card-border);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.connection-table th:first-child{border-top-left-radius:13px}.connection-table th:last-child{border-top-right-radius:13px}.connection-table tbody tr:last-child td{border-bottom:0}.connection-table tbody tr:hover{background:#0071e309}.domain-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis}.unknown-domain{color:var(--text-secondary)}.protocol-chip,.state-chip{display:inline-block;padding:3px 7px;border-radius:999px;background:#0071e314;color:var(--blue);font-size:11px;font-weight:600}.state-chip{color:var(--green-text);background:#34c75917}.empty-cell,.empty-state{color:var(--text-secondary);text-align:center!important}.dns-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dns-item{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:#00000006;font-size:11px}.dns-item strong{font-weight:600}.dns-item span{color:var(--text-secondary)}.traffic-overview{justify-content:center;gap:52px}.source-note{margin-top:6px;color:var(--text-secondary);font-size:12px}.ring-section{display:flex;align-items:center;gap:24px;margin-bottom:28px}.progress-ring{position:relative;width:140px;height:140px;flex-shrink:0}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#0000000d;stroke-width:10}.ring-fill{fill:none;stroke:var(--blue);stroke-width:10;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:0;transition:stroke-dashoffset .6s ease,stroke .3s ease}.ring-fill.low{stroke:var(--green)}.ring-fill.medium{stroke:var(--orange)}.ring-fill.high{stroke:var(--red)}.ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ring-text .percent{display:block;font-size:32px;font-weight:700;letter-spacing:-1px}.ring-text .label{font-size:12px;color:var(--text-secondary)}.reset-info{display:flex;flex-direction:column;gap:4px}.reset-label{font-size:12px;color:var(--text-secondary)}.reset-time{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat{background:#00000005;border-radius:16px;padding:16px;text-align:center}.stat-value{display:block;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary)}.mini-stats{display:flex;gap:12px;margin-bottom:24px}.mini-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:14px;background:#00000005}.mini-value{font-size:18px;font-weight:600}.mini-label{font-size:11px;color:var(--text-secondary);margin-top:2px}.resource-section{margin-bottom:24px;padding-top:20px;border-top:1px solid var(--card-border)}.resource-heading,.resource-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.resource-heading{margin-bottom:12px;color:var(--text-secondary);font-size:12px}.resource-heading span:first-child{color:var(--text);font-weight:600}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.resource-item{padding:15px;border-radius:14px;background:#00000006}.resource-label{font-size:12px}.resource-label strong{font-size:15px;font-variant-numeric:tabular-nums}.resource-track{height:7px;margin:12px 0 9px;overflow:hidden;border-radius:999px;background:#00000012}.resource-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .6s ease,background .3s ease}.resource-track span.medium{background:var(--orange)}.resource-track span.high{background:var(--red)}.resource-usage{display:block;overflow:hidden;color:var(--text-secondary);font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.chart-section{border-top:1px solid var(--card-border);padding-top:20px}.chart-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:12px}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}.chart-heading .chart-label{margin-bottom:0}.chart-unit{color:var(--text-secondary);font-size:11px;white-space:nowrap}.chart-heading small{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.4}.traffic-history{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(68px,1fr);gap:6px;overflow-x:auto;padding:6px 0 4px;scrollbar-width:thin}.traffic-history:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}.traffic-history.empty{display:flex;min-height:92px;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.traffic-day{display:grid;grid-template-rows:18px 72px 18px;gap:5px;min-width:0;text-align:center}.traffic-day>strong{overflow:hidden;color:var(--text);font-size:10px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.traffic-day>time{color:var(--text-secondary);font-size:10px;font-variant-numeric:tabular-nums}.traffic-bar-track{position:relative;overflow:hidden;border-radius:6px;background:#1d6b550e}.traffic-bar-track>span{position:absolute;right:0;bottom:0;left:0;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#1d6b559e,#1d6b55d1);transition:height .25s ease,filter .2s ease}.traffic-day:hover .traffic-bar-track>span{filter:saturate(1.3) brightness(.95)}.site-footer{grid-area:footer;margin:0 36px 28px;text-align:center;color:var(--text-secondary);font-size:13px}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:44px 20px;background:radial-gradient(circle at 50% 42%,rgba(183,242,91,.11),transparent 28%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),#101612;background-size:auto,32px 32px,32px 32px,auto;color:#f4f6f1}.login-stack{width:min(420px,100%);text-align:center}.login-brand{display:grid;justify-items:center}.login-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(183,242,91,.35);border-radius:18px;background:#b7f25b17;color:var(--signal);font-size:27px;font-weight:750;box-shadow:0 16px 42px #00000040}.login-brand strong{margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:-.02em}.login-brand strong span{padding:0 4px;color:var(--signal)}.login-brand small{display:flex;align-items:center;gap:7px;margin-top:8px;color:#ffffff9e;font-size:10px;font-weight:700;letter-spacing:.13em}.login-brand small i{width:6px;height:6px;border-radius:50%;background:#7d8580}.login-brand small i.online{background:var(--signal);box-shadow:0 0 9px #b7f25b99}.login-card{margin-top:28px;padding:32px;border:1px solid rgba(255,255,255,.58);border-radius:22px;background:#fffffcf7;color:var(--text);box-shadow:0 28px 90px #00000047;text-align:left}.login-card h1{margin-bottom:25px;text-align:center;font-size:27px;letter-spacing:-.04em}.login-card form{display:grid;gap:16px}.login-card label>span{display:block;margin-bottom:7px;color:#4f5952;font-size:12px;font-weight:650}.login-card input{width:100%;padding:13px 14px;border:1px solid rgba(18,28,22,.13);border-radius:11px;outline:0;background:#ffffffeb;color:var(--text);font:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-card input::placeholder{color:#a1aaa4}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1d6b5517}.login-error{padding:9px 11px;border-radius:9px;background:#ff3b3014;color:#bb251d;font-size:12px}.login-submit,.login-guest,.login-passkey{width:100%;padding:13px;border-radius:11px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.login-submit{border:0;background:var(--blue);color:#fff;box-shadow:0 8px 22px #1d6b5533}.login-submit:hover{background:var(--blue-hover);transform:translateY(-1px)}.login-guest{border:1px solid rgba(18,28,22,.14);background:transparent;color:#4f5952}.login-guest:hover{border-color:var(--blue);color:var(--blue)}.login-passkey{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:#111713;color:#fff}.login-passkey:hover{background:#1c2820;transform:translateY(-1px)}.face-id-icon{width:21px;height:21px;fill:none;stroke:var(--signal);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-submit:disabled,.login-guest:disabled,.login-passkey:disabled{opacity:.55;cursor:wait;transform:none}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#5b655e;font-size:11px;letter-spacing:.14em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#121c1617}.login-stack footer{margin-top:23px;color:#ffffff80;font-size:10px;letter-spacing:.1em}.install-hint{margin:14px auto 0;color:#ffffff85;font-size:11px;line-height:1.5}.passkey-modal{width:min(480px,100%);max-height:min(680px,calc(100dvh - 40px));overflow-y:auto;padding:26px;border:1px solid rgba(255,255,255,.6);border-radius:22px;background:#fffffffa;box-shadow:0 24px 80px #00000038}.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-title-row h2{font-size:20px}.modal-title-row p{margin-top:5px;color:var(--text-secondary);font-size:12px;line-height:1.5}.passkey-label{display:block;margin-top:22px}.passkey-label span{display:block;margin-bottom:7px;font-size:13px;font-weight:600}.passkey-label input{width:100%;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:12px;outline:0;font:inherit}.passkey-label input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1d6b5517}.passkey-register{width:100%;margin-top:12px;border-radius:12px}.passkey-modal .login-error{margin-top:12px}.passkey-list{margin-top:22px;border-top:1px solid rgba(18,28,22,.08)}.passkey-list>strong{display:block;padding:17px 0 7px;font-size:12px}.passkey-list>p{padding:12px 0;color:var(--text-secondary);font-size:12px}.passkey-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid rgba(18,28,22,.07)}.passkey-row span{min-width:0}.passkey-row strong,.passkey-row small{display:block}.passkey-row strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.passkey-row small{margin-top:3px;color:var(--text-secondary);font-size:11px}.passkey-row button{border:0;background:transparent;color:var(--red);font:inherit;font-size:11px;cursor:pointer}.network-page{display:grid;gap:20px;animation:panel-in .35s ease both}.network-overview{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.network-panel,.network-hero-card{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.network-hero-card{padding:26px 28px}.network-card-label{color:var(--text-secondary);font-size:12px;font-weight:650}.network-hero-value{display:flex;align-items:baseline;gap:9px;margin-top:18px}.network-hero-value .network-state-dot{align-self:center}.network-hero-value strong{font-size:38px;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.network-hero-value>span:last-child{color:var(--text-secondary);font-size:13px}.network-hero-meta{display:flex;gap:32px;margin-top:22px}.network-hero-meta span{display:grid;gap:4px}.network-hero-meta small{color:var(--text-secondary);font-size:11px}.network-hero-meta strong{font-size:15px;font-variant-numeric:tabular-nums}.egress-ip{margin-top:21px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-.04em}.network-hero-card.egress p{margin-top:10px;color:var(--text-secondary);font-size:11px}.network-panel{padding:26px 28px}.network-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.network-section-heading h2{font-size:18px;font-weight:650}.network-section-heading p{margin-top:4px;color:var(--text-secondary);font-size:12px}.network-section-heading>span{color:var(--text-secondary);font-size:11px}.probe-list,.dns-test-list{display:grid}.probe-row,.dns-test-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;border-top:1px solid rgba(18,28,22,.07)}.probe-row:first-child,.dns-test-row:first-child{border-top:0}.probe-row div,.dns-test-row div{min-width:0}.probe-row strong,.probe-row small,.dns-test-row strong,.dns-test-row small{display:block}.probe-row div strong,.dns-test-row div strong{font-size:13px}.probe-row small,.dns-test-row small{margin-top:3px;overflow:hidden;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.probe-latency,.dns-test-row>strong{font-size:13px;font-variant-numeric:tabular-nums}.network-state-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#9aa29d}.network-state-dot.good{background:var(--green);box-shadow:0 0 0 4px #34c7591a}.network-state-dot.warn{background:var(--orange);box-shadow:0 0 0 4px #ff95001a}.network-state-dot.bad{background:var(--red);box-shadow:0 0 0 4px #ff3b3017}.port-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.port-card{padding:18px;border:1px solid rgba(18,28,22,.08);border-radius:15px;background:#00000005}.port-title{display:flex;align-items:baseline;gap:9px}.port-title span{padding:4px 7px;border-radius:6px;background:#1d6b5517;color:var(--blue);font-size:11px;font-weight:750}.port-title strong{font-size:24px;font-variant-numeric:tabular-nums}.port-card>p{margin:5px 0 16px;color:var(--text-secondary);font-size:11px}.port-check{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid rgba(18,28,22,.06);font-size:11px}.port-check span{color:var(--text-secondary)}.good-text{color:var(--green-text)}.warn-text{color:#c87800}.bad-text{color:var(--red)}.muted-text{color:var(--text-secondary)}.port-footnote{display:block;margin-top:10px;color:var(--text-secondary);font-size:11px;line-height:1.5}.network-note{padding:0 4px;color:var(--text-secondary);font-size:12px;line-height:1.6}.network-refreshing{position:relative;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;background:#1d6b5512;color:var(--blue);font-size:12px}.network-refreshing:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--blue)}.network-refreshing:after{left:14px;top:calc(50% - 3.5px);width:7px;height:7px;background:#1d6b5559}.network-empty{padding:18px 0;color:var(--text-secondary);font-size:12px}.network-loading{display:flex;align-items:center;gap:14px}.network-loading strong,.network-loading small{display:block}.network-loading small{margin-top:3px;color:var(--text-secondary);font-size:11px}.network-loader{width:18px;height:18px;border:2px solid rgba(29,107,85,.16);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@media(min-width:769px){.runtime-board{display:grid;grid-template-columns:minmax(170px,210px) minmax(0,1fr);column-gap:28px;align-items:start}.runtime-board-head{grid-template-columns:1fr;align-items:start;gap:6px;margin-bottom:0}.runtime-board-count{margin-top:4px}.runtime-group{flex:1 1 auto}.runtime-groups,.runtime-tiles{align-items:flex-start}.runtime-tile{flex:1 1 var(--tile);width:auto;min-width:var(--tile);max-width:240px}}@media(max-width:768px){#app{display:block}.sidebar{position:sticky;top:0;z-index:20;width:100%;height:auto;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;flex-direction:row;align-items:center;gap:12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.side-brand{padding:0}.brand-kicker{display:none}.side-brand strong{margin:0;font-size:18px;white-space:nowrap}.side-nav{position:fixed;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid rgba(255,255,255,.1);background:#111713f5;box-shadow:0 -10px 34px #0e16112e;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav-item{width:100%;min-height:54px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:6px;border:0;border-radius:10px;text-align:center}.nav-item small,.side-status{display:none}.nav-icon{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{color:var(--signal)}.nav-item>span:last-child{display:block}.logout-btn{width:auto;margin:0;padding:9px 10px}.passkey-settings-btn{width:auto;margin:0 0 0 auto;padding:9px 10px}.passkey-settings-btn strong,.logout-btn span{display:none}.logout-btn{min-width:44px;min-height:44px;margin-left:8px;font-size:12px}.guest-mode-badge{display:inline-flex;align-items:center;min-height:28px;margin:0 0 0 auto;padding:0 10px;font-size:11px;white-space:nowrap}.nav-index{display:none}.nav-item strong{font-size:12px}.site-header{padding:26px 18px 22px}.dashboard{padding:0 max(14px,env(safe-area-inset-right)) calc(94px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.site-footer{margin:0 18px calc(88px + env(safe-area-inset-bottom))}.cards,.traffic-cards,.resource-grid{grid-template-columns:1fr}.codex-card .card-header{align-items:flex-start;flex-wrap:wrap;gap:12px}.codex-card .provider-info{min-width:0}.account-email{max-width:calc(100vw - 120px)}.plan-badge{margin-left:58px}.site-header{flex-direction:column;align-items:flex-start;gap:16px}.traffic-overview{justify-content:flex-start;gap:24px}.stats-grid{gap:8px}.stat{padding:12px 8px}.stat-value{font-size:clamp(14px,4.2vw,17px)}.peer-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.metric-long{display:none}.metric-short{display:inline}.peer-limit-row{margin-top:8px;padding:6px 9px}.peer-limit-copy span,.peer-limit-copy strong{display:inline}.peer-limit-copy span{margin-right:6px}.traffic-history{mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 20px),transparent)}.mini-value{font-size:15px}.live-panel{padding:20px 16px}.live-heading,.table-heading,.dns-heading{align-items:flex-start;flex-direction:column;gap:10px}.live-summary{width:100%}.login-page{align-items:start;padding:calc(28px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.login-card{margin-top:22px;padding:25px 20px;border-radius:18px}.login-card h1{margin-bottom:22px;font-size:24px}.network-overview,.port-grid{grid-template-columns:1fr}.network-panel,.network-hero-card{padding:20px 17px}.network-section-heading{flex-direction:column;gap:6px}.network-section-heading>span{display:none}.network-hero-value strong{font-size:32px}.runtime-board{padding:20px 16px 18px}.runtime-groups{display:grid}.runtime-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.runtime-tile{width:auto;padding:13px;border-radius:17px}.runtime-model strong{font-size:22px}.runtime-proof{display:none}}@media(max-width:540px){.nav-index{display:none}.side-brand strong{font-size:16px}.side-nav{gap:0}.nav-item{display:flex;padding:6px}.nav-item strong{font-size:11px}.logout-btn{padding:8px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}