.setup-backdrop{z-index:9999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#00000075;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.setup-panel{border:1px solid var(--separator,#0000001a);background:var(--surface,#fff);width:min(760px,100%);max-height:calc(100vh - 48px);color:var(--text-primary,#1d1d1f);border-radius:28px;padding:34px;overflow:auto;box-shadow:0 28px 80px #0000003d}.setup-header,.setup-actions,.setup-brand,.setup-password-meter,.setup-step-labels,.setup-badges{align-items:center;display:flex}.setup-header{justify-content:space-between;margin-bottom:24px}.setup-brand{gap:10px;font-size:14px}.setup-brand>span{color:#fff;background:#0071e3;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:750;display:grid}.setup-close{background:var(--surface-muted,#f5f5f7);width:34px;height:34px;color:var(--text-secondary,#6e6e73);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.setup-progress{margin-bottom:28px}.setup-step-labels{color:var(--text-tertiary,#86868b);justify-content:space-between;gap:8px;margin-bottom:9px;font-size:11px;font-weight:600}.setup-step-labels .is-current{color:#0071e3}.setup-progress progress,.setup-password-meter progress{accent-color:#0071e3;border:0;border-radius:999px;width:100%;height:6px;overflow:hidden}.setup-page h1{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(26px,5vw,34px)}.setup-lead{color:var(--text-secondary,#6e6e73);margin:0 0 26px;line-height:1.55}.setup-feature-grid,.setup-interface-grid,.setup-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 30px;display:grid}.setup-feature-grid article,.setup-review-grid article{border:1px solid var(--separator,#e5e5ea);background:var(--surface-muted,#f5f5f7);border-radius:18px;padding:18px}.setup-feature-grid span,.setup-review-grid span{color:var(--text-tertiary,#86868b);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.setup-feature-grid strong,.setup-review-grid strong{overflow-wrap:anywhere;font-size:15px;display:block}.setup-feature-grid p{color:var(--text-secondary,#6e6e73);margin:8px 0 0;font-size:13px;line-height:1.45}.setup-fields{gap:18px;margin:24px 0 30px;display:grid}.setup-panel .field{gap:8px;display:grid}.setup-panel .field>span{font-size:13px;font-weight:700}.setup-panel input,.setup-panel select{border:1px solid var(--field-border,#d2d2d7);background:var(--surface,#fff);width:100%;color:var(--text-primary,#1d1d1f);font:inherit;border-radius:14px;padding:13px 15px}.setup-panel input:focus,.setup-panel select:focus{border-color:#0071e3;outline:3px solid #0071e329}.setup-panel input.is-valid{border-color:#34c759}.setup-interface-list{gap:9px;margin:18px 0;display:grid}.setup-interface-list article{border:1px solid var(--separator,#e5e5ea);border-radius:14px;justify-content:space-between;gap:14px;padding:13px 15px;display:flex}.setup-interface-list article.is-selected{background:#0071e30d;border-color:#0071e38c}.setup-interface-list code{color:var(--text-tertiary,#86868b);margin-top:4px;font-size:11px;display:block}.setup-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px}.setup-badges span{background:var(--surface-muted,#f5f5f7);color:var(--text-secondary,#6e6e73);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.setup-badges .is-wan{color:#b46600;background:#ff950026}.setup-badges .is-lan{color:#248a3d;background:#34c75926}.setup-warning,.setup-error,.setup-note{border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.45}.setup-warning{color:var(--text-primary,#1d1d1f);background:#ff95001a;border:1px solid #ff950047}.setup-error{color:#d70015;background:#ff3b301a;border:1px solid #ff3b3047}.setup-note{background:var(--surface-muted,#f5f5f7);color:var(--text-secondary,#6e6e73)}.setup-password-meter{gap:12px}.setup-password-meter span{color:var(--text-secondary,#6e6e73);flex:none;font-size:12px;font-weight:650}.setup-actions{justify-content:space-between;gap:12px;margin-top:30px}.setup-actions-end{justify-content:flex-end}.setup-panel .button.success{color:#fff;background:#34c759}.setup-success{text-align:center}.setup-success-icon{color:#248a3d;background:#34c75924;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:34px;font-weight:800;display:grid}.setup-success>code{background:var(--surface-muted,#f5f5f7);color:#0071e3;border-radius:10px;padding:9px 12px;display:inline-block}@media (width<=680px){.setup-backdrop{padding:0}.setup-panel{border-radius:0;min-height:100vh;max-height:none;padding:24px 18px}.setup-step-labels span:not(.is-current){display:none}.setup-feature-grid,.setup-interface-grid,.setup-review-grid{grid-template-columns:1fr}.setup-interface-list article{flex-direction:column;align-items:flex-start}.setup-badges{justify-content:flex-start}}.boot-activity-host{margin-top:14px}.boot-activity{border:1px solid var(--separator);background:var(--surface);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.boot-activity-head{justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px 14px;display:flex}.boot-activity-kicker{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:750;display:block}.boot-activity-head h2{color:var(--text);margin:4px 0 0;font-size:1rem}.boot-activity-head p{color:var(--text-secondary);margin:4px 0 0;font-size:.8rem}.boot-activity-actions{flex:none;align-items:center;gap:12px;display:flex}.boot-activity-actions a{color:var(--accent);font-size:.78rem;font-weight:700;text-decoration:none}.boot-activity-actions a:hover{text-decoration:underline}.boot-activity-state{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;font-weight:750;display:inline-flex}.boot-activity-state i{background:var(--text-tertiary);border-radius:50%;width:7px;height:7px}.boot-activity-state.is-live{color:var(--success)}.boot-activity-state.is-live i{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent)}.boot-terminal{border:1px solid color-mix(in srgb, var(--separator) 50%, transparent);color:#d8e4f2;background:#0d1725;border-radius:12px;margin:0 12px 12px;padding:10px 0;overflow:hidden}.boot-terminal-row{font-variant-numeric:tabular-nums;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:4px 12px;display:grid}.boot-terminal-row+.boot-terminal-row{border-top:1px solid #ffffff0b}.boot-terminal-row code{color:inherit;white-space:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.boot-terminal-row code b{color:#fff;margin-right:8px;font-weight:700}.boot-prompt{color:#65b5ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.boot-terminal-time{color:#7f91a8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}.boot-terminal-row.is-done .boot-prompt{color:#55d98b}.boot-terminal-row.is-active .boot-prompt{color:#65b5ff}.boot-terminal-row.is-active code{color:#e9f3ff}.boot-terminal-row.is-waiting .boot-prompt,.boot-terminal-row.is-waiting code{color:#d9aa62}@media (width<=720px){.boot-activity-head{flex-direction:column}.boot-activity-actions{justify-content:space-between;width:100%}.boot-terminal-row{grid-template-columns:14px minmax(0,1fr)}.boot-terminal-time{grid-column:2}}.profile-menu-pop-update{width:min(390px,100vw - 32px)}.profile-update-header{border-bottom:1px solid var(--border,#94a3b838)}.profile-update-body{gap:12px;padding:14px;display:grid}.profile-update-versions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.profile-update-versions div{border:1px solid var(--border,#94a3b838);background:color-mix(in srgb, var(--panel,#fff) 92%, transparent);border-radius:10px;min-width:0;padding:10px 11px}.profile-update-versions dt{color:var(--muted,#64748b);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:650}.profile-update-versions dd{color:var(--text,#0f172a);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.profile-update-note{border:1px solid var(--border,#94a3b838);color:var(--muted,#64748b);border-radius:9px;margin:0;padding:9px 10px;font-size:.78rem;line-height:1.45}.profile-update-note.is-current{color:var(--text,#0f172a)}.profile-update-note.is-warning{color:var(--warning,#9a6700)}.profile-update-note.is-running{color:var(--text,#0f172a);font-weight:600}.profile-update-actions{grid-template-columns:auto auto minmax(100px,1fr);gap:8px;margin-top:2px;display:grid}.profile-update-actions .button{justify-content:center}.profile-update-divider{color:var(--muted,#64748b);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:.7rem;font-weight:650;display:flex}.profile-update-divider:before,.profile-update-divider:after{background:var(--border,#94a3b838);content:"";flex:1;height:1px}.profile-update-upload{gap:9px;display:grid}.profile-update-upload label{color:var(--text,#0f172a);gap:5px;font-size:.75rem;font-weight:650;display:grid}.profile-update-upload input[type=file]{border:1px solid var(--border,#94a3b838);background:var(--panel,#fff);width:100%;min-width:0;color:var(--muted,#64748b);font:inherit;border-radius:8px;padding:7px;font-weight:500}.profile-update-upload p{color:var(--muted,#64748b);margin:0;font-size:.72rem;line-height:1.45}.profile-update-upload .button{justify-content:center}@media (width<=520px){.profile-update-actions{grid-template-columns:1fr 1fr}.profile-update-actions .button.primary{grid-column:1/-1}}.skin-menu{display:inline-flex;position:relative}.skin-menu-trigger.classic-topbar-button{gap:8px;width:auto;padding:0 14px}.skin-menu-trigger svg{width:20px;height:20px}.skin-menu-label{letter-spacing:-.01em;font-size:13px;font-weight:650}.skin-menu-panel{z-index:60;border:1px solid var(--classic-border);background:var(--classic-panel);border-radius:16px;gap:2px;width:292px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px -18px #14223357,0 2px 6px #1422330f}:root[data-theme=dark] .skin-menu-panel{box-shadow:0 22px 56px -20px #000000b3,0 2px 6px #0006}.skin-menu-heading{color:var(--classic-muted);letter-spacing:.12em;text-transform:uppercase;margin:4px 8px 6px;font-size:10px;font-weight:800}.skin-menu-item{width:100%;color:var(--classic-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:9px 10px;transition:background .16s;display:flex}.skin-menu-item:hover{background:color-mix(in srgb, var(--classic-blue) 7%, transparent)}.skin-menu-item.is-active{background:color-mix(in srgb, var(--classic-blue) 11%, transparent)}.skin-menu-item:focus-visible{outline:2px solid var(--classic-blue);outline-offset:-2px}.skin-menu-copy{gap:2px;min-width:0;display:grid}.skin-menu-copy strong{letter-spacing:-.012em;font-size:13.5px;font-weight:680}.skin-menu-copy small{color:var(--classic-muted);font-size:11.5px;line-height:1.35}.skin-menu-check{width:16px;height:16px;color:var(--classic-blue);flex:none;margin-left:auto}.skin-menu-swatch{border:1px solid var(--classic-border);border-radius:8px;flex:none;width:26px;height:26px}.skin-menu-swatch.is-classic{background:linear-gradient(135deg,#eef1f5 0%,#fff 58%,#dfe5ec 100%);box-shadow:inset 0 -8px 0 -6px #0a74e8}.skin-menu-swatch.is-console{background:linear-gradient(135deg,#0e1116 0%,#11151b 100%);box-shadow:inset 0 -8px 0 -6px #2ee08a}.skin-menu-swatch.is-atelier{background:linear-gradient(135deg,#fff 0%,#f2f2f4 100%);box-shadow:inset 0 -8px 0 -6px #3559e0}.skin-menu-swatch.is-topology{background:linear-gradient(135deg,#0f181d 0%,#16242b 100%);box-shadow:inset 0 -8px 0 -6px #34c6dd}.skin-menu-foot{color:var(--classic-muted);margin:6px 10px 4px;font-size:11px;line-height:1.45}@media (width<=1320px){.skin-menu-label{display:none}.skin-menu-trigger.classic-topbar-button{width:48px;padding:0}.classic-topbar-actions .classic-help-button,html.demo-015-preview .classic-topbar-actions .classic-help-button{justify-content:center;width:48px;min-width:48px;padding:0}.classic-topbar-actions .classic-help-button span,html.demo-015-preview .classic-topbar-actions .classic-help-button span{display:none}}@media (width<=900px){.skin-menu-panel{width:auto;max-height:calc(100dvh - 92px);position:fixed;top:74px;left:12px;right:12px;overflow-y:auto}}.gateway-window-tabs,.gateway-chart-legend{align-items:center;display:flex}.gateway-history-card{margin-bottom:18px}.gateway-window-tabs{background:var(--dashboard-soft,#f2f2f7);border-radius:10px;gap:4px;padding:3px}.gateway-window-tabs button{color:var(--text-secondary,#6e6e73);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.gateway-window-tabs button.is-active{background:var(--dashboard-panel,#fff);color:var(--text-primary,#1d1d1f);box-shadow:0 1px 4px #00000014}.gateway-chart-wrap{padding:16px 18px 18px}.gateway-chart{width:100%;height:auto;min-height:210px;display:block}.gateway-chart-grid{stroke:var(--dashboard-border,#00000017);stroke-width:1px}.gateway-chart-latency{stroke:#0071e3;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.gateway-chart-loss{stroke:#ff3b30;stroke-width:2px;stroke-dasharray:6 5;stroke-linejoin:round;stroke-linecap:round}.gateway-chart-legend{color:var(--text-secondary,#6e6e73);flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:11px}.gateway-chart-legend span:before{content:"";vertical-align:middle;background:#0071e3;width:16px;height:2px;margin-right:6px;display:inline-block}.gateway-chart-legend .is-loss:before{background:#ff3b30}.gateway-chart-empty{color:var(--text-tertiary,#86868b);text-align:center;padding:46px 20px}.gateway-quality>.dashboard-section-heading small{color:var(--text-secondary,#6e6e73)}@media (width<=680px){.gateway-history-card .card-title-row{flex-direction:column;align-items:flex-start}.gateway-chart-wrap{padding-inline:8px}}.diag{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.diag-result{border:1px solid var(--dashboard-border);background:var(--surface);border-radius:16px;align-items:center;gap:1rem;padding:1.4rem 1.5rem;display:flex}.diag-result.is-good{border-color:var(--classic-green);background:color-mix(in srgb,var(--classic-green) 8%,var(--surface))}.diag-result.is-bad{background:color-mix(in srgb,#b43c42 8%,var(--surface));border-color:#b43c42}.diag-result-icon{width:52px;height:52px;font:700 1.5rem/1 var(--font-sans);border-radius:50%;flex:none;place-items:center;display:grid}.diag-result.is-good .diag-result-icon{background:var(--classic-green);color:#fff}.diag-result.is-bad .diag-result-icon{color:#fff;background:#b43c42}.diag-result small{font:600 .68rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.25rem;display:block}.diag-result strong{font:600 1.45rem/1.25 var(--font-sans);color:var(--text-primary);letter-spacing:-.01em;display:block}.diag-checks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.diag-check{border:1px solid var(--dashboard-border);background:var(--surface);border-radius:12px;align-items:flex-start;gap:.8rem;padding:1rem 1.1rem;display:flex}.diag-check.is-good{border-color:color-mix(in srgb,var(--classic-green) 45%,var(--dashboard-border))}.diag-check.is-bad{border-color:color-mix(in srgb,#b43c42 45%,var(--dashboard-border))}.diag-check-icon{width:26px;height:26px;font:700 .85rem/1 var(--font-sans);border-radius:50%;flex:none;place-items:center;margin-top:.1rem;display:grid}.diag-check.is-good .diag-check-icon{background:var(--classic-green);color:#fff}.diag-check.is-bad .diag-check-icon{color:#fff;background:#b43c42}.diag-check b{font:700 .8rem var(--font-mono);letter-spacing:.08em;color:var(--text-primary);margin-bottom:.25rem;display:block}.diag-check small{color:var(--text-secondary);font:500 .86rem/1.45 var(--font-sans);display:block}.rec-card{padding:1.4rem 1.5rem}.rec-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.rec-head h3{font:600 1.15rem var(--font-sans);color:var(--text-primary);margin:0 0 .3rem}.rec-head p{color:var(--text-secondary);max-width:56ch;margin:0;font-size:.9rem}.rec-chip{font:700 .7rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--dashboard-border);color:var(--text-secondary);border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.45rem .9rem;display:inline-flex}.rec-chip i{border-radius:50%;width:8px;height:8px}.rec-chip.is-armed{color:var(--classic-green);border-color:color-mix(in srgb,var(--classic-green) 50%,var(--dashboard-border))}.rec-chip.is-armed i{background:var(--classic-green)}.rec-chip.is-off i{background:var(--text-tertiary)}.rec-note{color:var(--text-secondary);font:500 .88rem/1.6 var(--font-sans);border-left:3px solid var(--classic-blue);margin:0;padding-left:.9rem}@media (width<=640px){.diag-result strong{font-size:1.15rem}.rec-head{flex-direction:column}}.dashboard-app .elegant-table-container{overflow-x:auto}.dashboard-app .elegant-device-table{min-width:640px}.dashboard-app .elegant-col-expires{width:170px}.dashboard-app .elegant-col-data{width:110px}.dashboard-app .elegant-col-actions{width:220px}.dashboard-app .elegant-device-table th,.dashboard-app .elegant-device-table td{padding-left:18px;padding-right:18px}.dashboard-app .device-row-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dashboard-app .device-row-actions>*{flex:none}.dashboard-app .elegant-cell-name{overflow-wrap:anywhere}.dashboard-app .elegant-device-table tbody tr{transition:background .14s}.dashboard-app .elegant-device-table tbody tr:hover{background:color-mix(in srgb, var(--classic-blue) 3.5%, transparent)}.dashboard-app .elegant-cell-mac code,.dashboard-app .elegant-cell-ip code,.dashboard-app .elegant-device-table td code{letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:12.5px}.dashboard-app .elegant-device-table thead th{color:var(--classic-muted)}.dashboard-app .elegant-cell-data{color:var(--classic-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.device-reserve-button{border:1px solid color-mix(in srgb, var(--classic-blue) 28%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 7%, var(--classic-panel));min-height:40px;color:var(--classic-blue);font:inherit;white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:720;line-height:1;display:inline-flex}.device-reserve-button svg{width:15px;height:15px}.device-reserve-button:hover{border-color:color-mix(in srgb, var(--classic-blue) 48%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 11%, var(--classic-panel))}.device-reserve-button:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}.device-reservation-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a121c6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.device-reservation-dialog{border:1px solid color-mix(in srgb, var(--classic-border) 88%, transparent);background:var(--classic-panel);width:min(100%,600px);max-height:min(760px,100vh - 48px);color:var(--classic-text);border-radius:20px;overflow:auto;box-shadow:0 30px 90px #0c18283d,0 2px 8px #0c182814}.device-reservation-dialog form{padding:26px}.device-reservation-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.device-reservation-kicker{color:var(--classic-blue);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.device-reservation-header h3{color:var(--classic-text);letter-spacing:-.035em;margin:0;font-size:24px;font-weight:720;line-height:1.08}.device-reservation-header p{max-width:480px;color:var(--classic-muted);margin:9px 0 0;font-size:12px;line-height:1.5}.device-reservation-close{border:1px solid var(--classic-border);background:var(--classic-panel);width:36px;height:36px;color:var(--classic-muted);font:inherit;cursor:pointer;border-radius:10px;flex:none;place-items:center;font-size:23px;line-height:1;display:grid}.device-reservation-close:hover:not(:disabled){background:var(--classic-soft);color:var(--classic-text)}.device-reservation-close:disabled{opacity:.5;cursor:default}.device-reservation-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.device-reservation-field{gap:7px;display:grid}.device-reservation-field>span{color:var(--classic-muted);font-size:10px;font-weight:720}.device-reservation-field input{border:1px solid var(--classic-border);background:var(--classic-panel);width:100%;min-height:48px;color:var(--classic-text);font:inherit;font-variant-numeric:tabular-nums;box-sizing:border-box;border-radius:11px;outline:none;padding:0 13px;font-size:13px}.device-reservation-field input[readonly]{background:var(--classic-soft);color:var(--classic-muted)}.device-reservation-field input:focus{border-color:color-mix(in srgb, var(--classic-blue) 58%, var(--classic-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--classic-blue) 10%, transparent)}.device-reservation-field input[aria-invalid=true]{border-color:#c93c3c}.device-reservation-message{border-radius:10px;margin:14px 0 0;padding:11px 12px;font-size:11px;line-height:1.45}.device-reservation-message.is-warning{border:1px solid color-mix(in srgb, var(--classic-orange) 30%, var(--classic-border));background:color-mix(in srgb, var(--classic-orange) 7%, var(--classic-panel));color:var(--classic-orange)}.device-reservation-message.is-error{border:1px solid color-mix(in srgb, #c93c3c 30%, var(--classic-border));background:color-mix(in srgb, #c93c3c 7%, var(--classic-panel));color:#b62f2f}:root[data-theme=dark] .device-reservation-message.is-error{color:#ff8d8d}.device-reservation-actions{border-top:1px solid var(--classic-border);justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:18px;display:flex}.device-reservation-actions>span{color:var(--classic-muted);font-size:10px}.device-reservation-actions>span strong{color:var(--classic-text);font-variant-numeric:tabular-nums}.device-reservation-actions>div{align-items:center;gap:8px;display:flex}@media (width<=760px){.device-reservation-backdrop{align-items:end;padding:12px}.device-reservation-dialog{border-radius:18px;width:100%;max-height:calc(100vh - 24px)}.device-reservation-dialog form{padding:20px}.device-reservation-fields{grid-template-columns:1fr}.device-reservation-actions{flex-direction:column;align-items:stretch}.device-reservation-actions>div{grid-template-columns:1fr 1fr;display:grid}}.firewall-presets-note{margin:0 20px 14px}.firewall-presets-table th,.firewall-presets-table td{vertical-align:top}.firewall-presets-col-select{width:46px}.firewall-presets-col-state{width:108px}.firewall-presets-select{padding-top:15px}.firewall-presets-select input{width:17px;height:17px;min-height:0;accent-color:var(--classic-blue);cursor:pointer}.firewall-presets-select input:disabled{cursor:not-allowed;opacity:.55}.firewall-presets-rule{white-space:normal}.firewall-presets-rule strong{letter-spacing:-.012em;font-size:13.5px;font-weight:700;display:block}.firewall-presets-rule small{max-width:62ch;color:var(--classic-muted);margin-top:4px;font-size:11.5px;line-height:1.5;display:block}.firewall-presets-rule .firewall-presets-caution{color:var(--classic-orange)}.firewall-presets-table .elegant-cell-mac small{color:var(--classic-muted);margin-top:4px;font-size:10.5px;display:block}.preset-state{color:var(--classic-muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.preset-state i{background:color-mix(in srgb, var(--classic-muted) 55%, transparent);border-radius:50%;flex:none;width:8px;height:8px}.preset-state.is-on{color:var(--classic-green)}.preset-state.is-on i{background:var(--classic-green);box-shadow:0 0 0 3px color-mix(in srgb, var(--classic-green) 18%, transparent)}.firewall-presets-table tr.is-preset-on{background:color-mix(in srgb, var(--classic-green) 4%, transparent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=860px){.firewall-presets-note{margin:0 16px 12px}.firewall-presets-rule small{max-width:none}}.wg-details-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09121f85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.wg-details-dialog{border:1px solid var(--classic-border);background:var(--classic-panel);border-radius:18px;width:min(560px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 28px 70px -24px #0f1c2d8c}.wg-details-header{border-bottom:1px solid var(--classic-border);align-items:flex-start;gap:16px;padding:20px 22px 14px;display:flex}.wg-details-kicker{color:var(--classic-blue);letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.wg-details-header h3{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:730}.wg-details-close{border:1px solid var(--classic-border);width:34px;height:34px;color:var(--classic-muted);cursor:pointer;background:0 0;border-radius:10px;flex:none;margin-left:auto;font-size:20px;line-height:1}.wg-details-close:hover{color:var(--classic-text);background:var(--classic-soft)}.wg-details-list{gap:0;margin:0;padding:4px 22px 8px;display:grid}.wg-details-list>div{border-bottom:1px solid color-mix(in srgb, var(--classic-border) 60%, transparent);grid-template-columns:132px minmax(0,1fr);gap:4px 16px;padding:13px 0;display:grid}.wg-details-list>div:last-child{border-bottom:0}.wg-details-list dt{color:var(--classic-muted);font-size:11.5px;font-weight:700}.wg-details-list dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13.5px;font-weight:600}.wg-details-list dd.is-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:500}.wg-details-list p{color:var(--classic-muted);grid-column:2;margin:0;font-size:11.5px;line-height:1.5}.wg-details-footer{justify-content:flex-end;padding:14px 22px 20px;display:flex}@media (width<=560px){.wg-details-backdrop{align-items:end;padding:12px}.wg-details-list>div{grid-template-columns:minmax(0,1fr)}.wg-details-list p{grid-column:1}}.dns-filter-heading{align-items:flex-start;gap:24px}.dns-filter-intro{color:var(--text-secondary);max-width:760px;margin:8px 0 0;line-height:1.55}.dns-filter-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dns-profile-empty-cell{padding:34px 24px!important}.dns-profile-empty{justify-items:center;gap:7px;display:grid}.dns-profile-empty svg{width:30px;height:30px;color:var(--accent);margin-bottom:4px}.dns-profile-empty strong{color:var(--text-primary);font-size:14px}.dns-profile-empty span{max-width:52ch;font-size:12px;line-height:1.5}.dns-profile-empty .button{margin-top:7px}.service-tags{flex-wrap:wrap;gap:6px;display:flex}.service-tags span{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);text-transform:capitalize;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:650}.status-pill{background:var(--surface-secondary);border:1px solid var(--separator);color:var(--text-secondary);cursor:pointer;font:inherit;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:650}.status-pill.is-active{color:#248a3d;background:#34c7591f;border-color:#34c7594d}.icon-danger{color:#ff3b30;cursor:pointer;background:#ff3b301a;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.modal-panel.dns-profile-modal{border:1px solid var(--classic-border,var(--separator));background:var(--classic-panel,var(--surface-raised));width:min(100%,980px);max-height:min(880px,100dvh - 48px);animation:modal-panel-in .22s var(--ease);border-radius:20px;padding:0;position:relative;overflow-y:auto;box-shadow:0 28px 80px #14263c38}.modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.dns-profile-modal .modal-heading{z-index:2;border-bottom:1px solid var(--classic-border,var(--separator));background:color-mix(in srgb, var(--classic-panel,var(--surface-raised)) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:20px;padding:23px 25px;position:sticky;top:0}.dns-profile-modal-title{align-items:flex-start;gap:13px;min-width:0;display:flex}.dns-profile-modal-title>span{background:color-mix(in srgb, var(--classic-blue,var(--accent)) 9%, transparent);width:42px;height:42px;color:var(--classic-blue,var(--accent));border-radius:12px;flex:none;place-items:center;display:grid}.dns-profile-modal-title svg{width:21px;height:21px}.dns-profile-modal-title .eyebrow{margin:1px 0 5px;font-size:9px}.dns-profile-modal-title h2{letter-spacing:-.035em;margin:0;font-size:23px;font-weight:720}.dns-profile-modal-title>div>p:last-child{max-width:620px;color:var(--classic-muted,var(--text-secondary));margin:6px 0 0;font-size:11px;line-height:1.5}.modal-close{background:var(--surface-secondary);border:1px solid var(--separator);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:inline-flex}.dns-profile-modal .modal-close{border-color:var(--classic-border,var(--separator));background:var(--classic-soft,var(--surface-secondary));border-radius:10px;flex:none;width:36px;height:36px;font-size:13px}.form-grid{gap:18px;margin-top:24px;display:grid}.dns-profile-form{gap:21px;margin:0;padding:24px 25px 25px}.dns-profile-basics{grid-template-columns:minmax(180px,.75fr) minmax(280px,1.25fr);gap:14px;display:grid}.service-picker,.weekly-scheduler{border:0;margin:0;padding:0}.dns-profile-form .service-picker{border:1px solid var(--classic-border,var(--separator));background:color-mix(in srgb, var(--classic-soft,var(--surface-secondary)) 65%, transparent);border-radius:13px;padding:16px}.dns-profile-form .service-picker>p{color:var(--classic-muted,var(--text-secondary));margin:-3px 0 12px;font-size:10px}.service-picker legend,.weekly-scheduler legend,.service-picker .fieldset-title,.weekly-scheduler .fieldset-title{margin-bottom:10px;font-size:13px;font-weight:650}.service-checkboxes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.service-checkboxes label,.checkbox-row{background:var(--surface-secondary);border:1px solid var(--separator);cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:11px 12px;display:flex}.dashboard-app .dns-profile-modal .service-checkboxes input{width:16px;height:16px;min-height:0;accent-color:var(--classic-blue,var(--accent));border-radius:4px;flex:none;padding:0}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.dns-profile-modal .modal-actions{border-top:1px solid var(--classic-border,var(--separator));background:color-mix(in srgb, var(--classic-panel,var(--surface-raised)) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:0 -25px -25px;padding:16px 25px;position:sticky;bottom:-25px}@media (width<=680px){.modal-panel.dns-profile-modal{border-radius:16px;max-height:calc(100dvh - 24px)}.dns-profile-modal .modal-heading{padding:18px}.dns-profile-modal-title>span{display:none}.dns-profile-modal-title h2{font-size:21px}.dns-profile-form{padding:19px 18px 20px}.dns-profile-basics{grid-template-columns:1fr}.dns-profile-modal .modal-actions{margin:0 -18px -20px;padding:14px 18px;bottom:-20px}}.scheduler-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.scheduler-toolbar p{color:var(--text-secondary);margin:0;font-size:12px}.scheduler-toolbar>div{flex-wrap:wrap;gap:6px;display:flex}.button.compact{min-height:32px;padding:6px 10px;font-size:12px}.scheduler-scroll{border:1px solid var(--separator);border-radius:14px;padding:12px;overflow-x:auto}.scheduler-grid{-webkit-user-select:none;user-select:none;grid-template-columns:112px repeat(24,25px);gap:3px;min-width:788px;display:grid}.scheduler-corner,.scheduler-hour{height:20px}.scheduler-hour{color:var(--text-tertiary);text-align:center;font-size:9px}.scheduler-row{display:contents}.scheduler-day{justify-content:space-between;align-items:center;gap:8px;height:25px;padding-right:6px;display:flex}.scheduler-day strong{font-size:12px}.scheduler-day span{gap:3px;display:flex}.scheduler-day button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:2px;font-size:9px}.scheduler-slot{background:var(--surface-secondary);border:1px solid var(--separator);cursor:crosshair;touch-action:none;border-radius:4px;width:25px;height:25px;padding:0}.scheduler-slot:hover{border-color:var(--accent)}.scheduler-slot.is-allowed{background:color-mix(in srgb, var(--accent) 72%, white);border-color:var(--accent)}@media (width<=760px){.dns-filter-heading,.two-column-fields{grid-template-columns:1fr}.dns-filter-actions{justify-content:flex-start}.scheduler-toolbar{flex-direction:column;align-items:flex-start}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dashboard-bg:#09090b;--dashboard-panel:#141416;--dashboard-muted:#1d1d20;--dashboard-border:#ffffff1a;--text-primary:#f5f5f7;--text-secondary:#b3b3b8;--text-tertiary:#818188;--surface:#141416;--surface-muted:#1d1d20;--separator:#ffffff1a;--field-border:#ffffff29}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dashboard-bg:#f5f5f7;--dashboard-panel:#fff;--dashboard-muted:#f0f0f3;--dashboard-border:#00000017}.dashboard-app{background:var(--dashboard-bg,#f5f5f7);min-height:100vh;color:var(--text-primary,#1d1d1f)}.dashboard-sidebar{z-index:30;border-right:1px solid var(--dashboard-border,#00000017);background:var(--dashboard-panel,#fff);flex-direction:column;width:250px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.dashboard-brand{align-items:center;gap:11px;padding:0 8px 22px;display:flex}.dashboard-brand>span{color:#fff;background:#0071e3;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.dashboard-brand div{gap:2px;display:grid}.dashboard-brand small{color:var(--text-tertiary,#86868b);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.dashboard-sidebar nav{gap:3px;display:grid;overflow:auto}.dashboard-sidebar nav a{color:var(--text-secondary,#6e6e73);transition:background-color .16s var(--ease-out,cubic-bezier(.22, 1, .36, 1)), color .16s var(--ease-out,cubic-bezier(.22, 1, .36, 1));border-radius:10px;align-items:center;gap:11px;padding:9px 11px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.dashboard-nav-icon{width:18px;height:18px;color:var(--text-tertiary,#86868b);transition:color .16s var(--ease-out,cubic-bezier(.22, 1, .36, 1));flex:none}.dashboard-sidebar nav a:hover{color:var(--text-primary,#1d1d1f);background:#0000000b}.dashboard-sidebar nav a.is-active{color:#0071e3;background:#0071e31a}.dashboard-sidebar-actions{gap:6px;margin-top:auto;padding-top:18px;display:grid}.dashboard-sidebar-actions button{text-align:left}.dashboard-main{min-height:100vh;margin-left:250px;padding:24px clamp(20px,4vw,54px) 64px}.dashboard-topbar,.dashboard-section-heading,.dashboard-alert,.card-title-row,.status-list article,.form-actions{align-items:center;display:flex}.dashboard-topbar{justify-content:space-between;gap:20px;max-width:1320px;margin:0 auto 26px}.dashboard-topbar h1{letter-spacing:-.035em;margin:1px 0 0;font-size:clamp(24px,4vw,34px)}.dashboard-menu{border:1px solid var(--dashboard-border,#00000017);background:var(--dashboard-panel,#fff);color:inherit;border-radius:10px;padding:8px 10px;display:none}.dashboard-health{border:1px solid var(--dashboard-border,#00000017);background:var(--dashboard-panel,#fff);color:var(--text-secondary,#6e6e73);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:650;display:flex}.health-dot{background:#ff3b30;border-radius:50%;width:8px;height:8px}.health-dot.is-online{background:#34c759;box-shadow:0 0 0 4px #34c7591f}.dashboard-section,.dns-filter{max-width:1320px;margin:0 auto}.dashboard-section-heading{justify-content:space-between;gap:18px;margin-bottom:18px}.dashboard-section-heading h2,.dns-filter-heading h2{letter-spacing:-.025em;margin:2px 0 0;font-size:clamp(22px,3vw,30px)}.dashboard-alert{border:1px solid;border-radius:14px;justify-content:space-between;gap:14px;max-width:1320px;margin:0 auto 14px;padding:12px 14px;font-size:13px}.dashboard-alert>button:not(.button){color:inherit;cursor:pointer;background:0 0;border:0}.dashboard-alert.is-error{color:#d70015;background:#ff3b301a;border-color:#ff3b304d}.dashboard-alert.is-success{color:#248a3d;background:#34c7591a;border-color:#34c7594d}.dashboard-alert.is-warning{color:#9a6b00;background:#ff95001a;border-color:#ff95004d}.classic-alert-recover{white-space:nowrap;margin-left:auto}.wg-callout{border-left:4px solid var(--success,#28a745);align-items:flex-start;gap:20px;display:flex}.wg-qr{background:#fff;border-radius:8px;flex-shrink:0;padding:10px}.wg-qr img{width:150px;height:150px;display:block}.wg-success-title{margin-bottom:5px;font-size:1.1rem;display:block}.wg-actions{gap:10px;margin-top:15px;display:flex}.speedtest-block{border:1px solid var(--dashboard-border,#00000017);background:var(--dashboard-panel,#fff);border-radius:18px;margin-top:18px;padding:18px 19px}.speedtest-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.speedtest-heading strong{font-size:14px;display:block}.speedtest-heading small{color:var(--text-secondary,#6e6e73);margin-top:3px;font-size:12px;display:block}.speedtest-note{border:1px dashed var(--dashboard-border,#0003);color:var(--text-secondary,#6e6e73);border-radius:14px;margin-top:18px;padding:14px 16px;font-size:12px}.speedtest-note strong{color:var(--text-primary,#1d1d1f);margin-bottom:3px;display:block}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-grid article{border:1px solid var(--dashboard-border,#00000017);background:var(--dashboard-panel,#fff);border-radius:18px;align-content:space-between;min-height:126px;padding:17px;display:grid}.metric-grid article span{color:var(--text-tertiary,#86868b);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.metric-grid article strong{overflow-wrap:anywhere;letter-spacing:-.025em;font-size:24px}.wg-status-card{border:1px solid var(--dashboard-border,#00000017);background:var(--dashboard-panel,#fff);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:17px 20px;display:flex}.wg-status-main{align-items:center;gap:12px;min-width:0;display:flex}.wg-status-dot{background:var(--border,#d2d2d7);border-radius:50%;flex:none;width:10px;height:10px}.wg-status-dot.is-connected{background:var(--success,#34c759);box-shadow:0 0 0 4px #34c75926}.wg-status-dot.is-idle{background:var(--warning,#ff9f0a);box-shadow:0 0 0 4px #ff9f0a1f}.wg-status-main h3{margin:0 0 2px;font-size:15px}.wg-status-host{color:var(--text-tertiary,#86868b);margin:0;font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.wg-status-metrics{gap:28px;margin:0;display:flex}.wg-status-metrics div{text-align:right}.wg-status-metrics dt{color:var(--text-tertiary,#86868b);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.wg-status-metrics dd{font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:16px;font-weight:700}.wg-table{margin-bottom:20px}.wg-col-status{width:60px}.wg-col-peer{width:150px}.wg-col-ip{width:130px}.wg-col-endpoint{width:240px}.wg-col-handshake{width:110px}.wg-col-transfer{width:150px}.wg-col-actions{width:100px}.wg-cell-status{vertical-align:middle}.wg-status-icon{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.wg-status-icon svg{width:100%;height:100%}.wg-status-icon.is-online svg{fill:#34c75924;stroke:#34c759d9;stroke-width:1.6px}.wg-status-icon.is-offline svg{fill:#ff453a1a;stroke:#e5484d;stroke-width:1.6px}.wg-cell-peer{vertical-align:middle}.wg-peer-name{color:var(--text-primary,#1d1d1f);font-size:14px;font-weight:600;display:block}.wg-peer-key{color:var(--text-tertiary,#86868b);font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;display:block}.wg-cell-endpoint,.wg-cell-handshake,.wg-cell-transfer{color:var(--text-secondary,#6e6e73);font-variant-numeric:tabular-nums;word-break:break-word;font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.wg-transfer-rx,.wg-transfer-tx{white-space:nowrap;display:block}.wg-transfer-rx{color:#1e7e34}.wg-transfer-tx{color:var(--text-secondary,#6e6e73)}:root[data-theme=dark] .wg-peer-chip.is-online,:root[data-theme=dark] .wg-transfer-rx{color:#4cd964}:root[data-theme=dark] .wg-peer-name{color:var(--text-primary,#f5f5f7)}.dashboard-app .card,.settings-form,.status-list,.dashboard-callout{border:1px solid var(--dashboard-border,#00000017);background:var(--dashboard-panel,#fff);border-radius:18px}.dashboard-app .card{overflow:hidden}.card-title-row{border-bottom:1px solid var(--dashboard-border,#00000017);justify-content:space-between;gap:14px;padding:17px 19px}.card-title-row h3{margin:0 0 3px}.card-title-row p{color:var(--text-secondary,#6e6e73);margin:0;font-size:12px}.dashboard-app table{border-collapse:collapse;width:100%;font-size:13px}.dashboard-app th,.dashboard-app td{border-bottom:1px solid var(--dashboard-border,#00000014);text-align:left;vertical-align:middle;padding:12px 15px}.dashboard-app th{color:var(--text-tertiary,#86868b);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.dashboard-app tr:last-child td{border-bottom:0}.empty-state{color:var(--text-tertiary,#86868b);text-align:center!important;padding:24px!important}.settings-form{gap:18px;padding:20px;display:grid}.settings-form.narrow{max-width:620px}.settings-form fieldset{border:1px solid var(--dashboard-border,#00000017);border-radius:15px;gap:16px;min-width:0;margin:0;padding:17px;display:grid}.settings-form legend{padding:0 7px;font-size:13px;font-weight:750}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-span{grid-column:1/-1}.dashboard-app .field{gap:7px;display:grid}.dashboard-app .field>span{font-size:12px;font-weight:700}.dashboard-app input,.dashboard-app select{border:1px solid var(--field-border,#d2d2d7);background:var(--dashboard-panel,#fff);width:100%;color:var(--text-primary,#1d1d1f);font:inherit;border-radius:11px;padding:11px 12px}.dashboard-app input:focus,.dashboard-app select:focus{border-color:#0071e3;outline:3px solid #0071e324}.checkbox-row{cursor:pointer;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.checkbox-row input{accent-color:#0071e3;width:17px;height:17px}.form-note{color:var(--text-secondary,#6e6e73);margin:0;font-size:12px;line-height:1.5}.form-actions{justify-content:flex-end;gap:10px}.status-list{overflow:hidden}.status-list article{border-bottom:1px solid var(--dashboard-border,#00000014);justify-content:space-between;gap:20px;padding:17px 19px}.status-list article:last-child{border-bottom:0}.status-list article div{gap:3px;display:grid}.status-list article span{color:var(--text-secondary,#6e6e73);font-size:12px}.status-list article b{color:#0071e3;font-size:12px}.dashboard-callout{margin-bottom:16px;padding:18px}.dashboard-callout p{color:var(--text-secondary,#6e6e73);margin:6px 0 0;line-height:1.5}.button.small{padding:7px 10px;font-size:11px}.ddns-heading{margin-bottom:22px}.ddns-heading .eyebrow{margin-bottom:7px}.ddns-lead{max-width:560px;color:var(--text-secondary,#6e6e73);margin:10px 0 0;font-size:14px;line-height:1.55}.ddns-provider{border:1px solid var(--separator-strong,#3c3c4340);background:var(--surface-muted,#f0f0f2);border-radius:12px;gap:2px;margin:0 0 20px;padding:3px;display:inline-flex}.ddns-provider button{min-height:34px;color:var(--text-secondary,#6e6e73);cursor:pointer;transition:background .16s var(--ease,ease), color .16s var(--ease,ease);background:0 0;border:0;border-radius:9px;padding:0 16px;font-size:12px;font-weight:620}.ddns-provider button:hover{color:var(--text,#1d1d1f)}.ddns-provider button.is-active{background:var(--surface,#fff);color:var(--text,#1d1d1f);box-shadow:0 1px 3px #00000014}.ddns-status{border:1px solid var(--separator,#3c3c4326);background:var(--surface,#fff);border-radius:18px;margin-bottom:18px;overflow:hidden}.ddns-status-main{border-bottom:1px solid var(--separator,#3c3c4326);align-items:center;gap:14px;padding:22px 24px;display:flex}.ddns-status-dot{background:var(--text-tertiary,#86868b);border-radius:50%;flex:0 0 10px;width:10px;height:10px}.ddns-status-dot.is-connected{background:var(--success,#248a3d);box-shadow:0 0 0 5px var(--success-soft,#e8f5eb)}.ddns-status-dot.is-starting{background:var(--accent,#007aff);box-shadow:0 0 0 5px var(--accent-soft,#007aff1a)}.ddns-status-main h3{letter-spacing:-.015em;margin:0;font-size:16px;font-weight:650}.ddns-status-host{color:var(--text-secondary,#6e6e73);margin:4px 0 0;font-size:13px;line-height:1.5}.ddns-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.ddns-status-metrics>div{border-right:1px solid var(--separator,#3c3c4326);border-bottom:1px solid var(--separator,#3c3c4326);padding:16px 24px}.ddns-status-metrics>div:nth-child(2n){border-right:0}.ddns-status-metrics>div:nth-last-child(-n+2){border-bottom:0}.ddns-status-metrics dt{color:var(--text-tertiary,#86868b);font-size:11px;font-weight:650}.ddns-status-metrics dd{color:var(--text,#1d1d1f);letter-spacing:-.01em;overflow-wrap:anywhere;margin:5px 0 0;font-size:14px;font-weight:600}.ddns-status-metrics dd.ddns-mono{letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.ddns-status-off .ddns-status-main{border-bottom:0}.ddns-form{border:1px solid var(--separator,#3c3c4326)}@media (width<=640px){.ddns-status-metrics{grid-template-columns:1fr}.ddns-status-metrics>div:nth-child(2n){border-right:1px solid var(--separator,#3c3c4326)}.ddns-status-metrics>div{border-bottom:1px solid var(--separator,#3c3c4326)}.ddns-status-metrics>div:last-child{border-bottom:0;border-right:0}}.dashboard-loading{background:var(--dashboard-bg,#f5f5f7);min-height:100vh;color:var(--text-secondary,#6e6e73);place-content:center;justify-items:center;gap:14px;display:grid}@media (width<=900px){.dashboard-sidebar{transition:transform .18s;transform:translate(-100%)}.dashboard-sidebar.is-open{transform:translate(0);box-shadow:20px 0 60px #0000003d}.dashboard-main{margin-left:0}.dashboard-menu{display:block}}@media (width<=640px){.dashboard-main{padding:18px 14px 48px}.dashboard-topbar{align-items:flex-start}.dashboard-health{display:none}.dashboard-section-heading,.dns-filter-heading,.dashboard-alert{flex-direction:column;align-items:stretch}.form-grid.two{grid-template-columns:1fr}.form-span{grid-column:auto}}.section-copy{color:var(--text-secondary,#6e6e73);margin:6px 0 0;font-size:13px;line-height:1.5}.toolbar,.filter-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-table-scroll{max-height:620px;overflow:auto}.audit-category{color:#0071e3;text-transform:capitalize;background:#0071e31a;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:750}.wg-add-form{grid-template-columns:1fr minmax(240px,auto);align-items:start;gap:28px;display:grid}.wg-add-input .field>span{margin-bottom:4px}.wg-add-summary{border-left:1px solid var(--separator-strong,#00000017);padding-left:26px}.wg-add-assign{flex-direction:column;gap:10px;display:flex}.wg-assign-copy{color:var(--text-tertiary,#86868b);letter-spacing:.01em;font-size:12px;font-weight:650}.wg-add-assign dl{flex-direction:column;gap:8px;margin:0;display:flex}.wg-add-assign dl>div{border-bottom:1px dashed var(--separator,#00000012);justify-content:space-between;align-items:baseline;gap:14px;padding:10px 0;display:flex}.wg-add-assign dt{color:var(--text-secondary,#6e6e73);font-size:12px}.wg-add-assign dd{margin:0}.wg-add-assign dd code{color:var(--text-primary,#171719);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:650}.wg-add-assign dd:last-child code{color:#0071e3}@media (width<=680px){.wg-add-form{grid-template-columns:1fr}.wg-add-summary{border-left:0;padding-left:0}}.dns-records-fieldset{border:1px solid var(--dashboard-border,#00000017);border-radius:15px;gap:14px;min-width:0;margin:0;padding:17px;display:grid}.dns-records-fieldset legend{padding:0 7px;font-size:13px;font-weight:750}.dns-records-list{gap:10px;display:grid}.dns-record-row{grid-template-columns:1.4fr 1fr 38px;align-items:end;gap:12px;display:grid}.dns-record-row .field{gap:7px;display:grid}.dns-record-row .field>span{font-size:12px;font-weight:700}.dns-record-remove{border:1px solid var(--field-border,#d2d2d7);width:38px;height:40px;color:var(--text-tertiary,#86868b);cursor:pointer;background:0 0;border-radius:11px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.dns-record-remove:hover{color:#e0342d;background:#e0342d0f;border-color:#e0342d73}.dns-record-remove svg{width:16px;height:16px}.dns-record-add{border:1px dashed var(--field-border,#d2d2d7);color:var(--text-secondary,#6e6e73);font:inherit;cursor:pointer;background:0 0;border-radius:11px;justify-content:center;justify-self:start;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:650;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.dns-record-add:hover{color:#0071e3;background:#0071e30d;border-color:#0071e3}.dns-record-add svg{width:15px;height:15px}.dns-records-empty{border:1px dashed var(--field-border,#d2d2d7);color:var(--text-tertiary,#86868b);border-radius:12px;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.dns-records-empty svg{flex:none;width:18px;height:18px}.dashboard-app input.is-invalid{border-color:#e0342d}.dashboard-app input.is-invalid:focus{border-color:#e0342d;outline:3px solid #e0342d24}.wg-client-card{margin-top:22px;padding:22px}.wg-client-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.wg-client-title{align-items:flex-start;gap:13px;min-width:0;display:flex}.wg-client-ico{color:#0071e3;background:#0071e317;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.wg-client-ico svg{width:20px;height:20px}.wg-client-title h3{margin:0 0 3px;font-size:15px}.wg-client-title p{color:var(--text-secondary,#6e6e73);margin:0;font-size:12.5px;line-height:1.5}.wg-client-toggle{flex:none}.wg-client-toggle span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#6e6e73);font-size:12.5px}.wg-client-status{margin-bottom:18px}.wg-client-keygen{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;display:grid}.wg-client-keygen-hint{color:var(--text-secondary,#6e6e73);font-size:12px}.wg-client-pubkey{background:var(--dashboard-panel-accent,#00000008);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;grid-column:1/-1;padding:9px 12px;font-size:11.5px}.tl-boots{flex-wrap:wrap;gap:.45rem;margin:.4rem 0 .9rem;display:flex}.tl-boot{font:600 .62rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface);border:1px solid var(--dashboard-border);cursor:pointer;border-radius:999px;padding:.32rem .7rem}.tl-boot.is-active{background:var(--classic-blue);border-color:var(--classic-blue);color:#fff}.tl-wrap{padding:.4rem 0 .2rem;position:relative}.tl{margin:0;padding:0;list-style:none;position:relative}.tl:before{content:"";background:var(--dashboard-border);width:2px;position:absolute;top:6px;bottom:6px;left:13px}.tl-item{grid-template-columns:26px 52px minmax(0,1fr);align-items:baseline;gap:.55rem;padding:.34rem 0;display:grid;position:relative}.tl-dot{background:var(--text-tertiary);border:2px solid var(--surface);width:12px;height:12px;box-shadow:0 0 0 2px var(--dashboard-border);border-radius:50%;justify-self:center;margin-top:.35rem}.tl-azure .tl-dot{background:var(--classic-blue)}.tl-green .tl-dot{background:var(--classic-green)}.tl-amber .tl-dot{background:var(--classic-orange)}.tl-emerald .tl-dot{background:var(--classic-green)}.tl-violet .tl-dot{background:var(--classic-purple)}.tl-ink .tl-dot{background:var(--text-primary)}.tl-event .tl-dot{background:var(--dashboard-border);box-shadow:none}.tl-time{font:600 .66rem var(--font-mono);color:var(--text-tertiary);white-space:nowrap}.tl-body b{font:600 .82rem var(--font-sans);color:var(--text-primary);display:block}.tl-body small{color:var(--text-secondary);font:500 .68rem var(--font-mono);overflow-wrap:anywhere;display:block}.tl-summary{border-top:1px dashed var(--dashboard-border);color:var(--text-secondary);font:500 .66rem var(--font-mono);flex-wrap:wrap;gap:1rem;margin-top:.8rem;padding-top:.7rem;display:flex}.tl-summary b{color:var(--classic-blue)}@media (width<=560px){.tl-item{grid-template-columns:22px 44px minmax(0,1fr)}}.classic-help-button{width:auto;min-height:48px;font:600 .68rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--classic-text);align-items:center;gap:.45rem;padding:0 14px;text-decoration:none;display:inline-flex}.classic-help-button:hover{color:var(--classic-blue)}@media (width<=640px){.classic-help-button span{display:none}}:root[data-theme=light]{--classic-bg:#f5f5f7;--classic-panel:#fff;--classic-soft:#f1f1f3;--classic-border:#dedee2;--classic-text:#171719;--classic-muted:#86868b;--classic-blue:#0a74e8;--classic-purple:#7557d9;--classic-green:#28a745;--classic-orange:#b55d00}:root[data-theme=dark]{--classic-bg:#111113;--classic-panel:#1b1b1e;--classic-soft:#242428;--classic-border:#343438;--classic-text:#f5f5f7;--classic-muted:#a0a0a6;--classic-blue:#409cff;--classic-purple:#9a7cf3;--classic-green:#47c766;--classic-orange:#ff9f43}.dashboard-app{background:var(--classic-bg);color:var(--classic-text);font-family:SF Pro Display,Segoe UI,ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-sidebar{border-right:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-bg) 82%, var(--classic-panel));width:280px;padding:28px 18px 18px}.dashboard-brand{min-height:0;padding:4px 10px 30px;display:block}.dashboard-brand .dashboard-brand-title{display:block}.dashboard-brand .dashboard-brand-title strong{color:var(--classic-text);letter-spacing:-.055em;font-size:23px;font-weight:760;line-height:1}.dashboard-sidebar-footer{border-top:1px solid var(--classic-border);margin-top:auto;padding-top:16px}.dashboard-brand-revision{color:#728091;justify-content:space-between;gap:10px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.dashboard-brand-revision span{color:var(--classic-text);font-weight:700}.dashboard-sidebar nav.dashboard-navigation{scrollbar-width:thin;min-height:0;padding-right:3px;display:block;overflow:hidden auto}.dashboard-nav-group+.dashboard-nav-group{margin-top:24px}.dashboard-nav-group h2{color:#728091;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;padding:0 13px;font-size:10px;font-weight:800;line-height:1.2}.dashboard-nav-group>div{gap:3px;display:grid}.dashboard-sidebar nav a{color:#526274;border-radius:12px;gap:14px;min-height:46px;padding:0 13px;font-size:14px;font-weight:650}.dashboard-nav-icon{color:#758291;stroke-width:1.8px;width:20px;height:20px}.dashboard-sidebar nav a:hover{background:color-mix(in srgb, var(--classic-blue) 5%, transparent);color:var(--classic-text)}.dashboard-sidebar nav a:hover .dashboard-nav-icon{color:#526274}.dashboard-sidebar nav a:active{transform:translateY(1px)}.dashboard-sidebar nav a:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}.dashboard-sidebar nav a.is-active{background:color-mix(in srgb, var(--classic-blue) 11%, var(--classic-panel));color:#0759ad;font-weight:760}.dashboard-main{margin-left:280px;padding:0 30px 72px}.dashboard-topbar.classic-topbar{z-index:20;border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-width:none;min-height:76px;margin:0 -30px 34px;padding:0 28px;position:sticky;top:0}.classic-page-heading{flex:1;min-width:0}.classic-page-heading small{color:var(--classic-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;display:block;overflow:hidden}.classic-page-heading h1{letter-spacing:-.04em;margin:5px 0 0;font-size:24px;font-weight:720;line-height:1}.classic-topbar-actions{align-items:center;gap:10px;display:flex}.classic-live-sync{border-right:1px solid var(--classic-border);align-items:center;gap:11px;min-height:48px;margin-right:4px;padding-right:20px;display:flex}.classic-live-sync>i{background:var(--classic-green);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, var(--classic-green) 11%, transparent);border-radius:50%}.classic-live-sync span{gap:3px;display:grid}.classic-live-sync strong{font-size:13px;line-height:1}.classic-live-sync small{color:var(--classic-muted);white-space:nowrap;font-size:9px}.classic-status-chip{white-space:nowrap;color:#21833a;--badge-bg:#21833a;background:#28a74514;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 11px;font-size:11px;font-weight:650;display:inline-flex}.classic-status-chip.is-off{color:var(--classic-muted);--badge-bg:var(--classic-muted);background:0 0}.classic-status-chip.is-warning{color:var(--classic-orange);--badge-bg:var(--classic-orange);background:#b55d0014}.classic-status-chip.is-info{color:#1a6fd4;--badge-bg:#1a6fd4;background:#006cd61a}.classic-status-chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.classic-topbar-button,.classic-setup-pill,.classic-account-button{border:1px solid var(--classic-border);background:var(--classic-panel);min-height:48px;color:var(--classic-text);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 2px #14223306}.classic-topbar-button{cursor:pointer;width:48px;padding:0;position:relative}.classic-topbar-button svg{width:22px;height:22px}.classic-topbar-button:hover,.classic-account-button:hover{border-color:color-mix(in srgb, var(--classic-blue) 28%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 4%, var(--classic-panel))}.classic-topbar-button:active,.classic-account-button:active{transform:translateY(1px)}.classic-topbar-button:focus-visible,.classic-account-button:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}.classic-notification-button>i{border:2px solid var(--classic-panel);box-sizing:content-box;background:#d83b3b;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.classic-setup-pill{gap:9px;padding:0 18px;font-size:12px;font-weight:700}.classic-setup-pill svg{width:18px;height:18px;color:var(--classic-green)}.classic-account-button{min-width:140px;font:inherit;cursor:pointer;justify-content:flex-start;gap:10px;padding:4px 12px 4px 5px}.classic-account-monogram{color:#fff;letter-spacing:.02em;background:#101922;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.classic-account-button strong{text-align:left;flex:1;font-size:12px;font-weight:750}.classic-account-button>svg{width:16px;height:16px;color:var(--classic-muted);transition:transform .16s}.classic-account-button.is-open>svg{transform:rotate(180deg)}.classic-dashboard-overview{width:min(100%,1480px);margin:0 auto}.dashboard-app .dashboard-section#overview{width:min(100%,1480px);padding-top:0;display:block}.overview-service-ribbon{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;display:flex}.overview-service-chip{--service-accent:var(--classic-muted);border:1px solid var(--classic-border);background:var(--classic-panel);min-height:38px;color:var(--classic-muted);white-space:nowrap;border-radius:11px;align-items:center;gap:8px;padding:0 13px;font-size:11px;font-weight:720;display:inline-flex}.overview-service-chip:before{content:"";background:currentColor;border-radius:2px;width:7px;height:7px}.overview-service-chip b{background:var(--service-accent);color:#fff;border-radius:6px;align-items:center;min-height:22px;padding:0 7px;font-size:10px;line-height:1;display:inline-flex}.overview-service-chip.is-good{--service-accent:var(--classic-green);border-color:color-mix(in srgb, var(--classic-green) 24%, var(--classic-border));background:color-mix(in srgb, var(--classic-green) 9%, var(--classic-panel));color:color-mix(in srgb, var(--classic-green) 78%, #0b5d32)}.overview-service-chip.is-info{--service-accent:var(--classic-blue);border-color:color-mix(in srgb, var(--classic-blue) 24%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 9%, var(--classic-panel));color:var(--classic-blue)}.overview-service-chip.is-warning{--service-accent:var(--classic-orange);border-color:color-mix(in srgb, var(--classic-orange) 28%, var(--classic-border));background:color-mix(in srgb, var(--classic-orange) 8%, var(--classic-panel));color:var(--classic-orange)}.overview-status-hero{color:#eff6ff;background:#10243e;border-radius:17px;padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 46px #152d4c24}.overview-status-hero:after{content:"";border:62px solid #68a9ff13;border-radius:50%;width:390px;height:390px;position:absolute;bottom:-170px;right:-80px}.overview-hero-command{z-index:1;grid-template-columns:minmax(300px,1.05fr) minmax(370px,1.2fr) minmax(240px,.75fr);align-items:stretch;gap:18px;display:grid;position:relative}.overview-hero-summary{flex-direction:column;justify-content:center;min-width:0;padding-right:10px;display:flex}.overview-hero-kicker{color:#8fa9c6;letter-spacing:.055em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;font-weight:720;display:flex}.overview-hero-kicker i{background:#79dfa12e;border:2px solid #79dfa1;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #79dfa112}.overview-status-hero.is-warning .overview-hero-kicker i{background:#f2b86b29;border-color:#f2b86b;box-shadow:0 0 0 4px #f2b86b12}.overview-status-hero.is-bad .overview-hero-kicker i{background:#ff8c8229;border-color:#ff8c82;box-shadow:0 0 0 4px #ff8c8212}.overview-hero-summary h1{letter-spacing:-.045em;text-wrap:balance;max-width:520px;margin:12px 0 0;font-size:clamp(32px,3vw,44px);font-weight:680;line-height:.98}.overview-hero-summary>p{color:#b9cbe1;max-width:440px;margin:12px 0 0;font-size:12px;line-height:1.5}.overview-summary-meta{flex-wrap:wrap;gap:18px;margin-top:25px;display:flex}.overview-summary-meta>span{gap:3px;display:grid}.overview-summary-meta small{color:#829dbb;text-transform:uppercase;font-size:8px;font-weight:700}.overview-summary-meta strong{color:#e8f2ff;font-variant-numeric:tabular-nums;font-size:11px}.overview-request-state svg{color:#79dfa1;grid-row:1/3;align-self:center;width:14px;height:14px}.overview-request-state strong{color:#79dfa1}.overview-wan-card{background:#c8e2ff0e;border:1px solid #8eb4de29;border-radius:14px;flex-direction:column;justify-content:space-between;min-width:0;padding:18px 19px;display:flex;box-shadow:inset 0 1px #ffffff0a}.overview-wan-card header{color:#8fa9c6;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:8px;font-weight:720;display:flex}.overview-wan-card header b{letter-spacing:0;text-transform:none;align-items:center;gap:6px;font-size:9px;display:inline-flex}.overview-wan-card header b.is-good{color:#7de2a6}.overview-wan-card header b.is-bad{color:#ff9d95}.overview-wan-card header b i{background:currentColor;border-radius:50%;width:7px;height:7px}.overview-wan-main{justify-content:space-between;align-items:flex-end;gap:22px;margin:19px 0;display:flex}.overview-wan-main p{text-align:right;margin:0}.overview-wan-main small,.overview-wan-main strong{display:block}.overview-wan-main div small{color:#8fa9c6;font-size:8px}.overview-wan-main div>strong{letter-spacing:-.035em;margin-top:4px;font-size:25px;font-weight:650}.overview-wan-main p strong{font-variant-numeric:tabular-nums;font-size:14px}.overview-wan-main p small{color:#91a9c3;margin-top:3px;font-size:8px}.overview-wan-quality{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.overview-wan-quality span{background:#07192d3b;border-radius:9px;gap:4px;min-width:0;padding:10px 11px;display:grid}.overview-wan-quality small{color:#829dbb;font-size:7px}.overview-wan-quality strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.overview-assurance{gap:10px;display:grid}.overview-assurance>div{background:#c8e2ff0e;border-radius:13px;align-items:center;gap:11px;min-width:0;padding:15px;display:flex}.overview-assurance>div>span{color:#79dfa1;background:#74dda01c;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.overview-assurance svg{width:18px;height:18px}.overview-assurance p{min-width:0;margin:0}.overview-assurance small,.overview-assurance strong,.overview-assurance em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.overview-assurance small{color:#829dbb;letter-spacing:.045em;text-transform:uppercase;font-size:7px;font-weight:720}.overview-assurance strong{color:#f1f7ff;margin-top:4px;font-size:11px}.overview-assurance em{color:#91a9c3;margin-top:4px;font-size:8px;font-style:normal}.overview-technical-facts{z-index:1;background:#c8e2ff0d;border-radius:12px;grid-template-columns:1.05fr 1.35fr 1.35fr .7fr .5fr;gap:24px;margin-top:18px;padding:14px 16px;display:grid;position:relative}.overview-technical-facts>div{min-width:0}.overview-technical-facts span,.overview-technical-facts strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.overview-technical-facts span{color:#8ea8c5;text-transform:uppercase;font-size:8px;font-weight:680}.overview-technical-facts strong{color:#f2f7ff;font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px;font-weight:690}.overview-diagnostic-strip{background:var(--classic-panel);border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0;display:grid;box-shadow:0 8px 28px #1c324e12}.overview-diagnostic-strip>div{align-items:center;gap:12px;min-width:0;padding:16px 20px;display:flex;position:relative}.overview-diagnostic-strip>div+div:before{background:var(--classic-border);content:"";width:1px;position:absolute;inset:15px auto 15px 0}.overview-diagnostic-strip svg{width:18px;height:18px;color:var(--classic-blue);flex:none}.overview-diagnostic-strip span{gap:3px;min-width:0;display:grid}.overview-diagnostic-strip small{color:var(--classic-muted);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:730}.overview-diagnostic-strip strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.overview-diagnostic-strip strong.is-positive{color:var(--classic-green)}.overview-diagnostic-strip strong.is-warning{color:var(--classic-orange)}.overview-diagnostic-strip em{color:var(--classic-muted);margin-left:8px;font-size:10px;font-style:normal;font-weight:550}.overview-content-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;display:grid}.overview-panel{background:var(--classic-panel);border-radius:16px;padding:22px;box-shadow:0 8px 28px #1c324e11}.overview-panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.overview-panel-header h2{letter-spacing:-.025em;margin:0;font-size:16px;font-weight:720}.overview-panel-header p{color:var(--classic-muted);margin:5px 0 0;font-size:10px}.overview-legend{color:var(--classic-muted);align-items:center;gap:13px;font-size:9px;display:flex}.overview-legend span{align-items:center;gap:6px;display:flex}.overview-legend i,.overview-quality-heading i{background:var(--classic-blue);border-radius:2px;width:7px;height:7px}.overview-legend i.is-upload{background:var(--classic-green)}.overview-bandwidth-now{align-items:baseline;gap:24px;margin-bottom:8px;display:flex}.overview-bandwidth-now p{margin:0}.overview-bandwidth-now strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:24px;font-weight:680;display:block}.overview-bandwidth-now small{color:var(--classic-muted);font-size:9px}.overview-chart-wrap{height:210px;position:relative}.overview-chart-wrap svg{width:100%;height:100%;overflow:visible}.overview-chart-grid line{stroke:color-mix(in srgb, var(--classic-border) 78%, transparent);stroke-width:1px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.overview-chart-grid line:last-child{stroke-dasharray:none}.overview-chart-area{fill:url(#bandwidth-download-fill)}.overview-quality-area{fill:url(#gateway-quality-fill)}.overview-chart-line{fill:none;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.overview-chart-line.is-download,.overview-chart-line.is-latency{stroke:var(--classic-blue)}.overview-chart-line.is-upload{stroke:var(--classic-green);stroke-width:2px}.overview-chart-empty{color:var(--classic-muted);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.overview-chart-axis{color:var(--classic-muted);justify-content:space-between;font-size:8px;display:flex}.overview-resource-list{gap:22px;display:grid}.overview-resource-list article{grid-template-columns:1fr auto;align-items:end;gap:8px 12px;display:grid}.overview-resource-list article>div{gap:2px;display:grid}.overview-resource-list span{color:var(--classic-muted);font-size:10px}.overview-resource-list small{color:var(--classic-muted);font-size:8px}.overview-resource-list strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:18px}.overview-resource-list progress,.overview-loss-band progress{background:var(--classic-soft);appearance:none;border:0;border-radius:999px;grid-column:1/-1;width:100%;height:6px;overflow:hidden}.overview-resource-list progress::-webkit-progress-bar{background:var(--classic-soft);border-radius:999px}.overview-loss-band progress::-webkit-progress-bar{background:var(--classic-soft);border-radius:999px}.overview-resource-list progress::-webkit-progress-value{background:var(--classic-blue);border-radius:999px}.overview-loss-band progress::-webkit-progress-value{background:var(--classic-blue);border-radius:999px}.overview-resource-list progress::-moz-progress-bar{background:var(--classic-blue);border-radius:999px}.overview-loss-band progress::-moz-progress-bar{background:var(--classic-blue);border-radius:999px}.overview-resource-list article:nth-child(2) progress::-webkit-progress-value{background:var(--classic-purple)}.overview-resource-list article:nth-child(2) progress::-moz-progress-bar{background:var(--classic-purple)}.overview-resource-list article:nth-child(3) progress::-webkit-progress-value{background:var(--classic-green)}.overview-resource-list article:nth-child(3) progress::-moz-progress-bar{background:var(--classic-green)}.overview-resource-note{border-top:1px solid var(--classic-border);color:var(--classic-green);align-items:center;gap:7px;margin-top:24px;padding-top:15px;font-size:9px;font-weight:700;display:flex}.overview-resource-note svg{width:14px;height:14px}.overview-quality-panel{grid-column:1/-1}.overview-live-state{background:color-mix(in srgb, var(--classic-green) 10%, var(--classic-panel));min-height:31px;color:var(--classic-green);text-transform:capitalize;border-radius:9px;align-items:center;gap:7px;padding:0 11px;font-size:9px;font-weight:720;display:inline-flex}.overview-live-state.is-warning{background:color-mix(in srgb, var(--classic-orange) 9%, var(--classic-panel));color:var(--classic-orange)}.overview-live-state i{background:currentColor;border-radius:2px;width:7px;height:7px}.overview-quality-plot{background:color-mix(in srgb, var(--classic-blue) 5%, var(--classic-panel));border-radius:13px;padding:14px 15px 11px}.overview-quality-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.overview-quality-heading span{color:var(--classic-text);align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.overview-quality-heading strong{color:var(--classic-muted);font-size:8px;font-weight:620}.overview-chart-wrap.is-quality{height:220px}.overview-loss-band{background:var(--classic-soft);border-radius:11px;margin-top:12px;padding:11px 14px 12px}.overview-loss-band>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.overview-loss-band span{color:var(--classic-muted);align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.overview-loss-band span i{background:var(--classic-purple);border-radius:2px;width:7px;height:7px}.overview-loss-band strong{color:var(--classic-green);font-size:9px}.overview-loss-band progress{height:4px;margin-top:9px}.overview-loss-band progress::-webkit-progress-value{background:var(--classic-purple)}.overview-loss-band progress::-moz-progress-bar{background:var(--classic-purple)}.overview-quality-note{color:var(--classic-muted);margin:10px 2px 0;font-size:8px}.dashboard-alert{border-radius:12px;width:min(100%,1480px)}.dashboard-main>.dashboard-section:not(#overview),.dashboard-main>.dns-filter{width:min(100%,1480px);padding-top:8px}@media (width<=1320px){.overview-hero-command{grid-template-columns:1fr 1.2fr}.overview-assurance{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}}@media (width<=1050px){.classic-live-sync{display:none}.overview-content-grid{grid-template-columns:1fr}.overview-quality-panel{grid-column:auto}.overview-technical-facts{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.dashboard-sidebar{width:min(88vw,320px)}.dashboard-main{margin-left:0;padding:0 20px 56px}.dashboard-topbar.classic-topbar{margin:0 -20px 28px;padding:0 20px}.dashboard-menu{flex:none;place-items:center;display:inline-grid}}@media (height<=1100px) and (width>=761px){.dashboard-brand{padding-bottom:22px}.dashboard-nav-group+.dashboard-nav-group{margin-top:17px}.dashboard-sidebar nav a{min-height:43px}.dashboard-sidebar-footer{padding-top:12px}}@media (width<=760px){.dashboard-sidebar{width:min(88vw,320px);padding:22px 16px 16px}.dashboard-main{margin-left:0;padding:0 15px 48px}.dashboard-topbar.classic-topbar{min-height:66px;margin:0 -15px 24px;padding:0 15px}.dashboard-menu{flex:none;place-items:center;display:inline-grid}.classic-setup-pill,.classic-notification-button{display:none}.classic-account-button{min-width:48px;padding:4px}.classic-account-button strong,.classic-account-button>svg,.classic-page-heading small{display:none}.classic-page-heading h1{margin-top:0;font-size:20px}.overview-hero-command{grid-template-columns:1fr}.overview-assurance{grid-column:auto;grid-template-columns:1fr}.overview-status-hero{padding:22px 18px}.overview-hero-summary{padding-right:0}.overview-hero-summary h1{font-size:34px}.overview-wan-main{flex-direction:column;align-items:flex-start;gap:12px}.overview-wan-main p{text-align:left}.overview-diagnostic-strip{grid-template-columns:1fr}.overview-diagnostic-strip>div+div:before{width:auto;height:1px;inset:0 18px auto}.overview-technical-facts{grid-template-columns:repeat(2,1fr);gap:16px}.overview-panel-header{flex-direction:column;align-items:flex-start}.overview-bandwidth-now{flex-wrap:wrap;gap:16px}.overview-chart-wrap,.overview-chart-wrap.is-quality{height:170px}}.modern-device-section{margin-top:34px}.modern-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.modern-heading-titles h2{letter-spacing:-.04em;margin-top:4px;font-size:28px;font-weight:700}.modern-heading-sub{color:var(--classic-muted);margin-top:4px;font-size:13px;font-weight:500;display:block}.modern-device-tools{align-items:center;gap:14px;display:flex}.modern-search-wrapper{align-items:center;width:100%;max-width:320px;display:flex;position:relative}.modern-search-icon{width:16px;height:16px;color:var(--classic-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.modern-search-input{border:1px solid var(--classic-border);background:var(--classic-panel);width:100%;color:var(--classic-text);box-sizing:border-box;border-radius:99px;padding:12px 38px 12px 40px;font-size:14px;font-weight:500;transition:border-color .25s,box-shadow .25s;box-shadow:0 2px 8px #00000005}.dashboard-app .modern-search-input{border-radius:12px;min-height:44px;padding:10px 38px 10px 43px}.modern-search-input:focus{border-color:var(--classic-blue);outline:none;box-shadow:0 0 0 4px #0a74e81a}.modern-search-clear{background:var(--classic-soft);width:24px;height:24px;color:var(--classic-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:11px;line-height:1;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.modern-search-clear:hover{background:var(--classic-border);color:var(--classic-text)}.modern-device-count{color:var(--classic-muted);white-space:nowrap;font-size:13px;font-weight:600}.elegant-table-container{border:1px solid var(--classic-border);background:#fff;border-radius:14px;width:100%;padding:4px 0;overflow-x:auto;box-shadow:0 1px #00000004}[data-theme=dark] .elegant-table-container{background:var(--classic-panel);box-shadow:0 1px #ffffff05}.elegant-device-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.elegant-col-num{width:44px}.elegant-col-ip{width:150px}.elegant-col-mac{width:180px}.elegant-col-expires{width:110px}.elegant-col-actions{width:120px}.elegant-device-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--classic-muted);border-bottom:1px solid var(--classic-border);padding:14px 24px;font-size:11px;font-weight:650}.elegant-device-table td{border-bottom:1px solid var(--classic-border);vertical-align:middle;padding:18px 24px}.elegant-device-table tbody tr{transition:background-color .15s}.elegant-device-table tbody tr:hover{background:var(--classic-soft)}.elegant-device-table tr:last-child td{border-bottom:none}.elegant-th-actions{text-align:right}.elegant-th-num{width:56px}.elegant-cell-num{width:56px;color:var(--classic-muted);font-variant-numeric:tabular-nums;font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.elegant-cell-name{min-width:0}.elegant-device-identity{min-width:0;color:var(--classic-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.elegant-badge-static{letter-spacing:.04em;text-transform:uppercase;color:var(--classic-green);background:#28a7451f;border-radius:99px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.elegant-cell-ip,.elegant-cell-mac{color:var(--classic-text);font-variant-numeric:tabular-nums;font-family:SF Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.elegant-cell-expires{color:var(--classic-text);font-size:13px;font-weight:500}.elegant-expires-static{color:var(--classic-muted);font-weight:600}.elegant-cell-actions{text-align:right}.elegant-btn-wol{border:1px solid var(--classic-border);color:var(--classic-muted);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.elegant-btn-wol:hover{background:var(--classic-soft);color:var(--classic-blue);border-color:var(--classic-blue)}.elegant-btn-wol svg{width:14px;height:14px}.elegant-empty{text-align:center;color:var(--classic-muted);padding:56px 24px!important}.elegant-empty svg{opacity:.5;width:32px;height:32px;margin-bottom:12px}.elegant-empty span{font-size:14px;font-weight:500;display:block}.classic-security-intro{color:var(--classic-muted);margin-top:10px;margin-bottom:30px;font-size:14px}.classic-security-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.classic-security-card{min-height:auto;padding:30px;display:block}.classic-security-card-column{flex-direction:column;display:flex}.classic-security-card h3{margin-bottom:20px;font-size:18px;font-weight:600}.classic-security-form{flex-direction:column;gap:15px;display:flex}.classic-security-form label{color:var(--classic-muted);margin-bottom:5px;font-size:12px;display:block}.classic-security-form input{border:1px solid var(--classic-border);background:var(--classic-panel);width:100%;color:var(--classic-text);box-sizing:border-box;border-radius:8px;padding:10px}.classic-security-form .button.primary{align-self:flex-start;margin-top:10px}.classic-security-session{flex:1}.classic-security-session-block{margin-bottom:20px}.classic-security-value{font-size:15px}.classic-security-session small{color:var(--classic-muted);margin-top:3px;display:block}.classic-security-logout strong{color:var(--classic-text);font-size:13px;display:block}.classic-security-logout p{color:var(--classic-muted);margin:5px 0 15px;font-size:12px}.classic-security-logout .button{color:#fff;background:#d9382e;border:none}.classic-security-chip{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.classic-security-chip .classic-chip.is-warning{color:var(--classic-orange);border-color:#b55d0059}.classic-security-stats{gap:12px;margin:0;display:grid}.classic-security-stats>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.classic-security-stats dd{margin:0;font-size:13px;font-weight:650}.classic-security-stats dd.is-good{color:var(--classic-green)}.classic-security-stats dd.is-bad{color:#d9382e}.classic-security-stats dd.is-warn{color:var(--classic-orange)}.classic-security-feed{margin-top:30px}.classic-security-feed h3{margin-bottom:14px;font-size:18px;font-weight:600}.classic-security-empty{color:var(--classic-muted);font-size:13px}.classic-security-table{border-collapse:collapse;width:100%;font-size:12px}.classic-security-table th{text-align:left;color:var(--classic-muted);border-bottom:1px solid var(--classic-border);padding:8px 12px;font-weight:600}.classic-security-table td{border-bottom:1px solid var(--classic-border);vertical-align:top;padding:9px 12px}.profile-menu{position:relative}.profile-menu-pop{z-index:60;background:var(--classic-panel);border:1px solid var(--classic-border);border-radius:14px;min-width:280px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #00000029}.profile-menu-header{border-bottom:1px solid var(--classic-border);margin-bottom:6px;padding:8px 10px 12px}.profile-menu-header strong{color:var(--classic-text);font-size:13px;display:block}.profile-menu-header small{color:var(--classic-muted);margin-top:3px;font-size:11px;display:block}.profile-menu-item{text-align:left;width:100%;color:var(--classic-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:13px;display:block}.profile-menu-item:hover{background:var(--classic-soft)}.profile-menu-item.is-danger{color:#d9382e}.profile-menu-form{flex-direction:column;gap:10px;padding:4px 0 0;display:flex}.profile-menu-form input{border:1px solid var(--classic-border);background:var(--classic-soft);width:100%;color:var(--classic-text);box-sizing:border-box;border-radius:8px;padding:9px 10px;font-size:13px}.profile-menu-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.dashboard-main>.dashboard-section:not(#overview),.dashboard-main>.dns-filter,.classic-dashboard-overview[aria-label=Security]{width:min(100%,1480px);margin-inline:auto}.dashboard-main>.dashboard-section:not(#overview),.dashboard-main>.dns-filter{gap:18px;display:grid}.dashboard-main>.dashboard-section:not(#overview)>*,.dashboard-main>.dns-filter>*{min-width:0}.dashboard-section-heading,.dns-filter-heading{isolation:isolate;border:1px solid color-mix(in srgb, var(--classic-border) 72%, transparent);background:var(--classic-panel);border-radius:17px;align-items:flex-end;min-height:132px;margin:0;padding:24px 26px;position:relative;overflow:hidden;box-shadow:0 9px 30px #1d314c0e}.dashboard-section-heading:after,.dns-filter-heading:after{z-index:-1;border:38px solid color-mix(in srgb, var(--classic-blue) 5%, transparent);content:"";border-radius:50%;width:230px;height:230px;position:absolute;top:-92px;right:-52px}.dashboard-section-heading>div:first-child,.dns-filter-heading>div:first-child{min-width:0}.dashboard-section-heading .eyebrow,.dns-filter-heading .eyebrow{color:var(--classic-blue);letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:9px;font-weight:800}.dashboard-section-heading h2,.dns-filter-heading h2{letter-spacing:-.045em;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(25px,2.5vw,34px);font-weight:730;line-height:1.02}.dashboard-section-heading .section-copy,.dashboard-section-heading .dns-filter-intro,.dashboard-section-heading .ddns-lead,.dns-filter-heading .dns-filter-intro,.gateway-quality>.dashboard-section-heading small{max-width:690px;color:var(--classic-muted);margin:9px 0 0;font-size:12px;line-height:1.55;display:block}.dashboard-section-heading>.button,.dashboard-section-heading>.classic-status-chip,.dns-filter-actions{z-index:1;flex:none;position:relative}.dashboard-app .card,.settings-form,.status-list,.dashboard-callout,.speedtest-block,.ddns-status{border-color:color-mix(in srgb, var(--classic-border) 78%, transparent);background:var(--classic-panel);border-radius:16px;box-shadow:0 8px 28px #1d314c0e}.dashboard-app .card,.settings-form,.status-list,.dashboard-callout{transition:border-color .18s,box-shadow .18s,transform .18s}.card-title-row{border-color:var(--classic-border);min-height:0;padding:15px 20px}.card-title-row h3{letter-spacing:-.025em;margin:0 0 4px;font-size:16px;font-weight:720}.card-title-row p{max-width:720px;color:var(--classic-muted);font-size:11px;line-height:1.5}.settings-form{border:0;gap:16px;padding:18px 20px}.settings-form fieldset,.dns-records-fieldset{border-color:color-mix(in srgb, var(--classic-border) 86%, transparent);background:color-mix(in srgb, var(--classic-soft) 56%, var(--classic-panel));border-radius:13px;gap:14px;padding:15px 16px}.settings-form legend,.dns-records-fieldset legend{color:var(--classic-muted);letter-spacing:.07em;text-transform:uppercase;padding:0 8px;font-size:10.5px;font-weight:760}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=860px){.form-grid.three{grid-template-columns:1fr}}.dashboard-app .field{gap:6px}.dashboard-app .field>span{color:color-mix(in srgb, var(--classic-text) 82%, var(--classic-muted));font-size:10.5px;font-weight:680}.dashboard-app input,.dashboard-app select{border-color:var(--classic-border);background:color-mix(in srgb, var(--classic-panel) 92%, var(--classic-soft));border-radius:9px;min-height:38px;padding:7px 11px;font-size:13.5px;transition:border-color .16s,box-shadow .16s,background .16s}.dashboard-app input:hover,.dashboard-app select:hover{border-color:color-mix(in srgb, var(--classic-blue) 24%, var(--classic-border))}.dashboard-app input:focus,.dashboard-app select:focus{border-color:var(--classic-blue);background:var(--classic-panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--classic-blue) 13%, transparent);outline:0}.dashboard-section .checkbox-row,.dns-filter .checkbox-row,.classic-security-card .checkbox-row{border:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 62%, var(--classic-panel));width:fit-content;color:var(--classic-text);border-radius:10px;padding:8px 12px;font-size:12px;transition:border-color .16s,background .16s}.dashboard-section .checkbox-row:hover,.dns-filter .checkbox-row:hover,.classic-security-card .checkbox-row:hover{border-color:color-mix(in srgb, var(--classic-blue) 28%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 5%, var(--classic-panel))}.dashboard-section .checkbox-row input,.dns-filter .checkbox-row input,.classic-security-card .checkbox-row input{min-height:auto}.form-note{max-width:880px;color:var(--classic-muted);font-size:11px}.form-actions{border-top:1px solid var(--classic-border);padding-top:18px}.dashboard-section .button,.dns-filter .button,.classic-dashboard-overview[aria-label=Security] .button{border-radius:10px;min-height:39px;font-weight:680;transition:transform .15s,box-shadow .15s,background .15s}.dashboard-section .button:hover,.dns-filter .button:hover,.classic-dashboard-overview[aria-label=Security] .button:hover{transform:translateY(-1px)}.dashboard-section .button:active,.dns-filter .button:active,.classic-dashboard-overview[aria-label=Security] .button:active{transform:translateY(1px)}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin:0}.metric-grid article{background:var(--classic-panel);border:0;border-radius:14px;min-height:116px;padding:17px 18px;position:relative;overflow:hidden;box-shadow:0 7px 24px #1d314c0d}.metric-grid article:after{background:color-mix(in srgb, var(--classic-blue) 65%, transparent);content:"";height:3px;position:absolute;top:0;left:0;right:0}.metric-grid article span{color:var(--classic-muted);letter-spacing:.075em;font-size:9px;font-weight:780}.metric-grid article strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(20px,2vw,26px);font-weight:710}.metric-grid article small{color:var(--classic-muted);font-size:10px}.status-list{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;overflow:visible}.status-list article{background:var(--classic-panel);border:0;border-radius:14px;min-height:108px;padding:18px 20px;box-shadow:0 7px 24px #1d314c0d}.status-list article strong{font-size:14px;font-weight:720}.status-list article span{max-width:54ch;color:var(--classic-muted);margin-top:4px;font-size:11px;line-height:1.45}.status-list article b{background:color-mix(in srgb, var(--classic-blue) 8%, var(--classic-panel));color:var(--classic-blue);font-variant-numeric:tabular-nums;text-transform:uppercase;border-radius:8px;padding:6px 9px;font-size:10px}.dashboard-callout{border-left:4px solid var(--classic-blue);margin:0;padding:19px 21px}.dashboard-callout strong{font-size:14px}.dashboard-callout p{max-width:85ch;color:var(--classic-muted);font-size:11px}.dashboard-app table{font-size:12px}.dashboard-app th{height:42px;color:var(--classic-muted);letter-spacing:.075em;font-size:9px;font-weight:760}.dashboard-app td{height:52px;color:color-mix(in srgb, var(--classic-text) 83%, var(--classic-muted))}.dashboard-app tbody tr{transition:background .15s}.dashboard-app tbody tr:hover{background:color-mix(in srgb, var(--classic-blue) 3.5%, transparent)}.table-card,.elegant-table-container{background:var(--classic-panel);border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #1d314c0e}.gateway-history-card,.gateway-settings,.speedtest-block,.wg-status-card,.wg-table,.ddns-status,.ddns-form{margin:0}.gateway-quality>.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.gateway-window-tabs,.ddns-provider{border:1px solid var(--classic-border);background:var(--classic-soft)}.gateway-chart-wrap{background:color-mix(in srgb, var(--classic-blue) 3.5%, var(--classic-panel))}.wg-status-card,.ddns-status{border:0;box-shadow:0 8px 28px #1d314c0e}.speedtest-note{border-style:solid;border-color:color-mix(in srgb, var(--classic-orange) 24%, var(--classic-border));background:color-mix(in srgb, var(--classic-orange) 5%, var(--classic-panel));border-radius:13px;margin:0;padding:16px 18px}.ddns-provider{width:fit-content;margin:0}.audit-category,.service-tags span,.status-pill{border-radius:7px}@media (width<=840px){.dashboard-section-heading,.dns-filter-heading{flex-direction:column;align-items:flex-start;min-height:0;padding:21px}.status-list{grid-template-columns:1fr}.dashboard-section-heading>.button,.dashboard-section-heading>.classic-status-chip,.dns-filter-actions{align-self:stretch}.dns-filter-actions{justify-content:flex-start}}@media (width<=640px){.settings-form{padding:18px}.settings-form fieldset,.dns-records-fieldset{padding:16px}.dashboard-section-heading h2,.dns-filter-heading h2{font-size:25px}.metric-grid,.metric-grid.compact{grid-template-columns:1fr 1fr}}@media (width<=470px){.metric-grid,.metric-grid.compact{grid-template-columns:1fr}}.wireguard-workspace{gap:18px;display:grid}.wg-page-hero{isolation:isolate;color:#eff6ff;background:#10243e;border-radius:18px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 46px #152d4c24}.wg-page-hero:after{z-index:-1;content:"";border:64px solid #68a9ff12;border-radius:50%;width:410px;height:410px;position:absolute;bottom:-185px;right:-85px}.wg-hero-heading,.wg-hero-copy,.wg-hero-actions{align-items:center;display:flex}.wg-hero-heading{justify-content:space-between;gap:28px}.wg-hero-copy{gap:16px;min-width:0}.wg-hero-icon{color:#7db7ff;background:#82bdff17;border:1px solid #82bdff2b;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.wg-hero-icon svg{width:24px;height:24px}.wg-hero-copy .eyebrow{color:#8fa9c6;letter-spacing:.1em;margin:0 0 7px;font-size:8px;font-weight:800}.wg-hero-copy h2{color:#f4f8ff;letter-spacing:-.045em;margin:0;font-size:clamp(27px,3vw,37px);font-weight:710;line-height:1}.wg-hero-copy>div>p:last-child{color:#b5c7dc;max-width:600px;margin:9px 0 0;font-size:11px;line-height:1.5}.wg-hero-actions{flex:none;gap:10px}.wg-interface-state,.wg-interface-toggle{white-space:nowrap;border-radius:10px;align-items:center;min-height:38px;display:inline-flex}.wg-interface-state{color:#9cb0c8;background:#ffffff0b;border:1px solid #ffffff14;gap:8px;padding:0 12px;font-size:9px;font-weight:720}.wg-interface-state i{background:currentColor;border-radius:2px;width:7px;height:7px}.wg-interface-state.is-active{color:#79dfa1;background:#79dfa114;border-color:#79dfa129}.wg-interface-toggle{color:#dceaff;font:inherit;cursor:pointer;background:#c6dffc14;border:1px solid #a1c1e633;padding:0 13px;font-size:9px;font-weight:720;transition:background .16s,border-color .16s,transform .16s}.wg-interface-toggle:hover{background:#c6dffc21;border-color:#a1c1e661}.wg-interface-toggle:active{transform:translateY(1px)}.wg-interface-toggle:focus-visible{outline-offset:2px;outline:2px solid #79aef0}.wg-hero-metrics{background:#91b8e321;border:1px solid #91b8e321;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:24px 0 0;display:grid;overflow:hidden}.wg-hero-metrics>div{background:#091f37c7;min-width:0;padding:15px 17px}.wg-hero-metrics dt,.wg-hero-metrics dd,.wg-hero-metrics small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wg-hero-metrics dt{color:#829dbb;letter-spacing:.045em;text-transform:uppercase;font-size:8px;font-weight:740}.wg-hero-metrics dd{color:#f2f7ff;font-variant-numeric:tabular-nums;margin:5px 0 2px;font-size:17px;font-weight:700}.wg-hero-metrics dd span{color:#829dbb;font-size:12px}.wg-hero-metrics small{color:#829dbb;font-size:8px;display:block}.wg-peer-panel,.wireguard-workspace>.wg-provision-card,.wireguard-workspace>.wg-client-card{background:var(--classic-panel);border:0;border-radius:16px;box-shadow:0 8px 28px #1d314c0e}.wg-peer-panel{overflow:hidden}.wg-peer-panel-head{justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:20px 23px;display:flex}.wg-peer-panel-head h3{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:730}.wg-peer-panel-head p{color:var(--classic-muted);margin:5px 0 0;font-size:10px}.wg-peer-panel-head>span{background:var(--classic-soft);color:var(--classic-muted);border-radius:8px;padding:7px 10px;font-size:9px;font-weight:720}.wg-peer-list{border-top:1px solid var(--classic-border)}.wg-peer-row{grid-template-columns:minmax(180px,1fr) minmax(120px,.65fr) minmax(320px,1.55fr) auto;align-items:center;gap:18px;min-height:92px;padding:16px 22px;transition:background .16s;display:grid}.wg-peer-row+.wg-peer-row{border-top:1px solid var(--classic-border)}.wg-peer-row:hover{background:color-mix(in srgb, var(--classic-blue) 2.7%, var(--classic-panel))}.wg-peer-identity{align-items:center;gap:12px;min-width:0;display:flex}.wg-peer-device{background:color-mix(in srgb, var(--classic-blue) 8%, var(--classic-panel));width:38px;height:38px;color:var(--classic-blue);border-radius:11px;flex:none;place-items:center;display:grid}.wg-peer-device svg{width:19px;height:19px}.wg-peer-identity>div{min-width:0}.wg-peer-identity strong,.wg-peer-identity code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.wg-peer-identity strong{font-size:16px;font-weight:720}.wg-peer-identity code{color:var(--classic-muted);margin-top:4px;font-size:11px}.wg-peer-state{gap:5px;min-width:0;display:grid}.wg-peer-state>span{color:var(--classic-orange);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.wg-peer-state>span i{width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 10%, transparent);background:currentColor;border-radius:50%}.wg-peer-state small{color:var(--classic-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.wg-peer-row.is-connected .wg-peer-state>span{color:var(--classic-green)}.wg-peer-row.is-disabled .wg-peer-state>span{color:var(--classic-muted)}.wg-peer-details{grid-template-columns:.8fr 1.2fr .85fr;gap:18px;min-width:0;margin:0;display:grid}.wg-peer-details>div{min-width:0}.wg-peer-details dt{color:var(--classic-muted);letter-spacing:.045em;text-transform:uppercase;font-size:10px;font-weight:750}.wg-peer-details dd{min-width:0;color:color-mix(in srgb, var(--classic-text) 85%, var(--classic-muted));font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;gap:8px;margin:5px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:flex;overflow:hidden}.wg-peer-details dd span{white-space:nowrap}.wg-peer-details dd .is-rx{color:var(--classic-green)}.wg-peer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;max-width:330px;display:flex}.wg-peer-config,.wg-peer-toggle,.wg-peer-delete{border:1px solid var(--classic-border);background:var(--classic-panel);min-height:36px;color:var(--classic-text);font:inherit;cursor:pointer;border-radius:9px;transition:background .15s,border-color .15s,transform .15s}.wg-peer-config,.wg-peer-toggle{padding:0 11px;font-size:9px;font-weight:700}.wg-peer-delete{width:36px;color:var(--classic-muted);place-items:center;display:grid}.wg-peer-delete svg{width:16px;height:16px}.wg-peer-config:hover,.wg-peer-toggle:hover{border-color:color-mix(in srgb, var(--classic-blue) 30%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 5%, var(--classic-panel))}.wg-peer-delete:hover{border-color:color-mix(in srgb, #d54848 30%, var(--classic-border));background:color-mix(in srgb, #d54848 6%, var(--classic-panel));color:#c83a3a}.wg-peer-config:active,.wg-peer-toggle:active,.wg-peer-delete:active{transform:translateY(1px)}.wg-peer-config:focus-visible,.wg-peer-toggle:focus-visible,.wg-peer-delete:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}.wg-peer-empty{text-align:left;justify-content:center;align-items:center;gap:13px;min-height:150px;padding:30px;display:flex}.wg-peer-empty>span{background:var(--classic-soft);width:40px;height:40px;color:var(--classic-muted);border-radius:11px;place-items:center;display:grid}.wg-peer-empty svg{width:20px;height:20px}.wg-peer-empty strong{font-size:12px}.wg-peer-empty p{color:var(--classic-muted);margin:4px 0 0;font-size:9px}.wireguard-workspace>.wg-provision-card,.wireguard-workspace>.wg-client-card{margin:0;padding:22px}.wg-provision-title{align-items:flex-start;gap:12px;display:flex}.wg-provision-title>span{background:color-mix(in srgb, var(--classic-blue) 8%, var(--classic-panel));width:38px;height:38px;color:var(--classic-blue);border-radius:11px;flex:none;place-items:center;display:grid}.wg-provision-title svg{width:18px;height:18px}.wg-provision-title h3{margin:1px 0 0;font-size:15px;font-weight:720}.wg-provision-title p{max-width:620px;color:var(--classic-muted);margin:5px 0 0;font-size:10px;line-height:1.45}.wg-provision-card>.settings-form,.wireguard-workspace>.wg-client-card>.settings-form{border:1px solid var(--classic-border);box-shadow:none;border-radius:13px;margin-top:18px}@media (width<=1180px){.wg-hero-heading{flex-direction:column;align-items:flex-start}.wg-hero-actions{justify-content:space-between;width:100%}.wg-peer-row{grid-template-columns:minmax(0,1fr) auto}.wg-peer-state{justify-items:end}.wg-peer-details{grid-column:1}.wg-peer-actions{grid-column:2}}@media (width<=760px){.wg-page-hero{padding:22px 18px}.wg-hero-copy{align-items:flex-start}.wg-hero-icon{width:42px;height:42px}.wg-hero-actions{flex-direction:column;align-items:stretch}.wg-interface-state,.wg-interface-toggle{justify-content:center}.wg-hero-metrics{grid-template-columns:1fr 1fr}.wg-peer-panel-head{flex-direction:column;align-items:flex-start}.wg-peer-row{grid-template-columns:1fr;gap:14px}.wg-peer-state{justify-items:start}.wg-peer-details{grid-column:auto;grid-template-columns:1fr;gap:12px}.wg-peer-actions{grid-column:auto;justify-content:flex-start;max-width:none}.wg-peer-config{flex:135px}.wg-add-form{gap:18px}}.classic-security-page .classic-hero-card{gap:18px;display:grid}.classic-security-page .classic-hero-heading{isolation:isolate;color:#f2f7ff;background:#10243e;border-radius:17px 17px 0 0;justify-content:space-between;align-items:flex-end;gap:22px;min-height:132px;padding:25px 28px 8px;display:flex;position:relative;overflow:hidden}.classic-security-page .classic-hero-heading:after{z-index:-1;content:"";border:40px solid #70abf514;border-radius:50%;width:245px;height:245px;position:absolute;top:-100px;right:-55px}.classic-security-page .classic-kicker{color:#8fa9c6;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800}.classic-security-page .classic-hero-heading h1{letter-spacing:-.045em;text-wrap:balance;max-width:720px;margin:0;font-size:clamp(28px,3vw,38px);font-weight:710;line-height:1}.classic-security-page .classic-state-pill{color:#7de2a6;text-transform:uppercase;background:#7ee2a61a;border:1px solid #7ee2a62e;border-radius:10px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:10px;font-weight:760;display:inline-flex}.classic-security-page .classic-state-pill.is-bad{color:#ff9d95;background:#ff9d951a;border-color:#ff9d9538}.classic-security-page .classic-dot{background:currentColor;border-radius:2px;width:7px;height:7px}.classic-security-page>.classic-hero-card>.classic-security-intro{color:#b9cbe1;background:#10243e;border-radius:0 0 17px 17px;margin:-18px 0 0;padding:12px 28px 25px;font-size:12px;line-height:1.55}.classic-security-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px}.classic-security-card{background:var(--classic-panel);border:0;border-radius:16px;min-width:0;padding:22px;box-shadow:0 8px 28px #1d314c0e}.classic-security-card h3{letter-spacing:-.025em;margin:0 0 20px;font-size:16px;font-weight:720}.classic-security-stats{gap:0}.classic-security-stats>div{border-bottom:1px solid var(--classic-border);min-height:43px}.classic-security-stats>div:last-child{border-bottom:0}.classic-security-stats dt{color:var(--classic-muted);font-size:11px}.classic-security-stats dd{font-variant-numeric:tabular-nums;font-size:12px}.classic-security-session-block{background:color-mix(in srgb, var(--classic-blue) 5%, var(--classic-panel));border-radius:12px;gap:3px;margin:0;padding:16px;display:grid}.classic-security-session-block label{color:var(--classic-muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:760}.classic-security-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:22px}.classic-security-session small{margin-top:1px;font-size:10px}.classic-security-logout{background:var(--classic-soft);border:0;border-radius:12px;margin-top:12px;padding:16px}.classic-security-logout strong{font-size:12px}.classic-security-logout p{margin:5px 0 0;font-size:10px;line-height:1.5}.classic-security-feed{background:var(--classic-panel);border-radius:16px;margin:0;overflow:hidden;box-shadow:0 8px 28px #1d314c0e}.classic-security-feed-heading{border-bottom:1px solid var(--classic-border);justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:17px 22px;display:flex}.classic-security-feed-heading h3{letter-spacing:-.025em;margin:0;font-size:16px;font-weight:720}.classic-security-feed-heading p{color:var(--classic-muted);margin:4px 0 0;font-size:10px}.classic-security-feed-heading>span{background:var(--classic-soft);color:var(--classic-muted);border-radius:8px;flex:none;padding:6px 9px;font-size:9px;font-weight:720}.classic-security-table-wrap{max-height:430px;overflow:auto}.classic-security-table{font-size:11px}.classic-security-table th{letter-spacing:.075em;text-transform:uppercase;height:42px;padding:10px 16px;font-size:9px;font-weight:760}.classic-security-table td{height:50px;padding:11px 16px}.classic-security-table code{background:var(--classic-soft);border-radius:6px;padding:4px 7px;font-size:10px}.classic-security-feed>.classic-security-empty{text-align:center;margin:0;padding:34px 22px}.classic-security-card>.classic-security-intro{max-width:80ch;color:var(--classic-muted);margin:-10px 0 0;font-size:11px;line-height:1.55}.classic-security-card>.form-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));align-items:end;gap:12px;margin:18px 0}.classic-trusted-networks>.form-grid{grid-template-columns:minmax(0,1fr) auto}.classic-port-forwards>.form-grid{grid-template-columns:repeat(5,minmax(120px,1fr))}.classic-port-forwards>.form-grid .modal-actions{border-top:1px solid var(--classic-border);grid-column:1/-1;justify-content:flex-end;padding-top:16px}.classic-security-card>.form-grid .modal-actions{align-items:flex-end}.classic-security-card .classic-security-table{margin-top:18px}.classic-security-card .modal-action-button,.classic-security-card .table-actions button{border:1px solid var(--classic-border);background:var(--classic-panel);min-height:36px;color:var(--classic-text);font:inherit;cursor:pointer;border-radius:9px;padding:0 11px;font-size:10px;font-weight:680}.classic-security-card .modal-action-button{border-color:var(--classic-blue);background:var(--classic-blue);color:#fff}.classic-security-card .table-actions{justify-content:flex-end;gap:6px;display:flex}.classic-port-forwards{padding:0;overflow:hidden}.port-forward-heading{border-bottom:1px solid var(--classic-border);justify-content:space-between;align-items:center;gap:22px;min-height:96px;padding:21px 23px;display:flex}.port-forward-title{align-items:flex-start;gap:13px;min-width:0;display:flex}.port-forward-title>span{background:color-mix(in srgb, var(--classic-blue) 8%, var(--classic-panel));width:42px;height:42px;color:var(--classic-blue);border-radius:12px;flex:none;place-items:center;display:grid}.port-forward-title svg{width:21px;height:21px}.port-forward-title .eyebrow{color:var(--classic-blue);margin:0 0 5px;font-size:8px}.port-forward-title h3{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:730}.port-forward-title>div>p:last-child{max-width:730px;color:var(--classic-muted);margin:6px 0 0;font-size:10px;line-height:1.5}.port-forward-count{background:color-mix(in srgb, var(--classic-green) 9%, var(--classic-panel));color:var(--classic-green);border-radius:8px;flex:none;padding:7px 10px;font-size:9px;font-weight:730}.port-forward-composer{background:color-mix(in srgb, var(--classic-blue) 2.5%, var(--classic-panel));padding:20px 23px 0}.port-forward-fields{grid-template-columns:minmax(150px,1.1fr) minmax(90px,.55fr) minmax(105px,.65fr) 36px minmax(155px,1fr) minmax(105px,.65fr);align-items:end;gap:10px;display:grid}.port-forward-arrow{width:36px;height:44px;color:var(--classic-muted);place-items:center;display:grid}.port-forward-arrow svg{width:19px;height:19px}.port-forward-submit{border-top:1px solid var(--classic-border);justify-content:space-between;align-items:center;gap:20px;min-height:76px;margin-top:18px;display:flex}.port-forward-submit p{gap:4px;min-width:0;margin:0;display:grid}.port-forward-submit p strong{color:var(--classic-muted);letter-spacing:.045em;text-transform:uppercase;font-size:8px;font-weight:740}.port-forward-submit p span{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.classic-port-forwards .port-forward-submit .modal-action-button{align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.classic-port-forwards .port-forward-submit .modal-action-button svg{width:16px;height:16px}.port-forward-empty{border-top:1px solid var(--classic-border);min-height:126px;color:var(--classic-muted);justify-content:center;align-items:center;gap:13px;padding:25px;display:flex}.port-forward-empty>span{background:var(--classic-soft);width:40px;height:40px;color:var(--classic-blue);border-radius:11px;flex:none;place-items:center;display:grid}.port-forward-empty svg{width:20px;height:20px}.port-forward-empty strong{color:var(--classic-text);font-size:12px;display:block}.port-forward-empty p{max-width:560px;margin:5px 0 0;font-size:9px;line-height:1.5}.port-forward-rules{border-top:1px solid var(--classic-border)}.port-forward-rules article{grid-template-columns:minmax(150px,.85fr) auto minmax(280px,1.4fr) auto;align-items:center;gap:18px;min-height:78px;padding:14px 22px;display:grid}.port-forward-rules article+article{border-top:1px solid var(--classic-border)}.port-forward-rule-name{align-items:center;gap:10px;min-width:0;display:flex}.port-forward-rule-name>i{background:var(--classic-muted);border-radius:2px;flex:none;width:8px;height:8px}.port-forward-rules article.is-enabled .port-forward-rule-name>i{background:var(--classic-green);box-shadow:0 0 0 4px color-mix(in srgb, var(--classic-green) 10%, transparent)}.port-forward-rule-name span{gap:3px;min-width:0;display:grid}.port-forward-rule-name strong,.port-forward-rule-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.port-forward-rule-name strong{font-size:12px}.port-forward-rule-name small{color:var(--classic-muted);font-size:8px}.port-forward-rules article>code{background:var(--classic-soft);color:var(--classic-muted);border-radius:6px;padding:5px 7px;font-size:8px;font-weight:720}.port-forward-route{font-variant-numeric:tabular-nums;align-items:center;gap:10px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.port-forward-route span,.port-forward-route strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.port-forward-route span{color:var(--classic-muted)}.port-forward-route strong{color:var(--classic-text)}.port-forward-route svg{width:16px;height:16px;color:var(--classic-blue);flex:none}.port-forward-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.port-forward-actions button{border:1px solid var(--classic-border);background:var(--classic-panel);min-height:34px;color:var(--classic-text);font:inherit;cursor:pointer;border-radius:9px;padding:0 10px;font-size:9px;font-weight:700}.port-forward-actions button:hover{border-color:color-mix(in srgb, var(--classic-blue) 28%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 4%, var(--classic-panel))}.port-forward-actions .is-remove{width:34px;color:var(--classic-muted);place-items:center;padding:0;display:grid}.port-forward-actions .is-remove:hover{border-color:color-mix(in srgb, #d54848 28%, var(--classic-border));background:color-mix(in srgb, #d54848 5%, var(--classic-panel));color:#c83a3a}.port-forward-actions svg{width:15px;height:15px}.port-forward-actions button:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}@media (width<=900px){.classic-security-grid{grid-template-columns:1fr}}@media (width<=1180px){.gateway-quality>.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.port-forward-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.port-forward-arrow{display:none}.port-forward-rules article{grid-template-columns:minmax(0,1fr) auto}.port-forward-route{grid-column:1}.port-forward-actions{grid-column:2}}@media (width<=640px){.classic-security-page .classic-hero-heading{flex-direction:column;align-items:flex-start;min-height:0;padding:22px 20px 8px}.classic-security-page>.classic-hero-card>.classic-security-intro{padding:12px 20px 22px}.classic-security-feed-heading{flex-direction:column;align-items:flex-start}.gateway-quality>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-trusted-networks>.form-grid,.port-forward-fields{grid-template-columns:1fr}.port-forward-heading,.port-forward-submit{flex-direction:column;align-items:flex-start}.port-forward-heading{padding:19px 18px}.port-forward-title>span{display:none}.port-forward-composer{padding:18px 18px 0}.port-forward-submit{padding:16px 0}.classic-port-forwards .port-forward-submit .modal-action-button{justify-content:center;width:100%}.port-forward-rules article{grid-template-columns:1fr;gap:12px}.port-forward-route,.port-forward-actions{grid-column:auto}.port-forward-actions{justify-content:flex-start}}.dashboard-section-heading,.dns-filter-heading{color:#f2f7ff;background:#10243e;border-color:#8bb5e41f;align-items:center;min-height:150px;padding:28px 30px;box-shadow:0 18px 46px #152d4c24}.dashboard-section-heading:after,.dns-filter-heading:after{border-width:52px;border-color:#68a9ff12;width:330px;height:330px;top:-126px;right:-56px}.dashboard-section-heading .eyebrow,.dns-filter-heading .eyebrow{color:#8fa9c6}.dashboard-section-heading h2,.dns-filter-heading h2{color:#f4f8ff;font-size:clamp(28px,3vw,38px);font-weight:710}.dashboard-section-heading .section-copy,.dashboard-section-heading .dns-filter-intro,.dashboard-section-heading .ddns-lead,.dns-filter-heading .dns-filter-intro,.gateway-quality>.dashboard-section-heading small{color:#b5c7dc}.dashboard-section-heading>.classic-status-chip{color:#79dfa1;background:#79dfa114;border-color:#79dfa129;border-radius:10px;min-height:38px;padding-inline:13px}.dashboard-section-heading>.classic-status-chip.is-off{color:#a9bdd3;background:#bed2e811;border-color:#bed2e824}.dashboard-section-heading>.classic-status-chip.is-warning{color:#f2b86b;background:#f2b86b17;border-color:#f2b86b2e}.dashboard-section-heading>.button,.dns-filter-actions .button{color:#e7f1ff;box-shadow:none;background:#c6dffc1a;border-color:#a1c1e638}.dashboard-section-heading>.button:hover,.dns-filter-actions .button:hover{background:#c6dffc29;border-color:#a1c1e666}.service-config-card{border:1px solid color-mix(in srgb, var(--classic-border) 82%, transparent);background:var(--classic-panel);border-radius:17px;overflow:hidden;box-shadow:0 12px 36px #1d314c13}.service-config-header{border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-blue) 3.5%, var(--classic-panel));justify-content:space-between;align-items:center;gap:28px;min-height:104px;padding:22px 24px;display:flex}.service-config-title{align-items:center;gap:15px;min-width:0;display:flex}.service-config-icon{border:1px solid color-mix(in srgb, var(--classic-blue) 18%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 8%, var(--classic-panel));width:46px;height:46px;color:var(--classic-blue);border-radius:13px;flex:none;place-items:center;display:grid}.service-config-icon svg{width:22px;height:22px}.service-config-title p{color:var(--classic-blue);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:8px;font-weight:800}.service-config-title h3{letter-spacing:-.025em;margin:0;font-size:17px;font-weight:730}.service-config-title div>span{color:var(--classic-muted);margin-top:5px;font-size:10px;line-height:1.45;display:block}.service-toggle{border:1px solid var(--classic-border);background:var(--classic-panel);cursor:pointer;border-radius:12px;align-items:center;gap:11px;min-width:174px;padding:11px 13px;display:flex}.service-toggle input{width:34px;height:20px;accent-color:var(--classic-blue);flex:none}.service-toggle>span{gap:2px;display:grid}.service-toggle b{font-size:11px}.service-toggle small{color:var(--classic-muted);font-size:8px}.service-config-card>.settings-form{box-shadow:none;padding:24px}.classic-security-page .classic-hero-heading{align-items:center;min-height:158px;padding:28px 30px 12px}.classic-security-hero-copy{align-items:center;gap:16px;min-width:0;display:flex}.classic-security-hero-icon{color:#7db7ff;background:#82bdff17;border:1px solid #82bdff2b;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.classic-security-hero-icon svg{width:24px;height:24px}.classic-security-page>.classic-hero-card>.classic-security-intro{padding:10px 30px 27px 94px}.classic-security-card,.classic-security-feed,.security-control-card{border:1px solid color-mix(in srgb, var(--classic-border) 80%, transparent);box-shadow:0 10px 32px #1d314c11}.classic-security-grid .classic-security-card:first-child{background:color-mix(in srgb, var(--classic-green) 2.7%, var(--classic-panel))}.security-control-card{padding:0;overflow:hidden}.security-control-card>.card-title-row{background:color-mix(in srgb, var(--classic-blue) 3.2%, var(--classic-panel));min-height:90px;padding:20px 24px}.security-control-card>.settings-form,.security-control-card>details>.settings-form{box-shadow:none;padding:22px 24px}.security-control-card>details{border-top:1px solid var(--classic-border)}.security-control-card>details>summary{min-height:56px;color:var(--classic-text);cursor:pointer;align-items:center;padding:0 54px 0 24px;font-size:12px;font-weight:720;list-style:none;transition:background .16s,color .16s;display:flex;position:relative}.security-control-card>details>summary::-webkit-details-marker{display:none}.security-control-card>details>summary:after{background:var(--classic-soft);width:26px;height:26px;color:var(--classic-muted);content:"+";border-radius:8px;place-items:center;font-size:17px;font-weight:450;display:grid;position:absolute;right:24px}.security-control-card>details[open]>summary{background:color-mix(in srgb, var(--classic-blue) 2.8%, var(--classic-panel));color:var(--classic-blue)}.security-control-card>details[open]>summary:after{content:"−"}.security-control-card>details>summary:hover{background:color-mix(in srgb, var(--classic-blue) 4.5%, var(--classic-panel))}.security-control-card .form-grid.two{gap:15px 16px}.security-control-card .form-note{font-size:10px}.security-control-card .form-actions{padding-top:16px}:root[data-theme=dark] .dashboard-nav-group h2,:root[data-theme=dark] .dashboard-brand-revision{color:#9aabc0}:root[data-theme=dark] .dashboard-nav-icon{color:#99aabd}:root[data-theme=dark] .dashboard-sidebar nav a:hover{color:#fff;background:#4f9dff1a}:root[data-theme=dark] .dashboard-sidebar nav a:hover .dashboard-nav-icon{color:#d9e8fa}:root[data-theme=dark] .dashboard-sidebar nav a.is-active{color:#84bdff;background:#409cff29}@media (width<=840px){.dashboard-section-heading,.dns-filter-heading{min-height:0;padding:24px}.service-config-header{flex-direction:column;align-items:flex-start}.service-toggle{width:100%}}@media (width<=640px){.classic-security-page .classic-hero-heading{padding:24px 20px 10px}.classic-security-hero-copy{align-items:flex-start}.classic-security-hero-icon{width:42px;height:42px}.classic-security-page>.classic-hero-card>.classic-security-intro{padding:12px 20px 23px}.service-config-title{align-items:flex-start}.service-config-icon{width:42px;height:42px}.security-control-card>.card-title-row{flex-direction:column;align-items:flex-start}.security-control-card .form-grid.two{grid-template-columns:1fr}.security-control-card .form-span{grid-column:auto}}.dashboard-section-heading.has-facts,.dns-filter-heading.has-facts{align-items:stretch;gap:24px;min-height:0;display:grid}.subpage-hero-head{z-index:1;justify-content:space-between;align-items:center;gap:28px;min-width:0;display:flex;position:relative}.subpage-hero-head>div:first-child{min-width:0}.subpage-hero-head>.classic-status-chip,.subpage-hero-head>.button,.subpage-hero-head>.toolbar,.subpage-hero-head>.dns-filter-actions{flex:none}.subpage-hero-facts{z-index:1;background:#91b8e324;border:1px solid #91b8e324;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid;position:relative;overflow:hidden}.subpage-hero-facts.six{grid-template-columns:repeat(6,minmax(0,1fr))}.subpage-hero-facts>div{background:#091f37c7;min-width:0;padding:16px 18px}.subpage-hero-facts dt,.subpage-hero-facts dd,.subpage-hero-facts small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.subpage-hero-facts dt{color:#829dbb;letter-spacing:.055em;text-transform:uppercase;font-size:8px;font-weight:760}.subpage-hero-facts dd{color:#f2f7ff;font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin:7px 0 3px;font-size:clamp(15px,1.6vw,20px);font-weight:700}.subpage-hero-facts small{color:#829dbb;font-size:8px}.subpage-hero-facts dd.is-good{color:#79dfa1}.subpage-hero-facts dd.is-warn{color:#f2b86b}.subpage-hero-facts dd.is-bad{color:#ff9d95}.subpage-hero-head .classic-status-chip{color:#79dfa1;background:#79dfa114;border:1px solid #79dfa129;border-radius:10px;min-height:38px}.subpage-hero-head .classic-status-chip.is-off{color:#a9bdd3;background:#bed2e811;border-color:#bed2e824}.subpage-hero-head .classic-status-chip.is-warning{color:#f2b86b;background:#f2b86b17;border-color:#f2b86b2e}.subpage-hero-head .toolbar .quiet-meta{color:#9db2ca}.subpage-hero-head .toolbar .button,.subpage-hero-head .dns-filter-actions .button{color:#e7f1ff;background:#c6dffc1a;border-color:#a1c1e638}.subpage-hero-head .toolbar a.button{align-items:center;text-decoration:none;display:inline-flex}.subpage-hero-head .toolbar .button:hover,.subpage-hero-head .dns-filter-actions .button:hover{color:#fff;background:#c6dffc42}.service-inline-control{border:1px solid color-mix(in srgb, var(--classic-border) 82%, transparent);background:var(--classic-panel);border-radius:15px;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:18px 21px;display:flex;box-shadow:0 8px 28px #1d314c0e}.service-inline-control strong{font-size:13px}.service-inline-control p{color:var(--classic-muted);margin:5px 0 0;font-size:10px}.service-inline-control .checkbox-row{flex:none}.classic-security-command{isolation:isolate;color:#eff6ff;background:#10243e;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 46px #152d4c24}.classic-security-command:after{z-index:-1;content:"";border:64px solid #68a9ff12;border-radius:50%;width:410px;height:410px;position:absolute;bottom:-190px;right:-86px}.classic-security-command .classic-hero-heading{background:0 0;border-radius:0;min-height:0;padding:28px 30px 0}.classic-security-command>.classic-security-intro{color:#b9cbe1;max-width:760px;margin:0;padding:12px 30px 0 94px;font-size:11px;line-height:1.55}.classic-security-command-facts{background:#91b8e324;border:1px solid #91b8e324;border-radius:13px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:25px 30px 30px;display:grid;overflow:hidden}.classic-security-command-facts>div{background:#091f37c7;min-width:0;padding:16px 17px}.classic-security-command-facts dt{color:#829dbb;letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:760}.classic-security-command-facts dd{color:#f2f7ff;letter-spacing:-.025em;text-transform:capitalize;margin:7px 0 3px;font-size:18px;font-weight:700}.classic-security-command-facts small{color:#829dbb;text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.classic-security-command-facts dd.is-good{color:#79dfa1}.classic-security-command-facts dd.is-warn{color:#f2b86b}.classic-security-command-facts dd.is-bad{color:#ff9d95}@media (width<=1180px){.subpage-hero-facts.six,.classic-security-command-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=840px){.subpage-hero-head{flex-direction:column;align-items:flex-start}.subpage-hero-head>.classic-status-chip,.subpage-hero-head>.button{align-self:flex-start}.subpage-hero-head>.toolbar,.subpage-hero-head>.dns-filter-actions{justify-content:flex-start;width:100%}.subpage-hero-facts,.subpage-hero-facts.six,.classic-security-command-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.subpage-hero-facts,.subpage-hero-facts.six{grid-template-columns:1fr 1fr}.subpage-hero-facts>div{padding:14px}.classic-security-command .classic-hero-heading{padding:24px 20px 0}.classic-security-command>.classic-security-intro{padding:12px 20px 0}.classic-security-command-facts{grid-template-columns:1fr 1fr;margin:22px 20px 23px}.classic-security-command-facts>div{padding:14px}.service-inline-control{flex-direction:column;align-items:flex-start}}:root[data-theme=light]{--classic-glass:#ffffffb8;--classic-glass-strong:#ffffffdb;--classic-glass-border:#ffffffc7;--classic-glass-shadow:#2f425b1c}:root[data-theme=dark]{--classic-glass:#1b1c20bd;--classic-glass-strong:#1f2025e0;--classic-glass-border:#ffffff17;--classic-glass-shadow:#00000047}.dashboard-app{background-color:#0000;background-image:radial-gradient(72% 48% at 78% -8%,#fffffff5 0%,#fff0 66%),radial-gradient(50% 44% at 8% 34%,#bec8d857 0%,#bec8d800 72%),radial-gradient(42% 36% at 96% 78%,#c7cfdc3d 0%,#c7cfdc00 75%),linear-gradient(118deg,#e8ebf0 0%,#f6f7f9 46%,#e5e8ee 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}:root[data-theme=dark] .dashboard-app{background-color:#0000;background-image:radial-gradient(68% 45% at 78% -10%,#6e7e9424 0%,#6e7e9400 68%),radial-gradient(52% 42% at 5% 36%,#3e4a5b29 0%,#3e4a5b00 72%),linear-gradient(122deg,#101115 0%,#17191e 48%,#0f1115 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.dashboard-sidebar{-webkit-backdrop-filter:blur(22px)saturate(126%);background:#f2f4f8b8;border-right-color:#8492a633;box-shadow:inset -1px 0 #ffffff8a,16px 0 42px #34455e0e}:root[data-theme=dark] .dashboard-sidebar{background:#111216c7;border-right-color:#ffffff14;box-shadow:inset -1px 0 #ffffff09,16px 0 42px #00000029}.dashboard-topbar.classic-topbar{-webkit-backdrop-filter:blur(24px)saturate(128%);background:#f0f2f6b3;border-bottom-color:#8492a62e;box-shadow:0 12px 34px #34455e0a}:root[data-theme=dark] .dashboard-topbar.classic-topbar{background:#101115bd;border-bottom-color:#ffffff13}.dashboard-app .card,.dashboard-app .settings-form,.dashboard-app .status-list article,.dashboard-app .metric-grid article,.dashboard-app .table-card,.dashboard-app .elegant-table-container,.dashboard-app .dashboard-callout,.dashboard-app .speedtest-block,.dashboard-app .gateway-history-card,.dashboard-app .ddns-form,.dashboard-app .service-config-card,.dashboard-app .service-inline-control,.dashboard-app .classic-security-card,.dashboard-app .classic-security-feed,.dashboard-app .wg-peer-panel,.dashboard-app .wireguard-workspace>.wg-provision-card,.dashboard-app .wireguard-workspace>.wg-client-card{border-color:var(--classic-glass-border);background:var(--classic-glass);box-shadow:inset 0 1px 0 #ffffff9e, 0 16px 42px var(--classic-glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(124%)}:root[data-theme=dark] .dashboard-app .card,:root[data-theme=dark] .dashboard-app .settings-form,:root[data-theme=dark] .dashboard-app .status-list article,:root[data-theme=dark] .dashboard-app .metric-grid article,:root[data-theme=dark] .dashboard-app .table-card,:root[data-theme=dark] .dashboard-app .elegant-table-container,:root[data-theme=dark] .dashboard-app .dashboard-callout,:root[data-theme=dark] .dashboard-app .speedtest-block,:root[data-theme=dark] .dashboard-app .gateway-history-card,:root[data-theme=dark] .dashboard-app .ddns-form,:root[data-theme=dark] .dashboard-app .service-config-card,:root[data-theme=dark] .dashboard-app .service-inline-control,:root[data-theme=dark] .dashboard-app .classic-security-card,:root[data-theme=dark] .dashboard-app .classic-security-feed,:root[data-theme=dark] .dashboard-app .wg-peer-panel,:root[data-theme=dark] .dashboard-app .wireguard-workspace>.wg-provision-card,:root[data-theme=dark] .dashboard-app .wireguard-workspace>.wg-client-card{box-shadow:inset 0 1px 0 #ffffff0e, 0 16px 42px var(--classic-glass-shadow)}.dashboard-app .card-title-row,.dashboard-app .service-config-header,.dashboard-app .security-control-card>.card-title-row{background:linear-gradient(105deg,#ffffff57,#ebf0f726)}:root[data-theme=dark] .dashboard-app .card-title-row,:root[data-theme=dark] .dashboard-app .service-config-header,:root[data-theme=dark] .dashboard-app .security-control-card>.card-title-row{background:linear-gradient(105deg,#ffffff09,#7b97ba06)}.dashboard-app input,.dashboard-app select{background:var(--classic-glass-strong);box-shadow:inset 0 1px #ffffff7a}:root[data-theme=dark] .dashboard-app input,:root[data-theme=dark] .dashboard-app select{box-shadow:inset 0 1px #ffffff0b}@media (prefers-reduced-transparency:reduce){.dashboard-sidebar,.dashboard-topbar.classic-topbar,.dashboard-app .card,.dashboard-app .settings-form,.dashboard-app .service-config-card,.dashboard-app .classic-security-card,.dashboard-app .classic-security-feed{background:var(--classic-panel);-webkit-backdrop-filter:none}}.dashboard-brand:before{display:none}.dashboard-brand{justify-content:flex-start;min-height:52px;padding-inline:15px}.dashboard-brand .dashboard-brand-title strong{font-size:19px}.dashboard-sidebar nav a.is-active:after{display:none}.overview-status-hero+.health-banner{margin-top:18px}.dashboard-section-heading.has-facts,.dns-filter-heading.has-facts{justify-items:stretch;grid-template-columns:minmax(0,1fr)!important}.dashboard-section-heading.has-facts>.subpage-hero-head,.dashboard-section-heading.has-facts>.subpage-hero-facts,.dns-filter-heading.has-facts>.subpage-hero-head,.dns-filter-heading.has-facts>.subpage-hero-facts{justify-self:stretch;width:100%;min-width:100%;max-width:none;grid-column:1/-1!important}.dashboard-section-heading,.dns-filter-heading,.wg-page-hero,.classic-security-command,.overview-status-hero{background:radial-gradient(42% 62% at 88% -8%,#74b5ff24 0%,#74b5ff09 44%,#74b5ff00 72%),linear-gradient(112deg,#10243e 0%,#112944 54%,#10243e 100%)}.overview-status-hero.is-warning{background:radial-gradient(42% 62% at 88% -8%,#82b4ed1f 0%,#82b4ed00 72%),linear-gradient(112deg,#172942 0%,#1a304d 58%,#172942 100%)}.overview-status-hero.is-bad{background:radial-gradient(42% 62% at 88% -8%,#d38b9e1c 0%,#d38b9e00 72%),linear-gradient(112deg,#30202a 0%,#382530 58%,#30202a 100%)}@media (width>=901px){.dashboard-topbar.classic-topbar{border:1px solid #ffffffad;border-radius:20px;min-height:72px;margin:14px 0 34px;padding:0 22px;top:14px;box-shadow:inset 0 1px #ffffffb8,0 16px 38px #30415a17}:root[data-theme=dark] .dashboard-topbar.classic-topbar{border-color:#ffffff13;box-shadow:inset 0 1px #ffffff0b,0 16px 38px #00000038}}.dashboard-main>.dashboard-section:not(#overview),.dashboard-main>.dns-filter,.classic-dashboard-overview[aria-label=Security]{width:min(100%,1480px);max-width:1480px}.dashboard-section-heading.has-facts,.dns-filter-heading.has-facts,.subpage-hero-facts{box-sizing:border-box;width:100%}.subpage-hero-facts{grid-column:1/-1;justify-self:stretch}.dashboard-app .dns-filter-heading h2,.dashboard-app .dns-filter-heading.has-facts h2,:root[data-theme=light] .dashboard-app .dns-filter-heading h2,:root[data-theme=dark] .dashboard-app .dns-filter-heading h2{color:#f4f8ff;-webkit-text-fill-color:#f4f8ff}@media (width>=901px){.dashboard-sidebar{border:1px solid #ffffffb8;border-radius:22px;width:272px;padding:18px 14px 14px;inset:14px auto 14px 14px;box-shadow:inset 0 1px #ffffffd6,0 22px 54px #30415a21}:root[data-theme=dark] .dashboard-sidebar{border-color:#ffffff16;box-shadow:inset 0 1px #ffffff0f,0 22px 54px #00000057}.dashboard-main{margin-left:300px;padding-left:28px;padding-right:28px}}.dashboard-brand{background:#ffffff61;border:1px solid #ffffff94;border-radius:16px;align-items:center;gap:12px;min-height:58px;margin-bottom:15px;padding:9px 11px;display:flex;box-shadow:inset 0 1px #ffffffb3}.dashboard-brand:before{color:#dcecff;content:"M";letter-spacing:-.035em;background:linear-gradient(145deg,#193552,#0f233a);border:1px solid #7ab1f438;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:820;display:grid;box-shadow:inset 0 1px #ffffff1a,0 8px 20px #1734542e}.dashboard-brand .dashboard-brand-title strong{letter-spacing:-.04em;font-size:17px;font-weight:760}:root[data-theme=dark] .dashboard-brand{background:#ffffff09;border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0b}.dashboard-sidebar nav.dashboard-navigation{scrollbar-color:#697c943d transparent;padding:2px 3px 8px}.dashboard-nav-group{padding:0 3px;position:relative}.dashboard-nav-group+.dashboard-nav-group{border-top:1px solid #74859b21;margin-top:14px;padding-top:14px}.dashboard-nav-group h2{color:#77879a;letter-spacing:.14em;margin-bottom:7px;padding-inline:11px;font-size:9px}.dashboard-sidebar nav a{color:#536579;border:1px solid #0000;border-radius:12px;gap:11px;min-height:42px;padding:0 11px;font-size:12px;transition:border-color .17s,background .17s,color .17s,transform .17s,box-shadow .17s;position:relative;overflow:hidden}.dashboard-sidebar nav a .dashboard-nav-icon{color:#78899c;border-radius:6px;width:18px;height:18px;transition:color .17s,transform .17s}.dashboard-sidebar nav a:hover{color:#182a3d;background:#ffffff57;border-color:#ffffff8a;transform:translate(2px);box-shadow:inset 0 1px #fff9}.dashboard-sidebar nav a:hover .dashboard-nav-icon{color:#3d648d;transform:scale(1.05)}.dashboard-sidebar nav a.is-active:after{content:"";background:#3187de;border-radius:0 4px 4px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}:root[data-theme=dark] .dashboard-sidebar nav a{color:#bdc9d7}:root[data-theme=dark] .dashboard-sidebar nav a:hover{color:#fff;background:#ffffff0e;border-color:#ffffff13;box-shadow:inset 0 1px #ffffff0b}.dashboard-sidebar-footer{border-top:0;padding-top:12px}.dashboard-brand-revision{color:#738499;background:#ffffff40;border:1px solid #ffffff75;border-radius:11px;align-items:center;min-height:38px;padding:0 11px}:root[data-theme=dark] .dashboard-brand-revision{color:#9aabc0;background:#ffffff06;border-color:#ffffff0f}@media (width<=900px){.dashboard-sidebar{border:1px solid var(--classic-glass-border);border-radius:20px;height:auto;inset:10px auto 10px 10px;box-shadow:inset 0 1px #ffffff94,20px 0 60px #1a273938}}.dashboard-brand:before,.dashboard-sidebar nav a.is-active:after{content:none;display:none}.classic-page-heading h1{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(115deg,#17191d 12%,#666c75 88%);-webkit-background-clip:text;background-clip:text;margin-top:0}:root[data-theme=dark] .classic-page-heading h1{background-image:linear-gradient(115deg,#f5f7fa 12%,#9ba3ae 88%)}.dashboard-brand,:root[data-theme=dark] .dashboard-brand{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 14px;padding:12px 11px 18px}.dashboard-sidebar nav a.is-active{color:#27313d;background:linear-gradient(105deg,#ffffffa3,#ebeef385);border-color:#5f6a7824;box-shadow:inset 0 1px #ffffffbd,0 8px 20px #37425212}.dashboard-sidebar nav a.is-active .dashboard-nav-icon{color:#59697a}:root[data-theme=dark] .dashboard-sidebar nav a.is-active{color:#f2f4f7;background:linear-gradient(105deg,#ffffff17,#ffffff0a);border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0e,0 8px 22px #00000021}:root[data-theme=dark] .dashboard-sidebar nav a.is-active .dashboard-nav-icon{color:#c9d1da}.dashboard-main>.classic-dashboard-overview,.dashboard-main>.dashboard-section,.dashboard-main>.dns-filter{scroll-margin-top:118px}.dashboard-main>.dashboard-section:not(#overview),.dashboard-main>.dns-filter{padding-top:0}@media (width>=901px){.dashboard-sidebar{width:218px;padding-inline:12px}.dashboard-main{margin-left:246px}.dashboard-topbar.classic-topbar{margin-bottom:30px}.dashboard-sidebar nav a{gap:10px;padding-inline:10px;font-size:11.5px}.dashboard-nav-group h2{padding-inline:10px}}.dashboard-topbar.classic-topbar{z-index:40;position:relative;top:auto}.classic-page-heading h1{filter:drop-shadow(0 1px #ffffff85);background-size:150% 100%}:root[data-theme=dark] .classic-page-heading h1{filter:drop-shadow(0 1px #ffffff14)}.classic-account-monogram{color:#26313d;background:#6874831a;border-radius:50%;box-shadow:inset 0 1px #ffffffb8}.classic-account-monogram svg{width:22px;height:22px}:root[data-theme=dark] .classic-account-monogram{color:#e6ebf1;background:#ffffff13;box-shadow:inset 0 1px #ffffff12}.dashboard-sidebar .dashboard-nav-icon{display:none}.dashboard-sidebar nav a{gap:0;min-height:34px}.dashboard-nav-group+.dashboard-nav-group{margin-top:7px;padding-top:7px}.dashboard-nav-group h2{margin-bottom:4px;font-size:8px}.dashboard-sidebar-footer{padding-top:7px}.dashboard-brand-revision{min-height:32px}.overview-summary-meta .overview-request-state{grid-template-rows:auto auto;grid-template-columns:1fr;column-gap:0}.overview-request-state svg{display:none}.dashboard-section-heading:after,.dns-filter-heading:after,.wg-page-hero:after,.classic-security-command:after,.overview-status-hero:after{content:none;display:none}.dashboard-section-heading,.dns-filter-heading,.wg-page-hero,.classic-security-command,.overview-status-hero{box-shadow:inset 0 1px #ffffff17,inset -140px 0 190px #5b97da0b,0 18px 46px #152d4c24}@media (width>=901px){.dashboard-sidebar{padding-block:12px}.dashboard-brand{margin-bottom:6px;padding-block:8px 12px}.dashboard-sidebar nav a{padding-inline:10px}}.static-lease-search{max-width:360px;margin:.9rem 0 .3rem}.static-leases .empty-state{padding:1rem}@media (width<=640px){.static-lease-search{max-width:none}}.qos-speedtest{border:1px solid var(--dashboard-border);background:var(--surface);border-radius:14px;margin:.9rem 0 1.1rem;padding:1.1rem 1.2rem}.qos-speedtest-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.qos-speedtest-head h4{font:600 1rem var(--font-sans);color:var(--text-primary);margin:0 0 .2rem}.qos-speedtest-head p{color:var(--text-secondary);max-width:52ch;margin:0;font-size:.85rem}.qos-speedtest-result{flex-wrap:wrap;align-items:stretch;gap:.7rem;display:flex}.qos-speedtest-measured,.qos-speedtest-suggested{border:1px solid var(--dashboard-border);background:var(--surface-muted);border-radius:10px;flex:1;min-width:180px;padding:.8rem 1rem}.qos-speedtest-suggested{border-color:var(--classic-blue)}.qos-speedtest-result small{font:700 .62rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.3rem;display:block}.qos-speedtest-result b{font:700 1.25rem var(--font-sans);color:var(--text-primary);display:block}.qos-speedtest-result span{color:var(--text-secondary);font:500 .78rem var(--font-mono);margin-top:.15rem;display:block}.qos-speedtest-result .button{align-self:center}@media (width<=640px){.qos-speedtest-head{flex-direction:column;align-items:flex-start}}.static-online{background:var(--text-tertiary);vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:.55rem;display:inline-block}.static-online.is-online{background:var(--classic-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--classic-green) 22%,transparent)}.static-actions{white-space:nowrap;gap:.4rem;display:flex}@media (width<=640px){.static-actions{flex-direction:column}}.overview-help-link{color:var(--classic-blue)}.overview-help-link:hover{text-decoration:underline}.health-banner{border:1px solid var(--separator);background:var(--surface);box-shadow:var(--shadow-card);border-radius:12px;margin-bottom:16px;overflow:hidden}.health-banner-main{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.health-banner-dot{background:var(--text-tertiary);border-radius:50%;flex:none;width:10px;height:10px}.health-banner.is-good .health-banner-dot{background:var(--success)}.health-banner.is-warning .health-banner-dot{background:var(--warning)}.health-banner.is-bad .health-banner-dot{background:var(--danger)}.health-banner.is-unknown .health-banner-dot{background:var(--text-tertiary)}.health-banner.is-good{border-left:3px solid var(--success)}.health-banner.is-warning{border-left:3px solid var(--warning)}.health-banner.is-bad{border-left:3px solid var(--danger)}.health-banner.is-unknown{border-left:3px solid var(--text-tertiary)}.health-banner-copy{flex:260px;min-width:0}.health-banner-copy strong{color:var(--text);font-size:.95rem;display:block}.health-banner-copy p{color:var(--text-secondary);margin:2px 0 0;font-size:.85rem}.health-banner-meta{color:var(--text-secondary);flex-direction:column;align-items:flex-end;font-size:.8rem;display:flex}.health-banner-meta small{color:var(--text-tertiary)}.health-banner-toggle{border:1px solid var(--separator);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:.8rem}.health-banner-toggle:hover{border-color:var(--separator-strong)}.health-banner-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.health-checks-section{border:1px solid var(--separator);background:var(--surface);box-shadow:var(--shadow-card);border-radius:16px;margin-top:18px;scroll-margin-top:24px;overflow:hidden}.health-checks-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.health-checks-kicker{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:750;display:block}.health-checks-header h2{color:var(--text);margin:5px 0 0;font-size:1rem}.health-checks-header p{color:var(--text-secondary);margin:4px 0 0;font-size:.82rem}.health-checks-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex:none;font-size:.78rem}.health-check-list{border-top:1px solid var(--separator);margin:0;padding:0;list-style:none}.health-check{border-bottom:1px solid var(--separator);align-items:center;gap:10px;padding:10px 16px;display:flex}.health-check:last-child{border-bottom:none}.health-check>div{flex:1;min-width:0}.health-check strong{color:var(--text);font-size:.85rem;display:block}.health-check p{color:var(--text-secondary);margin:2px 0 0;font-size:.8rem}.health-check em{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:.75rem;font-style:normal}.health-check-dot{background:var(--text-tertiary);border-radius:50%;flex:none;width:8px;height:8px}.health-check.is-good .health-check-dot{background:var(--success)}.health-check.is-warning .health-check-dot{background:var(--warning)}.health-check.is-bad .health-check-dot{background:var(--danger)}.overview-resource-note.is-warning{color:var(--warning)}.overview-resource-note.is-bad{color:var(--danger)}.overview-resource-note.is-unknown{color:var(--text-tertiary)}.overview-chart-note{color:var(--text-tertiary);margin:6px 0 0;font-size:.75rem}.classic-setup-pill.is-warning{color:var(--warning)}.classic-setup-pill.is-bad{color:var(--danger)}.classic-setup-pill.is-unknown{color:var(--text-tertiary)}.form-note.is-warning{color:var(--warning)}.form-note.is-error{color:var(--danger)}.static-lease-form{margin-top:12px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.firewall-rules tr.is-paused{opacity:.6}.firewall-rule-actions{flex-wrap:wrap;gap:6px;display:flex}.firewall-rules td.is-good{color:var(--success)}.firewall-rules td.is-bad{color:var(--danger)}.traffic-month-tabs{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.traffic-month-tabs button{border:1px solid var(--separator);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.82rem}.traffic-month-tabs button.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.traffic-month-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.traffic-share{align-items:center;gap:8px;min-width:140px;display:flex}.traffic-share progress{flex:1;height:6px}.traffic-share small{color:var(--text-tertiary);font-variant-numeric:tabular-nums}@media (width<=720px){.form-grid.three{grid-template-columns:1fr}.health-banner-main{align-items:flex-start}.health-banner-meta{align-items:flex-start;width:100%}}.dashboard-app .elegant-col-w100{width:100px}.dashboard-app .elegant-col-w120{width:120px}.dashboard-app .elegant-col-w130{width:130px}.dashboard-app .elegant-col-w140{width:140px}.dashboard-app .elegant-col-w170{width:170px}.wg-peer-rename-form{align-items:center;gap:6px;display:flex}.traffic-total-value{color:var(--classic-text)}.settings-form fieldset>.form-actions.section-actions,.dns-records-fieldset>.form-actions.section-actions{border-top:0;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;padding-top:0;display:flex}.section-saved{min-height:20px;color:var(--classic-green);opacity:0;align-items:center;gap:6px;font-size:12px;font-weight:700;transition:opacity .18s,transform .18s;display:inline-flex;transform:translateY(2px)}.section-saved.is-visible{opacity:1;transform:translateY(0)}.section-saved svg{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.section-saved{transition:none}}@media (width<=640px){.settings-form fieldset>.form-actions.section-actions,.dns-records-fieldset>.form-actions.section-actions{justify-content:space-between}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--canvas:#f5f5f7;--sidebar:#f6f6f8e6;--surface:#fff;--surface-raised:#fff;--surface-muted:#f0f0f2;--surface-subtle:#fafafa;--text:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--separator:#3c3c4326;--separator-strong:#3c3c4340;--accent:#007aff;--accent-hover:#006ee6;--accent-soft:#007aff1a;--success:#248a3d;--success-soft:#e8f5eb;--warning:#b25000;--danger:#d70015;--violet:#7655c7;--shadow-card:0 1px 2px #0000000a;--shadow-raised:0 24px 70px #0000002e, 0 2px 8px #00000014;--ease:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{--canvas:#161617;--sidebar:#1c1c1ee6;--surface:#242426;--surface-raised:#2c2c2e;--surface-muted:#323234;--surface-subtle:#1d1d1f;--text:#f5f5f7;--text-secondary:#aeaeb2;--text-tertiary:#8e8e93;--separator:#ebebf524;--separator-strong:#ebebf540;--accent:#0a84ff;--accent-hover:#409cff;--accent-soft:#0a84ff2e;--success:#30d158;--success-soft:#30d15824;--warning:#ff9f0a;--danger:#ff453a;--violet:#bf8cff;--shadow-card:0 1px 2px #00000029;--shadow-raised:0 28px 80px #00000073, 0 2px 8px #00000040}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);scroll-padding-top:80px}body{background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--separator);background:var(--sidebar);-webkit-backdrop-filter:saturate(160%)blur(28px);backdrop-filter:saturate(160%)blur(28px);flex-direction:column;width:240px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brand-mark{background:var(--surface);border:1px solid var(--separator);width:40px;height:40px;box-shadow:var(--shadow-card);border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.brand-mark img{width:26px;height:26px;display:block}.brand-row>div:nth-child(2){min-width:0}.brand-row strong,.brand-row span{display:block}.brand-row strong{letter-spacing:-.02em;font-size:14px;font-weight:650}.brand-row span{color:var(--text-tertiary);margin-top:2px;font-size:11px}.sidebar-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:26px;display:none}.side-nav{flex-direction:column;gap:4px;display:flex}.side-nav a{min-height:44px;color:var(--text-secondary);transition:background .15s var(--ease), color .15s var(--ease);border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:520;text-decoration:none;display:flex}.side-nav a:hover{background:var(--surface-muted);color:var(--text)}.side-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:620}.side-nav a span{width:24px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:10px}.side-nav a.active span{color:var(--accent)}.sidebar-foot{margin-top:auto}.sidebar-health{background:var(--surface);box-shadow:var(--shadow-card);border-radius:14px;align-items:flex-start;gap:10px;padding:13px;display:flex}.sidebar-health .status-dot{margin-top:4px}.sidebar-health strong,.sidebar-health span{display:block}.sidebar-health strong{font-size:11px;font-weight:620}.sidebar-health span{color:var(--text-tertiary);margin-top:3px;font-size:9px}.version-row{color:var(--text-tertiary);justify-content:space-between;padding:16px 4px 0;font-size:9px;display:flex}.main-panel{min-height:100vh;margin-left:240px}.topbar{z-index:20;border-bottom:1px solid var(--separator);background:var(--canvas);justify-content:space-between;align-items:center;height:68px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--canvas) 86%, transparent)}}.topbar{-webkit-backdrop-filter:saturate(160%)blur(24px);backdrop-filter:saturate(160%)blur(24px);padding:0 32px}.header-status{border:1px solid var(--separator);background:var(--surface);box-shadow:var(--shadow-card);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex}.header-status strong{font-size:12px;font-weight:650;line-height:1.2;display:block}.header-status span{color:var(--text-tertiary);font-size:10px;line-height:1.2;display:block}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.avatar-button,.menu-button{border:1px solid var(--separator);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;display:grid}.icon-button{font-size:18px}.avatar-button{background:var(--text);color:var(--surface);border-color:#0000;font-size:11px;font-weight:700}.menu-button{gap:4px;display:none}.menu-button span{background:currentColor;border-radius:2px;width:16px;height:1.5px;display:block}.content{width:min(100%,1440px);margin:0 auto;padding:48px 32px 28px}.font-scale-control{border:1px solid var(--separator);background:var(--surface);border-radius:12px;align-items:center;gap:1px;height:40px;padding:0 4px;display:flex}.scale-btn{color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:0;border-radius:8px;padding:4px 7px;font-size:12px;font-weight:600}.scale-btn:hover{background:var(--surface-muted);color:var(--text)}.scale-btn.small{font-size:11px;font-weight:500}.scale-btn.large{font-size:14px;font-weight:700}.scale-btn.reset{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.page-intro{padding:10px 0 24px}.intro-strip{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.intro-strip .eyebrow{letter-spacing:.08em;color:var(--text-secondary);margin:0;font-size:13px;font-weight:750}.intro-meta{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.intro-meta:before{content:"·";color:var(--separator-strong);margin-right:4px;font-size:15px;font-weight:700}.intro-meta strong{color:var(--text);font-size:13px;font-weight:650}.intro-meta strong.up-to-date{color:var(--success);font-weight:650}.intro-meta strong.needs-update{color:var(--warning);font-weight:650}.eyebrow,.mini-label{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:680}.page-intro h1,.section-heading h2{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(30px,3vw,42px);font-weight:660;line-height:1.08}.page-intro>div:first-child>p:last-child{max-width:620px;color:var(--text-secondary);margin:12px 0 0;font-size:15px;line-height:1.55}.topbar-divider{background:var(--separator-strong);width:1px;height:28px;margin:0 10px}.service-chips{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 9px;font-size:12px;font-weight:600;display:inline-flex}.chip.ok{background:var(--success-soft);color:var(--success)}.chip i.status-dot{width:5px;height:5px;box-shadow:none;flex:0 0 5px}.status-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%;flex:0 0 8px;display:inline-block}.card{border:1px solid var(--separator);background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px}.internet-card{padding:28px;overflow:hidden}.internet-head,.section-heading,.card-title-row,.wireguard-status{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.section-label{color:var(--text-secondary);align-items:center;gap:9px;font-size:11px;font-weight:620;display:flex}.internet-head h2{letter-spacing:-.045em;margin:11px 0 0;font-size:clamp(27px,3vw,40px);font-weight:660}.internet-meta{color:var(--text-tertiary);flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:10px;display:flex}.internet-meta code{color:var(--text-secondary);margin-left:4px}.pppoe-pill,.status-label{border:1px solid var(--separator);background:var(--surface-subtle);min-height:34px;color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:630;display:inline-flex}.pppoe-pill .status-dot,.status-label .status-dot{width:6px;height:6px;box-shadow:none;flex-basis:6px}.pppoe-pill.is-offline{color:var(--text-tertiary)}.pppoe-pill.is-offline .status-dot{background:var(--text-tertiary)}.traffic-summary{grid-template-columns:1fr 1fr .7fr;gap:12px;margin:28px 0 24px;display:grid}.traffic-value,.latency-value{background:var(--surface-muted);border-radius:16px;min-height:112px;padding:20px}.traffic-value{align-items:center;gap:16px;display:flex}.traffic-arrow{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:12px;flex:0 0 38px;place-items:center;font-size:20px;display:grid}.upload-arrow{background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.upload-arrow{background:color-mix(in srgb, var(--violet) 12%, transparent)}}.upload-arrow{color:var(--violet)}.traffic-value span:not(.traffic-arrow),.latency-value>span{color:var(--text-tertiary);margin-bottom:4px;font-size:10px;display:block}.traffic-value strong,.latency-value strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(25px,2.8vw,36px);font-weight:650;display:block}.traffic-value small,.latency-value small,.resource-top small,.wireguard-summary small{color:var(--text-secondary);letter-spacing:0;font-size:.46em;font-weight:520}.latency-value{flex-direction:column;justify-content:center;display:flex}.latency-value em{color:var(--text-tertiary);margin-top:5px;font-size:9px;font-style:normal}.chart-wrap{border-top:1px solid var(--separator);padding-top:22px}.chart-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.chart-head strong,.chart-head span{display:block}.chart-head strong{font-size:12px;font-weight:640}.chart-head>div:first-child span{color:var(--text-tertiary);margin-top:3px;font-size:9px}.chart-legend{color:var(--text-tertiary);gap:14px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i,.split-legend i{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block}.chart-legend .legend-upload,.split-legend .upload-key{background:var(--violet)}.traffic-canvas{width:100%;height:210px;margin-top:12px;display:block}.chart-axis{color:var(--text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:8px;display:flex}.section-block{padding-top:72px}.section-heading{align-items:flex-end;margin-bottom:22px}.section-heading h2{font-size:clamp(27px,3vw,36px)}.quiet-meta{color:var(--text-tertiary);font-size:10px}.system-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.resource-card{padding:22px}.resource-top{justify-content:space-between;align-items:baseline;display:flex}.resource-top>span{color:var(--text-secondary);font-size:11px;font-weight:620}.resource-top strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:27px;font-weight:650}.meter-row{margin-top:20px}.meter-copy{color:var(--text-tertiary);justify-content:space-between;font-size:9px;display:flex}.meter-copy strong{color:var(--text-secondary);font-weight:520}.meter-track{background:var(--surface-muted);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.meter-fill{border-radius:inherit;background:var(--accent);height:100%;display:block}.meter-violet{background:var(--violet)}.meter-green{background:var(--success)}.resource-card>p{color:var(--text-tertiary);margin:12px 0 0;font-size:9px}.facts-strip{grid-template-columns:repeat(4,1fr);margin-top:16px;padding:18px 22px;display:grid}.facts-strip div{border-right:1px solid var(--separator);padding:0 20px}.facts-strip div:first-child{padding-left:0}.facts-strip div:last-child{border-right:0;padding-right:0}.facts-strip span,.facts-strip strong{display:block}.facts-strip span{color:var(--text-tertiary);font-size:9px}.facts-strip strong{margin-top:5px;font-size:11px;font-weight:620}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.two-column.wide-left{grid-template-columns:minmax(0,1.75fr) minmax(270px,.75fr)}.table-card{overflow:hidden}.card-title-row{align-items:center}.table-card>.card-title-row,.settings-card>.card-title-row{padding:21px 22px 17px}.card-title-row h3,.lan-summary h3,.wireguard-status h3,.cloud-card h3,.recovery-card h3,.modal h2{letter-spacing:-.025em;margin:0;font-size:15px;font-weight:650}.card-title-row p,.lan-summary>p,.wireguard-status p,.cloud-card p,.recovery-card p,.modal-copy{color:var(--text-tertiary);margin:5px 0 0;font-size:10px;line-height:1.5}.quiet-button{min-height:36px;color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:620}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{border-top:1px solid var(--separator);border-bottom:1px solid var(--separator);background:var(--surface-subtle);color:var(--text-tertiary);letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:10px 16px;font-size:8px;font-weight:680}td{border-bottom:1px solid var(--separator);color:var(--text-secondary);padding:14px 16px;font-size:10px}tbody tr:last-child td{border-bottom:0}td strong,td span{display:block}td strong{color:var(--text);font-size:11px;font-weight:610}td>span{color:var(--text-tertiary);margin-top:3px;font-size:8px}.micro-status{color:var(--success);align-items:center;gap:5px;font-weight:600;display:inline-flex}.micro-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.micro-status.static{color:var(--accent)}.lan-summary{padding:24px}.summary-icon{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);border-radius:18px;place-items:center;margin-bottom:24px;font-size:22px;font-weight:660;display:grid}.lan-summary>p{max-width:300px}.summary-list{border-top:1px solid var(--separator);margin:22px 0}.summary-list>div{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;gap:16px;min-height:42px;font-size:9px;display:flex}.summary-list span{color:var(--text-tertiary)}.summary-list strong{font-weight:580}.button{cursor:pointer;min-height:42px;transition:transform .15s var(--ease), background .15s var(--ease);border-radius:11px;padding:0 16px;font-size:11px;font-weight:630}.button:active{transform:scale(.985)}.button.primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-hover)}.button.secondary{border:1px solid var(--separator-strong);background:var(--surface);color:var(--text)}.button.secondary:hover{background:var(--surface-muted)}.button.danger{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.button.danger{border:1px solid color-mix(in srgb, var(--danger) 26%, var(--separator))}}.button.danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.button.danger{background:color-mix(in srgb, var(--danger) 8%, var(--surface))}}.button.danger{color:var(--danger)}.button.danger:hover{background:var(--danger);color:#fff}.button.full{width:100%}.status-label.success{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.status-label.success{border-color:color-mix(in srgb, var(--success) 22%, var(--separator))}}.status-label.success{background:var(--success-soft);color:var(--success)}.settings-card{overflow:hidden}.shield-mark{background:var(--success-soft);width:38px;height:38px;color:var(--success);border-radius:12px;flex:0 0 38px;place-items:center;font-size:15px;font-weight:700;display:grid}.setting-row{border-top:1px solid var(--separator);justify-content:space-between;align-items:center;gap:24px;min-height:73px;padding:14px 22px;display:flex}.setting-row>div strong,.setting-row>div span{display:block}.setting-row strong{font-size:11px;font-weight:620}.setting-row div span{color:var(--text-tertiary);margin-top:4px;font-size:9px}.switch{background:var(--separator-strong);cursor:pointer;width:42px;height:25px;transition:background .18s var(--ease);border:0;border-radius:999px;flex:0 0 42px;position:relative}.switch span{width:19px;height:19px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;margin:0;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.switch.is-on{background:var(--success)}.switch.is-on span{transform:translate(17px)}.small-status{background:var(--success-soft);color:var(--success);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:650}.small-status.neutral{background:var(--surface-muted);color:var(--text-secondary)}.forward-rule{border-top:1px solid var(--separator);border-bottom:1px solid var(--separator);align-items:center;gap:13px;padding:16px 22px;display:flex}.port-badge{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:11px;flex:0 0 42px;place-items:center;font-size:11px;font-weight:700;display:grid}.forward-rule>div:nth-child(2){flex:1}.forward-rule>div strong,.forward-rule>div span{display:block}.forward-rule strong{font-size:11px;font-weight:620}.forward-rule>div span{color:var(--text-tertiary);margin-top:3px;font-size:9px}.firewall-stat{grid-template-columns:repeat(2,1fr);padding:18px 22px;display:grid}.firewall-stat>div+div{border-left:1px solid var(--separator);padding-left:22px}.firewall-stat strong,.firewall-stat span{display:block}.firewall-stat strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}.firewall-stat span{color:var(--text-tertiary);margin-top:4px;font-size:9px}.wireguard-hero{overflow:hidden}.wireguard-status{align-items:center;padding:24px}.wg-mark{background:var(--text);width:54px;height:54px;color:var(--surface);border-radius:17px;flex:0 0 54px;place-items:center;font-size:20px;font-weight:740;display:grid}.wireguard-status>div:nth-child(2){flex:1}.wireguard-status>div:nth-child(2)>span{color:var(--text-tertiary);font-size:9px}.wireguard-status h3{margin-top:4px;font-size:17px}.peer-list{border-top:1px solid var(--separator)}.peer-row{border-bottom:1px solid var(--separator);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 24px;display:grid}.peer-row:last-child{border-bottom:0}.peer-avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:11px;place-items:center;font-size:9px;font-weight:700;display:grid}.peer-avatar.violet{background:var(--violet)}@supports (color:color-mix(in lab, red, red)){.peer-avatar.violet{background:color-mix(in srgb, var(--violet) 13%, transparent)}}.peer-avatar.violet{color:var(--violet)}.peer-avatar.gray{background:var(--surface-muted);color:var(--text-tertiary)}.peer-row strong,.peer-row span{display:block}.peer-row strong{font-size:11px;font-weight:620}.peer-row span{color:var(--text-tertiary);margin-top:3px;font-size:8px}.peer-traffic{text-align:right}.peer-traffic.muted strong{color:var(--text-tertiary)}.wireguard-summary{flex-direction:column;padding:24px;display:flex}.wireguard-summary>strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin-top:4px;font-size:36px;font-weight:660}.wireguard-summary>p{color:var(--text-tertiary);margin:5px 0 22px;font-size:10px}.split-meter{border-radius:999px;gap:2px;height:7px;display:flex;overflow:hidden}.split-meter span{background:var(--accent)}.split-meter i{background:var(--violet)}.split-legend{color:var(--text-tertiary);gap:9px;margin:14px 0 24px;font-size:9px;display:grid}.split-legend span{align-items:center;gap:7px;display:flex}.wireguard-summary .button{margin-top:auto}.cloud-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.cloud-card{grid-template-columns:54px 1fr;gap:18px;padding:24px;display:grid}.cloud-icon{color:#c65300;background:#fff0df;border-radius:17px;place-items:center;width:54px;height:54px;font-size:10px;font-weight:760;display:grid}.cloud-icon.tunnel{background:var(--accent-soft);color:var(--accent)}:root[data-theme=dark] .cloud-icon{color:#ff9f0a;background:#ff9f0a26}.cloud-host{border-top:1px solid var(--separator);border-bottom:1px solid var(--separator);color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:13px 0;font-size:9px;display:flex}.cloud-host code{color:var(--text)}.cloud-meta{color:var(--text-tertiary);justify-content:space-between;gap:16px;margin-top:12px;font-size:8px;display:flex}.recovery-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.recovery-card{flex-direction:column;align-items:flex-start;min-height:260px;padding:24px;display:flex}.recovery-index{border:1px solid var(--separator);width:38px;height:38px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;margin-bottom:35px;font-size:9px;display:grid}.snapshot-card .recovery-index{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.snapshot-card .recovery-index{border-color:color-mix(in srgb, var(--success) 25%, var(--separator))}}.snapshot-card .recovery-index{background:var(--success-soft);color:var(--success)}.recovery-card h3{font-size:16px}.recovery-card .button{margin-top:auto}footer{border-top:1px solid var(--separator);color:var(--text-tertiary);justify-content:space-between;gap:20px;margin-top:72px;padding:22px 0 0;font-size:9px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:saturate(120%)blur(12px);backdrop-filter:saturate(120%)blur(12px);animation:modal-backdrop-in .18s var(--ease);background:#0f0f1261;place-items:center;padding:32px 20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--separator);background:var(--surface-raised);width:min(100%,600px);max-height:min(820px,100dvh - 64px);box-shadow:var(--shadow-raised);animation:modal-panel-in .22s var(--ease);border-radius:20px;padding:32px;position:relative;overflow-y:auto}.modal h2{letter-spacing:-.035em;max-width:calc(100% - 48px);margin-top:5px;font-size:24px;line-height:1.2}.modal-copy{max-width:520px;color:var(--text-secondary);margin-top:10px;font-size:14px;line-height:1.55}.modal-close{background:var(--surface-muted);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:background .14s var(--ease), color .14s var(--ease), transform .14s var(--ease);border:0;border-radius:50%;place-items:center;font-size:22px;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--separator);color:var(--text);transform:scale(1.04)}.modal .eyebrow{color:var(--text-tertiary);letter-spacing:.09em;margin:0 0 6px;font-size:11px;font-weight:680}.modal form{flex-direction:column!important;gap:18px!important;margin-top:24px!important;display:flex!important}.modal form>div[style*="display: flex"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;display:grid!important}.modal label{color:var(--text);line-height:1.35;margin-bottom:7px!important;font-size:13px!important;font-weight:600!important;display:block!important}.modal input,.modal select,.modal textarea{min-height:46px;color:var(--text);transition:border-color .14s var(--ease), box-shadow .14s var(--ease);outline:none;font-size:15px;border:1px solid var(--separator-strong)!important;background:var(--surface)!important;border-radius:10px!important;width:100%!important;padding:10px 12px!important}.modal input:focus,.modal select:focus,.modal textarea:focus{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)!important}.modal input::placeholder{color:var(--text-tertiary)}.modal-alert{border:1px solid var(--warning);margin:20px 0 0}@supports (color:color-mix(in lab, red, red)){.modal-alert{border:1px solid color-mix(in srgb, var(--warning) 30%, var(--separator))}}.modal-alert{background:var(--warning);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.modal-alert{background:color-mix(in srgb, var(--warning) 8%, var(--surface))}}.modal-alert{color:var(--text-secondary);padding:13px 14px;font-size:13px;line-height:1.5}.qr-shell{background:#fff;border-radius:18px;width:min(100%,316px);margin:24px auto;padding:18px}.qr-shell img{width:100%;height:auto;image-rendering:pixelated;display:block}.qr-peer{background:var(--surface-muted);border-radius:14px;grid-template-columns:repeat(2,1fr);gap:12px;padding:15px;display:grid}.qr-peer span,.qr-peer strong,.qr-peer code{display:block}.qr-peer span{color:var(--text-tertiary);margin-bottom:4px;font-size:8px}.qr-peer strong,.qr-peer code{font-size:10px;font-weight:600}.modal-actions{border-top:1px solid var(--separator);justify-content:flex-end;gap:10px;padding-top:20px;display:flex;margin-top:26px!important}.modal-actions .button{min-height:44px;padding-inline:18px;font-size:13px}.modal.destructive-modal{width:min(100%,500px)}.modal.destructive-modal h2{color:var(--danger)}.operation-error{z-index:40;border-bottom:1px solid var(--danger);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:72px}@supports (color:color-mix(in lab, red, red)){.operation-error{border-bottom:1px solid color-mix(in srgb, var(--danger) 24%, var(--separator))}}.operation-error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.operation-error{background:color-mix(in srgb, var(--danger) 8%, var(--surface))}}.operation-error{color:var(--danger);padding:11px 24px;font-size:13px;font-weight:600}.operation-error button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:20px}.preview-runtime-banner{border:1px solid var(--warning);margin:12px 22px 0}@supports (color:color-mix(in lab, red, red)){.preview-runtime-banner{border:1px solid color-mix(in srgb, var(--warning) 42%, transparent)}}.preview-runtime-banner{background:var(--warning);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.preview-runtime-banner{background:color-mix(in srgb, var(--warning) 10%, var(--surface))}}.preview-runtime-banner{color:var(--text-secondary);padding:10px 14px;font-size:12px;font-weight:620}.confirmation-banner{z-index:39;border-bottom:1px solid var(--warning);justify-content:space-between;align-items:center;gap:20px;display:flex;position:sticky;top:72px}@supports (color:color-mix(in lab, red, red)){.confirmation-banner{border-bottom:1px solid color-mix(in srgb, var(--warning) 30%, var(--separator))}}.confirmation-banner{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.confirmation-banner{background:color-mix(in srgb, var(--warning) 9%, var(--surface))}}.confirmation-banner{color:var(--text);padding:12px 24px;font-size:13px;line-height:1.45}.import-warnings{border:1px solid var(--warning);margin:14px 0 0}@supports (color:color-mix(in lab, red, red)){.import-warnings{border:1px solid color-mix(in srgb, var(--warning) 30%, var(--separator))}}.import-warnings{background:var(--warning);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.import-warnings{background:color-mix(in srgb, var(--warning) 8%, var(--surface))}}.import-warnings{color:var(--text-secondary);padding:12px 12px 12px 30px;font-size:12px;line-height:1.5}.auth-shell{background:linear-gradient(90deg, transparent calc(50% - .5px), var(--separator) 50%, transparent calc(50% + .5px)), linear-gradient(0deg, transparent calc(50% - .5px), var(--separator) 50%, transparent calc(50% + .5px)), var(--canvas);place-items:center;min-height:100dvh;padding:32px;display:grid;position:relative;overflow:hidden}.auth-panel{border:1px solid var(--separator);background:var(--surface-raised);width:min(100%,390px);box-shadow:var(--shadow-card);border-radius:20px;padding:30px;position:relative}.auth-brand{align-items:center;gap:10px;padding-bottom:8px;display:flex}.auth-brand>span{background:var(--text);width:34px;height:34px;color:var(--surface);border-radius:10px;place-items:center;font-size:14px;font-weight:750;display:grid}.auth-brand strong{letter-spacing:-.01em;font-size:14px;font-weight:650}.auth-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:30px;display:flex}.auth-kicker{color:var(--text-tertiary);letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:680}.auth-heading h1,.auth-offline h1{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:650;line-height:1.2}.auth-offline>p{color:var(--text-secondary);margin:10px 0 0;font-size:14px;line-height:1.55}.auth-form{gap:18px;margin-top:22px;display:grid}.field{gap:7px;display:grid}.field>span{font-size:13px;font-weight:600}.field input{border:1px solid var(--separator-strong);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:10px;outline:none;padding:11px 13px;font-size:16px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-submit{min-height:48px;margin-top:2px;font-size:14px}.auth-error{background:var(--danger);border-radius:10px;margin:-4px 0 0}@supports (color:color-mix(in lab, red, red)){.auth-error{background:color-mix(in srgb, var(--danger) 9%, var(--surface))}}.auth-error{color:var(--danger);padding:11px 12px;font-size:13px;line-height:1.45}.auth-preview-badge{border:1px solid var(--separator);background:var(--surface-muted);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:650}.auth-offline .auth-kicker{margin-top:30px}.auth-offline .button{width:100%;margin-top:26px}.auth-loading{color:var(--text-secondary);font-size:14px}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-scrim{z-index:25;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000059;border:0;position:fixed;inset:0}@media (width<=1100px){.two-column.wide-left{grid-template-columns:1fr}.lan-summary{grid-template-columns:auto 1fr;column-gap:20px;display:grid}.lan-summary .summary-icon{grid-row:span 2}.lan-summary .summary-list,.lan-summary .button{grid-column:1/-1}.cloud-grid,.recovery-grid{grid-template-columns:1fr}.recovery-card{min-height:210px}}@media (width<=900px){.sidebar{width:72px;padding-inline:8px}.brand-row{padding-inline:8px}.brand-row>div:nth-child(2),.side-nav a:not(.active):after,.side-nav a{overflow:hidden}.brand-row>div:nth-child(2),.side-nav a{font-size:0}.side-nav a{justify-content:center;padding:0}.side-nav a span{width:auto;font-size:10px}.sidebar-health,.version-row{display:none}.main-panel{margin-left:72px}.content{padding-inline:24px}.traffic-summary{grid-template-columns:repeat(2,1fr)}.latency-value{grid-column:1/-1;min-height:auto}.system-grid{grid-template-columns:1fr}.facts-strip{grid-template-columns:repeat(2,1fr);row-gap:22px}.facts-strip div:nth-child(2){border-right:0}.facts-strip div:nth-child(3){padding-left:0}.two-column{grid-template-columns:1fr}}@media (width<=700px){.sidebar{width:min(86vw,300px);transition:transform .22s var(--ease);padding:22px 16px;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:block}.brand-row>div:nth-child(2),.side-nav a{font-size:inherit;overflow:visible}.side-nav a{justify-content:flex-start;padding:0 12px;font-size:13px}.side-nav a span{width:24px}.sidebar-health,.version-row{display:flex}.main-panel{margin-left:0}.topbar{padding:0 16px}.menu-button{display:grid}.preview-note{display:none}.content{padding:28px 16px 22px}.page-intro{display:block}.overall-status{margin-top:20px}.internet-card{padding:20px}.internet-head{display:block}.pppoe-pill{margin-top:18px}.traffic-summary{grid-template-columns:1fr}.latency-value{grid-column:auto}.traffic-canvas{height:160px}.section-block{padding-top:56px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading .button,.section-heading .status-label{justify-content:center;width:100%}.facts-strip{grid-template-columns:1fr}.facts-strip div,.facts-strip div:nth-child(3){border-right:0;border-bottom:1px solid var(--separator);padding:0 0 14px}.facts-strip div:last-child{border-bottom:0;padding-bottom:0}.lan-summary{display:block}.cloud-card{grid-template-columns:1fr}.wireguard-status{grid-template-columns:auto 1fr;display:grid}.wireguard-status .status-label{grid-column:1/-1;justify-self:start}.peer-row{grid-template-columns:auto 1fr}.peer-traffic{text-align:left;grid-column:2}.chart-head,.cloud-meta,footer{flex-direction:column;align-items:flex-start}.modal{padding:24px 20px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.classic-help-button{border:1px solid var(--border,#d9dde5);background:var(--surface,#fff);min-width:112px;height:56px;color:var(--text,#17191d);font:inherit;letter-spacing:0;text-transform:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:700;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}.classic-help-button:hover{border-color:color-mix(in srgb, var(--accent,#147df5) 34%, var(--border,#d9dde5));background:color-mix(in srgb, var(--surface,#fff) 94%, var(--accent,#147df5));transform:translateY(-1px);box-shadow:0 6px 18px #0f172a17}.classic-help-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent,#147df5) 25%, transparent);outline-offset:2px}.classic-help-icon{border:1.5px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;line-height:1;display:inline-grid}.elegant-table-container,.traffic-table-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:676px;overflow-y:auto}.elegant-table-container thead th,.traffic-table-scroll thead th{z-index:3;background:var(--surface,#fff);box-shadow:0 1px 0 var(--border,#e3e5e9);position:sticky;top:0}.elegant-device-table tbody tr,.traffic-table-scroll tbody tr{height:52px}.elegant-table-container::-webkit-scrollbar{width:9px}.traffic-table-scroll::-webkit-scrollbar{width:9px}.elegant-table-container::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted,#8b8f99) 40%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.traffic-table-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted,#8b8f99) 40%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}#qos>.speedtest-note,#qos>.speedtest-block{display:none}.qos-speedtest{border-radius:18px;margin-bottom:22px;padding:22px 24px}.qos-speedtest-head{gap:24px}.startup-timeline>.card-title-row{padding:24px 28px 20px}.startup-timeline .tl-boots{border-top:1px solid var(--border,#e6e8ec);border-bottom:1px solid var(--border,#e6e8ec);scrollbar-width:thin;gap:10px;padding:14px 28px 16px;overflow-x:auto}.startup-timeline .tl-boot{white-space:nowrap;border-radius:999px;min-height:36px;padding:7px 16px}.startup-timeline .tl-wrap{padding:26px 28px 0}.startup-timeline .tl{padding:2px 0 18px 20px}.startup-timeline .tl-item{grid-template-columns:76px minmax(0,1fr);column-gap:18px;min-height:68px}.startup-timeline .tl-time{font-variant-numeric:tabular-nums}.startup-timeline .tl-body b{margin-bottom:3px;font-size:16px}.startup-timeline .tl-body small{line-height:1.45}.startup-timeline .tl-summary{border-top:1px dashed var(--border,#e0e3e8);background:color-mix(in srgb, var(--surface,#fff) 97%, var(--text,#111827));flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0 -28px;padding:15px 28px 17px;display:flex}.dashboard-section>.card,.dashboard-section>.service-inline-control,.dashboard-section>.service-config-card,.dashboard-section>.qos-speedtest{scroll-margin-top:20px}@media (width<=900px){.classic-help-button{width:56px;min-width:56px;padding:0}.classic-help-button>span:last-child{display:none}.elegant-table-container,.traffic-table-scroll{max-height:620px}.startup-timeline>.card-title-row,.startup-timeline .tl-boots,.startup-timeline .tl-wrap{padding-left:20px;padding-right:20px}.startup-timeline .tl-summary{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/minimalrouter/assets/inter-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/minimalrouter/assets/inter-latin-ext-DO1Apj_S.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}body,.dashboard-app{font-family:Inter Variable,SF Pro Display,Segoe UI,ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-app{font-feature-settings:"cv05" 1, "cv08" 1, "ss03" 1}:root{--demo-card-radius:12px;--demo-control-radius:8px;--demo-shadow:0 14px 38px #1422330e;--demo-shadow-soft:0 8px 24px #14223309;--demo-soft-border:color-mix(in srgb, var(--classic-border) 86%, transparent);--demo-text-3xl:clamp(24px, 2.2vw, 31px);--demo-text-2xl:clamp(22px, 2vw, 28px);--demo-text-xl:18px;--demo-text-lg:15px;--demo-text-md:13.5px;--demo-text-sm:12px;--demo-text-xs:11.5px;--demo-text-2xs:10.5px;--demo-weight-title:780;--demo-weight-strong:760;--demo-weight-medium:720;--demo-weight-label:690;--demo-track-tight:-.035em;--demo-track-snug:-.02em;--demo-track-caps:.055em;--demo-good-ink:#19884a;--demo-good-edge:#24a45b2e;--demo-good-wash:#24a45b14;--demo-warn-ink:#a96508;--demo-warn-edge:#cd84162e;--demo-warn-wash:#cd841614;--demo-bad-ink:#c22f39;--demo-bad-edge:#ca39422e;--demo-bad-wash:#ca394214;--demo-destructive-ink:#c83f46;--demo-accent-ink:#1479f7;--demo-migration-ink:#6258e8;--demo-hero-ink:#f4f8ff;--demo-hero-ink-muted:#abc0d9}:root[data-theme=dark]{--demo-shadow:0 14px 38px #00000057;--demo-shadow-soft:0 8px 24px #0000003d;--demo-good-ink:#56d68b;--demo-good-edge:#56d68b42;--demo-good-wash:#56d68b1f;--demo-warn-ink:#f0b64b;--demo-warn-edge:#f0b64b42;--demo-warn-wash:#f0b64b1f;--demo-bad-ink:#ff7b84;--demo-bad-edge:#ff7b8442;--demo-bad-wash:#ff7b841f;--demo-destructive-ink:#ff8a90;--demo-accent-ink:#64a9ff;--demo-migration-ink:#a89bff}.classic-help-button,.classic-account-button{box-sizing:border-box;height:48px;min-height:48px}.classic-help-button{gap:9px;width:auto;min-width:112px;padding:0 18px;font-size:12px;font-weight:750;text-decoration:none}.classic-help-button svg{width:20px;height:20px}.dashboard-brand{flex-wrap:wrap}.dashboard-section-heading{gap:24px;margin-bottom:20px}.dashboard-section-heading:not(.has-facts){justify-content:space-between;align-items:flex-start;display:flex}.dashboard-section-heading h2{font-size:var(--demo-text-2xl);font-weight:var(--demo-weight-title);letter-spacing:var(--demo-track-tight);margin:0 0 6px;line-height:1.08}.dashboard-section-heading .section-copy,.dashboard-section-heading p{max-width:760px;margin:0}.overview-wan-main>div{align-content:end;display:grid}.overview-wan-main small{font-size:10.5px;line-height:1.3}.overview-wan-quality{gap:12px}.overview-wan-quality small{font-size:10px}.overview-wan-quality strong{font-size:13px}.table-card,#network .static-leases,#firewall .firewall-rules{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow);overflow:hidden}.table-card .card-title-row,#network .static-leases .card-title-row,#firewall .firewall-rules .card-title-row{border-bottom:0;margin:0;padding:22px 24px 18px}.table-card .card-title-row h3,#network .static-leases .card-title-row h3,#firewall .firewall-rules .card-title-row h3{letter-spacing:-.025em;margin:0 0 5px;font-size:18px;font-weight:760}.table-card .card-title-row p,#network .static-leases .card-title-row p,#firewall .firewall-rules .card-title-row p{color:var(--classic-muted);font-size:11.5px;line-height:1.5}.quiet-meta{color:var(--classic-muted);font-size:10.5px;font-weight:720}.table-scroll,#network .static-leases .table-scroll,#firewall .firewall-rules .table-scroll{box-shadow:inset 0 1px 0 var(--classic-border);border:0!important;border-radius:0!important;margin:0!important}.table-scroll table,#network .static-leases table,#firewall .firewall-rules table{border-collapse:collapse;border-spacing:0;table-layout:auto;text-align:left;width:100%}.table-scroll th,#network .static-leases th,#firewall .firewall-rules th{border:0;border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 52%, var(--classic-panel));color:var(--classic-muted);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;padding:13px 20px;font-size:10.5px;font-weight:740}.table-scroll td,#network .static-leases td,#firewall .firewall-rules td{border:0;border-bottom:1px solid var(--classic-border);color:var(--classic-text);vertical-align:middle;padding:17px 20px;font-size:13.5px;line-height:1.35}.table-scroll tbody tr:last-child td,#network .static-leases tbody tr:last-child td,#firewall .firewall-rules tbody tr:last-child td{border-bottom:0}.table-scroll tbody tr,#network .static-leases tbody tr,#firewall .firewall-rules tbody tr{transition:background-color .15s}.table-scroll tbody tr:hover,#network .static-leases tbody tr:hover,#firewall .firewall-rules tbody tr:hover{background:color-mix(in srgb, var(--classic-soft) 72%, transparent)}.table-scroll code,#network .static-leases td code,#firewall .firewall-rules td code{white-space:nowrap;background:0 0;padding:0;font-size:12.5px;font-weight:570}.modern-device-section{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow)}.modern-device-section .modern-section-heading{padding:22px 24px 18px}.modern-device-section .elegant-table-container{box-shadow:inset 0 1px 0 var(--classic-border);border:0;border-radius:0;margin:0}.modern-device-section .elegant-device-table th{background:color-mix(in srgb, var(--classic-soft) 52%, var(--classic-panel))}#network .static-lease-search{width:min(360px,100% - 48px);margin:0 24px 18px auto!important}#network .static-leases td:first-child{letter-spacing:-.012em;font-size:15px;font-weight:720}#network .static-leases .static-actions{justify-content:flex-start;gap:7px;display:flex}#network .static-lease-form{border-top:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 42%, var(--classic-panel));margin:0;padding:22px 24px 24px}#firewall .firewall-rules td:first-child{font-size:14.5px;font-weight:720}#firewall .firewall-rules td.is-good,#firewall .firewall-rules td.is-bad{text-transform:capitalize;font-weight:760}#firewall .firewall-rules .settings-form{border-top:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 30%, var(--classic-panel));margin:0;padding:24px}.settings-form .field>span,.settings-form .field>span{margin-bottom:7px;font-size:11.5px;font-weight:690;line-height:1.35}.settings-form input,.settings-form select,.settings-form textarea{border-radius:var(--demo-control-radius);min-height:44px;font-size:13.5px}.settings-form .form-note{color:var(--classic-muted);font-size:11.5px;line-height:1.55}.settings-form .form-actions{margin-top:20px;padding-top:0;border-top:0!important}#network .settings-form>fieldset,#qos .settings-form>fieldset,#wireguard .settings-form>fieldset,#cloudflare .settings-form>fieldset,#squid .settings-form>fieldset,#wifi .settings-form>fieldset,#security .settings-form>fieldset{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);margin:0 0 18px;padding:22px 24px 24px}#network .settings-form>fieldset legend,#qos .settings-form>fieldset legend,#wireguard .settings-form>fieldset legend,#cloudflare .settings-form>fieldset legend,#squid .settings-form>fieldset legend,#wifi .settings-form>fieldset legend,#security .settings-form>fieldset legend{background:var(--classic-panel);color:var(--classic-text);letter-spacing:-.015em;border-radius:999px;margin-left:12px;padding:0 10px;font-size:13px;font-weight:770}.fieldset-title{color:var(--classic-text);letter-spacing:-.015em;margin:0 0 14px;font-size:13px;font-weight:770}#network .demo-015-hidden-wan-toggle{display:none!important}#network .settings-form>fieldset{position:relative}#network .demo-015-fieldset-actions{border-top:0;margin-top:22px;padding-top:0}#network .demo-015-fieldset-actions .button{min-width:126px}#network .demo-015-original-network-save{display:none!important}.button,button.secondary,button.primary{box-sizing:border-box;border-radius:10px;min-height:40px;padding:0 15px;font-size:11.5px;font-weight:720;line-height:1}.button.primary{min-height:42px;box-shadow:0 5px 14px color-mix(in srgb, var(--classic-blue) 20%, transparent);padding-inline:17px}.button.small{min-height:36px;padding-inline:12px;font-size:10.5px}.demo-icon-button:before{content:attr(data-demo-icon);place-items:center;min-width:14px;margin-right:7px;font-size:13px;font-weight:800;line-height:1;display:inline-grid}.demo-destructive-action:not(.primary){color:var(--demo-destructive-ink)}.demo-destructive-action:not(.primary):hover{border-color:color-mix(in srgb, var(--demo-destructive-ink) 36%, var(--classic-border));background:color-mix(in srgb, var(--demo-destructive-ink) 7%, var(--classic-panel))}.demo-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 9px;font-size:10.5px;font-weight:760;line-height:1;display:inline-flex}.demo-status-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.demo-status-badge.is-good{border-color:var(--demo-good-edge);background:var(--demo-good-wash);color:var(--demo-good-ink)}.demo-status-badge.is-warning{border-color:var(--demo-warn-edge);background:var(--demo-warn-wash);color:var(--demo-warn-ink)}.demo-status-badge.is-bad{border-color:var(--demo-bad-edge);background:var(--demo-bad-wash);color:var(--demo-bad-ink)}.demo-status-badge.is-muted{border-color:var(--classic-border);background:var(--classic-soft);color:var(--classic-muted)}.empty-state{text-align:center;min-height:110px;color:var(--classic-muted)!important;padding:26px!important}td.empty-state:before{content:"+";border:1px solid var(--classic-border);background:var(--classic-soft);width:34px;height:34px;color:var(--classic-blue);border-radius:10px;place-items:center;margin:0 auto 9px;font-size:20px;font-weight:500;display:grid}.classic-security-page .security-recovery-card{display:none!important}.demo-015-recovery-slot{margin-top:4px}.demo-015-recovery-moved .security-recovery-card{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:visible}.demo-015-recovery-moved .security-recovery-card>.card-title-row{border:1px solid var(--classic-border);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);border-radius:15px;margin:0 0 14px;padding:17px 18px}.demo-015-recovery-moved .security-recovery-card .card-title-row h3{letter-spacing:-.02em;margin-bottom:4px;font-size:16px;font-weight:760}.demo-015-recovery-moved .security-recovery-card .card-title-row p{max-width:760px;font-size:11.5px;line-height:1.45}.demo-015-recovery-moved .security-recovery-card details{border:1px solid var(--classic-border);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);border-radius:15px;margin:0 0 12px;overflow:hidden}.demo-015-recovery-moved .security-recovery-card summary{cursor:pointer;align-items:center;gap:12px;min-height:68px;padding:14px 18px;font-size:13px;font-weight:740;list-style:none;display:flex}.demo-015-recovery-moved .security-recovery-card summary::-webkit-details-marker{display:none}.demo-015-recovery-moved .security-recovery-card details[open]>summary{border-bottom:1px solid var(--classic-border)}.demo-recovery-index{color:#fff;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.demo-recovery-index.is-1{background:#1479f7}.demo-recovery-index.is-2{background:#18a861}.demo-recovery-index.is-3{background:#6258e8}.demo-recovery-label{color:var(--classic-text);letter-spacing:-.012em;font-size:13.5px;font-weight:760}.demo-recovery-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9.5px;font-weight:750;display:inline-flex}.demo-recovery-badge.is-recommended{background:color-mix(in srgb, var(--demo-accent-ink) 12%, transparent);color:var(--demo-accent-ink)}.demo-recovery-badge.is-migration{background:color-mix(in srgb, var(--demo-migration-ink) 12%, transparent);color:var(--demo-migration-ink)}.demo-recovery-chevron{border:1px solid var(--classic-border);width:30px;height:30px;color:var(--classic-muted);border-radius:9px;place-items:center;margin-left:auto;font-size:22px;font-weight:400;line-height:1;transition:transform .16s;display:grid;transform:rotate(0)}.demo-015-recovery-moved details[open] .demo-recovery-chevron{transform:rotate(-90deg)}.demo-015-recovery-moved details .settings-form{margin:0;padding:20px 22px 22px}.demo-015-recovery-moved details .form-note{border:1px solid color-mix(in srgb, var(--classic-blue) 18%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 4%, var(--classic-panel));border-radius:10px;width:fit-content;max-width:720px;padding:10px 12px}.demo-recovery-legend{border:1px solid color-mix(in srgb, var(--classic-blue) 16%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 3%, var(--classic-panel));color:var(--classic-muted);border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;font-size:10.5px;line-height:1.45;display:flex}.demo-recovery-legend>span{color:var(--classic-blue);font-size:15px}.demo-recovery-legend p{margin:0}.demo-recovery-legend i{background:var(--classic-border);width:1px;height:20px;margin:0 4px}@media (width<=900px){.classic-help-button{min-width:48px;padding:0 13px}.classic-help-button span{display:none}.dashboard-section-heading{display:block}#network .static-leases th,#network .static-leases td,#firewall .firewall-rules th,#firewall .firewall-rules td{padding-inline:15px}.demo-recovery-legend{flex-wrap:wrap;align-items:flex-start}.demo-recovery-legend i{display:none}}@media (width<=620px){.demo-recovery-badge{display:none}}.dashboard-main>.dashboard-topbar{width:min(100%,1480px);max-width:1480px;margin-inline:auto}.dashboard-app{background:radial-gradient(72% 48% at 78% -8%,#ffffffe0 0%,#fff0 66%),radial-gradient(50% 44% at 8% 34%,#a8b5c961 0%,#a8b5c900 72%),radial-gradient(42% 36% at 96% 78%,#b2bdce4d 0%,#b2bdce00 75%),linear-gradient(118deg,#dde1e9 0%,#eceef3 46%,#d9dde6 100%);display:flow-root}:root,body{background-color:#dde1e9}.dashboard-sidebar{inset-block:22px;inset-inline-start:22px}.dashboard-main>.dashboard-topbar{margin-top:22px;padding-inline:30px}.overview-technical-facts>.demo-015-fact-retired{display:none}.demo-has-tip{position:relative}.overview-wan-quality .demo-metric-tip,.overview-assurance .demo-metric-tip{z-index:60;color:#d7e5f6;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#0a1a2c;border:1px solid #bad6f733;border-radius:10px;width:max-content;max-width:264px;height:auto;min-height:0;padding:9px 11px;font-size:11px;font-weight:500;line-height:1.45;transition:opacity .14s,transform .14s,visibility .14s;display:block;position:fixed;top:0;left:0;transform:translateY(3px);box-shadow:0 14px 34px #0000006b}.demo-has-tip:hover>.demo-metric-tip,.demo-has-tip:focus-visible>.demo-metric-tip{opacity:1;visibility:visible;transform:translateY(0)}.dashboard-sidebar{inset-inline-start:37px}.demo-has-tip{cursor:help}.demo-has-tip:focus-visible{outline-offset:2px;outline:2px solid #cfe3ff}#overview.classic-dashboard-overview{flex-direction:column;display:flex}#overview>.overview-service-ribbon{order:1}#overview>.overview-status-hero{order:2}#overview>.health-banner{order:4}#overview>.health-checks-section{order:5}#overview>.boot-activity-host{order:6}#overview>.overview-diagnostic-strip{order:7}#overview>.overview-content-grid{order:8}#overview>.overview-status-hero{z-index:2;position:relative}#overview>.health-banner{z-index:1;border-top:0;border-radius:0 0 16px 16px;width:calc(100% - 44px);margin:-26px auto 18px;position:relative;box-shadow:0 16px 32px #1422331a}#overview>.health-banner .health-banner-main{padding-top:34px}:is(#overview>.health-banner:has(+.health-checks-section),#overview>.health-banner){transition:border-radius .18s}#overview>.health-checks-section{z-index:1;border:1px solid var(--separator);width:calc(100% - 68px);animation:demo-checks-open .2s var(--ease,ease);border-top:0;border-radius:0 0 16px 16px;margin:-18px auto 18px;padding-top:6px;position:relative;box-shadow:0 16px 32px #1422331a}#overview>.health-banner:has(+.health-checks-section){box-shadow:none;border-radius:0;margin-bottom:0}.demo-checks-collapse{border:0;border-top:1px solid var(--separator);width:100%;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:11.5px;font-weight:var(--demo-weight-medium);background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px 0 15px;display:flex}.demo-checks-collapse:hover{background:color-mix(in srgb, var(--classic-blue) 5%, transparent);color:var(--classic-blue)}.demo-checks-collapse:focus-visible{outline:2px solid var(--classic-blue);outline-offset:-2px}.demo-checks-chevron{font-size:15px;line-height:1;transform:translateY(2px)}.health-checks-section.demo-checks-collapsed{display:none}#overview>.health-banner:has(+.health-checks-section.demo-checks-collapsed){border-radius:0 0 16px 16px;margin-bottom:18px;box-shadow:0 16px 32px #1422331a}@keyframes demo-checks-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#overview>.boot-activity-host{margin:0 0 18px}.overview-diagnostic-strip{display:none}.classic-hero-heading:after{content:none;display:none}.subpage-hero-head .button,.subpage-hero-head .button.primary,.subpage-hero-head .button.secondary{color:#e7f1ff;min-height:38px;box-shadow:none;background:#c6dffc1a;border:1px solid #a1c1e638;border-radius:10px}.subpage-hero-head .button.primary{color:#fff;background:#c6dffc30;border-color:#bad6f761}.subpage-hero-head .button:hover,.subpage-hero-head .button.primary:hover,.subpage-hero-head .button.secondary:hover{color:#fff;background:#c6dffc47;border-color:#bad6f775}.subpage-hero-head .button:focus-visible{outline-offset:2px;outline:2px solid #cfe3ff}.subpage-hero-head .demo-icon-button:before{opacity:.75}.dns-filter-heading h2{font-size:var(--demo-text-2xl)}.wg-page-hero h2,.classic-security-page>.classic-hero-card h1,.overview-status-hero h1,.overview-status-hero h2{font-size:var(--demo-text-3xl)}.dns-filter-heading h2,.wg-page-hero h2,.classic-security-page>.classic-hero-card h1,.overview-status-hero h1,.overview-status-hero h2{font-weight:var(--demo-weight-title);letter-spacing:var(--demo-track-tight);line-height:1.08}.dashboard-section-heading .eyebrow,.dns-filter-heading .eyebrow,.wg-page-hero .eyebrow,.classic-security-page .eyebrow,.overview-status-hero .eyebrow{color:var(--demo-hero-ink-muted);font-size:var(--demo-text-2xs);font-weight:var(--demo-weight-medium);letter-spacing:var(--demo-track-caps);text-transform:uppercase}.dashboard-section-heading .section-copy,.dashboard-section-heading>.subpage-hero-head p:not(.eyebrow),.dns-filter-heading .dns-filter-intro,.wg-page-hero p:not(.eyebrow),.overview-status-hero p:not(.eyebrow){max-width:760px;color:var(--demo-hero-ink-muted);font-size:var(--demo-text-sm);line-height:1.55}.dashboard-section .card>.card-title-row h3{font-size:var(--demo-text-xl);font-weight:var(--demo-weight-strong);letter-spacing:-.025em;margin:0 0 5px}.settings-form>fieldset{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);margin:0 0 18px;padding:22px 24px 24px}.settings-form>fieldset legend{background:var(--classic-panel);color:var(--classic-text);letter-spacing:-.015em;border-radius:999px;margin-left:12px;padding:0 10px;font-size:13px;font-weight:770}.settings-form>fieldset .fieldset-title,.dns-records-fieldset .fieldset-title{color:var(--classic-text);letter-spacing:-.015em;margin:0 0 14px;font-size:13px;font-weight:770}.settings-form>fieldset:last-of-type{margin-bottom:0}:root[data-theme=dark] .table-scroll th,:root[data-theme=dark] #network .static-leases th,:root[data-theme=dark] #firewall .firewall-rules th,:root[data-theme=dark] .modern-device-section .elegant-device-table th{background:color-mix(in srgb, var(--classic-soft) 78%, var(--classic-panel))}:root[data-theme=dark] .table-scroll tbody tr:hover,:root[data-theme=dark] #network .static-leases tbody tr:hover,:root[data-theme=dark] #firewall .firewall-rules tbody tr:hover{background:color-mix(in srgb, var(--classic-soft) 60%, transparent)}:root[data-theme=dark] .demo-recovery-legend,:root[data-theme=dark] .demo-015-recovery-moved details .form-note{border-color:color-mix(in srgb, var(--demo-accent-ink) 26%, var(--classic-border));background:color-mix(in srgb, var(--demo-accent-ink) 9%, var(--classic-panel))}:root[data-theme=dark] .demo-recovery-legend>span{color:var(--demo-accent-ink)}td.empty-state:before{border-color:color-mix(in srgb, var(--classic-blue) 22%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 6%, var(--classic-panel))}.demo-015-recovery-moved summary:focus-visible{outline:2px solid var(--classic-blue);outline-offset:-2px;border-radius:15px}.demo-icon-button:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/minimalrouter/assets/inter-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/minimalrouter/assets/inter-latin-ext-DO1Apj_S.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html.demo-015-preview body,html.demo-015-preview .dashboard-app{font-family:Inter Variable,SF Pro Display,Segoe UI,ui-sans-serif,-apple-system,BlinkMacSystemFont,sans-serif}html.demo-015-preview .dashboard-app{font-feature-settings:"cv05" 1, "cv08" 1, "ss03" 1}html.demo-015-preview{--demo-card-radius:12px;--demo-control-radius:8px;--demo-shadow:0 14px 38px #1422330e;--demo-shadow-soft:0 8px 24px #14223309;--demo-soft-border:color-mix(in srgb, var(--classic-border) 86%, transparent);--demo-text-3xl:clamp(24px, 2.2vw, 31px);--demo-text-2xl:clamp(22px, 2vw, 28px);--demo-text-xl:18px;--demo-text-lg:15px;--demo-text-md:13.5px;--demo-text-sm:12px;--demo-text-xs:11.5px;--demo-text-2xs:10.5px;--demo-weight-title:780;--demo-weight-strong:760;--demo-weight-medium:720;--demo-weight-label:690;--demo-track-tight:-.035em;--demo-track-snug:-.02em;--demo-track-caps:.055em;--demo-good-ink:#19884a;--demo-good-edge:#24a45b2e;--demo-good-wash:#24a45b14;--demo-warn-ink:#a96508;--demo-warn-edge:#cd84162e;--demo-warn-wash:#cd841614;--demo-bad-ink:#c22f39;--demo-bad-edge:#ca39422e;--demo-bad-wash:#ca394214;--demo-destructive-ink:#c83f46;--demo-accent-ink:#1479f7;--demo-migration-ink:#6258e8;--demo-hero-ink:#f4f8ff;--demo-hero-ink-muted:#abc0d9}html.demo-015-preview:root[data-theme=dark]{--demo-shadow:0 14px 38px #00000057;--demo-shadow-soft:0 8px 24px #0000003d;--demo-good-ink:#56d68b;--demo-good-edge:#56d68b42;--demo-good-wash:#56d68b1f;--demo-warn-ink:#f0b64b;--demo-warn-edge:#f0b64b42;--demo-warn-wash:#f0b64b1f;--demo-bad-ink:#ff7b84;--demo-bad-edge:#ff7b8442;--demo-bad-wash:#ff7b841f;--demo-destructive-ink:#ff8a90;--demo-accent-ink:#64a9ff;--demo-migration-ink:#a89bff}html.demo-015-preview .classic-help-button,html.demo-015-preview .classic-account-button{box-sizing:border-box;height:48px;min-height:48px}html.demo-015-preview .classic-help-button{gap:9px;width:auto;min-width:112px;padding:0 18px;font-size:12px;font-weight:750;text-decoration:none}html.demo-015-preview .classic-help-button svg{width:20px;height:20px}html.demo-015-preview .dashboard-brand{flex-wrap:wrap}html.demo-015-preview .demo-015-beta-badge{white-space:nowrap;border:1px solid color-mix(in srgb, var(--classic-blue) 24%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 8%, var(--classic-panel));width:max-content;min-height:23px;color:var(--classic-blue);letter-spacing:.02em;border-radius:999px;flex:none;align-items:center;margin:10px 10px 0;padding:0 8px;font-size:9px;font-weight:760;display:inline-flex}html.demo-015-preview .demo-page-heading{gap:24px;margin-bottom:20px}html.demo-015-preview .demo-page-heading:not(.has-facts){justify-content:space-between;align-items:flex-start;display:flex}html.demo-015-preview .demo-page-heading h2{font-size:var(--demo-text-2xl);font-weight:var(--demo-weight-title);letter-spacing:var(--demo-track-tight);margin:0 0 6px;line-height:1.08}html.demo-015-preview .demo-page-heading .section-copy,html.demo-015-preview .demo-page-heading p{max-width:760px;margin:0}html.demo-015-preview .overview-wan-main>div{align-content:end;display:grid}html.demo-015-preview .overview-wan-main small{font-size:10.5px;line-height:1.3}html.demo-015-preview .overview-wan-quality{gap:12px}html.demo-015-preview .overview-wan-quality small{font-size:10px}html.demo-015-preview .overview-wan-quality strong{font-size:13px}html.demo-015-preview .demo-015-quick-status-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0 22px;display:grid}html.demo-015-preview .demo-015-quick-card{border:1px solid var(--classic-border);background:var(--classic-panel);min-width:0;box-shadow:var(--demo-shadow-soft);border-radius:15px;padding:15px 16px 14px}html.demo-015-preview .demo-015-quick-card-top{color:var(--classic-muted);letter-spacing:.045em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:10px;font-weight:720;display:flex}html.demo-015-preview .demo-015-quick-card-top i{background:#31b66a;border-radius:999px;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 4px #31b66a1a}html.demo-015-preview .demo-015-quick-card strong{color:var(--classic-text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:760;display:block;overflow:hidden}html.demo-015-preview .demo-015-quick-card small{color:var(--classic-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10.5px;line-height:1.35;display:block;overflow:hidden}html.demo-015-preview .demo-unified-table-card,html.demo-015-preview #network .static-leases,html.demo-015-preview #firewall .firewall-rules{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow);overflow:hidden}html.demo-015-preview .demo-unified-table-card .card-title-row,html.demo-015-preview #network .static-leases .card-title-row,html.demo-015-preview #firewall .firewall-rules .card-title-row{border-bottom:0;margin:0;padding:22px 24px 18px}html.demo-015-preview .demo-unified-table-card .card-title-row h3,html.demo-015-preview #network .static-leases .card-title-row h3,html.demo-015-preview #firewall .firewall-rules .card-title-row h3{letter-spacing:-.025em;margin:0 0 5px;font-size:18px;font-weight:760}html.demo-015-preview .demo-unified-table-card .card-title-row p,html.demo-015-preview #network .static-leases .card-title-row p,html.demo-015-preview #firewall .firewall-rules .card-title-row p{color:var(--classic-muted);font-size:11.5px;line-height:1.5}html.demo-015-preview .quiet-meta{color:var(--classic-muted);font-size:10.5px;font-weight:720}html.demo-015-preview .table-scroll,html.demo-015-preview #network .static-leases .table-scroll,html.demo-015-preview #firewall .firewall-rules .table-scroll{box-shadow:inset 0 1px 0 var(--classic-border);border:0!important;border-radius:0!important;margin:0!important}html.demo-015-preview .table-scroll table,html.demo-015-preview #network .static-leases table,html.demo-015-preview #firewall .firewall-rules table{border-collapse:collapse;border-spacing:0;table-layout:auto;text-align:left;width:100%}html.demo-015-preview .table-scroll th,html.demo-015-preview #network .static-leases th,html.demo-015-preview #firewall .firewall-rules th{border:0;border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 52%, var(--classic-panel));color:var(--classic-muted);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;padding:13px 20px;font-size:10.5px;font-weight:740}html.demo-015-preview .table-scroll td,html.demo-015-preview #network .static-leases td,html.demo-015-preview #firewall .firewall-rules td{border:0;border-bottom:1px solid var(--classic-border);color:var(--classic-text);vertical-align:middle;padding:17px 20px;font-size:13.5px;line-height:1.35}html.demo-015-preview .table-scroll tbody tr:last-child td,html.demo-015-preview #network .static-leases tbody tr:last-child td,html.demo-015-preview #firewall .firewall-rules tbody tr:last-child td{border-bottom:0}html.demo-015-preview .table-scroll tbody tr,html.demo-015-preview #network .static-leases tbody tr,html.demo-015-preview #firewall .firewall-rules tbody tr{transition:background-color .15s}html.demo-015-preview .table-scroll tbody tr:hover,html.demo-015-preview #network .static-leases tbody tr:hover,html.demo-015-preview #firewall .firewall-rules tbody tr:hover{background:color-mix(in srgb, var(--classic-soft) 72%, transparent)}html.demo-015-preview .table-scroll code,html.demo-015-preview #network .static-leases td code,html.demo-015-preview #firewall .firewall-rules td code{white-space:nowrap;background:0 0;padding:0;font-size:12.5px;font-weight:570}html.demo-015-preview .modern-device-section{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow)}html.demo-015-preview .modern-device-section .modern-section-heading{padding:22px 24px 18px}html.demo-015-preview .modern-device-section .elegant-table-container{box-shadow:inset 0 1px 0 var(--classic-border);border:0;border-radius:0;margin:0}html.demo-015-preview .modern-device-section .elegant-device-table th{background:color-mix(in srgb, var(--classic-soft) 52%, var(--classic-panel))}html.demo-015-preview #network .static-lease-search{width:min(360px,100% - 48px);margin:0 24px 18px auto!important}html.demo-015-preview #network .static-leases td:first-child{letter-spacing:-.012em;font-size:15px;font-weight:720}html.demo-015-preview #network .static-leases .static-actions{justify-content:flex-start;gap:7px;display:flex}html.demo-015-preview #network .static-lease-form{border-top:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 42%, var(--classic-panel));margin:0;padding:22px 24px 24px}html.demo-015-preview #firewall .firewall-rules td:first-child{font-size:14.5px;font-weight:720}html.demo-015-preview #firewall .firewall-rules td.is-good,html.demo-015-preview #firewall .firewall-rules td.is-bad{text-transform:capitalize;font-weight:760}html.demo-015-preview #firewall .firewall-rules .settings-form{border-top:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 30%, var(--classic-panel));margin:0;padding:24px}html.demo-015-preview .demo-unified-form .field>span,html.demo-015-preview .settings-form .field>span{margin-bottom:7px;font-size:11.5px;font-weight:690;line-height:1.35}html.demo-015-preview .settings-form input,html.demo-015-preview .settings-form select,html.demo-015-preview .settings-form textarea{border-radius:var(--demo-control-radius);min-height:44px;font-size:13.5px}html.demo-015-preview .settings-form .form-note{color:var(--classic-muted);font-size:11.5px;line-height:1.55}html.demo-015-preview .settings-form .form-actions{margin-top:20px;padding-top:0;border-top:0!important}html.demo-015-preview #network .settings-form>fieldset,html.demo-015-preview #qos .settings-form>fieldset,html.demo-015-preview #wireguard .settings-form>fieldset,html.demo-015-preview #cloudflare .settings-form>fieldset,html.demo-015-preview #squid .settings-form>fieldset,html.demo-015-preview #wifi .settings-form>fieldset,html.demo-015-preview #security .settings-form>fieldset{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);margin:0 0 18px;padding:22px 24px 24px}html.demo-015-preview #network .settings-form>fieldset legend,html.demo-015-preview #qos .settings-form>fieldset legend,html.demo-015-preview #wireguard .settings-form>fieldset legend,html.demo-015-preview #cloudflare .settings-form>fieldset legend,html.demo-015-preview #squid .settings-form>fieldset legend,html.demo-015-preview #wifi .settings-form>fieldset legend,html.demo-015-preview #security .settings-form>fieldset legend{background:var(--classic-panel);color:var(--classic-text);letter-spacing:-.015em;border-radius:999px;margin-left:12px;padding:0 10px;font-size:13px;font-weight:770}html.demo-015-preview .fieldset-title{color:var(--classic-text);letter-spacing:-.015em;margin:0 0 14px;font-size:13px;font-weight:770}html.demo-015-preview #network .demo-015-hidden-wan-toggle{display:none!important}html.demo-015-preview #network .settings-form>fieldset{position:relative}html.demo-015-preview #network .demo-015-fieldset-actions{border-top:0;margin-top:22px;padding-top:0}html.demo-015-preview #network .demo-015-fieldset-actions .button{min-width:126px}html.demo-015-preview #network .demo-015-original-network-save{display:none!important}html.demo-015-preview .button,html.demo-015-preview button.secondary,html.demo-015-preview button.primary{box-sizing:border-box;border-radius:10px;min-height:40px;padding:0 15px;font-size:11.5px;font-weight:720;line-height:1}html.demo-015-preview .button.primary{min-height:42px;box-shadow:0 5px 14px color-mix(in srgb, var(--classic-blue) 20%, transparent);padding-inline:17px}html.demo-015-preview .button.small{min-height:36px;padding-inline:12px;font-size:10.5px}html.demo-015-preview .demo-icon-button:before{content:attr(data-demo-icon);place-items:center;min-width:14px;margin-right:7px;font-size:13px;font-weight:800;line-height:1;display:inline-grid}html.demo-015-preview .demo-destructive-action:not(.primary){color:var(--demo-destructive-ink)}html.demo-015-preview .demo-destructive-action:not(.primary):hover{border-color:color-mix(in srgb, var(--demo-destructive-ink) 36%, var(--classic-border));background:color-mix(in srgb, var(--demo-destructive-ink) 7%, var(--classic-panel))}html.demo-015-preview .demo-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 9px;font-size:10.5px;font-weight:760;line-height:1;display:inline-flex}html.demo-015-preview .demo-status-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}html.demo-015-preview .demo-status-badge.is-good{border-color:var(--demo-good-edge);background:var(--demo-good-wash);color:var(--demo-good-ink)}html.demo-015-preview .demo-status-badge.is-warning{border-color:var(--demo-warn-edge);background:var(--demo-warn-wash);color:var(--demo-warn-ink)}html.demo-015-preview .demo-status-badge.is-bad{border-color:var(--demo-bad-edge);background:var(--demo-bad-wash);color:var(--demo-bad-ink)}html.demo-015-preview .demo-status-badge.is-muted{border-color:var(--classic-border);background:var(--classic-soft);color:var(--classic-muted)}html.demo-015-preview .demo-empty-state{text-align:center;min-height:110px;color:var(--classic-muted)!important;padding:26px!important}html.demo-015-preview td.demo-empty-state:before{content:"+";border:1px solid var(--classic-border);background:var(--classic-soft);width:34px;height:34px;color:var(--classic-blue);border-radius:10px;place-items:center;margin:0 auto 9px;font-size:20px;font-weight:500;display:grid}html.demo-015-preview .classic-security-page .security-recovery-card{display:none!important}html.demo-015-preview .demo-015-recovery-slot{margin-top:4px}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:visible}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card>.card-title-row{border:1px solid var(--classic-border);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);border-radius:15px;margin:0 0 14px;padding:17px 18px}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card .card-title-row h3{letter-spacing:-.02em;margin-bottom:4px;font-size:16px;font-weight:760}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card .card-title-row p{max-width:760px;font-size:11.5px;line-height:1.45}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card details{border:1px solid var(--classic-border);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);border-radius:15px;margin:0 0 12px;overflow:hidden}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card summary{cursor:pointer;align-items:center;gap:12px;min-height:68px;padding:14px 18px;font-size:13px;font-weight:740;list-style:none;display:flex}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card summary::-webkit-details-marker{display:none}html.demo-015-preview .demo-015-recovery-moved .security-recovery-card details[open]>summary{border-bottom:1px solid var(--classic-border)}html.demo-015-preview .demo-recovery-index{color:#fff;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}html.demo-015-preview .demo-recovery-index.is-1{background:#1479f7}html.demo-015-preview .demo-recovery-index.is-2{background:#18a861}html.demo-015-preview .demo-recovery-index.is-3{background:#6258e8}html.demo-015-preview .demo-recovery-label{color:var(--classic-text);letter-spacing:-.012em;font-size:13.5px;font-weight:760}html.demo-015-preview .demo-recovery-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9.5px;font-weight:750;display:inline-flex}html.demo-015-preview .demo-recovery-badge.is-recommended{background:color-mix(in srgb, var(--demo-accent-ink) 12%, transparent);color:var(--demo-accent-ink)}html.demo-015-preview .demo-recovery-badge.is-migration{background:color-mix(in srgb, var(--demo-migration-ink) 12%, transparent);color:var(--demo-migration-ink)}html.demo-015-preview .demo-recovery-chevron{border:1px solid var(--classic-border);width:30px;height:30px;color:var(--classic-muted);border-radius:9px;place-items:center;margin-left:auto;font-size:22px;font-weight:400;line-height:1;transition:transform .16s;display:grid;transform:rotate(0)}html.demo-015-preview .demo-015-recovery-moved details[open] .demo-recovery-chevron{transform:rotate(-90deg)}html.demo-015-preview .demo-015-recovery-moved details .settings-form{margin:0;padding:20px 22px 22px}html.demo-015-preview .demo-015-recovery-moved details .form-note{border:1px solid color-mix(in srgb, var(--classic-blue) 18%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 4%, var(--classic-panel));border-radius:10px;width:fit-content;max-width:720px;padding:10px 12px}html.demo-015-preview .demo-recovery-legend{border:1px solid color-mix(in srgb, var(--classic-blue) 16%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 3%, var(--classic-panel));color:var(--classic-muted);border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;font-size:10.5px;line-height:1.45;display:flex}html.demo-015-preview .demo-recovery-legend>span{color:var(--classic-blue);font-size:15px}html.demo-015-preview .demo-recovery-legend p{margin:0}html.demo-015-preview .demo-recovery-legend i{background:var(--classic-border);width:1px;height:20px;margin:0 4px}html.demo-015-preview .demo-015-qr{border:1px solid var(--classic-border);background:#fff;border-radius:14px;place-items:center;width:190px;min-width:190px;padding:12px;display:grid}html.demo-015-preview .demo-015-qr img{width:100%;height:auto;image-rendering:pixelated;display:block}@media (width<=1180px){html.demo-015-preview .demo-015-quick-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){html.demo-015-preview .classic-help-button{min-width:48px;padding:0 13px}html.demo-015-preview .classic-help-button span{display:none}html.demo-015-preview .demo-page-heading{display:block}html.demo-015-preview .demo-015-quick-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.demo-015-preview #network .static-leases th,html.demo-015-preview #network .static-leases td,html.demo-015-preview #firewall .firewall-rules th,html.demo-015-preview #firewall .firewall-rules td{padding-inline:15px}html.demo-015-preview .demo-015-qr{width:160px;min-width:160px}html.demo-015-preview .demo-recovery-legend{flex-wrap:wrap;align-items:flex-start}html.demo-015-preview .demo-recovery-legend i{display:none}}@media (width<=620px){html.demo-015-preview .demo-015-quick-status-grid{grid-template-columns:1fr}html.demo-015-preview .demo-recovery-badge{display:none}}html.demo-015-preview .dashboard-main>.dashboard-topbar{width:min(100%,1480px);max-width:1480px;margin-inline:auto}html.demo-015-preview .dashboard-app{background:radial-gradient(72% 48% at 78% -8%,#ffffffe0 0%,#fff0 66%),radial-gradient(50% 44% at 8% 34%,#a8b5c961 0%,#a8b5c900 72%),radial-gradient(42% 36% at 96% 78%,#b2bdce4d 0%,#b2bdce00 75%),linear-gradient(118deg,#dde1e9 0%,#eceef3 46%,#d9dde6 100%);display:flow-root}html.demo-015-preview,html.demo-015-preview body{background-color:#dde1e9}html.demo-015-preview .dashboard-sidebar{inset-block:22px;inset-inline-start:22px}html.demo-015-preview .dashboard-main>.dashboard-topbar{margin-top:22px;padding-inline:30px}html.demo-015-preview .overview-technical-facts>.demo-015-fact-retired{display:none}html.demo-015-preview .demo-has-tip{position:relative}html.demo-015-preview .overview-wan-quality .demo-metric-tip,html.demo-015-preview .overview-assurance .demo-metric-tip{z-index:60;color:#d7e5f6;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#0a1a2c;border:1px solid #bad6f733;border-radius:10px;width:max-content;max-width:264px;height:auto;min-height:0;padding:9px 11px;font-size:11px;font-weight:500;line-height:1.45;transition:opacity .14s,transform .14s,visibility .14s;display:block;position:fixed;top:0;left:0;transform:translateY(3px);box-shadow:0 14px 34px #0000006b}html.demo-015-preview .demo-has-tip:hover>.demo-metric-tip,html.demo-015-preview .demo-has-tip:focus-visible>.demo-metric-tip{opacity:1;visibility:visible;transform:translateY(0)}html.demo-015-preview .dashboard-sidebar{inset-inline-start:37px}html.demo-015-preview .demo-has-tip{cursor:help}html.demo-015-preview .demo-has-tip:focus-visible{outline-offset:2px;outline:2px solid #cfe3ff}html.demo-015-preview #overview.classic-dashboard-overview{flex-direction:column;display:flex}html.demo-015-preview #overview>.overview-service-ribbon{order:1}html.demo-015-preview #overview>.overview-status-hero{order:2}html.demo-015-preview #overview>.demo-015-quick-status-grid{order:3}html.demo-015-preview #overview>.health-banner{order:4}html.demo-015-preview #overview>.health-checks-section{order:5}html.demo-015-preview #overview>.boot-activity-host{order:6}html.demo-015-preview #overview>.overview-diagnostic-strip{order:7}html.demo-015-preview #overview>.overview-content-grid{order:8}html.demo-015-preview #overview>.overview-status-hero{z-index:2;position:relative}html.demo-015-preview #overview>.health-banner{z-index:1;border-top:0;border-radius:0 0 16px 16px;width:calc(100% - 44px);margin:-26px auto 18px;position:relative;box-shadow:0 16px 32px #1422331a}html.demo-015-preview #overview>.health-banner .health-banner-main{padding-top:34px}:is(html.demo-015-preview #overview>.health-banner:has(+.health-checks-section),html.demo-015-preview #overview>.health-banner){transition:border-radius .18s}html.demo-015-preview #overview>.health-checks-section{z-index:1;border:1px solid var(--separator);width:calc(100% - 68px);animation:demo-checks-open .2s var(--ease,ease);border-top:0;border-radius:0 0 16px 16px;margin:-18px auto 18px;padding-top:6px;position:relative;box-shadow:0 16px 32px #1422331a}html.demo-015-preview #overview>.health-banner:has(+.health-checks-section){box-shadow:none;border-radius:0;margin-bottom:0}html.demo-015-preview .demo-checks-collapse{border:0;border-top:1px solid var(--separator);width:100%;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:11.5px;font-weight:var(--demo-weight-medium);background:0 0;justify-content:center;align-items:center;gap:8px;padding:13px 0 15px;display:flex}html.demo-015-preview .demo-checks-collapse:hover{background:color-mix(in srgb, var(--classic-blue) 5%, transparent);color:var(--classic-blue)}html.demo-015-preview .demo-checks-collapse:focus-visible{outline:2px solid var(--classic-blue);outline-offset:-2px}html.demo-015-preview .demo-checks-chevron{font-size:15px;line-height:1;transform:translateY(2px)}html.demo-015-preview .health-checks-section.demo-checks-collapsed{display:none}html.demo-015-preview #overview>.health-banner:has(+.health-checks-section.demo-checks-collapsed){border-radius:0 0 16px 16px;margin-bottom:18px;box-shadow:0 16px 32px #1422331a}html.demo-015-preview #overview>.boot-activity-host{margin:0 0 18px}html.demo-015-preview .overview-diagnostic-strip{display:none}html.demo-015-preview .classic-hero-heading:after{content:none;display:none}html.demo-015-preview .subpage-hero-head .button,html.demo-015-preview .subpage-hero-head .button.primary,html.demo-015-preview .subpage-hero-head .button.secondary{color:#e7f1ff;min-height:38px;box-shadow:none;background:#c6dffc1a;border:1px solid #a1c1e638;border-radius:10px}html.demo-015-preview .subpage-hero-head .button.primary{color:#fff;background:#c6dffc30;border-color:#bad6f761}html.demo-015-preview .subpage-hero-head .button:hover,html.demo-015-preview .subpage-hero-head .button.primary:hover,html.demo-015-preview .subpage-hero-head .button.secondary:hover{color:#fff;background:#c6dffc47;border-color:#bad6f775}html.demo-015-preview .subpage-hero-head .button:focus-visible{outline-offset:2px;outline:2px solid #cfe3ff}html.demo-015-preview .subpage-hero-head .demo-icon-button:before{opacity:.75}html.demo-015-preview .dns-filter-heading h2{font-size:var(--demo-text-2xl)}html.demo-015-preview .wg-page-hero h2,html.demo-015-preview .classic-security-page>.classic-hero-card h1,html.demo-015-preview .overview-status-hero h1,html.demo-015-preview .overview-status-hero h2{font-size:var(--demo-text-3xl)}html.demo-015-preview .dns-filter-heading h2,html.demo-015-preview .wg-page-hero h2,html.demo-015-preview .classic-security-page>.classic-hero-card h1,html.demo-015-preview .overview-status-hero h1,html.demo-015-preview .overview-status-hero h2{font-weight:var(--demo-weight-title);letter-spacing:var(--demo-track-tight);line-height:1.08}html.demo-015-preview .demo-page-heading .eyebrow,html.demo-015-preview .dns-filter-heading .eyebrow,html.demo-015-preview .wg-page-hero .eyebrow,html.demo-015-preview .classic-security-page .eyebrow,html.demo-015-preview .overview-status-hero .eyebrow{color:var(--demo-hero-ink-muted);font-size:var(--demo-text-2xs);font-weight:var(--demo-weight-medium);letter-spacing:var(--demo-track-caps);text-transform:uppercase}html.demo-015-preview .demo-page-heading .section-copy,html.demo-015-preview .demo-page-heading>.subpage-hero-head p:not(.eyebrow),html.demo-015-preview .dns-filter-heading .dns-filter-intro,html.demo-015-preview .wg-page-hero p:not(.eyebrow),html.demo-015-preview .overview-status-hero p:not(.eyebrow){max-width:760px;color:var(--demo-hero-ink-muted);font-size:var(--demo-text-sm);line-height:1.55}html.demo-015-preview .dashboard-section .card>.card-title-row h3{font-size:var(--demo-text-xl);font-weight:var(--demo-weight-strong);letter-spacing:-.025em;margin:0 0 5px}html.demo-015-preview .demo-015-quick-card-top i{background:var(--demo-good-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--demo-good-ink) 16%, transparent)}html.demo-015-preview .demo-015-quick-card.is-warning .demo-015-quick-card-top i{background:var(--demo-warn-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--demo-warn-ink) 16%, transparent)}html.demo-015-preview .demo-015-quick-card.is-bad .demo-015-quick-card-top i{background:var(--demo-bad-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--demo-bad-ink) 16%, transparent)}html.demo-015-preview .demo-015-quick-card.is-muted .demo-015-quick-card-top i{background:var(--classic-muted);box-shadow:0 0 0 4px color-mix(in srgb, var(--classic-muted) 16%, transparent)}html.demo-015-preview .demo-015-quick-card{transition:border-color .16s,box-shadow .16s,transform .16s}html.demo-015-preview .demo-015-quick-card:hover{border-color:color-mix(in srgb, var(--classic-blue) 26%, var(--classic-border));box-shadow:var(--demo-shadow);transform:translateY(-1px)}html.demo-015-preview .demo-015-quick-card strong{font-size:var(--demo-text-lg);font-weight:var(--demo-weight-strong);letter-spacing:var(--demo-track-snug)}html.demo-015-preview .demo-unified-form>fieldset{border:1px solid var(--classic-border);border-radius:var(--demo-card-radius);background:var(--classic-panel);box-shadow:var(--demo-shadow-soft);margin:0 0 18px;padding:22px 24px 24px}html.demo-015-preview .demo-unified-form>fieldset legend{background:var(--classic-panel);color:var(--classic-text);letter-spacing:-.015em;border-radius:999px;margin-left:12px;padding:0 10px;font-size:13px;font-weight:770}html.demo-015-preview .settings-form>fieldset .fieldset-title,html.demo-015-preview .demo-unified-form>fieldset .fieldset-title,html.demo-015-preview .dns-records-fieldset .fieldset-title{color:var(--classic-text);letter-spacing:-.015em;margin:0 0 14px;font-size:13px;font-weight:770}html.demo-015-preview .demo-unified-form>fieldset:last-of-type{margin-bottom:0}html.demo-015-preview:root[data-theme=dark] .table-scroll th,html.demo-015-preview:root[data-theme=dark] #network .static-leases th,html.demo-015-preview:root[data-theme=dark] #firewall .firewall-rules th,html.demo-015-preview:root[data-theme=dark] .modern-device-section .elegant-device-table th{background:color-mix(in srgb, var(--classic-soft) 78%, var(--classic-panel))}html.demo-015-preview:root[data-theme=dark] .table-scroll tbody tr:hover,html.demo-015-preview:root[data-theme=dark] #network .static-leases tbody tr:hover,html.demo-015-preview:root[data-theme=dark] #firewall .firewall-rules tbody tr:hover{background:color-mix(in srgb, var(--classic-soft) 60%, transparent)}html.demo-015-preview:root[data-theme=dark] .demo-recovery-legend,html.demo-015-preview:root[data-theme=dark] .demo-015-recovery-moved details .form-note{border-color:color-mix(in srgb, var(--demo-accent-ink) 26%, var(--classic-border));background:color-mix(in srgb, var(--demo-accent-ink) 9%, var(--classic-panel))}html.demo-015-preview:root[data-theme=dark] .demo-recovery-legend>span{color:var(--demo-accent-ink)}html.demo-015-preview:root[data-theme=dark] .demo-015-beta-badge{border-color:color-mix(in srgb, var(--classic-blue) 34%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 14%, var(--classic-panel))}html.demo-015-preview:root[data-theme=dark] .demo-015-qr{border-color:#ffffff2e}html.demo-015-preview td.demo-empty-state:before{border-color:color-mix(in srgb, var(--classic-blue) 22%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 6%, var(--classic-panel))}html.demo-015-preview .demo-015-recovery-moved summary:focus-visible{outline:2px solid var(--classic-blue);outline-offset:-2px;border-radius:15px}html.demo-015-preview .demo-icon-button:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}:root{--v015-frame-gutter:37px;--v015-sidebar-width:280px}@media (width>=901px){.dashboard-sidebar{width:var(--v015-sidebar-width);inset-inline-start:var(--v015-frame-gutter)}.dashboard-main{margin-left:calc(var(--v015-sidebar-width) + var(--v015-frame-gutter));padding-left:var(--v015-frame-gutter);padding-right:var(--v015-frame-gutter)}}.overview-service-ribbon>.overview-service-chip:nth-last-child(2){display:none}.overview-availability-host{padding:0 18px 15px}.overview-availability-summary{border-top:1px solid color-mix(in srgb, currentColor 11%, transparent);color:color-mix(in srgb, currentColor 74%, transparent);letter-spacing:.01em;margin:0;padding-top:11px;font-size:11.5px;font-weight:680}.gateway-service-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:16px 20px 20px;display:grid}.gateway-action-tile{border:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 42%, var(--classic-panel));color:var(--classic-text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:13px;padding:14px 16px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex}.gateway-action-tile:hover:not(:disabled){border-color:color-mix(in srgb, var(--classic-blue) 45%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 6%, var(--classic-panel));box-shadow:0 6px 18px color-mix(in srgb, var(--classic-blue) 12%, transparent);transform:translateY(-1px)}.gateway-action-tile:disabled{opacity:.55;cursor:default}.gateway-action-tile:focus-visible{outline:2px solid var(--classic-blue);outline-offset:2px}.gateway-action-icon{background:color-mix(in srgb, var(--classic-blue) 10%, var(--classic-panel));width:42px;height:42px;color:var(--classic-blue);border-radius:12px;flex:none;place-items:center;display:grid}.gateway-action-icon svg{width:20px;height:20px}.gateway-action-text{gap:3px;min-width:0;display:grid}.gateway-action-text strong{letter-spacing:-.01em;font-size:13.5px;font-weight:720}.gateway-action-text small{color:var(--classic-muted);font-size:11.5px;line-height:1.35}.gateway-service-notice,.gateway-empty-copy{color:var(--classic-muted);margin:12px 0 0;font-size:12px}.gateway-ip-scroll{border-top:0;max-height:552px;margin-top:0;padding:6px 10px 12px;overflow-y:auto}.gateway-ip-event{border-radius:10px;grid-template-columns:minmax(130px,auto) 24px minmax(130px,auto) 1fr;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:13px;display:grid}.gateway-ip-event:hover{background:color-mix(in srgb, var(--classic-blue) 4%, transparent)}.gateway-ip-event code{font-variant-numeric:tabular-nums;font-size:13px}.gateway-ip-event code.is-old{color:var(--classic-muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--classic-muted) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--classic-muted) 55%, transparent)}.gateway-ip-event code.is-new{color:var(--classic-text);font-weight:700}.gateway-ip-event span[aria-hidden]{color:var(--classic-blue);justify-self:center}.gateway-ip-event time{color:var(--classic-muted);white-space:nowrap;justify-self:end;font-size:12px}.elegant-device-table tr.is-offline td{color:var(--classic-muted)}.elegant-device-table tr.is-paused td{background:#d977060a}.device-activity-state{white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.device-activity-state.is-online{color:var(--demo-good-ink)}.device-activity-state.is-online i{width:7px;height:7px;box-shadow:0 0 0 3px var(--demo-good-wash);background:currentColor;border-radius:50%;flex:0 0 7px}.device-activity-state.is-online small{color:var(--classic-muted);font-size:10.5px;font-weight:560}.device-activity-state.is-offline{color:var(--classic-muted);font-weight:620}.device-activity-state.is-paused{color:#a85b00}.device-activity-badge.is-new,.device-activity-badge.is-paused{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:20px;margin-left:7px;padding:1px 7px;font-size:9.5px;font-weight:760;display:inline-flex}.device-activity-badge.is-new{border:1px solid color-mix(in srgb, var(--classic-blue) 22%, transparent);background:color-mix(in srgb, var(--classic-blue) 8%, transparent);color:var(--classic-blue)}.device-activity-badge.is-paused{color:#a85b00;background:#d9770617;border:1px solid #d9770647}.device-row-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.device-pause-control{position:relative}.device-pause-button{border:1px solid var(--classic-border);background:var(--classic-card);min-height:30px;color:var(--classic-text);font:inherit;cursor:pointer;border-radius:8px;padding:4px 9px;font-size:10.5px;font-weight:700}.device-pause-button:hover:not(:disabled){border-color:color-mix(in srgb, #d97706 45%, var(--classic-border))}.device-pause-button.is-resume{border-color:color-mix(in srgb, #d97706 35%, var(--classic-border));color:#a85b00}.device-pause-button:disabled{opacity:.55;cursor:wait}.device-pause-menu{z-index:30;border:1px solid var(--classic-border);background:var(--classic-card);border-radius:10px;min-width:150px;display:grid;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 14px 32px #0f172a29}.device-pause-menu button{border:0;border-bottom:1px solid var(--classic-border);color:var(--classic-text);text-align:left;font:inherit;cursor:pointer;background:0 0;padding:9px 11px;font-size:11px}.device-pause-menu button:last-child{border-bottom:0}.device-pause-menu button:hover{background:color-mix(in srgb, var(--classic-blue) 6%, transparent)}.device-pause-error{color:#b91c1c;background:#dc26260d;border:1px solid #dc262633;border-radius:9px;margin:0 0 10px;padding:8px 10px;font-size:11px}.device-action-placeholder{color:var(--classic-muted)}@media (width<=700px){.gateway-ip-event{grid-template-columns:1fr auto 1fr}.gateway-ip-event time{grid-column:1/-1;justify-self:start}}@media (width<=900px){html,body,#root,.dashboard-app{width:100%;min-width:0;max-width:100%}html,body{overflow-x:clip}.dashboard-app{min-height:100dvh;overflow-x:clip}.dashboard-main{width:100%;min-width:0;max-width:100%;padding-right:max(18px, env(safe-area-inset-right));padding-left:max(18px, env(safe-area-inset-left));box-sizing:border-box;margin-left:0!important}.dashboard-main>*,.dashboard-section,.dashboard-main>.dashboard-section:not(#overview),.dashboard-main>.dns-filter,.classic-dashboard-overview,.classic-dashboard-overview[aria-label=Security],.wireguard-workspace,.gateway-quality,.dns-filter{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.dashboard-sidebar{z-index:55;min-height:100dvh;padding:calc(82px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));box-sizing:border-box;overscroll-behavior:contain;transition:transform .22s cubic-bezier(.22,1,.36,1);transform:translate(-100%);background:color-mix(in srgb, var(--classic-bg) 86%, var(--classic-panel))!important;width:100vw!important;max-width:none!important;height:100dvh!important;box-shadow:none!important;border:0!important;border-radius:0!important;inset:0!important}.dashboard-sidebar.is-open{transform:translate(0,0)}.dashboard-sidebar .dashboard-brand,:root[data-theme=dark] .dashboard-sidebar .dashboard-brand{border-bottom:1px solid color-mix(in srgb, var(--classic-border) 82%, transparent);flex:none;min-height:0;margin:0 0 18px;padding:0 4px 18px}.dashboard-sidebar .dashboard-brand .dashboard-brand-title strong{letter-spacing:-.05em;font-size:24px}.dashboard-sidebar nav.dashboard-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;min-height:0;padding:0 2px 12px;display:block;overflow:hidden auto}.dashboard-sidebar .dashboard-nav-group{padding:0}.dashboard-sidebar .dashboard-nav-group+.dashboard-nav-group{margin-top:18px;padding-top:18px}.dashboard-sidebar .dashboard-nav-group h2{letter-spacing:.14em;margin:0 0 8px;padding:0 4px;font-size:10px}.dashboard-sidebar .dashboard-nav-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-sidebar nav a{border:1px solid color-mix(in srgb, var(--classic-border) 82%, transparent);background:color-mix(in srgb, var(--classic-panel) 62%, transparent);white-space:normal;overflow-wrap:anywhere;border-radius:13px;justify-content:flex-start;min-width:0;min-height:50px;padding:0 14px;font-size:14px;line-height:1.15}.dashboard-sidebar nav a:hover{transform:none}.dashboard-sidebar nav a.is-active{border-color:color-mix(in srgb, var(--classic-blue) 28%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 10%, var(--classic-panel));color:var(--classic-blue)}.dashboard-sidebar-footer{flex:none;padding-top:10px}.dashboard-sidebar .dashboard-brand-revision{min-height:38px;padding-inline:12px}.dashboard-topbar.classic-topbar{z-index:70;box-sizing:border-box;width:auto;min-width:0;max-width:none;min-height:68px;margin-top:0!important;position:sticky!important;top:0!important}.dashboard-menu{border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;padding:0;font-size:20px;line-height:1;display:inline-grid!important}.dashboard-app:has(.dashboard-sidebar.is-open) .dashboard-topbar.classic-topbar{min-height:68px;padding-right:max(18px, env(safe-area-inset-right));padding-left:max(18px, env(safe-area-inset-left));box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;left:0;right:0;top:env(safe-area-inset-top)!important;margin:0!important;position:fixed!important}:is(.dashboard-app:has(.dashboard-sidebar.is-open) .classic-page-heading,.dashboard-app:has(.dashboard-sidebar.is-open) .classic-topbar-actions){opacity:0;pointer-events:none}.dashboard-app:has(.dashboard-sidebar.is-open) .dashboard-menu{border-color:color-mix(in srgb, var(--classic-border) 78%, transparent);background:color-mix(in srgb, var(--classic-panel) 88%, transparent);color:var(--classic-text);-webkit-backdrop-filter:blur(16px)saturate(120%);font-size:0;box-shadow:0 8px 24px #1c2b3e1f}.dashboard-app:has(.dashboard-sidebar.is-open) .dashboard-menu:before{content:"×";font-size:29px;font-weight:350;line-height:1}body:has(.dashboard-sidebar.is-open){overscroll-behavior:none;overflow:hidden}.dashboard-app .card,.dashboard-app .settings-form,.dashboard-app .status-list,.dashboard-app .status-list article,.dashboard-app .metric-grid,.dashboard-app .metric-grid article,.dashboard-app .dashboard-callout,.dashboard-app .speedtest-block,.dashboard-app .wg-status-card,.dashboard-app .wg-page-hero,.dashboard-app .wg-peer-panel,.dashboard-app .wg-provision-card,.dashboard-app .wg-client-card,.dashboard-app .ddns-status,.dashboard-app .ddns-form,.dashboard-app .service-config-card,.dashboard-app .service-inline-control,.dashboard-app .classic-security-card,.dashboard-app .classic-security-feed,.dashboard-app .security-control-card,.dashboard-app .table-card,.dashboard-app .elegant-table-container{box-sizing:border-box;min-width:0;max-width:100%}.table-scroll,.audit-table-scroll,.classic-security-table-wrap,.elegant-table-container,.wg-table,.static-leases,.port-forward-rules{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.dashboard-app pre,.dashboard-app code,.dashboard-app dd,.dashboard-app td,.dashboard-app p,.dashboard-app strong{max-width:100%}.dashboard-app pre{white-space:pre;overflow-x:auto}.dashboard-app code,.dashboard-app dd{overflow-wrap:anywhere}}@media (width<=760px){.dashboard-main{padding:0 max(14px, env(safe-area-inset-right)) calc(44px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))!important}.dashboard-topbar.classic-topbar{gap:8px;min-height:64px;padding:0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left))!important;margin:0 -14px 18px!important}.classic-page-heading{min-width:0;overflow:hidden}.classic-page-heading h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;line-height:1.1;overflow:hidden}.classic-topbar-actions{flex:none;gap:6px}.classic-topbar-button,.classic-help-button,.classic-account-button{border-radius:13px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.classic-account-button{justify-content:center}.classic-account-monogram{width:36px;height:36px}.dashboard-menu{flex-basis:44px;width:44px;height:44px}.overview-service-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.overview-service-chip{white-space:normal;justify-content:flex-start;width:100%;min-width:0;min-height:44px;padding:8px 11px;line-height:1.2}.overview-status-hero,.wg-page-hero,.classic-security-command,.dashboard-section-heading,.dns-filter-heading{box-sizing:border-box;border-radius:15px;width:100%;min-width:0}.overview-status-hero{padding:20px 16px}.overview-hero-command{gap:16px}.overview-hero-summary h1{overflow-wrap:anywhere;text-wrap:pretty;max-width:100%;margin-top:10px;font-size:clamp(29px,8.4vw,34px);line-height:1.02}.overview-hero-summary>p{max-width:100%;font-size:12px}.overview-summary-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;width:100%;margin-top:20px;display:grid}.overview-summary-meta>span{min-width:0}.overview-wan-card{padding:16px}.overview-wan-main{margin:15px 0}.overview-wan-main strong{font-size:clamp(29px,9vw,38px)}.overview-wan-quality{gap:7px}.overview-wan-quality span{padding:9px 8px}.overview-technical-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px}.overview-technical-facts strong,.overview-technical-facts span{white-space:normal;overflow-wrap:anywhere}.overview-diagnostic-strip{margin-block:14px}.overview-diagnostic-strip>div{padding:14px 16px}.overview-panel{min-width:0;padding:18px 16px}.overview-panel-header{gap:10px;margin-bottom:16px}.overview-bandwidth-now{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.overview-bandwidth-now strong{font-size:21px}.overview-chart-wrap,.overview-chart-wrap.is-quality{width:100%;min-width:0;height:155px}.overview-chart-wrap svg{max-width:100%}.dashboard-main>.dashboard-section:not(#overview),.dashboard-main>.dns-filter{gap:14px}.dashboard-section-heading,.dns-filter-heading,.dashboard-section-heading.has-facts,.dns-filter-heading.has-facts{gap:18px;min-height:0;padding:20px 17px!important}.subpage-hero-head{gap:16px;width:100%;min-width:0}.dashboard-section-heading h2,.dns-filter-heading h2,.wg-hero-copy h2{overflow-wrap:anywhere;text-wrap:pretty;max-width:100%;font-size:clamp(25px,7.4vw,31px);line-height:1.04}.dashboard-section-heading .section-copy,.dashboard-section-heading .dns-filter-intro,.dashboard-section-heading .ddns-lead,.dns-filter-heading .dns-filter-intro{max-width:100%;font-size:11px}.subpage-hero-head>.toolbar,.subpage-hero-head>.dns-filter-actions,.dns-filter-actions,.toolbar,.filter-buttons{width:100%;min-width:0}.subpage-hero-head>.toolbar,.subpage-hero-head>.dns-filter-actions{align-items:stretch}.subpage-hero-facts,.subpage-hero-facts.six,.classic-security-command-facts,.wg-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.subpage-hero-facts>div,.classic-security-command-facts>div,.wg-hero-metrics>div{min-width:0;padding:13px}.subpage-hero-facts dt,.subpage-hero-facts dd,.subpage-hero-facts small,.classic-security-command-facts dt,.classic-security-command-facts dd,.classic-security-command-facts small,.wg-hero-metrics dt,.wg-hero-metrics dd,.wg-hero-metrics small{white-space:normal;overflow-wrap:anywhere}.metric-grid,.metric-grid.compact,.gateway-quality>.metric-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-grid article{min-height:104px;padding:15px}.metric-grid article strong{font-size:clamp(18px,5.6vw,23px)}.card-title-row,.service-config-header,.security-control-card>.card-title-row,.wg-peer-panel-head,.classic-security-feed-heading{min-width:0;padding-left:17px;padding-right:17px}.card-title-row{flex-direction:column;align-items:flex-start;gap:10px;min-height:0}.settings-form,.service-config-card>.settings-form,.security-control-card>.settings-form,.security-control-card>details>.settings-form{box-sizing:border-box;gap:16px;width:100%;padding:17px!important}.settings-form fieldset,.dns-records-fieldset{box-sizing:border-box;width:100%;min-width:0;padding:15px}.form-grid,.form-grid.two,.classic-security-card>.form-grid,.classic-trusted-networks>.form-grid,.port-forward-fields{grid-template-columns:1fr!important}.form-span,.classic-security-card>.form-grid .modal-actions,.classic-port-forwards>.form-grid .modal-actions{grid-column:auto!important}.form-actions,.modal-actions{flex-direction:column;align-items:stretch;gap:8px}.form-actions .button,.modal-actions .button,.modal-actions button{justify-content:center;width:100%}.dashboard-section .checkbox-row,.dns-filter .checkbox-row,.classic-security-card .checkbox-row{box-sizing:border-box;width:100%;min-width:0}.status-list{grid-template-columns:1fr}.status-list article{align-items:flex-start;min-height:0;padding:16px}.dashboard-alert{box-sizing:border-box;width:100%;padding:13px 14px}.classic-alert-recover{width:100%;margin-left:0}.wg-page-hero{padding:20px 16px}.wg-hero-copy{gap:12px}.wg-hero-icon,.service-config-icon,.classic-security-hero-icon{width:40px;height:40px}.wg-status-card{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.wg-status-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.wg-status-metrics div{text-align:left;min-width:0}.wg-callout{flex-direction:column;align-items:stretch}.wg-qr{align-self:center}.wg-actions{flex-direction:column;align-items:stretch}.wg-actions .button{justify-content:center;width:100%}.wg-peer-row,.wg-peer-details{min-width:0}.wg-peer-actions{width:100%}.wg-peer-toggle{flex:auto}.ddns-status-main,.service-config-header,.service-inline-control,.port-forward-heading,.port-forward-submit{flex-direction:column;align-items:flex-start}.ddns-status-main{padding:17px}.ddns-provider{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.ddns-provider button{min-width:0;padding-inline:10px}.gateway-window-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:100%;overflow-x:auto}.qos-speedtest-head,.speedtest-heading{flex-direction:column;align-items:flex-start}.qos-speedtest-result>*,.qos-speedtest-result .button{width:100%;min-width:0}.modern-section-heading,.modern-device-tools{flex-direction:column;align-items:stretch}.modern-search-wrapper,.static-lease-search{width:100%;max-width:none}.port-forward-composer{padding-left:17px;padding-right:17px}.profile-menu-pop{top:calc(70px + env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));left:max(14px, env(safe-area-inset-left));box-sizing:border-box;width:auto;min-width:0;max-width:none;position:fixed}}@media (width<=430px){.dashboard-main{padding-right:max(6px, env(safe-area-inset-right))!important;padding-left:max(6px, env(safe-area-inset-left))!important}.dashboard-topbar.classic-topbar{padding-right:max(6px, env(safe-area-inset-right))!important;padding-left:max(6px, env(safe-area-inset-left))!important;margin-left:-6px!important;margin-right:-6px!important}.classic-topbar-actions{gap:5px}.classic-topbar-button,.classic-help-button,.classic-account-button,.dashboard-menu{width:42px;min-width:42px;height:42px;min-height:42px}.dashboard-menu{flex-basis:42px}.classic-page-heading h1{font-size:18px}.overview-service-ribbon{gap:7px}.overview-service-chip{min-height:42px;padding:7px 9px;font-size:10.5px}.overview-summary-meta,.overview-bandwidth-now,.metric-grid,.metric-grid.compact,.gateway-quality>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.subpage-hero-facts>div,.classic-security-command-facts>div,.wg-hero-metrics>div{padding:12px 10px}.subpage-hero-facts dd,.classic-security-command-facts dd,.wg-hero-metrics dd{font-size:15px}.dashboard-section-heading,.dns-filter-heading,.dashboard-section-heading.has-facts,.dns-filter-heading.has-facts,.overview-status-hero,.wg-page-hero{border-radius:14px}}@media (width<=360px){.dashboard-sidebar .dashboard-nav-group>div{grid-template-columns:1fr}.overview-service-ribbon,.overview-summary-meta,.overview-bandwidth-now,.metric-grid,.metric-grid.compact,.gateway-quality>.metric-grid,.subpage-hero-facts,.subpage-hero-facts.six,.classic-security-command-facts,.wg-hero-metrics,.wg-status-metrics,.ddns-provider{grid-template-columns:1fr!important}.classic-help-button{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-sidebar{transition:none!important}}@media (width>=901px){.dashboard-sidebar{box-sizing:border-box;width:var(--v015-sidebar-width,280px)!important;inset-inline-start:var(--v015-frame-gutter,37px)!important}.dashboard-main{box-sizing:border-box;margin-left:calc(var(--v015-sidebar-width,280px) + var(--v015-frame-gutter,37px))!important;padding-left:var(--v015-frame-gutter,37px)!important;padding-right:var(--v015-frame-gutter,37px)!important}.dashboard-topbar.classic-topbar{width:auto;margin-left:0!important;margin-right:0!important;padding-left:26px!important;padding-right:26px!important}}.startup-timeline{overflow:hidden}.startup-timeline>.card-title-row{align-items:center}.startup-timeline .tl-boots{scrollbar-width:thin;-webkit-overflow-scrolling:touch;border-top:0;border-bottom:0;gap:7px;padding:0 24px 18px;display:flex;overflow-x:auto}.startup-timeline .tl-boot{border:1px solid var(--classic-border);background:var(--classic-panel);min-height:34px;color:var(--classic-muted);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 12px;font-size:10.5px;font-weight:700;transition:border-color .16s,background-color .16s,color .16s}.startup-timeline .tl-boot:hover{border-color:color-mix(in srgb, var(--classic-blue) 26%, var(--classic-border));color:var(--classic-text)}.startup-timeline .tl-boot.is-active{border-color:color-mix(in srgb, var(--classic-blue) 30%, var(--classic-border));background:color-mix(in srgb, var(--classic-blue) 9%, var(--classic-panel));color:var(--classic-blue)}.startup-timeline .tl-wrap{border-top:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 32%, var(--classic-panel));margin:0;padding:0}.startup-timeline .tl{scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:0;margin:0;padding:24px 18px 18px;list-style:none;display:grid;overflow-x:auto}.startup-timeline .tl-item{--tl-accent:var(--classic-muted);scroll-snap-align:start;grid-template-rows:18px 20px auto;grid-template-columns:1fr;align-content:start;column-gap:0;min-width:0;min-height:0;padding:0 10px 8px;display:grid;position:relative}.startup-timeline .tl-item:after{z-index:0;background:color-mix(in srgb, var(--classic-border) 88%, transparent);content:"";width:calc(100% - 8px);height:2px;position:absolute;top:29px;left:20px}.startup-timeline .tl-item:last-child:after{display:none}.startup-timeline .tl-time{color:var(--classic-muted);font-variant-numeric:tabular-nums;letter-spacing:.01em;grid-row:1;font-size:10px;font-weight:720}.startup-timeline .tl-dot{z-index:2;border:3px solid var(--classic-panel);background:var(--tl-accent);width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb, var(--tl-accent) 28%, transparent);border-radius:50%;grid-row:2;align-self:center;display:block;position:relative}.startup-timeline .tl-body{border:1px solid color-mix(in srgb, var(--tl-accent) 15%, var(--classic-border));background:var(--classic-panel);border-radius:13px;grid-row:3;align-content:start;gap:5px;min-width:0;min-height:82px;margin-top:12px;padding:12px 12px 11px;display:grid;box-shadow:0 8px 24px #14223309}.startup-timeline .tl-body b{color:var(--classic-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:760;line-height:1.2;overflow:hidden}.startup-timeline .tl-body small{color:var(--classic-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.startup-timeline .tl-ink{--tl-accent:var(--classic-text)}.startup-timeline .tl-azure{--tl-accent:var(--classic-blue)}.startup-timeline .tl-green{--tl-accent:var(--classic-green)}.startup-timeline .tl-amber{--tl-accent:var(--classic-orange)}.startup-timeline .tl-emerald{--tl-accent:#1d9b66}.startup-timeline .tl-violet{--tl-accent:var(--classic-purple)}.startup-timeline .tl-event{--tl-accent:color-mix(in srgb, var(--classic-muted) 82%, var(--classic-text))}.startup-timeline .tl-summary{background:0 0;border-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0 24px 22px;display:grid}.startup-timeline .tl-summary>span{border:1px solid var(--classic-border);background:var(--classic-panel);min-width:0;color:var(--classic-muted);border-radius:11px;padding:10px 12px;font-size:10.5px;line-height:1.35}.startup-timeline .tl-summary b{color:var(--classic-text);font-weight:760}#logs .card-title-row{flex-wrap:wrap}#logs .audit-search{min-width:min(100%,260px);margin-left:auto}#logs .audit-search input{width:100%}@media (width<=760px){.startup-timeline>.card-title-row{align-items:flex-start}.startup-timeline .tl-boots{padding:0 16px 14px}.startup-timeline .tl-wrap{padding:0}.startup-timeline .tl{grid-auto-columns:minmax(166px,72vw);padding:20px 8px 16px}.startup-timeline .tl-item{padding-inline:8px}.startup-timeline .tl-item:after{left:18px}.startup-timeline .tl-summary{grid-template-columns:1fr;gap:7px;margin:0;padding:0 16px 16px}#logs .filter-buttons{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}#logs .audit-search{width:100%;min-width:100%;margin-left:0}}.mobile-navigation-toggle{display:none}@media (width<=900px){body.mobile-navigation-open{overscroll-behavior:none;overflow:hidden}.dashboard-app{background:var(--classic-panel,var(--dashboard-panel,#fff));min-height:100dvh;position:relative;overflow:clip}.dashboard-topbar .dashboard-menu{display:none!important}.mobile-navigation-toggle{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:120;border:1px solid var(--classic-border,var(--dashboard-border,#0000001f));background:var(--classic-panel,var(--dashboard-panel,#fff));width:46px;min-width:46px;height:46px;min-height:46px;color:var(--classic-text,var(--text-primary,#1d1d1f));cursor:pointer;border-radius:13px;place-items:center;padding:0;font-size:0;line-height:1;transition:transform .18s,box-shadow .18s;position:fixed;box-shadow:0 8px 24px #1422331f;display:grid!important}.mobile-navigation-toggle:before{content:"☰";font-size:21px;font-weight:520;line-height:1}.mobile-navigation-toggle.is-open:before{content:"×";font-size:30px;font-weight:320}.mobile-navigation-toggle:active{transform:scale(.96)}.dashboard-sidebar,.dashboard-sidebar.is-open{box-sizing:border-box;visibility:hidden;opacity:0;pointer-events:none;overscroll-behavior:contain;z-index:10!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;padding:calc(76px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(44vw, 166px)!important;background:var(--classic-panel,var(--dashboard-panel,#fff))!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;transition:visibility 0s linear .52s,opacity .22s!important;position:fixed!important;inset:0!important;transform:none!important}.dashboard-sidebar.is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s!important}.dashboard-sidebar .dashboard-brand,:root[data-theme=dark] .dashboard-sidebar .dashboard-brand{border-bottom:1px solid color-mix(in srgb, var(--classic-border) 82%, transparent);justify-content:flex-start;min-height:0;margin:0 0 12px;padding:0 2px 14px}.dashboard-sidebar .dashboard-brand .dashboard-brand-title strong{font-size:20px}.dashboard-sidebar nav.dashboard-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;min-height:0;padding:0 0 10px;display:block;overflow:hidden auto}.dashboard-sidebar .dashboard-nav-group{padding:0}.dashboard-sidebar .dashboard-nav-group+.dashboard-nav-group{margin-top:14px;padding-top:14px}.dashboard-sidebar .dashboard-nav-group h2{letter-spacing:.14em;margin:0 0 6px;padding:0 2px;font-size:9px}.dashboard-sidebar .dashboard-nav-group>div{grid-template-columns:1fr;gap:3px;display:grid}.dashboard-sidebar nav a{white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;border-radius:10px;justify-content:flex-start;min-width:0;min-height:40px;padding:0 9px;font-size:12.5px;line-height:1.15}.dashboard-sidebar nav a.is-active{background:color-mix(in srgb, var(--classic-blue) 10%, var(--classic-panel));color:var(--classic-blue);border:0}.dashboard-sidebar-footer{flex:none;padding-top:10px}.dashboard-sidebar .dashboard-brand-revision{min-height:32px;padding-inline:2px;font-size:9px}.dashboard-main{z-index:30;background:var(--classic-bg,var(--dashboard-bg,#f5f5f7));min-height:100dvh;transform-origin:50% calc(var(--mobile-nav-scroll,0px) + 50dvh);will-change:transform;transition:transform .62s cubic-bezier(.15,.2,.1,1),border-radius .62s cubic-bezier(.15,.2,.1,1),box-shadow .62s cubic-bezier(.15,.2,.1,1);position:relative;transform:none}.dashboard-main:after{z-index:100;border-radius:inherit;opacity:0;pointer-events:none;content:"";background:#0e141c2e;transition:opacity .42s;position:absolute;inset:0}.dashboard-app:has(.dashboard-sidebar.is-open) .dashboard-main{border-radius:18px;overflow:hidden;transform:perspective(1400px)translate(-50vw)rotateY(9deg)scale(.86);box-shadow:0 0 70px #14223338,0 30px 60px #1422332e}.dashboard-app:has(.dashboard-sidebar.is-open) .dashboard-main:after{opacity:1}.dashboard-app:has(.dashboard-sidebar.is-open) .dashboard-topbar.classic-topbar{border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-bg) 92%, transparent);min-height:64px;box-shadow:none;-webkit-backdrop-filter:blur(18px);padding:0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left))!important;margin:0 -14px 18px!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important}:is(.dashboard-app:has(.dashboard-sidebar.is-open) .classic-page-heading,.dashboard-app:has(.dashboard-sidebar.is-open) .classic-topbar-actions){opacity:1;pointer-events:auto}.dashboard-app:has(.dashboard-sidebar.is-open) .dashboard-topbar .dashboard-menu{display:none!important}}@media (width<=430px){.dashboard-sidebar,.dashboard-sidebar.is-open{padding-left:max(42vw,154px)!important}.dashboard-sidebar nav a{min-height:38px;padding-inline:8px;font-size:12px}}@media (prefers-reduced-motion:reduce) and (width<=900px){.dashboard-main,.dashboard-sidebar,.mobile-navigation-toggle{transition-duration:.01ms!important}}@media (width<=900px){.dashboard-topbar.classic-topbar{align-items:center}.classic-topbar-actions{margin-right:56px}.classic-page-heading{align-items:center;min-height:46px;display:flex}}@media (width<=430px){.classic-topbar-actions{margin-right:52px}}@media (width<=900px){.dashboard-sidebar .dashboard-navigation a{text-align:center;justify-content:center;padding-inline:14px}.dashboard-sidebar .dashboard-nav-group h2{text-align:center}.dashboard-sidebar .dashboard-brand,.dashboard-sidebar .dashboard-brand-title,.dashboard-sidebar .dashboard-sidebar-footer,.dashboard-sidebar .dashboard-brand-revision{text-align:center;justify-content:center}}:root[data-skin=console]{--classic-bg:#f6f7f9;--classic-panel:#fff;--classic-soft:#eef1f4;--classic-border:#e3e7ec;--classic-text:#10151c;--classic-muted:#6b7787;--classic-blue:#0a7c53;--classic-purple:#1f5fd0;--classic-green:#0a7c53;--classic-orange:#a35800;--canvas:#f6f7f9;--surface:#fff;--surface-raised:#fff;--surface-muted:#eef1f4;--surface-subtle:#fbfcfd;--text:#10151c;--text-secondary:#56606e;--text-tertiary:#8a94a2;--separator:#e3e7ec;--accent:#0a7c53;--skin-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--skin-hairline:#eef1f4;--v015-sidebar-width:236px;--v015-frame-gutter:0px;--skin-radius:7px;--skin-radius-sm:4px}:root[data-skin=console][data-theme=dark]{--classic-bg:#080a0d;--classic-panel:#0e1116;--classic-soft:#171c23;--classic-border:#1e242d;--classic-text:#e7ecf2;--classic-muted:#8794a4;--classic-blue:#2ee08a;--classic-purple:#6ba4ff;--classic-green:#2ee08a;--classic-orange:#f0a742;--canvas:#080a0d;--surface:#0e1116;--surface-raised:#11151b;--surface-muted:#171c23;--surface-subtle:#0a0d11;--text:#e7ecf2;--text-secondary:#98a3b2;--text-tertiary:#6b7787;--separator:#1e242d;--accent:#2ee08a;--skin-hairline:#171c23}:root[data-skin=console] .dashboard-app{background:var(--classic-bg);background-attachment:initial;font-family:Inter,SF Pro Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}:root[data-skin=console] .dashboard-sidebar{border-right:1px solid var(--classic-border);background:var(--classic-panel);width:236px;padding:0 0 12px}:root[data-skin=console] .dashboard-brand{border-bottom:1px solid var(--classic-border);align-items:center;min-height:52px;padding:0 16px;display:flex}:root[data-skin=console] .dashboard-brand .dashboard-brand-title strong{letter-spacing:-.012em;font-size:14px;font-weight:700}:root[data-skin=console] .dashboard-sidebar nav.dashboard-navigation{padding:14px 0 0}:root[data-skin=console] .dashboard-nav-group+.dashboard-nav-group{margin-top:16px}:root[data-skin=console] .dashboard-nav-group h2{font-family:var(--skin-mono);letter-spacing:.14em;color:var(--classic-muted);padding:0 16px;font-size:9.5px;font-weight:600}:root[data-skin=console] .dashboard-nav-group>div{gap:0}:root[data-skin=console] .dashboard-sidebar nav a{min-height:30px;color:var(--classic-muted);border-left:2px solid #0000;border-radius:0;gap:10px;padding:0 16px;font-size:13px;font-weight:450}:root[data-skin=console] .dashboard-nav-icon{stroke-width:1.7px;width:15px;height:15px}:root[data-skin=console] .dashboard-sidebar nav a:hover{background:var(--skin-hairline);color:var(--classic-text)}:root[data-skin=console] .dashboard-sidebar nav a.is-active{background:color-mix(in srgb, var(--classic-green) 11%, transparent);border-left-color:var(--classic-green);color:var(--classic-text);font-weight:550}:root[data-skin=console] .dashboard-sidebar nav a.is-active .dashboard-nav-icon{color:var(--classic-green)}:root[data-skin=console] .dashboard-sidebar-footer{border-top:1px solid var(--classic-border);padding:11px 16px 0}:root[data-skin=console] .dashboard-brand-revision{font-family:var(--skin-mono);color:var(--classic-muted);padding:0;font-size:10.5px;font-weight:400}:root[data-skin=console] .dashboard-brand-revision span{font-weight:500}:root[data-skin=console] .dashboard-main{margin-left:236px;padding:0 20px 72px}:root[data-skin=console] .dashboard-topbar.classic-topbar{border:0;border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-panel) 94%, transparent);min-height:52px;box-shadow:none;border-radius:0;margin:0 -20px 18px;padding:0 20px;top:0}:root[data-skin=console] .classic-page-heading h1{font-family:var(--skin-mono);letter-spacing:-.01em;font-size:14px;font-weight:600}:root[data-skin=console] .classic-live-sync{min-height:32px;padding-right:14px}:root[data-skin=console] .classic-live-sync>i{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--classic-green) 16%, transparent)}:root[data-skin=console] .classic-live-sync strong{font-family:var(--skin-mono);font-size:11px;font-weight:500}:root[data-skin=console] .classic-live-sync small{font-family:var(--skin-mono);font-size:9.5px}:root[data-skin=console] .classic-topbar-button,:root[data-skin=console] .classic-account-button,:root[data-skin=console] .classic-setup-pill{border-radius:var(--skin-radius-sm);background:var(--classic-bg);min-height:28px;box-shadow:none}:root[data-skin=console] .classic-topbar-button{width:28px}:root[data-skin=console] .classic-topbar-button svg{width:15px;height:15px}:root[data-skin=console] .skin-menu-trigger.classic-topbar-button{gap:7px;width:auto;padding:0 10px}:root[data-skin=console] .skin-menu-label{font-family:var(--skin-mono);font-size:11px;font-weight:500}:root[data-skin=console] .classic-help-button{padding:0 10px;font-size:12px}:root[data-skin=console] .dashboard-section-heading,:root[data-skin=console] .dns-filter-heading{border:1px solid var(--classic-border);border-radius:var(--skin-radius);background:var(--classic-panel);min-height:0;box-shadow:none;gap:0;padding:0}:root[data-skin=console] .dashboard-section-heading:after,:root[data-skin=console] .dns-filter-heading:after{display:none}:root[data-skin=console] .subpage-hero-head{border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-soft) 45%, var(--classic-panel));align-items:flex-start;gap:18px;padding:15px 18px}:root[data-skin=console] .dashboard-section-heading .eyebrow,:root[data-skin=console] .dns-filter-heading .eyebrow{font-family:var(--skin-mono);letter-spacing:.13em;color:var(--classic-green);margin:0 0 5px;font-size:9.5px;font-weight:600}:root[data-skin=console] .dashboard-section-heading h2,:root[data-skin=console] .dns-filter-heading h2{letter-spacing:-.024em;color:var(--classic-text);font-size:19px;font-weight:650;line-height:1.2}:root[data-skin=console] .dashboard-section-heading .section-copy,:root[data-skin=console] .dashboard-section-heading .dns-filter-intro,:root[data-skin=console] .dashboard-section-heading .ddns-lead,:root[data-skin=console] .dns-filter-heading .dns-filter-intro{color:var(--classic-muted);margin:6px 0 0;font-size:12px;line-height:1.5}:root[data-skin=console] .subpage-hero-facts{background:0 0;border:0;border-radius:0;gap:0}:root[data-skin=console] .subpage-hero-facts>div{border-right:1px solid var(--skin-hairline);background:var(--classic-panel);padding:13px 18px}:root[data-skin=console] .subpage-hero-facts>div:last-child{border-right:0}:root[data-skin=console] .subpage-hero-facts dt{font-family:var(--skin-mono);letter-spacing:.13em;color:var(--classic-muted);font-size:9.5px;font-weight:600}:root[data-skin=console] .subpage-hero-facts dd{font-family:var(--skin-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--classic-text);margin:6px 0 3px;font-size:16px;font-weight:500}:root[data-skin=console] .subpage-hero-facts small{color:var(--classic-muted);font-size:11px}:root[data-skin=console] .dashboard-app .card,:root[data-skin=console] .settings-form,:root[data-skin=console] .status-list,:root[data-skin=console] .dashboard-callout,:root[data-skin=console] .speedtest-block,:root[data-skin=console] .ddns-status,:root[data-skin=console] .modern-device-section{border:1px solid var(--classic-border);border-radius:var(--skin-radius);background:var(--classic-panel);box-shadow:none}:root[data-skin=console] .settings-form{gap:14px;padding:14px}:root[data-skin=console] .settings-form fieldset,:root[data-skin=console] .dns-records-fieldset{border:1px solid var(--classic-border);border-radius:var(--skin-radius-sm);background:var(--classic-panel);gap:12px;padding:14px}:root[data-skin=console] .settings-form legend,:root[data-skin=console] .dns-records-fieldset legend,:root[data-skin=console] .settings-form .fieldset-title,:root[data-skin=console] .dns-records-fieldset .fieldset-title{font-family:var(--skin-mono);letter-spacing:.12em;color:var(--classic-muted);padding:0;font-size:10px;font-weight:600}:root[data-skin=console] .dashboard-app .field>span{font-family:var(--skin-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--classic-muted);font-size:9.5px;font-weight:600}:root[data-skin=console] .dashboard-app input,:root[data-skin=console] .dashboard-app select{border-radius:var(--skin-radius-sm);background:var(--classic-bg);min-height:30px;font-family:var(--skin-mono);font-variant-numeric:tabular-nums;padding:0 9px;font-size:12.5px}:root[data-skin=console] .dashboard-app input:focus,:root[data-skin=console] .dashboard-app select:focus{border-color:var(--classic-green);box-shadow:0 0 0 3px color-mix(in srgb, var(--classic-green) 14%, transparent)}:root[data-skin=console] .dashboard-section .checkbox-row,:root[data-skin=console] .dns-filter .checkbox-row,:root[data-skin=console] .classic-security-card .checkbox-row{border-radius:var(--skin-radius-sm);background:var(--classic-bg);font-family:var(--skin-mono);padding:6px 10px;font-size:11.5px}:root[data-skin=console] .form-actions{padding-top:14px}:root[data-skin=console] .dashboard-section .button,:root[data-skin=console] .dns-filter .button{border-radius:var(--skin-radius-sm);min-height:30px;font-size:12.5px;font-weight:550}:root[data-skin=console] .form-note{font-family:var(--skin-mono);font-size:10.5px}:root[data-skin=console] .classic-status-chip{border:1px solid color-mix(in srgb, currentColor 34%, transparent);border-radius:var(--skin-radius-sm);min-height:26px;font-family:var(--skin-mono);letter-spacing:.02em;padding:0 10px;font-size:10.5px;font-weight:500}:root[data-skin=console] .elegant-table-container{border-radius:var(--skin-radius);border-color:var(--classic-border);background:var(--classic-panel);box-shadow:none}:root[data-skin=console] .elegant-device-table thead th{background:color-mix(in srgb, var(--classic-soft) 45%, var(--classic-panel));border-bottom:1px solid var(--classic-border);font-family:var(--skin-mono);letter-spacing:.12em;color:var(--classic-muted);padding:8px 14px;font-size:9.5px;font-weight:600}:root[data-skin=console] .elegant-device-table tbody td{border-bottom:1px solid var(--skin-hairline);height:34px;padding:0 14px;font-size:12.5px}:root[data-skin=console] .elegant-device-table tbody tr:hover td{background:var(--skin-hairline)}:root[data-skin=console] .elegant-cell-ip,:root[data-skin=console] .elegant-cell-mac,:root[data-skin=console] .elegant-cell-num,:root[data-skin=console] .elegant-cell-data,:root[data-skin=console] .elegant-device-table code{font-family:var(--skin-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}:root[data-skin=console] .modern-section-heading h2{font-family:var(--skin-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--classic-muted);font-size:11px;font-weight:600}:root[data-skin=console] .dashboard-app .modern-search-input{border-radius:var(--skin-radius-sm);min-height:30px;padding:0 12px 0 34px;font-family:Inter,sans-serif;font-size:12.5px}:root[data-skin=console] .card-title-row h3{font-family:var(--skin-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--classic-muted);font-size:11px;font-weight:600}:root[data-skin=console] .overview-status-hero,:root[data-skin=console] .wg-page-hero,:root[data-skin=console] .classic-security-command{border-radius:var(--skin-radius);background:linear-gradient(118deg,#0d1116 0%,#131922 55%,#0d1116 100%)}@media (width>=901px){:root[data-skin=console] .dashboard-sidebar{border-radius:0;inset-block:0}:root[data-skin=console] .dashboard-main,:root[data-skin=console] .dashboard-topbar.classic-topbar{padding-left:20px!important;padding-right:20px!important}:root[data-skin=console] .dashboard-topbar.classic-topbar{border:0;border-bottom:1px solid var(--classic-border);min-height:52px;box-shadow:none;border-radius:0;margin:0 -20px 18px;padding:0 20px;top:0}}@media (width<=900px){:root[data-skin=console] .dashboard-main{margin-left:0}}:root[data-skin=atelier]{--classic-bg:#f7f7f8;--classic-panel:#fff;--classic-soft:#f0f0f2;--classic-border:#e6e6e9;--classic-text:#111114;--classic-muted:#6b7079;--classic-blue:#3559e0;--classic-purple:#6f4fd8;--classic-green:#17845a;--classic-orange:#9a5b00;--canvas:#f7f7f8;--surface:#fff;--surface-raised:#fff;--surface-muted:#f0f0f2;--surface-subtle:#fafafa;--text:#111114;--text-secondary:#5f6470;--text-tertiary:#92979f;--separator:#e6e6e9;--accent:#3559e0;--v015-sidebar-width:250px;--v015-frame-gutter:0px;--skin-radius:14px;--skin-radius-sm:10px;--skin-shadow:0 1px 2px #1111140a, 0 8px 24px -12px #1111141f}:root[data-skin=atelier][data-theme=dark]{--classic-bg:#0c0c0e;--classic-panel:#151518;--classic-soft:#1d1d21;--classic-border:#26262b;--classic-text:#f2f2f4;--classic-muted:#9498a1;--classic-blue:#7b9cff;--classic-purple:#a98cff;--classic-green:#3ddc97;--classic-orange:#f2b45c;--canvas:#0c0c0e;--surface:#151518;--surface-raised:#1a1a1e;--surface-muted:#1d1d21;--surface-subtle:#101013;--text:#f2f2f4;--text-secondary:#a1a5ae;--text-tertiary:#71757e;--separator:#26262b;--accent:#7b9cff;--skin-shadow:0 1px 2px #0006}:root[data-skin=atelier] .dashboard-app{background:var(--classic-bg);background-attachment:initial;letter-spacing:-.011em;font-family:Inter,SF Pro Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}:root[data-skin=atelier] .dashboard-sidebar{background:var(--classic-bg);border-right:0;width:250px;padding:26px 16px 18px}:root[data-skin=atelier] .dashboard-brand{padding:4px 10px 26px}:root[data-skin=atelier] .dashboard-brand .dashboard-brand-title strong{letter-spacing:-.022em;font-size:16px;font-weight:600}:root[data-skin=atelier] .dashboard-nav-group+.dashboard-nav-group{margin-top:22px}:root[data-skin=atelier] .dashboard-nav-group h2{letter-spacing:.06em;color:var(--classic-muted);padding:0 10px;font-size:11px;font-weight:600}:root[data-skin=atelier] .dashboard-nav-group>div{gap:2px}:root[data-skin=atelier] .dashboard-sidebar nav a{min-height:34px;color:var(--classic-muted);border-radius:9px;gap:11px;padding:0 10px;font-size:14px;font-weight:450}:root[data-skin=atelier] .dashboard-nav-icon{stroke-width:1.7px;width:17px;height:17px}:root[data-skin=atelier] .dashboard-sidebar nav a:hover{background:color-mix(in srgb, var(--classic-text) 5%, transparent);color:var(--classic-text)}:root[data-skin=atelier] .dashboard-sidebar nav a.is-active{background:var(--classic-panel);box-shadow:var(--skin-shadow);color:var(--classic-text);font-weight:550}:root[data-skin=atelier] .dashboard-sidebar nav a.is-active .dashboard-nav-icon{color:var(--classic-blue)}:root[data-skin=atelier] .dashboard-sidebar-footer{border-top:0;padding-top:14px}:root[data-skin=atelier] .dashboard-brand-revision{font-size:12px;font-weight:400}:root[data-skin=atelier] .dashboard-main{margin-left:250px;padding:0 34px 110px}:root[data-skin=atelier] .dashboard-topbar.classic-topbar{background:color-mix(in srgb, var(--classic-bg) 88%, transparent);min-height:66px;box-shadow:none;border:0;border-radius:0;margin:0 -34px 12px;padding:0 34px;top:0}:root[data-skin=atelier] .classic-page-heading h1{letter-spacing:-.018em;color:var(--classic-muted);font-size:15px;font-weight:550}:root[data-skin=atelier] .classic-live-sync{border-right:0;padding-right:8px}:root[data-skin=atelier] .classic-live-sync strong{font-size:12.5px;font-weight:500}:root[data-skin=atelier] .classic-topbar-button,:root[data-skin=atelier] .classic-account-button,:root[data-skin=atelier] .classic-setup-pill{min-height:36px;box-shadow:none;background:0 0;border-color:#0000;border-radius:10px}:root[data-skin=atelier] .classic-topbar-button{width:36px}:root[data-skin=atelier] .classic-topbar-button svg{width:18px;height:18px}:root[data-skin=atelier] .classic-topbar-button:hover,:root[data-skin=atelier] .classic-account-button:hover{background:color-mix(in srgb, var(--classic-text) 6%, transparent);border-color:#0000}:root[data-skin=atelier] .skin-menu-trigger.classic-topbar-button{width:auto;padding:0 12px}:root[data-skin=atelier] .dashboard-section-heading,:root[data-skin=atelier] .dns-filter-heading{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:26px;padding:12px 0 4px}:root[data-skin=atelier] .dashboard-section-heading:after,:root[data-skin=atelier] .dns-filter-heading:after{display:none}:root[data-skin=atelier] .subpage-hero-head{align-items:flex-start;gap:24px}:root[data-skin=atelier] .dashboard-section-heading .eyebrow,:root[data-skin=atelier] .dns-filter-heading .eyebrow{letter-spacing:.08em;color:var(--classic-blue);margin:0 0 9px;font-size:12px;font-weight:600}:root[data-skin=atelier] .dashboard-section-heading h2,:root[data-skin=atelier] .dns-filter-heading h2{letter-spacing:-.032em;color:var(--classic-text);font-size:clamp(27px,2.4vw,34px);font-weight:600;line-height:1.15}:root[data-skin=atelier] .dashboard-section-heading .section-copy,:root[data-skin=atelier] .dashboard-section-heading .dns-filter-intro,:root[data-skin=atelier] .dashboard-section-heading .ddns-lead,:root[data-skin=atelier] .dns-filter-heading .dns-filter-intro{max-width:62ch;color:var(--classic-muted);margin:10px 0 0;font-size:15px;line-height:1.6}:root[data-skin=atelier] .subpage-hero-facts{border-radius:var(--skin-radius);background:var(--classic-border);border:0;gap:1px;overflow:hidden}:root[data-skin=atelier] .subpage-hero-facts>div{background:var(--classic-bg);padding:16px 18px}:root[data-skin=atelier] .subpage-hero-facts dt{letter-spacing:0;text-transform:none;color:var(--classic-muted);font-size:12.5px;font-weight:450}:root[data-skin=atelier] .subpage-hero-facts dd{letter-spacing:-.028em;font-variant-numeric:tabular-nums;color:var(--classic-text);margin:7px 0 4px;font-size:21px;font-weight:600}:root[data-skin=atelier] .subpage-hero-facts small{color:var(--classic-muted);font-size:12px}:root[data-skin=atelier] .dashboard-app .card,:root[data-skin=atelier] .settings-form,:root[data-skin=atelier] .status-list,:root[data-skin=atelier] .dashboard-callout,:root[data-skin=atelier] .speedtest-block,:root[data-skin=atelier] .ddns-status,:root[data-skin=atelier] .modern-device-section{border-radius:var(--skin-radius);background:var(--classic-panel);box-shadow:var(--skin-shadow);border:0}:root[data-skin=atelier] .settings-form{gap:20px;padding:8px}:root[data-skin=atelier] .settings-form fieldset,:root[data-skin=atelier] .dns-records-fieldset{border-radius:var(--skin-radius-sm);background:0 0;border:0;gap:18px;padding:18px 20px 22px}:root[data-skin=atelier] .settings-form>fieldset+fieldset{border-top:1px solid var(--classic-border);border-radius:0}:root[data-skin=atelier] .settings-form legend,:root[data-skin=atelier] .dns-records-fieldset legend,:root[data-skin=atelier] .settings-form .fieldset-title,:root[data-skin=atelier] .dns-records-fieldset .fieldset-title{letter-spacing:-.022em;text-transform:none;color:var(--classic-text);padding:0;font-size:17px;font-weight:600}:root[data-skin=atelier] .dashboard-app .field{gap:7px}:root[data-skin=atelier] .dashboard-app .field>span{letter-spacing:0;text-transform:none;color:var(--classic-text);font-size:13px;font-weight:500}:root[data-skin=atelier] .dashboard-app input,:root[data-skin=atelier] .dashboard-app select{border-radius:var(--skin-radius-sm);background:var(--classic-bg);font-variant-numeric:tabular-nums;min-height:40px;padding:0 13px;font-size:14.5px}:root[data-skin=atelier] .dashboard-app input:focus,:root[data-skin=atelier] .dashboard-app select:focus{background:var(--classic-panel);box-shadow:0 0 0 4px color-mix(in srgb, var(--classic-blue) 12%, transparent)}:root[data-skin=atelier] .dashboard-section .checkbox-row,:root[data-skin=atelier] .dns-filter .checkbox-row,:root[data-skin=atelier] .classic-security-card .checkbox-row{border-radius:var(--skin-radius-sm);background:var(--classic-bg);border:0;width:100%;padding:13px 15px;font-size:14px}:root[data-skin=atelier] .form-actions{border-top:1px solid var(--classic-border);padding-top:20px}:root[data-skin=atelier] .dashboard-section .button,:root[data-skin=atelier] .dns-filter .button{border-radius:var(--skin-radius-sm);min-height:38px;font-size:14px;font-weight:550}:root[data-skin=atelier] .form-note{font-size:12.5px;line-height:1.55}:root[data-skin=atelier] .classic-status-chip{border:0;border-radius:999px;min-height:26px;padding:0 11px;font-size:12px;font-weight:550}:root[data-skin=atelier] .elegant-table-container{border-radius:var(--skin-radius);background:var(--classic-panel);box-shadow:none;border:0}:root[data-skin=atelier] .elegant-device-table thead th{border-bottom:1px solid var(--classic-border);letter-spacing:0;text-transform:none;color:var(--classic-muted);background:0 0;padding:11px 20px;font-size:12px;font-weight:550}:root[data-skin=atelier] .elegant-device-table tbody td{border-bottom:1px solid color-mix(in srgb, var(--classic-border) 62%, transparent);height:56px;padding:0 20px;font-size:14px}:root[data-skin=atelier] .elegant-device-table tbody tr:hover td{background:color-mix(in srgb, var(--classic-text) 3%, transparent)}:root[data-skin=atelier] .modern-section-heading h2{letter-spacing:-.022em;text-transform:none;color:var(--classic-text);font-size:17px;font-weight:600}:root[data-skin=atelier] .dashboard-app .modern-search-input{border-radius:var(--skin-radius-sm);min-height:36px;font-size:13.5px}:root[data-skin=atelier] .card-title-row h3{letter-spacing:-.022em;font-size:17px;font-weight:600}:root[data-skin=atelier] .overview-status-hero,:root[data-skin=atelier] .wg-page-hero,:root[data-skin=atelier] .classic-security-command{border-radius:var(--skin-radius);background:linear-gradient(118deg,#17171b 0%,#1f1f25 55%,#17171b 100%)}@media (width>=901px){:root[data-skin=atelier] .dashboard-sidebar{border-radius:0;inset-block:0}:root[data-skin=atelier] .dashboard-main,:root[data-skin=atelier] .dashboard-topbar.classic-topbar{padding-left:34px!important;padding-right:34px!important}:root[data-skin=atelier] .dashboard-topbar.classic-topbar{min-height:66px;box-shadow:none;border:0;border-radius:0;margin:0 -34px 12px;padding:0 34px;top:0}}@media (width<=900px){:root[data-skin=atelier] .dashboard-main{margin-left:0;padding-left:18px;padding-right:18px}:root[data-skin=atelier] .dashboard-topbar.classic-topbar{margin-left:-18px;margin-right:-18px;padding:0 18px}}:root[data-skin=topology]{--classic-bg:#f2f5f7;--classic-panel:#fff;--classic-soft:#eaeff2;--classic-border:#dde5ea;--classic-text:#0d1a21;--classic-muted:#5b7280;--classic-blue:#0b7285;--classic-purple:#5b5bd6;--classic-green:#0d7a4f;--classic-orange:#96570b;--canvas:#f2f5f7;--surface:#fff;--surface-raised:#fff;--surface-muted:#eaeff2;--surface-subtle:#f8fafb;--text:#0d1a21;--text-secondary:#4d6270;--text-tertiary:#85999f;--separator:#dde5ea;--accent:#0b7285;--skin-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--v015-sidebar-width:238px;--v015-frame-gutter:0px;--demo-hero-ink:var(--classic-text);--demo-hero-ink-muted:var(--classic-muted);--skin-danger:#bc2a2a;--skin-radius:12px;--skin-radius-sm:8px;--skin-shadow:0 1px 2px #0d1a210d, 0 12px 32px -18px #0d1a2147}:root[data-skin=topology][data-theme=dark]{--classic-bg:#060d11;--classic-panel:#0f181d;--classic-soft:#16232a;--classic-border:#21313a;--classic-text:#e8f1f4;--classic-muted:#8ba3ae;--classic-blue:#34c6dd;--classic-purple:#8b8bf0;--classic-green:#35d495;--classic-orange:#f0b25c;--canvas:#060d11;--surface:#0f181d;--surface-raised:#131e24;--surface-muted:#16232a;--surface-subtle:#0a1216;--text:#e8f1f4;--text-secondary:#9ab0ba;--text-tertiary:#6b838d;--separator:#21313a;--accent:#34c6dd;--skin-danger:#ff7b7b;--skin-shadow:0 1px 2px #00000080, 0 18px 44px -24px #000000e6}:root[data-skin=topology] .dashboard-app{background:var(--classic-bg);background-attachment:initial;letter-spacing:-.01em;font-family:Inter,SF Pro Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}:root[data-skin=topology] .dashboard-sidebar{border-right:1px solid var(--classic-border);background:var(--classic-panel);width:238px;padding:0 0 14px}:root[data-skin=topology] .dashboard-brand{border-bottom:1px solid var(--classic-border);align-items:center;min-height:56px;padding:0 18px;display:flex}:root[data-skin=topology] .dashboard-brand .dashboard-brand-title strong{letter-spacing:-.024em;font-size:15px;font-weight:650}:root[data-skin=topology] .dashboard-sidebar nav.dashboard-navigation{padding:16px 0 0}:root[data-skin=topology] .dashboard-nav-group+.dashboard-nav-group{margin-top:18px}:root[data-skin=topology] .dashboard-nav-group h2{letter-spacing:.15em;color:var(--classic-muted);padding:0 18px;font-size:10px;font-weight:700}:root[data-skin=topology] .dashboard-nav-group>div{gap:0}:root[data-skin=topology] .dashboard-sidebar nav a{min-height:32px;color:var(--classic-muted);border-radius:0;gap:11px;padding:0 18px;font-size:13.5px;font-weight:450;position:relative}:root[data-skin=topology] .dashboard-nav-icon{stroke-width:1.7px;width:16px;height:16px}:root[data-skin=topology] .dashboard-sidebar nav a:hover{background:var(--classic-soft);color:var(--classic-text)}:root[data-skin=topology] .dashboard-sidebar nav a.is-active{background:color-mix(in srgb, var(--classic-blue) 11%, transparent);color:var(--classic-blue);font-weight:600}:root[data-skin=topology] .dashboard-sidebar nav a.is-active:before{content:"";background:var(--classic-blue);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}:root[data-skin=topology] .dashboard-sidebar nav a.is-active .dashboard-nav-icon{color:var(--classic-blue)}:root[data-skin=topology] .dashboard-sidebar-footer{border-top:1px solid var(--classic-border);padding:12px 18px 0}:root[data-skin=topology] .dashboard-brand-revision{padding:0;font-size:11.5px;font-weight:400}:root[data-skin=topology] .dashboard-main{margin-left:238px;padding:0 24px 100px}:root[data-skin=topology] .dashboard-topbar.classic-topbar{border:0;border-bottom:1px solid var(--classic-border);background:color-mix(in srgb, var(--classic-panel) 94%, transparent);min-height:56px;box-shadow:none;border-radius:0;margin:0 -24px 20px;padding:0 24px;top:0}:root[data-skin=topology] .classic-page-heading h1{letter-spacing:-.024em;font-size:16.5px;font-weight:650}:root[data-skin=topology] .classic-live-sync{min-height:34px;padding-right:16px}:root[data-skin=topology] .classic-live-sync strong{font-size:12.5px}:root[data-skin=topology] .classic-live-sync small{font-family:var(--skin-mono);font-size:10px}:root[data-skin=topology] .classic-topbar-button,:root[data-skin=topology] .classic-account-button,:root[data-skin=topology] .classic-setup-pill{border-radius:var(--skin-radius-sm);min-height:32px;box-shadow:none;background:0 0}:root[data-skin=topology] .classic-topbar-button{width:32px}:root[data-skin=topology] .classic-topbar-button svg{width:16px;height:16px}:root[data-skin=topology] .skin-menu-trigger.classic-topbar-button{width:auto;padding:0 11px}:root[data-skin=topology] .skin-menu-label{font-size:12.5px;font-weight:550}:root[data-skin=topology] .dashboard-section-heading,:root[data-skin=topology] .dns-filter-heading{border:1px solid var(--classic-border);border-left:3px solid var(--classic-blue);border-radius:var(--skin-radius);background:var(--classic-panel);min-height:0;box-shadow:var(--skin-shadow);gap:0;padding:0}:root[data-skin=topology] .dashboard-section-heading:after,:root[data-skin=topology] .dns-filter-heading:after{display:none}:root[data-skin=topology] .subpage-hero-head{align-items:flex-start;gap:20px;padding:18px 20px}:root[data-skin=topology] .dashboard-section-heading .eyebrow,:root[data-skin=topology] .dns-filter-heading .eyebrow{letter-spacing:.15em;color:var(--classic-blue);margin:0 0 7px;font-size:10px;font-weight:700}:root[data-skin=topology] .dashboard-section-heading h2,:root[data-skin=topology] .dns-filter-heading h2{letter-spacing:-.028em;color:var(--classic-text);font-size:22px;font-weight:650;line-height:1.16}:root[data-skin=topology] .dashboard-section-heading .section-copy,:root[data-skin=topology] .dashboard-section-heading .dns-filter-intro,:root[data-skin=topology] .dashboard-section-heading .ddns-lead,:root[data-skin=topology] .dns-filter-heading .dns-filter-intro{color:var(--classic-muted);margin:8px 0 0;font-size:12.5px;line-height:1.55}:root[data-skin=topology] .subpage-hero-facts{border:0;border-top:1px solid var(--classic-border);background:var(--classic-border);border-radius:0;gap:1px}:root[data-skin=topology] .subpage-hero-facts>div{background:var(--classic-panel);padding:14px 20px}:root[data-skin=topology] .subpage-hero-facts dt{letter-spacing:.13em;color:var(--classic-muted);font-size:10px;font-weight:700}:root[data-skin=topology] .subpage-hero-facts dd{font-family:var(--skin-mono);letter-spacing:-.024em;font-variant-numeric:tabular-nums;color:var(--classic-text);margin:7px 0 3px;font-size:16px;font-weight:500}:root[data-skin=topology] .subpage-hero-facts small{color:var(--classic-muted);font-size:11px}:root[data-skin=topology] .dashboard-app .card,:root[data-skin=topology] .settings-form,:root[data-skin=topology] .status-list,:root[data-skin=topology] .dashboard-callout,:root[data-skin=topology] .speedtest-block,:root[data-skin=topology] .ddns-status,:root[data-skin=topology] .modern-device-section{border:1px solid var(--classic-border);border-radius:var(--skin-radius);background:var(--classic-panel);box-shadow:var(--skin-shadow)}:root[data-skin=topology] .settings-form{gap:16px;padding:16px 18px}:root[data-skin=topology] .settings-form fieldset,:root[data-skin=topology] .dns-records-fieldset{border:1px solid var(--classic-border);border-left:3px solid color-mix(in srgb, var(--classic-blue) 45%, transparent);border-radius:var(--skin-radius-sm);background:var(--classic-panel);gap:14px;padding:16px 18px 18px}:root[data-skin=topology] .settings-form legend,:root[data-skin=topology] .dns-records-fieldset legend,:root[data-skin=topology] .settings-form .fieldset-title,:root[data-skin=topology] .dns-records-fieldset .fieldset-title{letter-spacing:-.02em;text-transform:none;color:var(--classic-text);padding:0;font-size:14px;font-weight:650}:root[data-skin=topology] .dashboard-app .field>span{letter-spacing:.09em;text-transform:uppercase;color:var(--classic-muted);font-size:10.5px;font-weight:700}:root[data-skin=topology] .dashboard-app input,:root[data-skin=topology] .dashboard-app select{border-radius:var(--skin-radius-sm);background:var(--classic-soft);min-height:36px;font-family:var(--skin-mono);font-variant-numeric:tabular-nums;padding:0 12px;font-size:13px}:root[data-skin=topology] .dashboard-app input:hover,:root[data-skin=topology] .dashboard-app select:hover{background:var(--classic-panel)}:root[data-skin=topology] .dashboard-app input:focus,:root[data-skin=topology] .dashboard-app select:focus{background:var(--classic-panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--classic-blue) 14%, transparent)}:root[data-skin=topology] .dashboard-section .checkbox-row,:root[data-skin=topology] .dns-filter .checkbox-row,:root[data-skin=topology] .classic-security-card .checkbox-row{border-radius:var(--skin-radius-sm);background:var(--classic-soft);padding:9px 13px;font-size:12.5px}:root[data-skin=topology] .form-actions{padding-top:16px}:root[data-skin=topology] .dashboard-section .button,:root[data-skin=topology] .dns-filter .button{border-radius:var(--skin-radius-sm);min-height:34px;font-size:13px;font-weight:600}:root[data-skin=topology] .form-note{font-size:11.5px}:root[data-skin=topology] .classic-status-chip{border:0;border-radius:6px;min-height:24px;padding:0 9px;font-size:11.5px;font-weight:600}:root[data-skin=topology] .elegant-table-container{box-shadow:none;background:0 0;border:0;border-radius:0}:root[data-skin=topology] .elegant-device-table thead th{border-top:1px solid var(--classic-border);border-bottom:1px solid var(--classic-border);background:var(--classic-soft);letter-spacing:.13em;color:var(--classic-muted);padding:10px 18px;font-size:10.5px;font-weight:700}:root[data-skin=topology] .elegant-device-table tbody td{border-bottom:1px solid var(--classic-border);height:auto;padding:11px 18px;font-size:13.5px}:root[data-skin=topology] .elegant-device-table tbody tr:hover td{background:var(--classic-soft)}:root[data-skin=topology] .elegant-cell-ip,:root[data-skin=topology] .elegant-cell-mac,:root[data-skin=topology] .elegant-cell-data,:root[data-skin=topology] .elegant-device-table code{font-family:var(--skin-mono);font-variant-numeric:tabular-nums;font-size:12px}:root[data-skin=topology] .modern-section-heading h2{letter-spacing:-.022em;text-transform:none;color:var(--classic-text);font-size:15px;font-weight:650}:root[data-skin=topology] .dashboard-app .modern-search-input{border-radius:var(--skin-radius-sm);min-height:32px;font-size:13px}:root[data-skin=topology] .card-title-row h3{letter-spacing:-.022em;font-size:15px;font-weight:650}:root[data-skin=topology] .overview-status-hero,:root[data-skin=topology] .wg-page-hero,:root[data-skin=topology] .classic-security-command{border:1px solid var(--classic-border);border-left:3px solid var(--classic-blue);border-radius:var(--skin-radius);background:var(--classic-panel);color:var(--classic-text);box-shadow:var(--skin-shadow)}:root[data-skin=topology] .overview-status-hero:after,:root[data-skin=topology] .wg-page-hero:after,:root[data-skin=topology] .classic-security-command:after{display:none}:root[data-skin=topology] .overview-hero-kicker,:root[data-skin=topology] .overview-hero-summary>p,:root[data-skin=topology] .overview-summary-meta small,:root[data-skin=topology] .overview-wan-card header,:root[data-skin=topology] .overview-wan-main div small,:root[data-skin=topology] .overview-wan-main p small,:root[data-skin=topology] .overview-wan-quality small,:root[data-skin=topology] .overview-assurance small,:root[data-skin=topology] .overview-assurance em,:root[data-skin=topology] .overview-technical-facts span,:root[data-skin=topology] .overview-availability-summary,:root[data-skin=topology] .wg-hero-copy p,:root[data-skin=topology] .wg-hero-metrics dt,:root[data-skin=topology] .wg-hero-metrics dd span,:root[data-skin=topology] .wg-hero-metrics small,:root[data-skin=topology] .classic-security-command>.classic-security-intro,:root[data-skin=topology] .classic-security-command-facts dt,:root[data-skin=topology] .classic-security-command-facts small{color:var(--classic-muted)}:root[data-skin=topology] .overview-summary-meta strong,:root[data-skin=topology] .overview-assurance strong,:root[data-skin=topology] .overview-technical-facts strong,:root[data-skin=topology] .overview-wan-quality strong,:root[data-skin=topology] .wg-hero-metrics dd,:root[data-skin=topology] .classic-security-command-facts dd{color:var(--classic-text)}:root[data-skin=topology] .overview-request-state svg,:root[data-skin=topology] .overview-request-state strong,:root[data-skin=topology] .overview-wan-card header b.is-good,:root[data-skin=topology] .classic-security-command-facts dd.is-good{color:var(--classic-green)}:root[data-skin=topology] .classic-security-command-facts dd.is-warn{color:var(--classic-orange)}:root[data-skin=topology] .overview-wan-card header b.is-bad,:root[data-skin=topology] .classic-security-command-facts dd.is-bad{color:var(--skin-danger)}:root[data-skin=topology] .overview-wan-card,:root[data-skin=topology] .overview-assurance>div,:root[data-skin=topology] .overview-technical-facts{border:1px solid var(--classic-border);background:var(--classic-soft);box-shadow:none}:root[data-skin=topology] .overview-wan-quality span,:root[data-skin=topology] .wg-hero-metrics>div,:root[data-skin=topology] .classic-security-command-facts>div{background:var(--classic-panel)}:root[data-skin=topology] .wg-hero-metrics,:root[data-skin=topology] .classic-security-command-facts{border-color:var(--classic-border);background:var(--classic-border)}:root[data-skin=topology] .overview-assurance>div>span{background:color-mix(in srgb, var(--classic-green) 13%, transparent);color:var(--classic-green)}:root[data-skin=topology] .overview-hero-kicker i{border-color:var(--classic-green);background:color-mix(in srgb, var(--classic-green) 18%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--classic-green) 10%, transparent)}:root[data-skin=topology] .overview-status-hero.is-warning,:root[data-skin=topology] .overview-status-hero.is-bad{background:var(--classic-panel)}:root[data-skin=topology] .overview-status-hero.is-warning .overview-hero-kicker i{border-color:var(--classic-orange);background:color-mix(in srgb, var(--classic-orange) 18%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--classic-orange) 10%, transparent)}:root[data-skin=topology] .overview-status-hero.is-bad .overview-hero-kicker i{border-color:var(--skin-danger);background:color-mix(in srgb, var(--skin-danger) 18%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--skin-danger) 10%, transparent)}:root[data-skin=topology] .wg-hero-icon{background:color-mix(in srgb, var(--classic-blue) 12%, transparent);color:var(--classic-blue)}:root[data-skin=topology] .wg-hero-copy .eyebrow{color:var(--classic-blue)}:root[data-skin=topology] .wg-interface-state,:root[data-skin=topology] .wg-interface-toggle{border-color:var(--classic-border);background:var(--classic-soft);color:var(--classic-muted)}:root[data-skin=topology] .wg-interface-toggle{color:var(--classic-text)}:root[data-skin=topology] .wg-interface-state.is-active{border-color:color-mix(in srgb, var(--classic-green) 30%, transparent);background:color-mix(in srgb, var(--classic-green) 12%, transparent);color:var(--classic-green)}@media (width>=901px){:root[data-skin=topology] .dashboard-sidebar{border-radius:0;inset-block:0}:root[data-skin=topology] .dashboard-main,:root[data-skin=topology] .dashboard-topbar.classic-topbar{padding-left:24px!important;padding-right:24px!important}:root[data-skin=topology] .dashboard-topbar.classic-topbar{border:0;border-bottom:1px solid var(--classic-border);min-height:56px;box-shadow:none;border-radius:0;margin:0 -24px 20px;padding:0 24px;top:0}}@media (width<=900px){:root[data-skin=topology] .dashboard-main{margin-left:0}}