:root{font-family:Inter,Manrope,Segoe UI,Arial,sans-serif;color-scheme:dark;--bg: #071018;--bg-deep: #050c12;--surface: #0d1822;--surface-raised: #11202c;--surface-soft: #0a141d;--surface-glass: rgba(11, 23, 33, .82);--surface-hover: #152633;--border: rgba(154, 212, 220, .11);--border-strong: rgba(129, 225, 222, .22);--text: #eefafa;--text-soft: #b7c9ce;--text-muted: #748991;--accent: #66e7df;--accent-bright: #82f5ed;--accent-rgb: 102, 231, 223;--blue: #71a8ff;--violet: #a68cff;--success: #4ed6a2;--warning: #f5bd63;--danger: #ff6f7f;--shadow: 0 20px 48px rgba(0, 0, 0, .26);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .16);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--sidebar: 244px;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;--bg: #edf4f6;--bg-deep: #e7eff2;--surface: #ffffff;--surface-raised: #f9fcfd;--surface-soft: #f3f8fa;--surface-glass: rgba(255, 255, 255, .82);--surface-hover: #edf7f8;--border: rgba(24, 70, 79, .1);--border-strong: rgba(22, 162, 157, .26);--text: #12262c;--text-soft: #4a636b;--text-muted: #778d93;--accent: #1fbdb7;--accent-bright: #0aa29d;--accent-rgb: 31, 189, 183;--blue: #4b87e6;--violet: #8167d8;--success: #1ba777;--warning: #c68522;--danger: #e14d62;--shadow: 0 18px 46px rgba(48, 82, 91, .12);--shadow-soft: 0 10px 24px rgba(48, 82, 91, .08)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 76% -8%,rgba(var(--accent-rgb),.08),transparent 29rem),var(--bg);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.boot-screen,.fatal-state{display:grid;place-items:center;align-content:center;gap:24px;min-height:100vh;padding:24px;text-align:center}.boot-line{width:170px;height:3px;overflow:hidden;border-radius:999px;background:var(--border)}.boot-line span{display:block;width:45%;height:100%;border-radius:inherit;background:var(--accent);animation:boot 1.1s cubic-bezier(.2,.8,.2,1) infinite}@keyframes boot{0%{transform:translate(-110%)}to{transform:translate(330%)}}.fatal-state h1,.fatal-state p{margin:0}.fatal-state p{color:var(--text-muted)}.brand{display:flex;align-items:center;gap:11px}.brand__mark{position:relative;display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.22);border-radius:12px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.19),rgba(var(--accent-rgb),.05));box-shadow:inset 0 1px #ffffff14}.brand__mark:before{width:13px;height:18px;border-radius:10px 10px 12px 12px;background:var(--accent);clip-path:polygon(50% 0,100% 55%,100% 75%,86% 92%,66% 100%,34% 100%,14% 92%,0 75%,0 55%);content:"";filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.5))}.brand__mark span{position:absolute;left:14px;bottom:9px;width:8px;height:3px;border-radius:50%;background:#ffffffa6;transform:rotate(-18deg)}.brand strong,.brand small{display:block}.brand strong{font-size:16px;font-weight:720;letter-spacing:-.02em}.brand small{margin-top:1px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.login{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:32px;background:linear-gradient(135deg,#050d13f0,#081720f0),var(--bg)}:root[data-theme=light] .login{background:linear-gradient(135deg,#e9f2f5ed,#f2f8f9f5),var(--bg)}.login:before{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-rgb),.028) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.028) 1px,transparent 1px);background-size:42px 42px;content:"";mask-image:radial-gradient(circle,black,transparent 80%)}.login__aurora{position:absolute;width:420px;height:420px;border-radius:50%;opacity:.24;filter:blur(90px)}.login__aurora--one{top:-180px;right:8%;background:var(--accent)}.login__aurora--two{bottom:-210px;left:2%;background:#3f79b5}.login__card{position:relative;z-index:1;display:grid;width:min(920px,100%);min-height:570px;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid var(--border-strong);border-radius:30px;background:var(--surface-glass);box-shadow:0 36px 90px #00000061,inset 0 1px #ffffff14;backdrop-filter:blur(28px)}:root[data-theme=light] .login__card{box-shadow:0 32px 80px #395b642b,inset 0 1px #fff}.login__intro{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:42px;border-right:1px solid var(--border);background:radial-gradient(circle at 42% 67%,rgba(var(--accent-rgb),.18),transparent 11rem),linear-gradient(150deg,rgba(var(--accent-rgb),.05),transparent 62%)}.live-label{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:62px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.live-label__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12)}.login__intro h1{margin:16px 0 14px;font-size:clamp(38px,5vw,58px);line-height:.98;letter-spacing:-.055em}.login__intro p{max-width:355px;margin:0;color:var(--text-soft);font-size:15px;line-height:1.65}.login__signal{position:absolute;right:24px;bottom:22px;display:grid;width:210px;height:210px;place-items:center}.login__signal:before,.login__signal-ring{position:absolute;border:1px solid rgba(var(--accent-rgb),.14);border-radius:50%;content:""}.login__signal:before{inset:0}.login__signal-ring--one{inset:34px}.login__signal-ring--two{inset:65px}.login__signal-core{position:relative;display:grid;width:72px;height:72px;place-items:center;border:1px solid rgba(var(--accent-rgb),.32);border-radius:24px;color:var(--accent);background:rgba(var(--accent-rgb),.11);box-shadow:0 0 52px rgba(var(--accent-rgb),.22),inset 0 1px #ffffff1a;transform:rotate(10deg)}.login__signal-core svg{transform:rotate(-10deg)}.login__form{display:flex;flex-direction:column;justify-content:center;gap:17px;padding:48px;background:#ffffff04}.login__form-head{display:flex;align-items:center;gap:13px;margin-bottom:11px}.login__form-head>svg{color:var(--accent)}.login__form-head h2,.login__form-head p{margin:0}.login__form-head h2{font-size:19px;letter-spacing:-.025em}.login__form-head p{margin-top:4px;color:var(--text-muted);font-size:12px}.login__form label,.modal label{display:grid;gap:8px}.login__form label>span,.modal label>span{color:var(--text-soft);font-size:12px;font-weight:600}.login__form input,.modal input,.modal select,.time-range input{width:100%;height:46px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--text);background:var(--surface-soft);transition:border-color .15s,box-shadow .15s,background .15s}.login__form input,.modal input{padding:0 13px}.modal select{padding:0 34px 0 13px}.login__form input:hover,.modal input:hover,.modal select:hover,.time-range input:hover{border-color:var(--border-strong)}.login__form input:focus,.modal input:focus,.modal select:focus,.time-range input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.password-field{position:relative}.password-field input{padding-right:46px}.password-field button{position:absolute;top:5px;right:5px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:8px;color:var(--text-muted);background:transparent;cursor:pointer}.password-field button:hover{color:var(--text);background:var(--surface-hover)}.form-error{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--danger) 24%,transparent);border-radius:9px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);font-size:12px}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:680;cursor:pointer;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}.button:active{transform:translateY(1px)}.button--wide{width:100%}.button--primary{color:#06201f;background:linear-gradient(135deg,var(--accent-bright),var(--accent));box-shadow:0 9px 24px rgba(var(--accent-rgb),.15),inset 0 1px #ffffff4d}.button--primary:hover{box-shadow:0 12px 30px rgba(var(--accent-rgb),.22),inset 0 1px #ffffff4d;transform:translateY(-1px)}.button--ghost{border-color:var(--border);color:var(--text-soft);background:var(--surface-soft)}.button--ghost:hover{border-color:var(--border-strong);color:var(--text)}.login__secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:5px;color:var(--text-muted);font-size:10px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;top:12px;bottom:12px;left:12px;display:flex;width:var(--sidebar);flex-direction:column;padding:22px 15px 16px;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-glass);box-shadow:var(--shadow-soft),inset 0 1px #ffffff09;backdrop-filter:blur(22px)}.sidebar>.brand{padding:0 10px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:39px}.nav-label{margin:0 11px 9px;color:var(--text-muted);font-size:9px;font-weight:720;letter-spacing:.16em;text-transform:uppercase}.sidebar nav button{position:relative;display:flex;width:100%;min-height:44px;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:11px;color:var(--text-muted);background:transparent;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:color .14s,background .14s,border-color .14s}.sidebar nav button:hover{color:var(--text);background:var(--surface-hover)}.sidebar nav button.is-active{border-color:rgba(var(--accent-rgb),.13);color:var(--accent);background:linear-gradient(90deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.045))}.sidebar nav button.is-active:before{position:absolute;top:12px;bottom:12px;left:-1px;width:2px;border-radius:999px;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.5);content:""}.nav-alert{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 13%,transparent)}.sidebar__footer{display:grid;gap:10px;margin-top:auto}.sidebar-status{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.sidebar-status div{min-width:0}.sidebar-status strong,.sidebar-status span{display:block}.sidebar-status strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sidebar-status span{margin-top:4px;color:var(--text-muted);font-size:9px}.sidebar-logout{display:flex;width:100%;min-height:38px;align-items:center;gap:9px;padding:0 12px;border:0;border-radius:10px;color:var(--text-muted);background:transparent;font-size:11px;cursor:pointer}.sidebar-logout:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent)}.workspace{min-width:0;margin-left:calc(var(--sidebar) + 24px)}.topbar{position:sticky;z-index:20;top:0;display:flex;min-height:68px;align-items:center;justify-content:flex-end;gap:18px;padding:10px clamp(22px,3vw,42px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px)}.topbar__mobile-brand{display:none}.topbar__state{display:flex;align-items:center;gap:11px}.live-chip,.demo-chip{display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.09em}.live-chip{border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.demo-chip{border:1px solid color-mix(in srgb,var(--warning) 22%,transparent);color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,transparent);letter-spacing:0}.topbar__updated{color:var(--text-muted);font-size:10px}.topbar__actions{display:flex;align-items:center;gap:8px}.icon-button,.alert-button{position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);background:var(--surface-soft);cursor:pointer;transition:color .14s,border-color .14s,background .14s}.icon-button:hover,.alert-button:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}.icon-button--danger:hover{border-color:color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger)}.alert-button>span{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1px solid var(--surface);border-radius:50%;background:var(--danger)}.is-spinning{animation:spin .75s linear infinite}.page{width:min(1540px,100%);margin:0 auto;padding:30px clamp(22px,3vw,42px) 56px;animation:page-in .24s cubic-bezier(.2,.8,.2,1)}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading>div>span{color:var(--accent);font-size:9px;font-weight:760;letter-spacing:.18em;text-transform:uppercase}.page-heading h1{margin:6px 0 5px;font-size:clamp(26px,3vw,36px);line-height:1.05;letter-spacing:-.045em}.page-heading p{margin:0;color:var(--text-muted);font-size:13px}.network-hero{position:relative;display:flex;min-height:180px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:16px;padding:28px 32px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:radial-gradient(circle at 87% 50%,rgba(var(--accent-rgb),.15),transparent 15rem),linear-gradient(135deg,rgba(var(--accent-rgb),.055),transparent 48%),var(--surface);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0a}.network-hero:after{position:absolute;right:16%;bottom:-72px;width:260px;height:140px;border:1px solid rgba(var(--accent-rgb),.12);border-radius:50%;content:"";transform:rotate(-10deg)}.hero-status{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:11px;font-weight:690}.network-hero h1{margin:12px 0 7px;font-size:clamp(28px,3vw,40px);letter-spacing:-.045em}.network-hero p{margin:0;color:var(--text-muted);font-size:12px}.network-hero__pulse{position:relative;display:grid;width:116px;height:116px;margin-right:42px;place-items:center}.pulse-radar{position:absolute;inset:0;border:1px solid rgba(var(--accent-rgb),.13);border-radius:50%}.pulse-radar:before,.pulse-radar:after{position:absolute;border:1px solid rgba(var(--accent-rgb),.14);border-radius:50%;content:""}.pulse-radar:before{inset:18px}.pulse-radar:after{inset:36px}.pulse-core{position:relative;z-index:1;display:grid;width:58px;height:58px;place-items:center;border-radius:20px}.pulse-core.is-online{border:1px solid rgba(var(--accent-rgb),.32);color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 42px rgba(var(--accent-rgb),.22)}.pulse-core.is-offline{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{position:relative;display:flex;min-height:116px;align-items:flex-start;gap:13px;overflow:hidden;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 1px #ffffff06;transition:transform .15s,border-color .15s,background .15s}.metric-card:hover{border-color:var(--border-strong);background:var(--surface-raised);transform:translateY(-2px)}.icon-tile{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:12px}.icon-tile--aqua{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.icon-tile--blue{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.icon-tile--violet{color:var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent)}.icon-tile--green{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.metric-card__body{min-width:0}.metric-card__body>span,.metric-card__body>strong,.metric-card__body>small{display:block}.metric-card__body>span{color:var(--text-muted);font-size:10px}.metric-card__body>strong{overflow:hidden;margin-top:7px;font-size:clamp(18px,2vw,24px);font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.metric-card__body>small{overflow:hidden;margin-top:4px;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.metric-card__progress{position:absolute;right:18px;bottom:12px;left:69px;height:2px;overflow:hidden;border-radius:999px;background:var(--border)}.metric-card__progress span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:16px;margin-bottom:28px}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 1px #ffffff06}.panel--traffic,.panel--router,.two-column-section>.panel,.notification-panel,.quiet-panel,.integration-card,.setup-steps,.api-test{padding:22px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-title>div>span{display:block;margin-bottom:5px;color:var(--accent);font-size:8px;font-weight:760;letter-spacing:.17em;text-transform:uppercase}.section-title h2{margin:0;font-size:17px;letter-spacing:-.025em}.chart-legend{display:flex;align-items:center;gap:14px;color:var(--text-muted);font-size:9px}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:6px;height:6px;border-radius:50%}.legend-dot--receive{background:var(--accent)}.legend-dot--send{background:var(--blue)}.traffic-chart{position:relative;height:238px;margin:18px -2px 0}.traffic-chart svg{display:block;width:100%;height:100%;overflow:visible}.chart-grid{stroke:var(--border);stroke-dasharray:4 8;stroke-width:1}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;vector-effect:non-scaling-stroke}.chart-line--receive{stroke:var(--accent);filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.34))}.chart-line--send{stroke:var(--blue);stroke-width:1.5;opacity:.78}.chart-area{opacity:.95}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:11px}.traffic-summary{display:flex;align-items:center;gap:28px;padding-top:14px;border-top:1px solid var(--border)}.traffic-summary>div{display:grid;grid-template-columns:18px auto;align-items:center;column-gap:7px}.traffic-summary>div:first-child svg{color:var(--accent)}.traffic-summary>div:last-child svg{color:var(--blue)}.traffic-summary span{color:var(--text-muted);font-size:9px}.traffic-summary strong{grid-column:2;margin-top:3px;font-size:13px;font-variant-numeric:tabular-nums}.router-identity{display:flex;align-items:center;gap:11px;margin-top:22px}.router-identity__icon{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border:1px solid rgba(var(--accent-rgb),.16);border-radius:14px;color:var(--accent);background:rgba(var(--accent-rgb),.08)}.router-identity>div:nth-child(2){min-width:0;flex:1}.router-identity strong,.router-identity span{display:block}.router-identity strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.router-identity span{margin-top:4px;color:var(--text-muted);font-size:9px}.status-badge{display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--border);border-radius:999px;font-size:9px;font-weight:650;white-space:nowrap}.status-badge--online{border-color:color-mix(in srgb,var(--success) 19%,transparent);color:var(--success);background:color-mix(in srgb,var(--success) 7%,transparent)}.status-badge--offline{border-color:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent)}.status-badge--warning{border-color:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning);background:color-mix(in srgb,var(--warning) 7%,transparent)}.status-badge--unknown,.status-badge--paused{color:var(--text-muted);background:var(--surface-soft)}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--text-muted)}.status-dot--online{background:var(--success)}.status-dot--offline{background:var(--danger)}.status-dot--warning{background:var(--warning)}.status-dot--paused,.status-dot--unknown{background:var(--text-muted)}.status-dot--pulse{box-shadow:0 0 #4ed6a266;animation:status-pulse 2.2s ease-out infinite}@keyframes status-pulse{0%{box-shadow:0 0 #4ed6a266}65%,to{box-shadow:0 0 0 7px #4ed6a200}}.health-ring-wrap{display:grid;place-items:center;padding:20px 0 16px}.health-ring{display:grid;width:112px;height:112px;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) var(--health),rgba(var(--accent-rgb),.09) 0);box-shadow:0 0 34px rgba(var(--accent-rgb),.09)}.health-ring:before{width:89px;height:89px;border:1px solid var(--border);border-radius:50%;background:var(--surface);content:""}.health-ring>div{position:absolute;text-align:center}.health-ring strong,.health-ring span{display:block}.health-ring strong{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.health-ring span{margin-top:2px;color:var(--text-muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.router-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.router-stats>div{display:grid;min-width:0;place-items:center;padding:9px 4px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.router-stats svg{color:var(--text-muted)}.router-stats span{margin-top:5px;color:var(--text-muted);font-size:8px}.router-stats strong{margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums}.router-version{margin-top:12px;color:var(--text-muted);font-size:9px;text-align:center}.providers-section{margin-bottom:28px}.providers-section>.section-title{margin-bottom:13px}.providers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-card{position:relative;overflow:hidden;padding:19px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.provider-card--active{border-color:var(--border-strong);background:linear-gradient(115deg,rgba(var(--accent-rgb),.055),transparent 55%),var(--surface)}.provider-card--active:before{position:absolute;top:16px;bottom:16px;left:0;width:2px;border-radius:999px;background:var(--accent);box-shadow:0 0 11px rgba(var(--accent-rgb),.5);content:""}.provider-card__head{display:flex;align-items:center;gap:12px}.provider-card__icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:14px}.provider-card__icon.is-online{color:var(--accent);background:rgba(var(--accent-rgb),.09)}.provider-card__icon.is-offline{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.provider-card__head>div:last-child{min-width:0;flex:1}.provider-card__name{display:flex;align-items:center;justify-content:space-between;gap:10px}.provider-card__name strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.provider-card__head>div>span{display:block;margin-top:4px;color:var(--text-muted);font-size:9px}.active-chip{display:inline-flex!important;min-height:20px;align-items:center;gap:4px;margin:0!important;padding:0 7px;border-radius:999px;color:var(--accent)!important;background:rgba(var(--accent-rgb),.09);font-size:8px!important}.provider-card__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:17px}.provider-card__metrics>div{padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.provider-card__metrics span,.provider-card__metrics strong{display:block}.provider-card__metrics span{color:var(--text-muted);font-size:8px}.provider-card__metrics strong{margin-top:5px;font-size:11px;font-variant-numeric:tabular-nums}.provider-card__metrics strong .status-dot{margin-right:6px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.provider-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--text-muted);font-size:9px}.two-column-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.text-button{display:inline-flex;align-items:center;gap:3px;padding:5px;border:0;color:var(--text-muted);background:transparent;font-size:9px;cursor:pointer}.text-button:hover{color:var(--accent)}.device-list,.event-list{display:grid;margin-top:14px}.device-row{display:grid;min-height:66px;grid-template-columns:minmax(210px,1.25fr) minmax(150px,.85fr) 88px minmax(132px,.7fr) 88px;align-items:center;gap:14px;padding:8px 2px;border-bottom:1px solid var(--border)}.device-row:last-child{border-bottom:0}.device-row--compact{grid-template-columns:minmax(180px,1fr) 0 72px minmax(116px,.6fr);overflow:hidden}.device-row--compact .device-row__endpoint{visibility:hidden}.device-row__identity{display:flex;min-width:0;align-items:center;gap:11px}.device-avatar{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;line-height:0;border:1px solid var(--border);border-radius:11px;color:var(--accent);background:var(--surface-soft)}.device-avatar svg,.device-row__actions .icon-button svg,.summary-icon svg{display:block;flex:0 0 auto}.device-row__identity>div:last-child,.device-row__endpoint,.device-row__latency{min-width:0}.device-row__identity strong,.device-row__identity span,.device-row__endpoint span,.device-row__endpoint strong,.device-row__latency span,.device-row__latency strong,.device-row__state small{display:block}.device-row__identity strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.device-row__identity span,.device-row__endpoint span,.device-row__latency span{margin-top:4px;color:var(--text-muted);font-size:8px}.device-row__endpoint strong,.device-row__latency strong{overflow:hidden;margin-top:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.device-row__state small{margin-top:4px;color:var(--text-muted);font-size:8px}.device-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.device-row__actions .icon-button{width:36px;height:36px;line-height:0}.event-item{display:grid;min-height:67px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--border)}.event-item:last-child{border-bottom:0}.event-item__icon{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:var(--text-muted);background:var(--surface-soft)}.event-item__icon--critical{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.event-item__icon--warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,transparent)}.event-item__icon--success{color:var(--success);background:color-mix(in srgb,var(--success) 8%,transparent)}.event-item__body{min-width:0}.event-item__body strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.event-item__body p{overflow:hidden;margin:5px 0 0;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.event-item__time{text-align:right}.event-item__time span,.event-item__time small{display:block;white-space:nowrap}.event-item__time span{color:var(--text-soft);font-size:8px}.event-item__time small{margin-top:4px;color:var(--text-muted);font-size:7px}.empty-inline{display:grid;min-height:128px;place-items:center;align-content:center;gap:8px;color:var(--text-muted);text-align:center}.empty-inline strong{color:var(--text-soft);font-size:12px}.empty-inline span{font-size:9px}.notice{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;border-radius:var(--radius-md)}.notice--demo{border:1px solid color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning);background:color-mix(in srgb,var(--warning) 6%,transparent)}.notice div{min-width:0}.notice strong,.notice span{display:block}.notice strong{font-size:11px}.notice span{margin-top:3px;color:var(--text-muted);font-size:9px}.device-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.device-summary>div{display:flex;min-height:80px;align-items:center;gap:11px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.summary-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px}.summary-icon--success{color:var(--success);background:color-mix(in srgb,var(--success) 9%,transparent)}.summary-icon--danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.summary-icon--neutral{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,transparent)}.device-summary strong,.device-summary span{display:block}.device-summary strong{font-size:18px;letter-spacing:-.035em}.device-summary span{margin-top:3px;color:var(--text-muted);font-size:9px}.device-table{overflow:hidden;padding:0 20px}.device-table__head{display:grid;height:42px;grid-template-columns:minmax(210px,1.25fr) minmax(150px,.85fr) 88px minmax(132px,.7fr) 88px;align-items:center;gap:14px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:8px;font-weight:670;letter-spacing:.08em;text-transform:uppercase}.device-table .device-list{margin-top:0}.empty-state{display:grid;min-height:330px;place-items:center;align-content:center;padding:32px;text-align:center}.empty-state>div:first-child{display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--border-strong);border-radius:18px;color:var(--accent);background:rgba(var(--accent-rgb),.08)}.empty-state h3{margin:16px 0 7px;font-size:15px}.empty-state p{max-width:390px;margin:0 0 20px;color:var(--text-muted);font-size:10px;line-height:1.6}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#03090dad;backdrop-filter:blur(10px);animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.modal{position:relative;width:min(540px,100%);padding:26px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow);animation:modal-in .21s cubic-bezier(.2,.8,.2,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal__close{position:absolute;top:18px;right:18px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:10px;color:var(--text-muted);background:var(--surface-soft);cursor:pointer}.modal__icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;color:var(--accent);background:rgba(var(--accent-rgb),.09)}.modal h2{margin:18px 0 6px;font-size:21px;letter-spacing:-.03em}.modal>p{margin:0 0 23px;color:var(--text-muted);font-size:11px}.modal form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr .55fr;gap:12px}.modal__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.filter-pills{display:flex;gap:7px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px}.filter-pills button{min-height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);background:var(--surface);font-size:10px;white-space:nowrap;cursor:pointer}.filter-pills button:hover{color:var(--text)}.filter-pills button.is-active{border-color:var(--border-strong);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.event-journal{padding:10px 24px 18px}.event-date-label{padding:14px 0 9px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:8px;font-weight:680;letter-spacing:.11em;text-transform:uppercase}.event-list--large{margin-top:0}.event-list--large .event-item{min-height:76px}.event-list--large .event-item__body strong{font-size:11px}.event-list--large .event-item__body p{font-size:9px}.bot-banner{display:flex;min-height:84px;align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.bot-banner.is-ready{border-color:color-mix(in srgb,var(--success) 18%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--success) 6%,transparent),transparent 50%),var(--surface)}.bot-banner.is-pending{border-color:color-mix(in srgb,var(--warning) 19%,transparent)}.bot-banner__icon{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:14px;color:var(--accent);background:rgba(var(--accent-rgb),.09)}.bot-banner>div:nth-child(2){min-width:0;flex:1}.bot-banner strong,.bot-banner span{display:block}.bot-banner strong{font-size:12px}.bot-banner>div:nth-child(2) span{margin-top:5px;color:var(--text-muted);font-size:9px}.bot-banner__status{display:flex!important;align-items:center;gap:7px;color:var(--text-muted);font-size:9px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);gap:16px}.setting-list{display:grid;margin-top:15px}.setting-row{display:grid;min-height:70px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-row__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:var(--accent);background:rgba(var(--accent-rgb),.08)}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:11px}.setting-row span{margin-top:4px;color:var(--text-muted);font-size:9px}.toggle{position:relative;width:40px;height:23px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);cursor:pointer;transition:border-color .16s,background .16s}.toggle span{position:absolute;top:3px;left:3px;width:15px;height:15px;display:block;margin:0;border-radius:50%;background:var(--text-muted);box-shadow:0 2px 5px #0000002e;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .16s}.toggle.is-on{border-color:rgba(var(--accent-rgb),.36);background:rgba(var(--accent-rgb),.16)}.toggle.is-on span{background:var(--accent);transform:translate(17px)}.settings-skeleton{height:320px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.035),transparent);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.quiet-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.quiet-toggle>div{display:flex;min-width:0;align-items:center;gap:10px}.quiet-toggle svg{flex:0 0 auto;color:var(--violet)}.quiet-toggle strong,.quiet-toggle span{display:block}.quiet-toggle strong{font-size:10px}.quiet-toggle span{margin-top:4px;color:var(--text-muted);font-size:8px}.time-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;margin-top:18px;transition:opacity .15s}.time-range.is-disabled{opacity:.45}.time-range label{display:grid;gap:7px}.time-range label span{color:var(--text-muted);font-size:8px}.time-range input{height:40px;padding:0 9px}.time-range>svg{margin-bottom:11px;color:var(--text-muted)}.quiet-note{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--text-muted);font-size:8px}.security-banner{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding:17px 19px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:var(--radius-lg);background:linear-gradient(110deg,rgba(var(--accent-rgb),.07),transparent 50%),var(--surface)}.security-banner>div{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:13px;color:var(--accent);background:rgba(var(--accent-rgb),.1)}.security-banner strong,.security-banner span{display:block}.security-banner strong{font-size:12px}.security-banner span{max-width:900px;margin-top:5px;color:var(--text-muted);font-size:9px;line-height:1.55}.security-banner code{color:var(--text-soft)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.integration-card{position:relative;overflow:hidden}.step-number{position:absolute;top:15px;right:17px;color:rgba(var(--accent-rgb),.16);font-size:32px;font-weight:800;letter-spacing:-.06em}.integration-card__heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.integration-card__heading>svg{color:var(--accent)}.integration-card__heading strong,.integration-card__heading span{display:block}.integration-card__heading strong{font-size:11px}.integration-card__heading span{margin-top:4px;color:var(--text-muted);font-size:8px}.code-block,.secret-field{position:relative;display:flex;min-height:46px;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.code-block code,.secret-field code{display:block;overflow:auto;flex:1;padding:12px 48px 12px 13px;color:var(--text-soft);font-size:9px;line-height:1.55;white-space:nowrap}.code-block button,.secret-field button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;color:var(--text-muted);background:transparent;cursor:pointer}.code-block button{position:absolute;top:5px;right:5px}.code-block button:hover,.secret-field button:hover{color:var(--accent);background:var(--surface-hover)}.secret-field code{padding-right:8px}.integration-state{display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--text-muted);font-size:8px}.integration-state svg{color:var(--success)}.setup-steps,.api-test{margin-bottom:16px}.setup-step{display:grid;min-height:76px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;border-bottom:1px solid var(--border)}.setup-step:last-child{border-bottom:0}.setup-step>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--border-strong);border-radius:9px;color:var(--accent);background:rgba(var(--accent-rgb),.06);font-size:9px;font-weight:700}.setup-step strong{display:block;font-size:10px}.setup-step p{margin:5px 0 0;color:var(--text-muted);font-size:8px;line-height:1.5}.setup-step>svg{color:var(--success)}.api-test>p{margin:12px 0;color:var(--text-muted);font-size:9px}.api-test .code-block code{white-space:normal;overflow-wrap:anywhere}.toast{position:fixed;z-index:120;right:24px;bottom:24px;display:flex;min-height:46px;align-items:center;gap:9px;padding:0 15px;border:1px solid color-mix(in srgb,var(--success) 24%,transparent);border-radius:12px;color:var(--text);background:var(--surface-glass);box-shadow:var(--shadow);backdrop-filter:blur(18px);font-size:10px;animation:toast-in .22s cubic-bezier(.2,.8,.2,1)}.toast svg{color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.mobile-nav{display:none}@media(max-width:1160px){:root{--sidebar: 210px}.sidebar{padding-inline:12px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr)}.two-column-section{grid-template-columns:1fr}.device-row--compact{grid-template-columns:minmax(200px,1fr) 0 78px minmax(130px,.6fr)}}@media(max-width:900px){:root{--sidebar: 0px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.sidebar{display:none}.workspace{margin-left:0}.topbar{justify-content:space-between;min-height:62px;padding:8px 18px}.topbar__mobile-brand{display:flex;align-items:center;gap:12px}.topbar__mobile-brand .brand div:last-child{display:none}.topbar__mobile-brand .brand__mark{width:34px;height:34px;border-radius:11px}.topbar__mobile-brand>span{font-size:13px;font-weight:680}.topbar__updated,.topbar__actions .icon-button:first-child{display:none}.page{padding:24px 18px 38px}.overview-grid{grid-template-columns:1fr}.panel--router{min-height:430px}.router-stats{max-width:430px;margin-inline:auto}.router-version{max-width:430px;margin-inline:auto;margin-top:14px}.settings-layout{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:50;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));left:10px;display:grid;height:62px;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid var(--border-strong);border-radius:19px;background:var(--surface-glass);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.mobile-nav button{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;border-radius:12px;color:var(--text-muted);background:transparent;cursor:pointer}.mobile-nav button span{max-width:100%;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.mobile-nav button.is-active{color:var(--accent);background:rgba(var(--accent-rgb),.1)}.toast{right:16px;bottom:calc(82px + env(safe-area-inset-bottom));left:16px;justify-content:center}}@media(max-width:700px){.login{padding:14px}.login__card{min-height:auto;grid-template-columns:1fr;border-radius:24px}.login__intro{min-height:280px;padding:26px;border-right:0;border-bottom:1px solid var(--border)}.live-label{margin-top:37px}.login__intro h1{margin-top:11px;font-size:40px}.login__intro p{max-width:300px;font-size:12px}.login__signal{right:-20px;bottom:-23px;width:175px;height:175px}.login__form{padding:28px 26px 30px}.network-hero{min-height:176px;padding:23px}.network-hero__pulse{width:88px;height:88px;margin-right:0;margin-left:12px}.pulse-radar:before{inset:14px}.pulse-radar:after{inset:28px}.pulse-core{width:48px;height:48px;border-radius:16px}.network-hero h1{font-size:28px}.network-hero p{max-width:260px;line-height:1.5}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:125px;flex-direction:column;gap:9px;padding:14px}.metric-card__body>strong{font-size:18px}.metric-card__progress{right:14px;bottom:10px;left:14px}.providers-grid,.integration-grid{grid-template-columns:1fr}.device-summary{grid-template-columns:1fr 1fr}.device-summary>div:last-child{grid-column:1 / -1}.device-table{padding:0 14px}.device-table__head{display:none}.device-table .device-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 0}.device-table .device-row__endpoint,.device-table .device-row__latency{grid-column:1;padding-left:47px}.device-table .device-row__state{grid-column:2;grid-row:1 / span 2;text-align:right}.device-table .device-row__actions{grid-column:2}.device-row--compact{grid-template-columns:minmax(0,1fr) auto}.device-row--compact .device-row__endpoint,.device-row--compact .device-row__latency{display:none}.device-row--compact .device-row__state{text-align:right}.page-heading{align-items:flex-start}.page-heading .button{min-width:42px;padding:0 12px}.page-heading .button svg+*{display:none}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.topbar{padding-inline:13px}.topbar__state{margin-left:auto}.topbar__actions{gap:5px}.topbar__actions .icon-button{display:none}.page{padding-inline:13px}.network-hero{min-height:190px}.network-hero__pulse{position:absolute;right:15px;bottom:13px;opacity:.72}.network-hero p{max-width:250px;padding-right:30px}.metrics-grid{gap:8px}.metric-card{padding:12px}.icon-tile{width:34px;height:34px;border-radius:10px}.metric-card__body>span{font-size:9px}.metric-card__body>strong{font-size:16px}.panel--traffic,.panel--router,.two-column-section>.panel,.notification-panel,.quiet-panel,.integration-card,.setup-steps,.api-test{padding:17px}.traffic-chart{height:190px}.traffic-summary{gap:16px}.chart-legend{display:none}.provider-card{padding:16px}.provider-card__name{align-items:flex-start;flex-direction:column}.active-chip{align-self:flex-start}.event-item{grid-template-columns:32px minmax(0,1fr)}.event-item__time{display:none}.device-summary{gap:8px}.device-summary>div{min-height:72px;padding:12px}.bot-banner{align-items:flex-start}.bot-banner__status{display:none!important}.setting-row{grid-template-columns:36px minmax(0,1fr) auto}.setting-row span{max-width:190px}.modal{padding:22px 18px}.modal__actions{display:grid;grid-template-columns:.7fr 1.3fr}.security-banner{padding:15px}.security-banner>div{width:38px;height:38px}.mobile-nav{right:7px;left:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}