.login-page{position:relative;min-height:100dvh;display:grid;place-items:center;padding:var(--sp-4);overflow:hidden}.login-glow{position:absolute;inset-block-start:-30%;inset-inline-start:50%;translate:-50% 0;width:min(720px,120vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 65%);pointer-events:none}.login-actions{position:absolute;inset-block-start:var(--sp-4);inset-inline-end:var(--sp-4);display:flex;gap:var(--sp-1)}.login-card{position:relative;width:100%;max-width:400px;padding:var(--sp-6) var(--sp-5) var(--sp-4);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-brand{display:grid;justify-items:center;gap:.15rem;margin-block-end:var(--sp-5);color:var(--accent)}.login-brand h1{margin-block-start:var(--sp-2);font-size:var(--fs-xl);color:var(--text)}.login-demo{display:flex;gap:var(--sp-2);padding:var(--sp-3);margin-block-end:var(--sp-4);background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);border-radius:var(--radius-sm);color:var(--warning)}.login-demo p{color:var(--text-2)}.login-demo svg{flex:0 0 auto;margin-block-start:.2rem}.login-error{padding:var(--sp-3);margin-block-end:var(--sp-4);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--fs-sm);text-align:center}.app-shell{min-height:100dvh;display:grid;grid-template-columns:1fr}.app-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:var(--sidebar-w);display:flex;flex-direction:column;background:var(--bg-2);border-inline-end:1px solid var(--border);transition:translate var(--t-base) var(--ease)}[dir=rtl] .app-sidebar{translate:100% 0}[dir=ltr] .app-sidebar{translate:-100% 0}.app-sidebar.open{translate:0 0}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000073;animation:fade-in var(--t-fast) var(--ease)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);height:var(--header-h);padding-inline:var(--sp-4);border-block-end:1px solid var(--border);flex:0 0 auto}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-2)}.nav-group+.nav-group{margin-block-start:var(--sp-4)}.nav-group-title{padding:0 var(--sp-3) var(--sp-2);font-size:var(--fs-xs);font-weight:700;color:var(--text-3);letter-spacing:.02em}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:.55rem var(--sp-3);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-item:hover{background:var(--bg-3);color:var(--text);text-decoration:none}.nav-item svg{flex:0 0 auto;transition:transform var(--t-fast) var(--ease)}.nav-item:hover svg{transform:scale(1.12)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}[dir=rtl] .nav-item.active{box-shadow:inset -3px 0 0 var(--accent)}.nav-item .badge{font-size:.65rem;padding:.05em .45em}.sidebar-footer{flex:0 0 auto;padding:var(--sp-3);border-block-start:1px solid var(--border);display:grid;gap:var(--sp-3)}.sidebar-user{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.avatar{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{display:flex;flex-direction:column;min-width:0;min-height:100dvh}.app-header{position:sticky;inset-block-start:0;z-index:40;display:flex;align-items:center;gap:var(--sp-2);height:var(--header-h);padding-inline:var(--sp-4);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--border)}.app-content{flex:1;padding:var(--sp-5) var(--sp-4);max-width:1280px;width:100%;margin-inline:auto;min-width:0}@media(min-width:1024px){.app-shell{grid-template-columns:var(--sidebar-w) 1fr}.app-sidebar{position:sticky;inset-block-start:0;height:100dvh;translate:0 0!important}.sidebar-scrim,.sidebar-close,.menu-toggle{display:none}.app-content{padding:var(--sp-5) var(--sp-6)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-block-end:var(--sp-4)}.stat-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4)}.stat-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.stat-value{display:block;font-size:var(--fs-xl);font-weight:800;line-height:1.2}.issue-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.issue{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.issue svg{flex:0 0 auto;margin-block-start:.15rem}.issue-critical{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:var(--danger-soft)}.issue-critical>svg{color:var(--danger)}.issue-warning{border-color:color-mix(in srgb,var(--warning) 35%,transparent);background:var(--warning-soft)}.issue-warning>svg{color:var(--warning)}.issue-info>svg{color:var(--info)}.mt{margin-block-start:var(--sp-4)}.users-toolbar{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-4);flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:var(--sp-2);flex:1;min-width:200px;padding-inline-start:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-3);transition:border-color var(--t-fast) var(--ease)}.search-box:focus-within{border-color:var(--accent)}.search-box svg{flex:0 0 auto}.search-box input{border:none;background:transparent;min-height:40px;padding-inline:0;font-size:var(--fs-sm)}.search-box input:focus{outline:none;box-shadow:none}.users-table td{vertical-align:middle}.users-table tr.row-inactive td:not(:first-child){opacity:.55}.self-badge{margin-inline-start:.4rem;font-size:.65rem;padding:.05em .45em}.row-actions{display:flex;gap:2px;justify-content:flex-end}.row-actions .btn-icon{min-height:32px;width:32px}.row-actions .btn-icon:disabled{opacity:.25}.users-skeleton{display:grid;gap:var(--sp-2)}.pager{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);margin-block-start:var(--sp-4);padding-block-start:var(--sp-3);border-block-start:1px solid var(--border)}.role-picker{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.role-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4em .8em;background:var(--bg);border:1px solid var(--border);border-radius:99px;color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.role-chip:hover{border-color:var(--border-strong);color:var(--text)}.role-chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.role-chip .small{font-size:.7rem;opacity:.7}.dialog-wide{max-width:620px}.provider-picker{display:inline-flex;align-items:center;gap:.4rem}.provider-picker select{min-height:44px;padding-inline:.7rem}.trunk-list{display:flex;flex-direction:column;gap:.9rem}.trunk-item{border:1px solid var(--border);border-inline-start:3px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;background:var(--bg-1)}.trunk-item.reg-registered{border-inline-start-color:var(--ok)}.trunk-item.reg-unregistered{border-inline-start-color:var(--warn)}.trunk-item.reg-failed{border-inline-start-color:var(--danger)}.trunk-item>header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-block-end:.7rem}.trunk-item>header strong{margin-inline-end:auto;font-weight:600}.trunk-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem 1rem;margin:0}.trunk-facts dt{font-size:.78rem;color:var(--text-3);margin-block-end:.15rem}.trunk-facts dd{margin:0;font-size:.9rem;font-weight:500;overflow-wrap:anywhere}.trunk-error{display:flex;align-items:flex-start;gap:.4rem;margin:.7rem 0 0;padding:.5rem .7rem;border-radius:calc(var(--radius) - 3px);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);font-size:.85rem}.provider-note{display:flex;align-items:flex-start;gap:.4rem;margin:0 0 .9rem;padding:.6rem .8rem;border-radius:calc(var(--radius) - 3px);background:var(--bg-2);color:var(--text-2);font-size:.85rem;line-height:1.7}.provider-note svg{flex:none;margin-block-start:.2rem}.trunk-item>footer{display:flex;gap:.5rem;flex-wrap:wrap;margin-block-start:.8rem}.number-test{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap;margin-block-start:.8rem;padding:.7rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 3px)}.number-test .form-group{flex:1 1 200px;margin:0}.test-out{flex:1 1 100%;margin:.3rem 0 0;font-size:.9rem}.test-out.ok{color:var(--ok)}.test-out.err{color:var(--danger)}.config-preview{margin-block-start:.8rem}.config-preview pre{max-height:340px;overflow:auto;padding:.7rem;border-radius:calc(var(--radius) - 3px);background:var(--bg-2);font-size:.78rem;white-space:pre}.inline-msg.warn{background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--text-1)}@media(max-width:480px){.trunk-item>footer{flex-direction:column;align-items:stretch}}.ext-actions{display:inline-flex;gap:.5rem;flex-wrap:wrap}.ext-search{display:flex;align-items:center;gap:.5rem;margin-block-end:.9rem;padding-inline:.7rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 3px);background:var(--bg-1)}.ext-search svg{flex:none;color:var(--text-3)}.ext-search input{flex:1;min-width:0;min-height:44px;border:none;background:transparent;color:inherit;font-size:max(16px,1rem)}.ext-search input:focus{outline:none}.row-actions{display:flex;gap:.2rem;justify-content:flex-end}.small{font-size:.82rem;color:var(--text-2)}.secret-banner{margin-block:.9rem;padding:.8rem 1rem;border:1px solid var(--warn);border-radius:var(--radius);background:color-mix(in srgb,var(--warn) 8%,transparent)}.secret-banner .warn{display:flex;align-items:flex-start;gap:.4rem;margin:0 0 .6rem;font-size:.85rem;color:var(--text-1);line-height:1.7}.secret-banner .warn svg{flex:none;margin-block-start:.15rem;color:var(--warn)}.secret-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.secret-row code{flex:1 1 240px;min-width:0;padding:.5rem .7rem;border-radius:calc(var(--radius) - 4px);background:var(--bg-2);font-size:.95rem;font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere}td .dot{margin-inline-end:.4rem}@media(max-width:480px){.ext-actions{flex-direction:column;align-items:stretch}}.audit-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-block-end:1rem}.audit-search{display:flex;align-items:center;gap:.45rem;flex:1 1 220px;min-width:0;padding-inline:.7rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2)}.audit-search:focus-within{border-color:var(--accent)}.audit-search input{flex:1;min-width:0;border:0;background:none;color:var(--text-1);padding-block:.6rem;font:inherit;font-size:max(16px,1rem);outline:none}.audit-filters select{min-height:2.6rem;padding-inline:.6rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font:inherit;font-size:.9rem}.audit-clear{display:inline-flex;align-items:center;gap:.3rem;border:0;background:none;color:var(--text-2);font:inherit;font-size:.85rem;cursor:pointer;padding:.4rem}.audit-clear:hover{color:var(--danger)}.audit-loading{padding-block:2rem;text-align:center}.audit-table code{font-size:.82rem}.audit-row{cursor:pointer}.audit-row:hover>td,.audit-row.open>td{background:var(--bg-1)}.audit-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.audit-imp{margin-inline-start:.35rem}.audit-detail-row>td{background:var(--bg-1);padding:.9rem 1rem 1.1rem}.audit-message{margin:0 0 .7rem;color:var(--text-2);font-size:.88rem}.audit-diff{width:100%;border-collapse:collapse;font-size:.85rem}.audit-diff th{text-align:start;color:var(--text-2);font-weight:600;padding:.3rem .5rem;border-block-end:1px solid var(--border)}.audit-diff td{padding:.35rem .5rem;border-block-end:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}.audit-diff .was{color:var(--text-2);text-decoration:line-through;text-decoration-color:var(--danger)}.audit-diff .now{color:var(--text-1);font-weight:550}.audit-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-block-start:1rem}.audit-pager-controls{display:flex;align-items:center;gap:.6rem}@media(max-width:640px){.audit-filters select,.audit-search{flex:1 1 100%}}.cdr-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-block-end:1rem}.cdr-stat{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius)}.cdr-stat .label{font-size:.8rem;color:var(--text-2)}.cdr-stat strong{font-size:1.35rem;font-weight:650;font-variant-numeric:tabular-nums}.cdr-stat .sub{font-size:.78rem;color:var(--text-2);font-variant-numeric:tabular-nums}.cdr-filters{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-block-end:1rem}.cdr-search{display:flex;align-items:center;gap:.45rem;flex:1 1 200px;min-width:0;padding-inline:.7rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2)}.cdr-search:focus-within{border-color:var(--accent)}.cdr-search input{flex:1;min-width:0;border:0;background:none;color:var(--text-1);padding-block:.6rem;font:inherit;font-size:max(16px,1rem);outline:none}.cdr-date{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-2)}.cdr-date input,.cdr-filters select{min-height:2.6rem;padding-inline:.6rem;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-1);font:inherit;font-size:.9rem}.cdr-clear{display:inline-flex;align-items:center;gap:.3rem;border:0;background:none;color:var(--text-2);font:inherit;font-size:.85rem;cursor:pointer;padding:.4rem}.cdr-clear:hover{color:var(--danger)}.cdr-loading{padding-block:2rem;text-align:center}.cdr-table .num{text-align:end;font-variant-numeric:tabular-nums}.cdr-dir.inbound{color:var(--success)}.cdr-dir.outbound{color:var(--accent)}.cdr-dir.internal{color:var(--text-2)}.cdr-name{display:block;font-size:.76rem;color:var(--text-2)}.cdr-rec{margin-inline-start:.35rem;color:var(--text-2);vertical-align:middle}.cdr-table .row-unanswered td{color:var(--text-2)}.cdr-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-block-start:1rem}.cdr-pager-controls{display:flex;align-items:center;gap:.6rem}@media(max-width:640px){.cdr-search,.cdr-filters select,.cdr-date{flex:1 1 100%}.cdr-date input{flex:1;min-width:0}}.appearance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-4)}.choice-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.choice{flex:1 1 90px;display:grid;justify-items:center;gap:.35rem;padding:var(--sp-3);min-height:44px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.choice:hover{border-color:var(--border-strong);color:var(--text)}.choice.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.choice svg{transition:transform var(--t-fast) var(--ease)}.choice:hover svg{transform:scale(1.12)}input[type=range]{accent-color:var(--accent);min-height:auto;padding:0;background:transparent;border:none}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4)}.preview-grid .full{grid-column:1 / -1}.preview-value{display:block;font-size:var(--fs-lg);margin-block-start:.15rem}.amount-words{display:block;font-size:var(--fs-xs);color:var(--text-2);min-height:1.3em;margin-block-start:.15rem}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-4);align-items:start}.account-info{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3) var(--sp-4);margin:0;align-items:center}.account-info dt{font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap}.account-info dd{margin:0;font-weight:600;min-width:0;overflow-wrap:anywhere}.strength{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-4);margin-block-start:-.5rem}.strength-bars{display:flex;gap:4px;flex:1}.strength-bars span{flex:1;height:4px;border-radius:99px;background:var(--border);transition:background var(--t-base) var(--ease)}.strength-bars span.on.s1{background:var(--danger)}.strength-bars span.on.s2{background:var(--warning)}.strength-bars span.on.s3{background:var(--info)}.strength-bars span.on.s4{background:var(--success)}.account-done{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);border-radius:var(--radius-sm);color:var(--success)}.account-done>div{flex:1;min-width:0}.account-done p{color:var(--text-2)}.route-table input{min-height:36px;padding:.3em .6em;font-size:var(--fs-sm);background:var(--bg)}.route-table td{padding:.35em .4em}.route-table tr.row-error input{border-color:var(--danger)}.danger-icon{color:var(--danger)}.danger-icon:hover{background:var(--danger-soft)}.route-errors{list-style:none;margin:var(--sp-3) 0 0;padding:var(--sp-3);display:grid;gap:.35rem;background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--fs-xs)}.route-errors li{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.switch-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-block-end:1px solid var(--border)}.switch-row:last-of-type{border-block-end:none}.switch-row label{font-weight:600;font-size:var(--fs-sm);cursor:pointer}.applied-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-3)}.applied-dot.applied{background:var(--success)}.applied-dot.failed{background:var(--danger)}.applied-dot.drifted{background:var(--warning)}.applied-dot.pending,.applied-dot.new{background:var(--text-3);opacity:.5}.net-ok{padding:var(--sp-3);margin-block-start:var(--sp-3);background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);border-radius:var(--radius-sm);color:var(--success);font-size:var(--fs-sm)}.dns-test{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);margin-block-start:var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border)}.dns-test.ok{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--success)}.dns-test.fail{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.dns-test svg{flex:0 0 auto;margin-block-start:.15rem}.dns-test p{color:var(--text-2)}.vpn-list{display:flex;flex-direction:column;gap:.9rem}.vpn-item{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;background:var(--bg-1);border-inline-start:3px solid var(--border);transition:border-color .15s ease}.vpn-item.state-up{border-inline-start-color:var(--ok)}.vpn-item.state-degraded,.vpn-item.state-connecting{border-inline-start-color:var(--warn)}.vpn-item.state-failed{border-inline-start-color:var(--danger)}.vpn-item>header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-block-end:.7rem}.vpn-item>header strong{font-weight:600;margin-inline-end:auto}.vpn-item .kill{display:inline-flex;color:var(--text-3)}.vpn-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem 1rem;margin:0}.vpn-facts div{min-width:0}.vpn-facts dt{font-size:.78rem;color:var(--text-3);margin-block-end:.15rem}.vpn-facts dd{margin:0;font-size:.9rem;font-weight:500;overflow-wrap:anywhere}.vpn-error{display:flex;align-items:flex-start;gap:.4rem;margin:.7rem 0 0;padding:.5rem .7rem;border-radius:calc(var(--radius) - 3px);background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);font-size:.85rem}.vpn-item>footer{display:flex;gap:.5rem;flex-wrap:wrap;margin-block-start:.8rem}.ping-result{margin:.6rem 0 0;font-size:.85rem;font-weight:500}.ping-result.ok{color:var(--ok)}.ping-result.err{color:var(--danger)}.secret-box{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-block-start:.7rem;padding:.6rem .8rem;border:1px solid var(--warn);border-radius:calc(var(--radius) - 3px);background:color-mix(in srgb,var(--warn) 7%,transparent)}.secret-box .warn{flex:1 1 100%;margin:0;font-size:.8rem;color:var(--text-2)}.secret-box code{flex:1 1 auto;min-width:0;font-size:.85rem;overflow-wrap:anywhere}.cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem}.cap{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:.7rem .8rem;background:var(--bg-1)}.cap.no{opacity:.85}.cap>header{display:flex;align-items:center;gap:.4rem;margin-block-end:.4rem}.cap>header strong{margin-inline-end:auto}.cap.yes>header svg{color:var(--ok)}.cap.no>header svg{color:var(--text-3)}.cap .reason{margin:0;font-size:.82rem;color:var(--text-2)}.cap details{margin-block-start:.5rem}.cap summary{cursor:pointer;font-size:.82rem;color:var(--accent)}.cap pre,.inline-msg pre{margin:.5rem 0 0;padding:.6rem;border-radius:calc(var(--radius) - 4px);background:var(--bg-2);font-size:.78rem;overflow-x:auto;white-space:pre}.inline-msg pre{background:transparent;padding:0;white-space:pre-wrap;overflow-x:auto}.vpn-warn{display:flex;align-items:flex-start;gap:.4rem;margin:.8rem 0 0;font-size:.83rem;color:var(--text-2)}.vpn-warn svg{flex:none;color:var(--warn);margin-block-start:.1rem}.toggle-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-block-start:.8rem}.toggle-row .muted{margin:0;font-size:.82rem;flex:1 1 240px}@media(max-width:480px){.vpn-item>footer{flex-direction:column;align-items:stretch}}.fw-confirm{display:flex;align-items:flex-start;gap:.8rem;flex-wrap:wrap;margin-block-end:1rem;padding:1rem;border:2px solid var(--warn);border-radius:var(--radius);background:color-mix(in srgb,var(--warn) 12%,transparent)}.fw-confirm>svg{flex:none;color:var(--warn);margin-block-start:.15rem}.fw-confirm>div{flex:1 1 260px;min-width:0}.fw-confirm strong{display:block;margin-block-end:.3rem}.fw-confirm p{margin:0 0 .3rem;font-size:.87rem;line-height:1.7}.fw-confirm .countdown b{font-size:1.15rem;font-variant-numeric:tabular-nums}.fw-halted{display:flex;align-items:flex-start;gap:.7rem;margin-block-end:1rem;padding:.9rem 1rem;border:1px solid var(--danger);border-radius:var(--radius);background:color-mix(in srgb,var(--danger) 8%,transparent)}.fw-halted>svg{flex:none;color:var(--danger);margin-block-start:.15rem}.fw-halted strong{display:block;margin-block-end:.25rem}.fw-halted p{margin:0;font-size:.87rem;line-height:1.7}.fw-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem 1rem;margin:.9rem 0 0}.fw-facts dt{font-size:.78rem;color:var(--text-3);margin-block-end:.2rem}.fw-facts dd{margin:0;font-size:.9rem;font-weight:500}.fw-error,.fw-warning{display:flex;align-items:flex-start;gap:.4rem;margin:.7rem 0 0;font-size:.85rem;color:var(--danger)}.fw-warning{color:var(--text-2)}.fw-warning svg{flex:none;color:var(--warn);margin-block-start:.15rem}tr.locked input,tr.locked select{opacity:.6;cursor:not-allowed}.fw-preview{margin-block-start:1rem}.fw-preview pre{max-height:400px;overflow:auto;padding:.8rem;border-radius:calc(var(--radius) - 3px);background:var(--bg-2);font-size:.76rem;line-height:1.6;white-space:pre}td input,td select{width:100%;min-width:90px;min-height:38px;padding-inline:.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);background:var(--bg-1);color:inherit;font-size:max(16px,.9rem)}@media(max-width:480px){.fw-confirm{flex-direction:column}}:root{--bg: #fafafa;--bg-2: #ffffff;--bg-3: #f2f3f5;--text: #1a1d23;--text-2: #5c6470;--text-3: #8b929c;--border: #e4e7eb;--border-strong: #d3d8de;--accent: #2f6f8f;--accent-text: #ffffff;--accent-soft: #eaf2f6;--danger: #b54545;--danger-soft: #fbeded;--warning: #a8730f;--warning-soft: #fdf4e3;--success: #2f7a4f;--success-soft: #eaf5ee;--info: #3a6ea5;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-lg: 0 4px 16px rgba(16, 24, 40, .08);--font-family: "Vazirmatn", Tahoma, Arial, sans-serif;--font-scale: 1;--fs-xs: calc(.75rem * var(--font-scale));--fs-sm: calc(.85rem * var(--font-scale));--fs-base: calc(.95rem * var(--font-scale));--fs-lg: calc(1.1rem * var(--font-scale));--fs-xl: calc(1.35rem * var(--font-scale));--fs-2xl: calc(1.7rem * var(--font-scale));--density: 1;--sp-1: calc(.25rem * var(--density));--sp-2: calc(.5rem * var(--density));--sp-3: calc(.75rem * var(--density));--sp-4: calc(1rem * var(--density));--sp-5: calc(1.5rem * var(--density));--sp-6: calc(2rem * var(--density));--sidebar-w: 246px;--header-h: 60px;--t-fast: .15s;--t-base: .22s;--ease: cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #14161a;--bg-2: #1c1f25;--bg-3: #23272e;--text: #e8eaed;--text-2: #9aa1ab;--text-3: #6d747e;--border: #2b2f37;--border-strong: #3a3f49;--accent: #5b9cc0;--accent-text: #10161a;--accent-soft: #1b2b34;--danger: #d97070;--danger-soft: #2e1d1d;--warning: #d6a044;--warning-soft: #2e2517;--success: #5fae7f;--success-soft: #18271e;--info: #6b9bd1;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .45)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Variable.woff2) format("woff2 supports variations"),url(/fonts/Vazirmatn-Variable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;min-height:100dvh;font-family:var(--font-family);font-size:var(--fs-base);line-height:1.7;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--t-base) var(--ease),color var(--t-base) var(--ease)}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.35}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0 0 var(--sp-3)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,button,textarea,select{font:inherit;color:inherit}img,svg,video{max-width:100%}::selection{background:var(--accent);color:var(--accent-text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid transparent;background-clip:content-box}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:.01em}.muted{color:var(--text-2)}.small{font-size:var(--fs-sm)}.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.stack{display:grid;gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.spread{justify-content:space-between}.grow{flex:1;min-width:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:42px;padding:.5em 1.15em;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:filter var(--t-fast) var(--ease),transform .08s var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:1.15em;height:1.15em;flex:0 0 auto}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-3);filter:none}.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent);color:var(--accent-text);filter:none}.btn-danger-outline{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger-outline:hover:not(:disabled){background:var(--danger);color:#fff;filter:none}.btn-sm{min-height:34px;padding:.3em .8em;font-size:var(--fs-xs)}.btn-icon{min-height:38px;width:38px;padding:0}.btn-logout{width:100%;background:transparent;color:var(--danger);border-color:var(--danger)}.btn-logout:hover:not(:disabled){background:var(--danger);color:#fff}.btn.loading{pointer-events:none;opacity:.75}.btn.loading:after{content:"";width:1em;height:1em;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-4);min-width:0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-block-end:var(--sp-4)}.card-header h2,.card-header h3{font-size:var(--fs-lg)}.card-footer{margin-block-start:var(--sp-4);padding-block-start:var(--sp-3);border-block-start:1px solid var(--border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.form-group{display:grid;gap:.35rem;margin-block-end:var(--sp-4)}.form-group>label{display:flex;align-items:center;gap:.35rem;font-size:var(--fs-sm);font-weight:600}.form-hint{font-size:var(--fs-xs);color:var(--text-2)}.form-error{font-size:var(--fs-xs);color:var(--danger);min-height:1.1em}.input,input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=search],input[type=url],select,textarea{width:100%;min-height:42px;padding:.5em .85em;font-size:max(16px,var(--fs-base));color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}textarea{min-height:96px;resize:vertical;line-height:1.7}.input:hover,input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}.input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--bg-3)}.form-group.has-error :is(input,select,textarea){border-color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 var(--sp-4)}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-block-start:var(--sp-2)}.toggle{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;width:44px;height:25px;padding:0;border:1px solid var(--border-strong);border-radius:99px;background:var(--bg-3);cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.toggle:after{content:"";position:absolute;inset-inline-start:2px;width:19px;height:19px;border-radius:50%;background:var(--bg-2);box-shadow:var(--shadow);transition:translate var(--t-base) var(--ease)}.toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent)}[dir=rtl] .toggle[aria-checked=true]:after{translate:-19px 0}[dir=ltr] .toggle[aria-checked=true]:after{translate:19px 0}.toggle:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:.3em;padding:.15em .6em;border-radius:99px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;border:1px solid transparent}.badge-neutral{background:var(--bg-3);color:var(--text-2);border-color:var(--border)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--text-3)}.dot-idle{background:var(--text-3)}.dot-online{background:var(--success)}.dot-busy{background:var(--danger)}.dot-offline{background:var(--text-3);opacity:.5}.dot-ringing{background:var(--warning);animation:pulse 1.1s var(--ease) infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--warning) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.data th,table.data td{padding:.65em .8em;text-align:start;border-block-end:1px solid var(--border);vertical-align:middle}table.data th{font-weight:600;color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;background:var(--bg-3);position:sticky;inset-block-start:0;z-index:1}table.data tbody tr{transition:background var(--t-fast) var(--ease)}table.data tbody tr:hover{background:var(--bg-3)}table.data tbody tr:last-child td{border-block-end:none}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.settings-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;cursor:pointer;text-align:start;transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);min-width:0}.settings-card:hover{border-color:var(--accent);transform:translateY(-1px);text-decoration:none}.settings-card .icon{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm)}.settings-card .icon svg{width:20px;height:20px}.settings-card .meta{flex:1;min-width:0}.settings-card .meta strong{display:block;font-weight:700;font-size:var(--fs-base)}.settings-card .meta span{display:block;font-size:var(--fs-xs);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-card .chev{flex:0 0 auto;color:var(--text-3);transition:transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.settings-card:hover .chev{color:var(--accent)}[dir=rtl] .settings-card:hover .chev{transform:translate(-3px)}[dir=ltr] .settings-card:hover .chev{transform:translate(3px)}.update-bar{position:fixed;inset-block-start:0;inset-inline:0;z-index:9998;display:flex;align-items:center;justify-content:center;gap:var(--sp-4);padding:.65rem 1rem;background:var(--accent);color:var(--accent-text);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-lg)}.update-bar .btn{min-height:34px;padding:.25em 1em;background:var(--text);color:var(--bg)}@media(max-width:520px){.update-bar{flex-direction:column;gap:var(--sp-2);text-align:center}}.app-version{display:block;text-align:center;font-size:var(--fs-xs);color:var(--text-3);padding:var(--sp-2) 0;-webkit-user-select:none;user-select:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:#00000080;padding:var(--sp-4);animation:fade-in var(--t-base) var(--ease)}@keyframes fade-in{0%{opacity:0}}.dialog{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-5);max-width:400px;width:100%;animation:rise var(--t-base) var(--ease)}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.dialog h3{margin-block-end:var(--sp-2)}.dialog .form-actions{justify-content:center;margin-block-start:var(--sp-4)}.empty{display:grid;place-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--text-2)}.empty svg{width:40px;height:40px;color:var(--text-3)}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--border) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.update-bar-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer;opacity:.75;transition:opacity var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.update-bar-close:hover{opacity:1;background:#0000001f}body:has(.update-bar) .app-header{inset-block-start:48px}body:has(.update-bar) .app-shell{padding-block-start:48px}