@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;500&display=swap";:root{color-scheme:dark;--canvas: #05060f;--canvas-2: #090b16;--surface: rgba(186, 214, 247, .035);--surface-strong: rgba(11, 14, 28, .94);--text: #d1e4fa;--heading: #d8ecf8;--muted: #9da7ba;--soft: #c7d3ea;--edge: rgba(186, 215, 247, .12);--edge-strong: rgba(186, 215, 247, .23);--fill: rgba(199, 211, 234, .065);--violet: #663af3;--violet-hover: #7651f5;--healthy: #b6d9fc;--warning: #cabaf7;--danger: #e7a9ba;--display: "Space Grotesk", Inter, sans-serif;--body: Inter, system-ui, sans-serif;--mono: "JetBrains Mono", monospace;font-family:var(--body);color:var(--text);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}code,pre{font-family:var(--mono)}::selection{color:#fff;background:#663af39e}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7d3ea24;border-radius:20px;border:2px solid var(--canvas)}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px);background-size:80px 80px;opacity:.27;-webkit-mask-image:radial-gradient(ellipse 82% 76% at 60% 25%,black 25%,transparent 80%);mask-image:radial-gradient(ellipse 82% 76% at 60% 25%,black 25%,transparent 80%)}.ambient-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(at 55% -12%,transparent 44%,rgba(124,145,182,.08) 48%,rgba(124,145,182,.25) 50%,rgba(124,145,182,.08) 52%,transparent 56%)}.app-shell{min-height:100vh;--sidebar: 248px}.app-shell[data-collapsed=true]{--sidebar: 76px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar);padding:22px 16px 16px;display:flex;flex-direction:column;background:#05060fd1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset -1px 0 0 var(--edge),20px 0 80px #0003;transition:width .28s ease}.brand{height:44px;display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#bad6f712;box-shadow:inset 0 1px 1px #d8ecf833,inset 0 12px 24px #a8d8f50f,0 0 14px #bacff71a}.brand-copy{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.brand-copy strong{font:500 18px/1 var(--display);letter-spacing:-.03em;color:var(--heading)}.brand-copy span{margin-top:5px;font:500 8px/1 var(--mono);letter-spacing:.22em;color:var(--muted)}.sidebar nav{margin-top:37px;display:flex;flex-direction:column;gap:4px}.nav-group-label{padding:0 13px 10px;font:400 10px/1 var(--mono);letter-spacing:.12em;color:#9da7ba9e;white-space:nowrap;overflow:hidden}.nav-item{position:relative;height:43px;width:100%;padding:0 13px;border:0;border-radius:999px;display:flex;align-items:center;gap:12px;color:var(--muted);background:transparent;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}.nav-item span{overflow:hidden;font-size:13px;font-weight:500}.nav-item svg{flex:0 0 auto}.nav-item:hover{color:var(--text);background:#bad6f70b}.nav-item.active{color:#fff;background:#bad6f713;box-shadow:inset 0 0 0 1px var(--edge),inset 0 14px 28px #a8d8f509}.active-ray{position:absolute;right:10px;width:3px;height:3px;border-radius:50%;opacity:0;background:var(--heading);box-shadow:0 0 8px var(--healthy)}.nav-item.active .active-ray{opacity:1}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:3px}.system-chip{margin:14px 4px 2px;padding:12px;display:flex;gap:9px;align-items:center;border-radius:12px;background:#bad6f709;box-shadow:inset 0 0 0 1px var(--edge);overflow:hidden;white-space:nowrap}.system-chip svg{color:var(--healthy);flex:0 0 auto}.system-chip div{display:flex;flex-direction:column;gap:3px}.system-chip strong{font-size:11px;font-weight:500;color:var(--text)}.system-chip span{font-size:9px;color:var(--muted)}.collapse-button{position:absolute;right:-14px;top:84px;width:28px!important;height:28px!important;background:var(--surface-strong)!important}.app-shell[data-collapsed=true] .brand-copy,.app-shell[data-collapsed=true] .nav-group-label,.app-shell[data-collapsed=true] .nav-item span,.app-shell[data-collapsed=true] .system-chip div,.app-shell[data-collapsed=true] .active-ray{display:none}.app-shell[data-collapsed=true] .nav-item{justify-content:center;padding:0}.app-shell[data-collapsed=true] .system-chip{justify-content:center;padding:12px 0}.main-column{position:relative;z-index:1;min-height:100vh;margin-left:var(--sidebar);transition:margin-left .28s ease}.topbar{height:68px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);background:#05060f75;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.environment{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--soft)}.environment b{padding-left:8px;border-left:1px solid var(--edge);font:400 10px var(--mono);letter-spacing:.08em;color:var(--muted)}.pulse,.live-badge span{width:7px;height:7px;border-radius:50%;background:var(--healthy);box-shadow:0 0 10px #b6d9fcbf;animation:pulse 2.2s infinite}.topbar-actions{display:flex;align-items:center;gap:14px}.version{padding:5px 9px;border-radius:6px;font:400 10px var(--mono);color:var(--muted);background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge)}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font:500 10px var(--mono);background:linear-gradient(145deg,#d8ecf82e,#98c0ef0d);box-shadow:inset 0 0 0 1px var(--edge-strong)}.page-frame{width:min(1440px,100%);margin:0 auto;padding:38px 34px 64px}.page{animation:pageIn .45s ease both}.section-heading{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading h1{margin:10px 0 7px;font:500 clamp(30px,3vw,42px)/1.12 var(--display);letter-spacing:-.035em;color:transparent;background:linear-gradient(0deg,#98c0ef,#d8ecf8);-webkit-background-clip:text;background-clip:text}.section-heading p{max-width:680px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.eyebrow{display:inline-flex;align-items:center;gap:9px;font:400 10px/1 var(--mono);letter-spacing:.13em;color:var(--soft)}.eyebrow i{width:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(186,215,247,.6))}.heading-action{flex:0 0 auto}.button-row{display:flex;align-items:center;gap:9px}.live-badge{display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;color:var(--soft);font:400 11px var(--mono);background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge)}.button{min-height:38px;padding:0 16px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer;transition:transform .16s,color .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid rgba(182,217,252,.72);outline-offset:2px}.button[data-variant=primary]{color:#fff;background:var(--violet);box-shadow:inset 0 1px 1px #ffffff2e,0 8px 22px #663af342}.button[data-variant=primary]:hover{background:var(--violet-hover)}.button[data-variant=ghost]{color:var(--text);background:#bad6f70f;box-shadow:inset 0 0 0 1px var(--edge)}.button[data-variant=ghost]:hover{background:#bad6f71c}.button[data-variant=quiet]{color:var(--muted);background:transparent;box-shadow:none}.button[data-variant=quiet]:hover{color:var(--heading);background:#bad6f70f}.button[data-variant=danger]{color:#ffe8ee;background:#be3757b8;box-shadow:inset 0 0 0 1px #ffbece2e,0 8px 22px #71142a38}.button[data-variant=danger]:hover{background:#d74165d1}.button[data-size=sm]{min-height:32px;padding:0 11px;font-size:11px}.button[data-size=icon]{width:38px;padding:0;flex:0 0 auto}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.spinner{width:14px;height:14px;display:inline-block;border:1.5px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.glass-card,.route-map{border-radius:16px;background:var(--surface);box-shadow:inset 0 1px 1px #c7d3ea1f,inset 0 24px 48px #c7d3ea09,0 24px 32px #00000747}.demo-banner{margin:-12px 0 22px;padding:10px 14px;display:flex;align-items:center;gap:9px;border-radius:8px;color:var(--soft);font-size:12px;background:#663af31a;box-shadow:inset 0 0 0 1px #9878ff33}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{padding:20px;min-height:144px;display:flex;flex-direction:column}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.metric-top svg{color:#c7d3eaa6}.metric-card>strong{margin:auto 0 6px;font:500 28px/1 var(--display);letter-spacing:-.03em;color:var(--heading)}.metric-card small{color:var(--muted);font-size:10px}.metric-card small.positive{color:var(--soft)}.dashboard-grid{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:14px}.route-map{min-height:458px;padding:24px;overflow:hidden;position:relative}.route-map:after{content:"";position:absolute;width:360px;height:360px;top:-180px;left:25%;background:radial-gradient(circle,rgba(152,192,239,.07),transparent 68%);pointer-events:none}.route-map-head,.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.route-map-head h2,.panel-head h2{margin:9px 0 0;font:500 19px var(--display);color:var(--heading)}.route-rate{padding:6px 9px;display:flex;align-items:center;gap:6px;border-radius:999px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge);color:var(--soft);font:400 10px var(--mono)}.topology{height:300px;margin-top:16px;position:relative;display:grid;grid-template-columns:42% 58%;align-items:center}.route-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.route-lines path{fill:none;stroke:url(#routeGlow);stroke-width:1.2}.packet{fill:#d8ecf8;filter:drop-shadow(0 0 6px #98c0ef);offset-path:path("M190 150 C350 150 380 55 590 55");animation:packet 3.1s linear infinite}.packet.p2{offset-path:path("M190 150 C360 150 410 150 590 150");animation-delay:-1.7s}.packet.p3{offset-path:path("M190 150 C350 150 380 245 590 245");animation-delay:-.7s}.gateway-node{justify-self:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.node-orbit{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;color:var(--heading);background:#05060feb;box-shadow:inset 0 1px 1px #d8ecf838,inset 0 20px 42px #a8d8f512,0 0 0 10px #bad6f706,0 0 36px #bacff721}.node-orbit:after{content:"";position:absolute;width:96px;height:96px;border:1px solid var(--edge);border-radius:50%;border-left-color:#bad7f757;animation:spin 8s linear infinite}.gateway-node strong{margin-top:15px;font:500 12px var(--mono);color:var(--heading)}.gateway-node span{margin-top:4px;font-size:10px;color:var(--muted)}.provider-nodes{z-index:2;display:flex;flex-direction:column;justify-content:space-around;height:100%}.provider-node{min-height:68px;padding:11px 13px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border-radius:12px;background:#05060fb8;box-shadow:inset 0 0 0 1px var(--edge),0 10px 28px #0003;animation:nodeIn .5s ease both;animation-delay:var(--delay)}.provider-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge)}.provider-node>div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.provider-node strong{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-node span{font:400 9px var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis}.route-legend{height:32px;display:flex;align-items:center;gap:20px;color:var(--muted);font-size:9px}.route-legend span{display:flex;align-items:center;gap:6px}.route-legend span:last-child{margin-left:auto}.line{width:18px;height:1px;background:var(--edge)}.line.solid{background:var(--soft);box-shadow:0 0 5px #bacff74d}.capacity-card{padding:24px}.panel-head a:not(.text-link){width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge)}.capacity-list{margin-top:28px;display:flex;flex-direction:column;gap:25px}.capacity-item{display:flex;flex-direction:column;gap:7px}.capacity-meta{display:flex;justify-content:space-between;align-items:center}.capacity-meta>div{display:flex;align-items:center;gap:8px}.capacity-meta strong{font-size:11px;font-weight:500}.capacity-meta>span{font:400 10px var(--mono);color:var(--soft)}.progress{height:4px;border-radius:999px;overflow:hidden;background:#c7d3ea14}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#789fd0,#d1e4fa);box-shadow:0 0 8px #b6d9fc4d}.capacity-item small{font:400 9px var(--mono);color:var(--muted)}.table-card{margin-top:14px;padding:22px 24px 8px;overflow:hidden}.text-link{display:flex;align-items:center;gap:6px;color:var(--soft);font-size:11px}.text-link:hover{color:#fff}.table-scroll{margin-top:17px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{height:42px;color:var(--soft);font:500 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--edge)}td{height:54px;padding-right:18px;color:var(--soft);border-bottom:1px solid rgba(186,215,247,.065);white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#bad6f704}td code{font-size:9px;color:var(--muted)}.model-name{display:flex;align-items:center;gap:6px;color:var(--text)}.status{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.status[data-status=healthy] i{background:var(--healthy);box-shadow:0 0 7px #b6d9fc8c}.status[data-status=degraded] i{background:var(--warning);box-shadow:0 0 7px #cabaf773}.status[data-status=offline] i{background:var(--danger)}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.provider-card{padding:22px;min-height:250px;display:flex;flex-direction:column}.provider-card-top{display:flex;justify-content:space-between;align-items:center}.vendor-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font:500 16px var(--display);color:var(--heading);background:var(--fill);box-shadow:inset 0 1px 1px #d8ecf833,inset 0 12px 24px #a8d8f50d}.provider-card h2{margin:22px 0 5px;font:500 18px var(--display);color:var(--heading)}.provider-card>p{margin:0;color:var(--muted);font-size:11px}.endpoint-url{margin-top:20px;padding:10px;display:flex;align-items:center;gap:8px;border-radius:7px;background:#00000024;box-shadow:inset 0 0 0 1px #bad7f712;overflow:hidden}.endpoint-url svg{flex:0 0 auto;color:var(--muted)}.endpoint-url code{overflow:hidden;text-overflow:ellipsis;color:var(--soft);font-size:9px}.provider-card-foot{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(186,215,247,.07)}.provider-card-foot>span{font:400 9px var(--mono);color:var(--muted)}.provider-card-foot>div{display:flex}.model-pools{display:flex;flex-direction:column;gap:14px}.model-pool{padding:24px}.model-pool-head{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center}.model-pool-controls{display:flex;align-items:center;gap:3px}.pool-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge)}.model-pool-head h2{margin:0 0 4px;font:500 18px var(--display);color:var(--heading)}.model-pool-head code{font-size:9px;color:var(--muted)}.model-pool>p{margin:15px 0 22px;color:var(--muted);font-size:12px}.pool-routes{position:relative;display:grid;grid-template-columns:130px 40px repeat(3,minmax(190px,1fr));align-items:stretch;gap:10px}.pool-source{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:#05060fa6;box-shadow:inset 0 0 0 1px var(--edge);font-size:10px;color:var(--soft)}.pool-line{align-self:center;height:1px;background:linear-gradient(90deg,var(--edge-strong),var(--edge))}.route-target{min-width:0;padding:14px;border-radius:12px;background:#05060f99;box-shadow:inset 0 0 0 1px var(--edge)}.route-target>div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.route-target strong{font-size:11px}.route-target>div span{font:400 8px var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis}.route-limits{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:5px!important;margin:12px 0!important}.route-limits span,.tag{padding:4px 6px;border-radius:5px;background:var(--fill);box-shadow:inset 0 0 0 1px #bad7f70f;font:400 8px var(--mono);color:var(--soft)}.route-actions{display:flex;align-items:center;gap:2px}.route-actions .button:last-child{margin-left:auto}.empty-route{grid-column:3/-1;min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px dashed var(--edge);color:var(--muted);font-size:11px}.security-note{margin-top:18px;padding:14px 17px;display:flex;align-items:center;gap:11px;border-radius:12px;color:var(--soft);background:#bad6f706;box-shadow:inset 0 0 0 1px var(--edge)}.security-note div{display:flex;flex-direction:column;gap:3px}.security-note strong{font-size:11px}.security-note span{font-size:10px;color:var(--muted)}.key-name{display:flex;align-items:center;gap:9px}.key-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--fill)}.secret-box{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background:#00000040;box-shadow:inset 0 0 0 1px var(--edge)}.secret-box code{font-size:11px;word-break:break-all;color:var(--heading)}.filter-bar{display:flex;justify-content:space-between;gap:14px}.search-box{width:min(420px,100%);height:38px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:999px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge);color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.filter-tabs{display:flex;padding:3px;border-radius:999px;background:#bad6f709;box-shadow:inset 0 0 0 1px var(--edge)}.filter-tabs button{height:31px;padding:0 12px;display:flex;align-items:center;gap:6px;border:0;border-radius:999px;color:var(--muted);background:transparent;font-size:10px;cursor:pointer}.filter-tabs button.active{color:var(--heading);background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge)}.table-empty{height:140px;display:grid;place-items:center;color:var(--muted);font-size:12px}.pagination{min-height:58px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination .button{width:32px;height:32px;min-height:32px}.pagination strong{min-width:80px;text-align:center;color:var(--soft);font:500 10px var(--mono)}.detail-loading{min-height:280px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px}.log-detail{display:flex;flex-direction:column;gap:18px}.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;border-radius:10px;overflow:hidden;background:var(--edge)}.detail-metrics>div{min-width:0;padding:13px 14px;display:flex;flex-direction:column;gap:7px;background:#070812f5}.detail-metrics span:first-child{font:400 8px var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.detail-metrics strong{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;color:var(--heading);font-size:11px;white-space:nowrap}.detail-error{padding:14px;display:flex;align-items:flex-start;gap:10px;border-radius:9px;color:#e7a9ba;background:#be375714;box-shadow:inset 0 0 0 1px #e7a9ba26}.detail-error svg{flex:0 0 auto}.detail-error strong{display:block;margin-bottom:4px;font-size:11px}.detail-error p{margin:0;color:var(--soft);font:400 10px/1.6 var(--mono);word-break:break-word}.payload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payload-block{min-width:0;border-radius:10px;overflow:hidden;background:#0003;box-shadow:inset 0 0 0 1px var(--edge)}.payload-block header{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge)}.payload-block header span{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:10px}.payload-block header small{font:400 8px var(--mono);color:var(--muted)}.payload-block pre{height:320px;margin:0;padding:14px;overflow:auto;color:#bfd3ea;font:400 10px/1.65 var(--mono);white-space:pre-wrap;word-break:break-word}.payload-empty{height:320px;display:grid;place-items:center;color:var(--muted);font-size:11px}.settings-layout{display:flex;flex-direction:column;gap:14px}.settings-card{padding:24px}.settings-card-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.settings-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--fill);box-shadow:inset 0 0 0 1px var(--edge)}.settings-card h2{margin:1px 0 5px;font:500 16px var(--display);color:var(--heading)}.settings-card p{margin:0;font-size:11px;color:var(--muted)}.security-settings{max-width:none}.switch-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.switch-row span{display:flex;flex-direction:column;gap:4px}.switch-row strong{font-size:12px}.switch-row small{color:var(--muted);font-size:10px}.switch-row input{position:absolute;opacity:0}.switch-row>i{width:42px;height:24px;padding:3px;border-radius:999px;background:#c7d3ea1a;box-shadow:inset 0 0 0 1px var(--edge);transition:.2s}.switch-row>i:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:.2s}.switch-row input:checked+i{background:#663af38c}.switch-row input:checked+i:after{transform:translate(18px);background:#fff}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.settings-actions span{color:var(--soft);font-size:11px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;overflow:hidden;background:#010208b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .2s ease}.modal{width:min(620px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#05060ff7;box-shadow:inset 0 1px 1px #d8ecf833,inset 0 24px 48px #a8d8f50f,0 28px 70px #00000085;animation:modalIn .24s ease}.modal-header{padding:22px 24px;display:flex;flex:0 0 auto;justify-content:space-between;gap:20px;border-bottom:1px solid var(--edge)}.modal-header h2{margin:0 0 5px;font:500 20px var(--display);color:var(--heading)}.modal-header p{margin:0;color:var(--muted);font-size:11px}.modal-body{min-height:0;padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.modal-footer{padding:16px 24px;display:flex;flex:0 0 auto;justify-content:flex-end;gap:9px;border-top:1px solid var(--edge)}.modal[data-size=lg]{width:min(960px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-wide{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:11px;font-weight:500;color:var(--soft)}.field-hint{font-size:9px;color:var(--muted)}.input{width:100%;height:40px;padding:0 11px;border:0;border-radius:6px;color:#fff;background:#c7d3ea0f;box-shadow:inset 0 0 0 1px var(--edge);outline:0;transition:box-shadow .2s}.input:hover{box-shadow:inset 0 0 0 1px var(--edge-strong)}.input:focus{box-shadow:inset 0 0 0 1px #bad7f757,0 0 0 3px #b6d9fc0b}.input::placeholder{color:#9da7ba8c}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 17px,calc(100% - 10px) 17px;background-size:5px 5px;background-repeat:no-repeat}.textarea{min-height:90px;padding:11px;resize:vertical}.form-note{margin:0;color:var(--muted);font-size:10px}.form-error{padding:9px 11px;border-radius:6px;color:#f2c0cd;background:#e7a9ba14;box-shadow:inset 0 0 0 1px #e7a9ba2b;font-size:10px}.test-console{display:flex;flex-direction:column;gap:18px}.response-panel{min-height:220px;border-radius:9px;background:#00000040;box-shadow:inset 0 0 0 1px var(--edge);overflow:auto}.response-panel pre{margin:0;padding:16px;color:var(--soft);font-size:10px;line-height:1.7;white-space:pre-wrap}.response-empty,.testing{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px}.delete-warning{display:flex;align-items:flex-start;gap:13px;padding:16px;border-radius:10px;color:#f0aabd;background:#be375714;box-shadow:inset 0 0 0 1px #e7a9ba24}.delete-warning svg{flex:0 0 auto}.delete-warning strong{display:block;margin-bottom:5px;color:#ffe8ee;font-size:13px}.delete-warning p{margin:0;color:var(--soft);font-size:11px;line-height:1.65}.login-page{min-height:100vh;padding:60px clamp(24px,8vw,120px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,480px);align-items:center;gap:8vw;position:relative;overflow:hidden}.login-halo{position:absolute;width:800px;height:800px;left:5%;top:-45%;border-radius:50%;background:radial-gradient(circle,rgba(152,192,239,.14),rgba(124,145,182,.035) 35%,transparent 68%);filter:blur(4px)}.login-intro,.login-card{position:relative;z-index:1}.login-brand{padding:0;margin-bottom:90px}.login-intro h1{margin:19px 0;font:500 clamp(46px,5vw,68px)/1.04 var(--display);letter-spacing:-.052em;color:var(--heading)}.login-intro h1 span{color:transparent;background:linear-gradient(0deg,#80aee6,#d8ecf8);-webkit-background-clip:text;background-clip:text}.login-intro>p{max-width:580px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.login-route{margin-top:55px;display:flex;align-items:center;width:min(500px,100%)}.login-route div{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#05060fb3;box-shadow:inset 0 1px 1px #d8ecf833,0 0 24px #bacff714}.login-route i{flex:1;height:1px;background:linear-gradient(90deg,var(--edge),rgba(186,215,247,.32),var(--edge))}.login-card{padding:34px;display:flex;flex-direction:column;gap:19px;border-radius:16px;background:#05060fe6;box-shadow:inset 0 1px 1px #d8ecf833,inset 0 24px 48px #a8d8f50f,0 24px 70px #0000006b}.login-card-head{margin-bottom:5px}.login-card-head>span{font:400 9px var(--mono);letter-spacing:.14em;color:var(--muted)}.login-card-head h2{margin:12px 0 5px;font:500 28px var(--display);color:var(--heading)}.login-card-head p{margin:0;color:var(--muted);font-size:11px}.password-field{position:relative}.password-field .input{padding-right:42px}.password-field button{position:absolute;right:3px;top:3px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);cursor:pointer}.login-card>.button{height:44px;border-radius:6px}.login-note{margin:0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:9px}.mobile-menu,.sidebar-scrim{display:none}@keyframes pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nodeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes packet{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}to{offset-distance:100%;opacity:0}}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.provider-grid{grid-template-columns:repeat(2,1fr)}.pool-routes{grid-template-columns:100px 20px repeat(2,minmax(180px,1fr));overflow-x:auto}.login-page{grid-template-columns:1fr 420px;padding:40px}.login-intro h1{font-size:48px}}@media(max-width:760px){.app-shell{--sidebar:0px}.sidebar{width:248px;transform:translate(-105%);transition:transform .25s}.sidebar.mobile-open{transform:none}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;border:0;background:#0000008c}.main-column{margin-left:0}.topbar{height:60px;padding:0 17px}.mobile-menu{display:inline-flex}.environment b{display:none}.page-frame{padding:25px 17px 50px}.section-heading{align-items:flex-start;flex-direction:column}.button-row{flex-wrap:wrap}.metric-grid,.provider-grid{grid-template-columns:1fr}.metric-card{min-height:126px}.route-map{padding:18px;min-height:520px}.topology{height:370px;grid-template-columns:1fr;grid-template-rows:120px 1fr}.route-lines{display:none}.provider-nodes{gap:8px}.route-legend{display:none}.capacity-card{padding:18px}.table-card{padding:18px 18px 6px}.form-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-tabs{align-self:flex-start}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payload-grid,.pool-routes{grid-template-columns:1fr}.pool-line{height:20px;width:1px;justify-self:center}.route-target,.empty-route{grid-column:1}.login-page{padding:25px;display:block}.login-intro{display:none}.login-card{max-width:440px;margin:10vh auto}.modal-layer{padding:10px}.modal{max-height:calc(100dvh - 20px)}.modal-header,.modal-body{padding:19px}.modal-footer{padding:14px 19px}.settings-actions{justify-content:space-between}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.packet{display:none}}