@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/onest-latin-600-normal-jVaZHx2Z.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/onest-cyrillic-600-normal-DiaWg2oX.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/onest-latin-700-normal-Bd6qVL4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/onest-cyrillic-700-normal-CwpXuTGk.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}:root{--font: -apple-system, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Inter, system-ui, sans-serif;--font-display: "Onest", -apple-system, "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--sp-0: 2px;--sp-1: 4px;--sp-1h: 6px;--sp-2: 8px;--sp-2h: 10px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .18s;--dur: .28s;--dur-slow: .52s;--ok: #30bd5a;--ok-tint: rgba(48, 189, 90, .14);--ok-ink: #1f8f43;--danger: #ff3b30;--danger-tint: rgba(255, 59, 48, .1);--danger-border: rgba(255, 59, 48, .22);--danger-ink: #c0392b;--info-tint: rgba(120, 124, 134, .16);--info-ink: #5b606b;--gw: #8a6d3b;--gw-ink: #8a6d3b;--gw-tint: rgba(180, 140, 70, .14);--bg: #faf9f7;--bg-glow: radial-gradient( 1100px 620px at 78% -8%, rgba(0, 0, 0, .028), transparent 60% );--surface: #ffffff;--surface-2: #f3f3f5;--elevated: #ffffff;--hairline: #ececef;--border: #d8d7dd;--control-track: #dcdce1;--text: #1a1a1f;--text-2: #61616a;--text-3: #9a9aa2;--card-edge: 0 0 0 0 transparent;--dot: rgba(0, 0, 0, .05);--shadow-1: 0 1px 2px rgba(20, 20, 30, .05), 0 1px 1px rgba(20, 20, 30, .04);--shadow-2: 0 6px 20px rgba(20, 20, 35, .07), 0 2px 6px rgba(20, 20, 35, .05);--shadow-3: 0 20px 48px rgba(20, 20, 40, .12), 0 4px 14px rgba(20, 20, 40, .07);--glass: rgba(255, 255, 255, .72);--accent: #1a88ee;--accent-2: #46a2f4;--accent-hover: #1173d4;--accent-ink: #0f68c2;--accent-tint: #e9f3fd;--accent-ring: rgba(26, 136, 238, .28);--accent-glow: rgba(26, 136, 238, .3);--accent-wash: rgba(26, 136, 238, .06);--on-accent: #ffffff;--shine-hi: #cae4fc}@media(prefers-color-scheme:dark){:root{--bg: #090a0e;--bg-glow: radial-gradient( 1200px 720px at 50% -14%, rgba(88, 124, 196, .12), transparent 60% ), linear-gradient(180deg, rgba(255, 255, 255, .022), transparent 220px);--surface: #14151b;--surface-2: #1d1f28;--elevated: #23252f;--hairline: #282a34;--border: #363945;--control-track: #3f4352;--text: #f4f5f8;--text-2: #a6a9b4;--text-3: #6c6f7b;--card-edge: inset 0 1px 0 rgba(255, 255, 255, .075);--dot: rgba(255, 255, 255, .05);--shadow-1: 0 1px 2px rgba(0, 0, 0, .6);--shadow-2: 0 10px 30px rgba(0, 0, 0, .58), 0 2px 8px rgba(0, 0, 0, .45);--shadow-3: 0 30px 70px rgba(0, 0, 0, .7), 0 10px 26px rgba(0, 0, 0, .5);--glass: rgba(19, 20, 26, .6);--info-ink: #9aa0ac;--gw: #c9a86a;--gw-ink: #c9a86a;--gw-tint: rgba(201, 168, 106, .16);--ok-ink: #4fd07a;--danger-ink: #ff7a72;--accent: #4ca7f6;--accent-2: #79c0fa;--accent-hover: #66b6f8;--accent-ink: #79c0fa;--accent-tint: rgba(76, 167, 246, .16);--accent-ring: rgba(76, 167, 246, .36);--accent-glow: rgba(76, 167, 246, .2);--accent-wash: rgba(76, 167, 246, .08);--shine-hi: #d9ecfe}}:root[data-theme=light]{--bg: #faf9f7;--bg-glow: radial-gradient( 1100px 620px at 78% -8%, rgba(0, 0, 0, .028), transparent 60% );--surface: #ffffff;--surface-2: #f3f3f5;--elevated: #ffffff;--hairline: #ececef;--border: #d8d7dd;--control-track: #dcdce1;--text: #1a1a1f;--text-2: #61616a;--text-3: #9a9aa2;--card-edge: 0 0 0 0 transparent;--dot: rgba(0, 0, 0, .05);--shadow-1: 0 1px 2px rgba(20, 20, 30, .05), 0 1px 1px rgba(20, 20, 30, .04);--shadow-2: 0 6px 20px rgba(20, 20, 35, .07), 0 2px 6px rgba(20, 20, 35, .05);--shadow-3: 0 20px 48px rgba(20, 20, 40, .12), 0 4px 14px rgba(20, 20, 40, .07);--glass: rgba(255, 255, 255, .72);--info-ink: #5b606b;--gw: #8a6d3b;--gw-ink: #8a6d3b;--gw-tint: rgba(180, 140, 70, .14);--ok-ink: #1f8f43;--danger-ink: #c0392b;--accent: #1a88ee;--accent-2: #46a2f4;--accent-hover: #1173d4;--accent-ink: #0f68c2;--accent-tint: #e9f3fd;--accent-ring: rgba(26, 136, 238, .28);--accent-glow: rgba(26, 136, 238, .3);--accent-wash: rgba(26, 136, 238, .06);--shine-hi: #cae4fc}:root[data-theme=dark]{--bg: #090a0e;--bg-glow: radial-gradient( 1200px 720px at 50% -14%, rgba(88, 124, 196, .12), transparent 60% ), linear-gradient(180deg, rgba(255, 255, 255, .022), transparent 220px);--surface: #14151b;--surface-2: #1d1f28;--elevated: #23252f;--hairline: #282a34;--border: #363945;--control-track: #3f4352;--text: #f4f5f8;--text-2: #a6a9b4;--text-3: #6c6f7b;--card-edge: inset 0 1px 0 rgba(255, 255, 255, .075);--dot: rgba(255, 255, 255, .05);--shadow-1: 0 1px 2px rgba(0, 0, 0, .6);--shadow-2: 0 10px 30px rgba(0, 0, 0, .58), 0 2px 8px rgba(0, 0, 0, .45);--shadow-3: 0 30px 70px rgba(0, 0, 0, .7), 0 10px 26px rgba(0, 0, 0, .5);--glass: rgba(19, 20, 26, .6);--info-ink: #9aa0ac;--gw: #c9a86a;--gw-ink: #c9a86a;--gw-tint: rgba(201, 168, 106, .16);--ok-ink: #4fd07a;--danger-ink: #ff7a72;--accent: #4ca7f6;--accent-2: #79c0fa;--accent-hover: #66b6f8;--accent-ink: #79c0fa;--accent-tint: rgba(76, 167, 246, .16);--accent-ring: rgba(76, 167, 246, .36);--accent-glow: rgba(76, 167, 246, .2);--accent-wash: rgba(76, 167, 246, .08);--shine-hi: #d9ecfe}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg-glow),radial-gradient(var(--dot) 1px,transparent 1.4px) 0 0 / 22px 22px,var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.intro-title,.form-title,.brand-name,.settings-title,.peers-head h2,.devices-head h2,.ag-dialog-title,.empty-h{font-family:var(--font-display);letter-spacing:-.015em}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-6);background:var(--glass);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--hairline)}.topbar-brand{display:inline-flex}.topbar-brand:hover{text-decoration:none}.topbar-right{display:flex;align-items:center;gap:var(--sp-3)}.topbar-email{color:var(--text-2);font-size:14px}.wordmark{display:inline-flex;align-items:center;gap:var(--sp-2)}.brand-name{font-family:var(--font-display);font-size:19px;letter-spacing:-.02em;color:var(--text)}.logo{display:block}.page{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-10)}.stack{display:flex;flex-direction:column;gap:var(--sp-5)}.center-screen{min-height:100vh;display:grid;place-items:center;padding:var(--sp-6)}.center-block{display:grid;place-items:center;padding:var(--sp-10)}.page-head,.detail-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.page-title{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em;margin:var(--sp-1) 0 0;display:inline-flex;align-items:center;gap:var(--sp-2h)}.muted{color:var(--text-2)}.muted-link{color:var(--text-2);font-size:14px}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-1),var(--card-edge);padding:var(--sp-5)}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-6)}.empty-h{font-family:var(--font-display);font-size:18px}.soft-note{background:var(--surface-2);border-style:dashed;color:var(--text-2);font-size:14px}.btn{font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--r-sm);padding:var(--sp-2h) var(--sp-4);cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-sm{padding:var(--sp-1h) var(--sp-3);font-size:14px}.btn-primary{color:var(--on-accent);background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 6px 18px var(--accent-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-2),var(--accent-hover))}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--elevated)}.btn-danger{background:var(--danger);color:#fff}.icon-btn{font:inherit;font-size:16px;width:34px;height:34px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.icon-btn:hover{background:var(--elevated)}.link-danger{background:none;border:none;cursor:pointer;color:var(--danger-ink);font:inherit;padding:0}.link-danger:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:var(--sp-1h)}.field-label{font-size:13px;color:var(--text-2);font-weight:600}.field-input{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-2h) var(--sp-3);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--elevated)}.banner{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:14px;border:1px solid transparent}.banner-error{background:var(--danger-tint);color:var(--danger-ink);border-color:var(--danger-border)}.banner-ok{background:var(--ok-tint);color:var(--ok-ink)}.banner-info{background:var(--info-tint);color:var(--info-ink)}.pill{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:2px var(--sp-2);border-radius:var(--r-pill);margin-left:var(--sp-2);vertical-align:middle}.pill-info{background:var(--info-tint);color:var(--info-ink)}.pill-ok{background:var(--ok-tint);color:var(--ok-ink)}.pill-danger{background:var(--danger-tint);color:var(--danger-ink)}.pill-accent{background:var(--accent-tint);color:var(--accent-ink)}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--accent-ring);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block}.spinner-inline{width:15px;height:15px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-3),var(--card-edge);padding:var(--sp-8)}.auth-brand{display:flex;justify-content:center;margin-bottom:var(--sp-5)}.form-title{font-family:var(--font-display);font-size:24px;text-align:center;margin:0;letter-spacing:-.02em}.auth-subtitle{text-align:center;color:var(--text-2);margin:var(--sp-2) 0 var(--sp-5);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:var(--sp-4)}.auth-form .btn-primary{margin-top:var(--sp-1)}.auth-inline{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--sp-2))}.auth-footer{text-align:center;margin-top:var(--sp-5);color:var(--text-2);font-size:14px}.net-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.net-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.net-card-main{text-align:left;background:none;border:none;cursor:pointer;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);color:inherit;font:inherit}.net-card-main:hover{background:var(--surface-2)}.net-card-top{display:flex;align-items:center;justify-content:space-between}.net-name{font-family:var(--font-display);font-size:18px;font-weight:600}.net-card-meta{display:flex;justify-content:space-between;color:var(--text-2);font-size:13px}.net-card-actions{border-top:1px solid var(--hairline);padding:var(--sp-2h) var(--sp-5);display:flex;justify-content:flex-end}.row-form{display:flex;gap:var(--sp-4);align-items:flex-end;flex-wrap:wrap}.row-form .field{flex:1;min-width:200px}.row-form-actions{display:flex;gap:var(--sp-2)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--hairline)}.tab{font:inherit;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-2);padding:var(--sp-2h) var(--sp-3);cursor:pointer;margin-bottom:-1px}.tab-active{color:var(--accent-ink);border-bottom-color:var(--accent)}.devices-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.usage{color:var(--text-2);display:inline-flex;align-items:center}.table-card{padding:0;overflow-x:auto}.devices-table{width:100%;border-collapse:collapse;font-size:14px}.devices-table th{text-align:left;color:var(--text-3);font-weight:600;font-size:12px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline)}.devices-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline);vertical-align:middle}.devices-table tr:last-child td{border-bottom:none}.dev-name{font-weight:600}.status-on{color:var(--ok-ink)}.status-off{color:var(--text-3)}.actions-cell{text-align:right;white-space:nowrap}.row-action{background:none;border:none;cursor:pointer;color:var(--accent-ink);font:inherit;font-size:13px;padding:var(--sp-1) var(--sp-2)}.row-action:hover{text-decoration:underline}.key-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.key-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:18px;font-weight:700;letter-spacing:.04em;color:var(--text)}.key-actions{display:flex;gap:var(--sp-2)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.plan-card{display:flex;flex-direction:column;gap:var(--sp-3)}.plan-current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),var(--shadow-1)}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-name{font-family:var(--font-display);font-size:18px;font-weight:700}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-1h);color:var(--text-2);font-size:14px;flex:1}@media(max-width:560px){.page{padding:var(--sp-5) var(--sp-4) var(--sp-8)}.topbar{padding:var(--sp-3) var(--sp-4)}.topbar-email{display:none}}