:root{color-scheme:light;--canvas: #f3f7fd;--surface: #ffffff;--surface-soft: #f6f9fe;--ink: #10213f;--muted: #667795;--line: #dce6f4;--line-strong: #c5d4e8;--primary: #1769e8;--primary-soft: #eaf2ff;--success: #07856a;--success-soft: #e5f7f2;--warning: #9b6612;--warning-soft: #fff5dd;--danger: #c13e55;--danger-soft: #ffedf1;--shadow: 0 18px 48px rgba(25, 74, 142, .1)}*{box-sizing:border-box}html,body{min-height:100%}.boot-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100svh;color:#22415f;font:14px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef4fb}.boot-side{padding:28px 18px;background:linear-gradient(180deg,#0c4a86,#103f73)}.boot-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;letter-spacing:.02em}.boot-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#74c3ff,#d9efff)}.boot-nav{margin-top:44px;display:grid;gap:11px}.boot-nav i{display:block;height:11px;border-radius:99px;background:#ffffff29}.boot-nav i:nth-child(1){width:74%;background:#ffffff4f}.boot-nav i:nth-child(2){width:61%}.boot-nav i:nth-child(3){width:68%}.boot-nav i:nth-child(4){width:55%}.boot-main{padding:25px 34px}.boot-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #dce8f4}.boot-title{width:126px;height:16px;border-radius:99px;background:#d4e3f2}.boot-status{width:80px;height:28px;border-radius:99px;background:#d8edff}.boot-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.boot-card{height:118px;border:1px solid #deebf7;border-radius:14px;background:#ffffffd1;box-shadow:0 6px 18px #2456850a}@media(max-width:720px){.boot-shell{grid-template-columns:1fr}.boot-side{display:none}.boot-main{padding:20px}.boot-cards{grid-template-columns:1fr}}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,.button-link{min-height:40px;border:1px solid transparent;border-radius:9px;padding:.58rem .9rem;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 7px 18px #1769e829;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}button:hover,.button-link:hover{background:#0e59ce;box-shadow:0 10px 24px #1769e838;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.55;transform:none}button.secondary,.button-link.secondary{background:#fff;color:#245184;border-color:var(--line-strong);box-shadow:none}button.secondary:hover,.button-link.secondary:hover{background:var(--primary-soft);border-color:#a9c4ec}button.danger{background:#fff;color:var(--danger);border-color:#ecc9ce}button.compact{min-height:32px;padding:.35rem .58rem;font-size:.76rem}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.text-button{min-height:auto;padding:.25rem .2rem;border:0;background:transparent;color:var(--muted);font-size:.78rem;font-weight:650}.text-button:hover{background:transparent;color:var(--ink);transform:none}input,select,textarea{width:100%;min-height:43px;border:1px solid var(--line-strong);border-radius:9px;padding:.58rem .72rem;background:#fbfdff;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:126px;resize:vertical;font:.78rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}input:hover,select:hover,textarea:hover{border-color:#93b4df;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #1769e81c}label{display:grid;gap:.4rem;color:#49617f;font-size:.76rem;font-weight:680}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.4rem;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.045em;line-height:1.1}h2{margin-bottom:.3rem;font-size:1rem;letter-spacing:-.015em}h3{margin-bottom:.3rem;font-size:.92rem}a{color:inherit}code{font:.76rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--muted)}.login-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(410px,.58fr);background:#f7faff}.login-story{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 45% 48%,#fff 0,#f6faff 56%,#edf4ff)}.login-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:49% center;mix-blend-mode:multiply;opacity:.82}.architecture-login{display:grid;place-items:center;padding:clamp(1.5rem,4vw,5rem)}.architecture-login>img{position:relative;inset:auto;width:min(100%,1120px);height:auto;max-height:calc(100svh - 5rem);object-fit:contain;object-position:center;mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 30px 65px rgba(45,98,166,.1))}.architecture-login:after{content:none}.login-architecture{position:absolute;z-index:2;left:clamp(1.5rem,4vw,4.5rem);right:clamp(1.5rem,4vw,4.5rem);bottom:clamp(1.5rem,5vh,3.5rem);padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(175,211,255,.3);border-radius:18px;background:#052660b3;color:#fff;box-shadow:0 28px 80px #00144657;backdrop-filter:blur(20px)}.login-architecture-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(188,218,255,.22)}.login-architecture-title{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0 .8rem}.login-architecture-title span{color:#a9c9f2;font-size:.68rem}.login-architecture-title strong{font-size:.76rem}.login-flow{display:grid;grid-template-columns:minmax(100px,1fr) 18px minmax(100px,1fr) 18px minmax(100px,1fr) 18px minmax(100px,1fr) 18px minmax(100px,1fr);align-items:center}.login-flow-node{min-height:116px;padding:.8rem;border:1px solid rgba(164,205,255,.22);border-radius:10px;background:#144c978c}.login-flow-node>span{width:32px;height:32px;display:grid;place-items:center;margin-bottom:.75rem;border-radius:8px;background:#75b9ff2e;color:#a9d8ff;font:800 .55rem/1 ui-monospace,monospace}.login-flow-node div{display:grid;gap:.22rem}.login-flow-node strong{font-size:.72rem}.login-flow-node small{color:#afc9ea;font-size:.58rem;line-height:1.4}.login-flow-line{position:relative;height:1px;background:#65b6ff}.login-flow-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid var(--primary);border-right:1px solid var(--primary);transform:rotate(45deg)}.login-values{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.login-values span{padding:.3rem .48rem;border-radius:5px;background:#6fb4ff29;color:#b9dbff;font:750 .55rem/1 ui-monospace,monospace;letter-spacing:.04em}.login-copy{position:absolute;z-index:1;left:clamp(2rem,5vw,5rem);right:2rem;bottom:clamp(2rem,7vh,5rem);max-width:620px}.login-copy h1{max-width:600px;margin-top:2.8rem;font-size:clamp(2.8rem,5vw,5.5rem)}.login-copy p{color:#535860;font-size:1rem}.login-brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:800}.login-brand b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:#fff;font-size:.7rem}.login-card-wrap{position:relative;display:grid;place-items:center;padding:clamp(1.5rem,4vw,4.5rem);background:#f9fbff}.login-card-wrap:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#dce8f8}.login-card{width:min(100%,400px);padding:2rem;border:1px solid var(--line);border-radius:18px;background:#ffffffe6;box-shadow:0 24px 65px #1b4b8c1f}.login-card h1{margin-top:2rem}.login-card-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.75rem}.login-card form{display:grid;gap:1rem;margin:1.7rem 0 1.1rem}.login-card form>button{width:100%}.login-note{margin:0;color:var(--muted);font-size:.76rem}.login-product{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.65rem;color:#66788c;font-size:.86rem;font-weight:650;letter-spacing:.01em}.login-product b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d8e4f2;border-radius:8px;background:#edf3fa;color:#58718b;font-size:.56rem;box-shadow:none}.login-welcome{margin:.55rem 0 0;color:var(--muted)}.app-shell{min-height:100svh;display:grid;grid-template-columns:216px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:1.2rem .85rem;background:#0b2448;border-right:1px solid #173a68;color:#fff;box-shadow:10px 0 38px #0b2d5b14}.brand{display:flex;align-items:center;gap:.7rem;padding:.35rem .45rem 1.7rem;font-weight:800;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#2277ef;color:#fff;font-size:.68rem;box-shadow:0 8px 22px #2277ef52}.brand small{display:block;margin-top:.05rem;color:#6f96c9;font:600 .58rem/1.2 ui-monospace,monospace;letter-spacing:.08em}.nav{display:grid;gap:.2rem;min-height:0;overflow-y:auto;scrollbar-width:thin}.nav a{display:flex;align-items:center;gap:.65rem;min-height:42px;padding:.58rem .65rem;border-radius:9px;color:#a9c2e2;text-decoration:none;font-weight:630}.nav a:hover{background:#12345f;color:#fff}.nav a.active{background:#1769e8;color:#fff;box-shadow:0 8px 22px #0055cd47}.nav-icon{width:18px;height:18px;flex:0 0 18px;opacity:.82;filter:invert(65%) sepia(19%) saturate(1050%) hue-rotate(174deg) brightness(91%) contrast(83%);transition:opacity .18s ease,filter .18s ease}.nav a:hover .nav-icon,.nav a.active .nav-icon{opacity:1;filter:brightness(0) invert(1)}.sidebar-foot{display:flex;align-items:center;gap:.5rem;min-width:0;margin-top:auto;padding:1rem .45rem 0;color:#7fa2ce;font-size:.7rem}.sidebar-foot span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.workspace{min-width:0}.workspace-content{min-height:calc(100svh - 64px)}.page-fade{min-height:100%;animation:pageFadeIn .18s ease both}@keyframes pageFadeIn{0%{opacity:.97;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1.1rem,3vw,2.4rem);background:#f7faffe6;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.top-title{display:flex;align-items:baseline;gap:.75rem;min-width:0}.top-title strong{font-size:.88rem}.top-title span{overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:.8rem}.page{max-width:1420px;margin:0 auto;padding:clamp(1.25rem,3vw,2.4rem)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.3rem}.page-header p{max-width:660px;margin-bottom:0}.page-actions{display:flex;gap:.6rem}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.85rem}.grid>*{min-width:0}.card{min-width:0;background:#fffffff5;border:1px solid var(--line);border-radius:13px;padding:1.1rem;box-shadow:0 8px 25px #26528f0a}.card h2,.card code,.card .muted{overflow-wrap:anywhere}.data-card{padding:0;overflow:hidden}.data-card>.section-head{padding:1.05rem 1.1rem .4rem}.card.elevated{box-shadow:var(--shadow)}.composer{padding:1.2rem}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.status-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:148px;overflow:hidden;padding:1.5rem;border-radius:12px;background:var(--ink);color:#fff}.dashboard-page{max-width:1520px}.architecture-hero{position:relative;display:grid;grid-template-columns:minmax(300px,.76fr) minmax(570px,1.24fr);gap:clamp(1.2rem,3vw,3rem);min-height:455px;overflow:hidden;padding:clamp(1.5rem,3vw,3rem);border:1px solid #bed5f2;border-radius:18px;background:#eaf3ff url(/network-architecture-hero.png) right center / cover no-repeat;box-shadow:0 24px 65px #215ba81f;isolation:isolate}.architecture-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fbfaf6fc,#fbfaf6f0 34%,#fbfaf652 72%,#fbfaf624)}.architecture-hero:after{content:"";position:absolute;inset:auto -8% -48% 35%;z-index:-1;height:72%;border-radius:50%;background:radial-gradient(circle,rgba(38,92,240,.11),transparent 68%)}.architecture-copy{align-self:center;max-width:610px}.architecture-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#244e82;font:750 .68rem/1.2 ui-monospace,monospace;letter-spacing:.12em}.architecture-eyebrow i,.flow-live i{width:7px;height:7px;border-radius:50%;background:#25a878;box-shadow:0 0 0 5px #25a8781f}.architecture-copy h1{max-width:690px;margin:1.1rem 0 .85rem;font-size:clamp(2.25rem,4.2vw,4.7rem);line-height:.98;letter-spacing:-.065em}.architecture-copy>p{max-width:590px;margin-bottom:1.45rem;color:#5f6570;font-size:clamp(.88rem,1.2vw,1.02rem)}.architecture-hero.compact{display:block;min-height:330px;padding:1.15rem;background-position:60% 43%}.architecture-hero.compact:before{background:linear-gradient(90deg,#eef6ffa8,#ebf5ff29)}.architecture-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.architecture-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.architecture-hero.compact .architecture-flow{width:min(100%,920px);margin:5.3rem 0 0 auto}.architecture-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.architecture-endpoint{padding:.42rem .65rem;border:1px solid rgba(23,105,232,.17);border-radius:7px;background:#ffffffd1;color:#31547f;font:650 .68rem/1.2 ui-monospace,monospace;backdrop-filter:blur(8px)}.architecture-actions button{background:var(--primary)}.architecture-flow{align-self:end;min-width:0;padding:1rem;border:1px solid rgba(180,207,239,.88);border-radius:14px;background:#fafdffde;box-shadow:0 16px 48px #1d52971f;backdrop-filter:blur(15px)}.architecture-flow-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .15rem .8rem}.architecture-flow-head strong{font-size:.78rem}.flow-live{display:inline-flex;align-items:center;gap:.45rem;color:var(--success);font-size:.66rem;font-weight:750}.flow-track{display:grid;grid-template-columns:minmax(94px,1fr) 24px minmax(94px,1fr) 24px minmax(94px,1fr) 24px minmax(94px,1fr) 24px minmax(94px,1fr);align-items:stretch}.flow-node{display:grid;align-content:start;min-height:126px;padding:.72rem;border:1px solid #d6e4f5;border-radius:10px;background:#f8fbfff5}.flow-symbol{width:33px;height:33px;display:grid;place-items:center;margin-bottom:1rem;border-radius:9px;background:#edf2ff;color:var(--primary);font:800 .58rem/1 ui-monospace,monospace;letter-spacing:.04em}.flow-node:nth-of-type(5) .flow-symbol{background:#e6f5ee;color:var(--success)}.flow-node strong{font-size:.73rem}.flow-node small{margin-top:.28rem;color:var(--muted);font-size:.61rem;line-height:1.45}.flow-arrow{position:relative;display:grid;place-items:center}.flow-arrow:before{content:"";width:100%;height:1px;background:#9db2ed}.flow-arrow:after{content:"";position:absolute;right:1px;width:5px;height:5px;border-top:1px solid #6c8de8;border-right:1px solid #6c8de8;transform:rotate(45deg)}.flow-arrow i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px #265cf01a;animation:flowPulse 2s ease-in-out infinite}@keyframes flowPulse{0%,to{transform:translate(-8px);opacity:.35}50%{transform:translate(8px);opacity:1}}.business-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.business-values article{display:flex;gap:.85rem;min-height:92px;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#ffffffdb;box-shadow:0 8px 24px #23579e0a}.business-values article>span{color:#7a9ac3;font:700 .63rem/1.4 ui-monospace,monospace}.business-values strong{font-size:.82rem}.business-values p{margin:.28rem 0 0;color:var(--muted);font-size:.7rem}.domain-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:136px;padding:1.4rem 1.5rem;border:1px solid #cbdcf1;border-radius:13px;background:linear-gradient(135deg,#fff,#eff6ff)}.domain-hero span{color:var(--muted);font-size:.72rem}.domain-hero h2{margin:.45rem 0 .18rem;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.04em}.domain-hero p{margin:0;color:var(--muted)}.domain-state{display:flex;align-items:center;gap:.65rem}.domain-state code{padding:.34rem .5rem;border-radius:6px;background:#e7f0fc;color:#2e5d94}.domain-config-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.domain-config-steps span{display:flex;align-items:center;gap:.55rem;min-height:42px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:.72rem;font-weight:650}.domain-config-steps span.active{border-color:#afc9f5;background:#edf5ff;color:var(--primary)}.domain-config-steps b{width:23px;height:23px;display:grid;flex:none;place-items:center;border-radius:50%;background:#fff;color:inherit;font-size:.68rem;box-shadow:inset 0 0 0 1px currentColor}.domain-dns-guide{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.8rem .9rem;border:1px solid #d3e3f7;border-radius:10px;background:#f4f8fe}.domain-dns-guide img{width:20px;height:20px;margin-top:.05rem;filter:invert(34%) sepia(98%) saturate(1876%) hue-rotate(211deg) brightness(96%)}.domain-dns-guide p{margin:0;color:#456485;font-size:.75rem;line-height:1.55}.domain-modal-result{margin-top:1.15rem;border-color:#cbdcf1;box-shadow:none}.setup-domain-composer{width:min(100%,780px);justify-self:center}.domain-empty{display:flex;align-items:center;justify-content:space-between;gap:1rem}.domain-empty strong{color:var(--ink)}.certificate-settings-card{display:grid;align-content:start;gap:1rem}.certificate-settings-card .resource-meta{grid-template-columns:1fr}.certificate-settings-card>button{justify-self:start}.cdn-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:154px;padding:1.5rem 1.65rem;border:1px solid #cadbf1;border-radius:14px;background:linear-gradient(135deg,#fff,#edf5ff)}.cdn-hero.incompatible{border-color:#eadcba;background:linear-gradient(135deg,#fff,#fff9ec)}.cdn-hero h2{margin:.65rem 0 .25rem;font-size:clamp(1.45rem,3vw,2.15rem);letter-spacing:-.04em}.cdn-hero p{margin:0;color:var(--muted)}.cdn-hero>img{width:58px;height:58px;padding:.85rem;border-radius:16px;background:#e4efff;filter:invert(34%) sepia(98%) saturate(1876%) hue-rotate(211deg) brightness(96%)}.cdn-hero.incompatible>img{background:#fff1d4;filter:invert(69%) sepia(76%) saturate(1050%) hue-rotate(348deg) brightness(88%)}.cdn-form{grid-template-columns:repeat(2,minmax(0,1fr))}.cdn-form>p,.cdn-form>button{grid-column:1 / -1}.cdn-form>button{justify-self:start}.cdn-warning{margin-bottom:1rem}.cdn-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.cdn-empty{display:grid;gap:.55rem;justify-items:center}.cdn-empty p{max-width:720px;margin:0;color:var(--muted);text-align:center}.setup-shell .nav[aria-disabled=true] a:not(.active){opacity:.38;pointer-events:none}.setup-shell .sidebar-foot .server-dot{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft)}.setup-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:2rem;min-height:230px;padding:clamp(1.5rem,4vw,2.8rem);overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#0c3265,#1769e8);color:#fff;box-shadow:0 20px 50px #1252a933}.setup-intro h1{margin:.8rem 0 .55rem;font-size:clamp(2rem,4vw,3.5rem)}.setup-intro p{max-width:600px;margin:0;color:#b8bbc2}.setup-steps{display:grid;gap:.55rem}.setup-steps div{display:flex;align-items:center;gap:.75rem;min-height:54px;padding:.7rem .8rem;border:1px solid rgba(184,217,255,.28);border-radius:10px;background:#0a346f6b}.setup-steps b{width:28px;height:28px;display:grid;flex:none;place-items:center;border-radius:8px;background:#fff;color:var(--ink);font-size:.74rem}.setup-steps span{font-size:.8rem;font-weight:650}.domain-form{display:grid;gap:.8rem}.domain-checks{display:grid}.domain-check{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:55px;padding:.55rem 0;border-bottom:1px solid var(--line)}.domain-check:last-child{border-bottom:0}.domain-check div{display:grid}.domain-check small{margin-top:.12rem;overflow-wrap:anywhere;color:var(--muted)}.check-mark{width:8px;height:8px;border-radius:50%}.check-mark.green{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.check-mark.amber{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft)}.check-mark.red{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.check-mark.gray{background:#a5a7ab;box-shadow:0 0 0 4px #efefec}.certificate-meta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}.certificate-meta span{display:grid;gap:.25rem;padding:.7rem;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:.7rem}.certificate-meta strong{color:var(--ink);font-size:.78rem}.domain-apply{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.domain-apply p{margin:0;color:var(--muted);font-size:.75rem}.status-hero h2{margin:.65rem 0 .2rem;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.04em}.status-hero p{margin:0;color:#aaadb4}.status-kicker{display:inline-flex;align-items:center;gap:.55rem;color:#bfc2c8;font-size:.72rem}.status-kicker i{width:8px;height:8px;border-radius:50%;background:#64d1a1;box-shadow:0 0 0 5px #64d1a11f}.hero-actions{display:flex;align-items:center;gap:.65rem}.hero-actions button{background:#fff;color:var(--ink)}.hero-actions .badge{border-color:#474b52;background:#292c31;color:#b9efd7}.stat-card{min-height:105px}.stat-card strong{display:block;margin-top:.6rem;font-size:1.85rem;letter-spacing:-.05em;line-height:1}.stat-card strong small{color:#a0a3a8;font-size:.82rem;letter-spacing:0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem}.section-head p{margin:0}.quiet-link{color:var(--muted);font-size:.75rem;text-decoration:none}.quiet-link:hover{color:var(--primary)}.port-strip,.target-strip{display:flex;align-items:center;gap:1rem;min-height:60px;padding:.8rem 1rem;border:1px solid #d3e1f2;border-radius:12px;background:linear-gradient(90deg,#fafdff,#f2f7fe)}.local-tls{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid #ead7ae;border-radius:11px;background:#fffaf0}.local-tls>div{display:flex;align-items:center;gap:.75rem}.local-tls p{margin:0;color:#745c32;font-size:.78rem}.protocol-port-hint{padding:.7rem .8rem;border:1px solid #cfe0f7;border-radius:9px;background:#f3f7fd;color:#315f96;font-size:.76rem}.port-strip>div{display:flex;align-items:baseline;gap:.7rem}.port-strip span,.target-strip span{color:var(--muted);font-size:.75rem}.port-strip strong{font-size:1.25rem}.port-strip p{flex:1;margin:0;color:var(--muted);font-size:.78rem}.port-strip code,.target-strip code{margin-left:auto;padding:.3rem .48rem;border-radius:6px;background:#e7f0fc;color:#315f96}.disclosure{padding:0}.disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;list-style:none}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary span:first-child{display:grid;gap:.15rem}.disclosure summary small{color:var(--muted);font-weight:500}.summary-action{color:var(--muted);font-size:1.2rem}.disclosure[open] summary{border-bottom:1px solid var(--line)}.disclosure[open] .summary-action{transform:rotate(45deg)}.disclosure form{padding:1.1rem}.form-grid{display:grid;gap:.75rem;align-items:end}.import-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.75rem}.import-summary{display:flex;gap:.5rem;margin:1rem 0 .6rem}.form-grid.inbound{grid-template-columns:1.2fr 1fr auto}.form-grid.egress{grid-template-columns:1.15fr .85fr 1fr .55fr 1fr 1fr auto}.form-grid.user,.form-grid.quota{grid-template-columns:1.2fr 1fr 1fr auto}.security-form{display:grid;gap:.75rem;margin-top:1rem}.mfa-enroll{display:flex;align-items:center;gap:1.2rem;margin:1rem 0}.mfa-enroll img{width:180px;height:180px;padding:.45rem;border:1px solid var(--line);border-radius:10px;background:#fff}.secret-code{display:block;max-width:380px;margin-top:.45rem;padding:.65rem;overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0}.recovery-grid code{padding:.65rem;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft);text-align:center;letter-spacing:.08em}.quota-meter{min-width:175px}.quota-track{height:6px;margin:.42rem 0;overflow:hidden;border-radius:999px;background:#e5edf8}.quota-track span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.form-help{margin-top:.75rem;color:var(--muted);font-size:.75rem}.management-modal{width:min(94vw,620px);max-height:min(86vh,860px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 28px 90px #11376e47}.management-modal.modal-wide{width:min(94vw,980px)}.management-modal::backdrop{background:#0c224466;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-bottom:1px solid var(--line);background:#fbfdff}.modal-head h2{margin:.25rem 0 0;font-size:1.18rem}.modal-head p{margin:.3rem 0 0;color:var(--muted);font-size:.76rem}.modal-eyebrow{color:var(--primary);font-size:.66rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.modal-close{min-height:34px;padding:.35rem .6rem;border-color:var(--line);background:#fff;color:var(--muted);box-shadow:none;font-size:.72rem}.modal-close:hover{border-color:var(--line-strong);background:var(--surface-soft);color:var(--ink);box-shadow:none;transform:none}.modal-body{max-height:calc(86vh - 84px);padding:1.35rem;overflow:auto}.modal-form{display:grid;gap:1rem}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.native-fields{display:grid;gap:.85rem;padding:.9rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.native-fields[hidden],.reality-fields[hidden]{display:none}.port-check{display:grid;gap:.2rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:#fff}.port-check span{color:var(--muted);font-weight:700}.port-check small{color:var(--muted)}.port-check.checking{border-color:#c8d9f0;background:#f7faff}.port-check.available{border-color:#bfe4d6;background:#f1fbf7}.port-check.available span{color:#08785a}.port-check.unavailable{border-color:#efc1c6;background:#fff5f6}.port-check.unavailable span{color:var(--danger)}.form-span{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.35rem;padding-top:1rem;border-top:1px solid var(--line)}.detail-title{margin:.25rem 0 1.25rem}.detail-title h1{margin:.5rem 0 .25rem}.detail-title code{color:var(--muted)}.inbound-note{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.protocol-badge{display:inline-flex;align-items:center;gap:.3rem}.protocol-badge img{width:13px;height:13px;filter:invert(34%) sepia(88%) saturate(1645%) hue-rotate(202deg) brightness(91%) contrast(95%)}.label-help{display:inline-flex;align-items:center;gap:.32rem;white-space:nowrap}.term-help{position:relative;width:17px;height:17px;min-height:17px;flex:0 0 17px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);box-shadow:none;vertical-align:middle}.term-help:hover,.term-help:focus-visible{background:var(--primary-soft);color:var(--primary);box-shadow:none;transform:none;outline:none}.term-help>img{width:14px;height:14px;opacity:.72}.term-help>span{position:absolute;z-index:80;left:50%;bottom:calc(100% + 8px);width:min(290px,72vw);display:none;padding:.72rem .78rem;border:1px solid #c7d9f0;border-radius:9px;background:#102c54;color:#eaf3ff;box-shadow:0 14px 35px #0927513d;font-size:.7rem;font-weight:500;line-height:1.55;text-align:left;white-space:normal;transform:translate(-50%)}.term-help>span:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;border-right:1px solid #c7d9f0;border-bottom:1px solid #c7d9f0;background:#102c54;transform:translate(-50%,-5px) rotate(45deg)}.term-help>span strong{display:block;margin-bottom:.2rem;color:#fff;font-size:.72rem}.term-help:hover>span,.term-help:focus-visible>span{display:block}.protocol-create-form{gap:1.05rem}.protocol-picker{min-width:0;margin:0;padding:0;border:0}.protocol-picker>legend{width:100%;margin-bottom:.7rem;color:var(--ink);font-size:.82rem;font-weight:780}.protocol-picker-section{display:grid;gap:.55rem}.picker-label{color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.protocol-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.protocol-option{min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);box-shadow:none;text-align:left}.protocol-option:hover{border-color:#9fbee7;background:#f8fbff;box-shadow:0 8px 20px #1f539914;transform:translateY(-1px)}.protocol-option.selected{border-color:var(--primary);background:#eef5ff;box-shadow:0 0 0 3px #1769e817}.protocol-option-icon,.protocol-insight-icon{width:38px;height:38px;display:grid;flex:none;place-items:center;border-radius:10px;background:#eaf2ff}.protocol-option-icon img,.protocol-insight-icon img{width:19px;height:19px;filter:invert(34%) sepia(88%) saturate(1645%) hue-rotate(202deg) brightness(91%) contrast(95%)}.protocol-option-copy{min-width:0;display:grid;gap:.12rem}.protocol-option-copy strong{overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.protocol-option-copy small{color:var(--muted);font-size:.66rem}.protocol-option .badge{align-self:start;font-size:.58rem}.protocol-more{margin-top:.7rem;border:1px solid var(--line);border-radius:11px;background:#fbfdff}.protocol-more summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.65rem .78rem;cursor:pointer;list-style:none}.protocol-more summary::-webkit-details-marker{display:none}.protocol-more summary>span:first-child{display:grid;gap:.12rem}.protocol-more summary strong{font-size:.74rem}.protocol-more summary small{color:var(--muted);font-size:.66rem}.protocol-more summary>span:last-child{color:var(--primary);font-size:1.1rem;transition:transform .16s ease}.protocol-more[open] summary{border-bottom:1px solid var(--line)}.protocol-more[open] summary>span:last-child{transform:rotate(45deg)}.protocol-more .protocol-options{padding:.7rem}.protocol-insight{display:grid;gap:.85rem;padding:1rem;border:1px solid #c9dcf4;border-radius:13px;background:linear-gradient(145deg,#fafdff,#f1f6fd)}.protocol-insight-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem}.protocol-insight-head h3{margin:.12rem 0 .25rem;font-size:1rem}.protocol-insight-head p{max-width:720px;margin:0;color:#59708e;font-size:.72rem;line-height:1.55}.insight-eyebrow{color:var(--primary);font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.protocol-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.protocol-metric{min-width:0;display:grid;gap:.42rem;padding:.62rem .68rem;border:1px solid #d7e4f3;border-radius:9px;background:#ffffffdb}.protocol-metric>div{display:flex;align-items:center;gap:.28rem;min-width:0}.protocol-metric>div>span{color:var(--muted);font-size:.65rem}.protocol-metric>div>strong{margin-left:auto;font-size:.66rem}.metric-segments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.metric-segments i{height:5px;border-radius:999px;background:#dfe8f4}.metric-segments i.filled{background:#3d7fe6}.protocol-metric.risk .metric-segments i.filled{background:#d7863d}.protocol-metric.risk>div>strong{color:#a45f23}.protocol-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.protocol-facts>span{min-width:0;display:grid;gap:.18rem;padding:.58rem .65rem;border-radius:8px;background:#e5eefab8}.protocol-facts small{color:var(--muted);font-size:.62rem}.protocol-facts strong{overflow-wrap:anywhere;font-size:.7rem}.protocol-facts strong.positive{color:var(--success)}.protocol-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.protocol-notes>div{padding:.65rem .7rem;border-left:3px solid #6f9de3;border-radius:0 8px 8px 0;background:#ffffffc7}.protocol-notes>div.caution{border-left-color:#d89a47;background:#fffaf0}.protocol-notes span{color:#315b90;font-size:.63rem;font-weight:780}.protocol-notes .caution span{color:#986126}.protocol-notes p{margin:.22rem 0 0;color:#526982;font-size:.68rem;line-height:1.5}.protocol-disclaimer{margin:0;color:var(--muted);font-size:.65rem;line-height:1.5}.form-section-label{display:flex;align-items:center;gap:.55rem;padding-top:.85rem;border-top:1px solid var(--line);color:var(--ink);font-size:.78rem;font-weight:780}.form-section-label span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--primary-soft);color:var(--primary);font:750 .62rem/1 ui-monospace,monospace}.rating-explainer{display:flex;align-items:flex-start;gap:.55rem;margin-bottom:.8rem;padding:.65rem .75rem;border:1px solid #d6e4f4;border-radius:9px;background:#f5f9fe}.rating-explainer p{margin:0;color:#526b89;font-size:.7rem;line-height:1.55}.protocol-compare-wrap{border:1px solid var(--line);border-radius:11px}.protocol-compare-table{min-width:1260px}.protocol-compare-table th{white-space:nowrap}.protocol-compare-table td{vertical-align:top}.protocol-compare-table td:nth-child(2){min-width:130px}.protocol-compare-table td:last-child{width:280px}.protocol-compare-table td>small{display:block;margin-top:.25rem;color:var(--muted);font-size:.62rem}.protocol-compare-table td>p{margin:0 0 .45rem;color:#536b87;font-size:.68rem;line-height:1.45}.compare-protocol{min-width:210px;display:flex;align-items:center;gap:.65rem}.compare-protocol>div{display:grid;gap:.15rem}.compare-protocol strong{font-size:.72rem}.compare-protocol small{color:var(--muted);font-size:.62rem}.protocol-metric.compact{min-width:112px;padding:.5rem;border:0;background:transparent}.protocol-metric.compact>div>span{display:none}.protocol-metric.compact>div>strong{margin-left:0}.protocol-compare-wrap+.protocol-disclaimer{margin-top:.75rem}.detail-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:end}.detail-form>label:first-child,.detail-form>p{grid-column:1 / -1}.detail-form>button{justify-self:start}.detail-link{display:grid;gap:.4rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.resource-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.resource-meta span{display:grid;gap:.2rem;color:var(--muted);font-size:.7rem}.resource-meta strong{color:var(--ink);font-size:.78rem}.metric-grid{display:grid;gap:.55rem}.metric-grid>div{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.3rem 1rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px}.metric-grid span,.metric-grid small{color:var(--muted);font-size:.7rem}.metric-grid small{grid-column:1 / -1}.resource-list{display:grid;gap:.45rem}.resource-list>a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:8px;text-decoration:none}.resource-list>a:hover{border-color:var(--primary);background:var(--primary-soft)}.resource-list span{display:grid;gap:.15rem}.resource-list small{color:var(--muted)}.quota-detail{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.bandwidth-state{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.bandwidth-state>div{display:grid;gap:.45rem}.bandwidth-state p{max-width:560px;margin:0;color:var(--muted);font-size:.72rem}.table-wrap{overflow:auto}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px;padding:.8rem 1.05rem;border-bottom:1px solid var(--line);background:#fff}.list-search-form{flex:1;max-width:560px}.search-control{display:flex;align-items:center;gap:.45rem}.search-control input{min-width:210px;min-height:38px;background:var(--surface-soft)}.search-control>button{flex:none;min-width:64px;white-space:nowrap}.list-meta{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.72rem;white-space:nowrap}.list-meta label{display:flex;align-items:center;gap:.45rem;color:var(--muted);white-space:nowrap}.list-meta select{width:68px;min-height:36px;padding:.35rem .5rem;background:#fff}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:.75rem 1.05rem;border-top:1px solid var(--line);background:#fbfdff;color:var(--muted);font-size:.72rem}.pagination>div{display:flex;align-items:center;gap:.35rem}.pagination button{min-width:34px;box-shadow:none}.pagination .page-current{background:var(--primary);color:#fff}.list-pagination-shell .pagination{border:1px solid var(--line);border-radius:12px;background:#fff}.table{width:100%;border-collapse:collapse;font-size:.82rem}.table th{padding:.72rem .6rem;border-bottom:1px solid var(--line);background:#f5f9fe;color:#7187a5;text-align:left;font-size:.64rem;font-weight:720;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}.table td{padding:.82rem .6rem;border-bottom:1px solid #e8eef7;vertical-align:middle}.table tbody tr:hover{background:#f6faff}.table tbody tr:last-child td{border-bottom:0}.row-title{font-weight:720}.row-sub{margin-top:.16rem;color:var(--muted);font-size:.72rem}.actions{display:flex;gap:.38rem;justify-content:flex-end}.actions button,.actions .button-link{flex:none;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:.32rem;padding:.2rem .43rem;border:1px solid transparent;border-radius:999px;font-size:.66rem;font-weight:750;white-space:nowrap}.badge.blue{background:var(--primary-soft);color:var(--primary)}.badge.green{background:var(--success-soft);color:var(--success)}.badge.amber{background:var(--warning-soft);color:var(--warning)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.gray{background:#edf2f8;color:#6d7f96}.health-line{display:flex;align-items:center;gap:.5rem}.health-latency{color:var(--muted);font:.7rem/1 ui-monospace,monospace}.credential{display:flex;align-items:center;gap:.4rem;color:var(--muted)}.credential:before{content:"\2022\2022\2022\2022\2022\2022";letter-spacing:.1em;color:#9b9ea4}.link-box{max-width:460px;display:flex;gap:.38rem}.link-box code{min-width:0;flex:1;overflow:hidden;padding:.38rem .46rem;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:#515c74;text-overflow:ellipsis;white-space:nowrap}.health-list,.runtime-stack{display:grid;gap:.55rem}.runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.health-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.72rem .78rem;border:1px solid var(--line);border-radius:8px}.empty{padding:2.2rem 1rem;text-align:center;color:var(--muted)}.audit-list{display:grid}.audit-row{display:grid;grid-template-columns:160px 170px 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.78rem}.audit-row:last-child{border-bottom:0}.toast{position:fixed;right:1rem;bottom:1rem;z-index:50;max-width:420px;padding:.75rem .9rem;border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.toast.error{border-color:#e7b6bc;color:var(--danger)}.loading{opacity:.62;pointer-events:none}.react-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;color:var(--muted)}.react-loading strong{font-size:.82rem;font-weight:680}.route-transition{position:fixed;z-index:120;inset:0;display:grid;place-items:center;background:#f0f6fd6b;backdrop-filter:blur(2px);animation:routeOverlayIn .16s ease both}.route-transition-card{min-width:220px;display:grid;justify-items:center;gap:.55rem;padding:1.15rem 1.35rem;border:1px solid rgba(190,210,235,.9);border-radius:14px;background:#fffffff5;color:var(--ink);box-shadow:0 20px 55px #1c4b8629}.route-transition-card strong{font-size:.82rem}.route-transition-card small{color:var(--muted);font-size:.68rem}.route-spinner{width:24px;height:24px;display:block;border:3px solid #d7e6f7;border-top-color:var(--primary);border-radius:50%;animation:routeSpin .7s linear infinite}@keyframes routeSpin{to{transform:rotate(360deg)}}@keyframes routeOverlayIn{0%{opacity:0}to{opacity:1}}@view-transition{navigation:auto}::view-transition-old(root){animation:none}::view-transition-new(root){animation:routeReveal .2s ease-out both}@keyframes routeReveal{0%{opacity:0}to{opacity:1}}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.capability-card{min-height:180px}.capability-card .section-head>div{display:flex;align-items:center;gap:.65rem}.protocol-monogram{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary);font:800 .67rem/1 ui-monospace,monospace}.protocol-monogram img{width:19px;height:19px;filter:invert(34%) sepia(88%) saturate(1645%) hue-rotate(202deg) brightness(91%) contrast(95%)}.capability-card p{margin:1.3rem 0;color:#49617f;font-weight:650}.capability-meta{display:flex;flex-wrap:wrap;gap:.4rem}.capability-meta span{padding:.25rem .45rem;border-radius:6px;background:var(--surface-soft);color:var(--muted);font-size:.65rem;font-weight:700}.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:1rem;background:#0c224466;backdrop-filter:blur(4px)}.modal-card{width:min(94vw,720px);max-height:90vh;padding:1.35rem;overflow:auto;border:1px solid var(--line-strong);border-radius:16px;background:#fff;box-shadow:0 28px 90px #11376e47}.native-profile-form{display:grid;gap:1rem}.native-profile-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-profile-form label,.reality-fields{display:grid;gap:.4rem}.reality-fields{padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.icon-button{min-width:36px;padding:.35rem;color:var(--muted);background:transparent;box-shadow:none;font-size:1.2rem}.migration-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:.85rem}.source-tabs{display:flex;gap:.45rem;width:max-content;margin:0 0 .9rem;padding:.3rem;border:1px solid var(--line);border-radius:.8rem;background:#eef4ff}.source-tabs button{padding:.55rem .9rem;color:var(--muted);background:transparent;box-shadow:none}.source-tabs button.active{color:var(--blue);background:#fff;box-shadow:0 4px 12px #1952b41f}.command-note{display:grid;gap:.35rem;margin:0 0 .9rem;padding:.8rem .9rem;border:1px solid #cbdcff;border-radius:.75rem;background:#f2f7ff}.command-note span{color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.command-note code{color:#18376d;overflow-wrap:anywhere}.command-note small{color:var(--muted)}.migration-actions{display:flex;justify-content:flex-end;margin-top:1rem}.migration-message{margin:1rem 0 0;padding:.7rem .8rem;border-radius:8px;background:var(--primary-soft);color:#245184}.migration-summary{display:grid;grid-template-columns:repeat(3,auto 1fr);align-items:baseline;gap:.35rem .55rem;margin:.8rem 0 1rem;padding:.8rem;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.migration-summary strong{color:var(--primary);font-size:1.25rem}.migration-summary span{color:var(--muted);font-size:.7rem}.migration-resource{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .75rem;border:1px solid var(--line);border-radius:8px}.migration-resource>span:first-child{display:grid;gap:.2rem}.migration-resource small{color:var(--muted)}.migration-history{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}.migration-history>div{display:grid;grid-template-columns:1fr auto;gap:.2rem .7rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.migration-history small{grid-column:1 / -1;color:var(--muted)}@media(max-width:1100px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.migration-layout{grid-template-columns:1fr}.architecture-hero{grid-template-columns:1fr;min-height:auto}.architecture-copy{max-width:760px}.architecture-hero.compact .architecture-flow{margin-top:4rem}.architecture-flow{overflow-x:auto}.flow-track{min-width:690px}.business-values{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.egress{grid-template-columns:1fr 1fr 1fr}.form-grid.egress button{grid-column:span 3}.form-grid.quota{grid-template-columns:1fr 1fr}.form-grid.quota button{grid-column:span 2}.span-3{grid-column:span 6}.span-7,.span-5{grid-column:span 12}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;width:auto;height:auto;padding-bottom:.8rem;border-right:0;border-bottom:1px solid #1d487b}.brand{padding-bottom:.8rem}.nav{display:flex;overflow-x:auto}.nav a{flex:none;white-space:nowrap}.sidebar-foot{display:none}.topbar{position:sticky;top:0;z-index:10}.span-8,.span-6,.span-4{grid-column:span 12}.form-grid.inbound,.form-grid.user,.form-grid.egress{grid-template-columns:1fr 1fr}.form-grid.inbound button,.form-grid.user button,.form-grid.egress button{grid-column:span 2}.mfa-enroll{align-items:flex-start;flex-direction:column}.import-form,.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-card-wrap{min-height:100svh}.runtime-grid,.setup-intro{grid-template-columns:1fr}.list-toolbar{align-items:stretch;flex-direction:column}.list-search-form{max-width:none}.list-meta{justify-content:space-between}}@media(max-width:560px){.capability-grid{grid-template-columns:1fr}.page{padding:1rem}.page-header{flex-direction:column}.page-actions{width:100%}.page-actions button,.page-actions a{flex:1}.page-actions{flex-wrap:wrap}.span-3{grid-column:span 12}.form-grid.inbound,.form-grid.user,.form-grid.egress,.form-grid.quota{grid-template-columns:1fr}.form-grid.inbound button,.form-grid.user button,.form-grid.egress button,.form-grid.quota button{grid-column:auto}.recovery-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr;gap:.25rem}.topbar{padding:0 1rem}.top-title span,.top-actions>.badge{display:none}.table-wrap{margin-inline:-.25rem}.inbound-table{min-width:680px}.inbound-links{margin-top:.5rem;padding:.5rem;border:1px solid var(--line);border-radius:.6rem;background:#f8fbff}.inbound-link-row,.share-link-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.share-link-row{padding:.65rem 0;border-bottom:1px solid var(--line)}.share-link-row code{flex:1 1 100%;overflow-wrap:anywhere;white-space:normal}.detail-title h1{font-size:1.45rem;overflow-wrap:anywhere}.status-hero{align-items:flex-start;flex-direction:column}.architecture-hero{padding:1.25rem;background-position:62% center}.architecture-hero.compact{min-height:360px}.architecture-toolbar{align-items:flex-start;flex-direction:column}.architecture-hero.compact .architecture-flow{margin-top:2.5rem}.architecture-hero:before{background:#ebf5ffdb}.architecture-actions{align-items:stretch;flex-direction:column}.architecture-actions button{width:100%}.business-values{grid-template-columns:1fr}.hero-actions{width:100%;justify-content:space-between}.port-strip{align-items:flex-start;flex-wrap:wrap}.port-strip p{flex-basis:100%}.domain-hero,.domain-apply{align-items:flex-start;flex-direction:column}.domain-state{align-items:flex-start;flex-wrap:wrap}.domain-config-steps{grid-template-columns:1fr}.domain-empty{align-items:stretch;flex-direction:column}.cdn-hero{align-items:flex-start}.cdn-hero>img{display:none}.cdn-form{grid-template-columns:1fr}.cdn-form>p,.cdn-form>button{grid-column:auto}.certificate-meta,.detail-form,.resource-meta{grid-template-columns:1fr}.detail-form>label:first-child,.detail-form>p{grid-column:auto}.quota-detail{grid-template-columns:1fr}.bandwidth-state{align-items:flex-start;flex-direction:column}.search-control{align-items:stretch;flex-wrap:wrap}.search-control input{flex:1 0 100%}.list-meta{align-items:flex-start;flex-direction:column;gap:.55rem}.pagination{align-items:flex-start;flex-direction:column}.pagination>div{max-width:100%;overflow-x:auto}.modal-form-grid{grid-template-columns:1fr}.form-span{grid-column:auto}}.service-resource{grid-template-columns:minmax(120px,1fr) minmax(240px,1.35fr) auto;gap:1rem}.service-metrics{display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));gap:.45rem}.service-metrics span{display:grid;padding:.45rem .55rem;border:1px solid #dbe7f6;border-radius:9px;background:#f7faff}.service-metrics b{color:#123761;font-size:.78rem}.service-metrics small{color:var(--muted);font-size:.62rem}.traffic-overview{display:grid;grid-template-columns:280px minmax(0,1fr);gap:.8rem}.traffic-kpis{display:grid;gap:.65rem}.traffic-kpis article{position:relative;overflow:hidden;display:grid;padding:1rem 1.1rem;border:1px solid #d8e5f5;border-radius:14px;background:linear-gradient(145deg,#fff,#f4f8ff);box-shadow:0 12px 28px #26569712}.traffic-kpis article:after{content:"";position:absolute;right:-26px;top:-35px;width:100px;height:100px;border-radius:50%;background:#2f6fed14}.traffic-kpis span,.traffic-kpis small{color:var(--muted);font-size:.7rem}.traffic-kpis strong{margin:.18rem 0;color:#0c2d55;font-size:1.35rem;letter-spacing:-.04em}.traffic-chart-card{min-height:320px;padding:1rem 1.1rem;border:1px solid #d8e5f5;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 34px #1f4d8b14}.chart-head{display:flex;justify-content:space-between}.chart-head h2,.chart-head p{margin:0}.chart-head p{color:var(--muted);font-size:.72rem}.chart-legend{display:flex;gap:.7rem;color:var(--muted);font-size:.68rem}.chart-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.3rem;border-radius:50%;background:#2f6fed}.chart-legend .down:before{background:#29b89a}.traffic-chart-card svg{width:100%;height:240px;margin-top:.7rem;overflow:visible}.traffic-chart-card .area{fill:url(#trafficArea)}.traffic-chart-card .line{fill:none;stroke:#2f6fed;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 5px rgba(47,111,237,.2))}.domain-list{display:grid;gap:.55rem}.domain-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.72rem;border:1px solid #dce7f4;border-radius:11px;background:#fbfdff}.domain-list>div>div{display:grid}.domain-list small{color:var(--muted)}.domain-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2f6fed,#65a4ff);color:#fff;font-size:.58rem;font-weight:800;box-shadow:0 7px 16px #2f6fed33}.relationship-head{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,1.1fr) minmax(170px,1fr) 100px;gap:2.2rem;padding:.55rem 1rem;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.relationship-list{display:grid;gap:.55rem}.relationship-row{display:grid;grid-template-columns:minmax(170px,1fr) 24px minmax(180px,1.1fr) 24px minmax(170px,1fr) 100px;align-items:center;gap:.55rem;padding:.7rem;border:1px solid #dbe6f3;border-radius:12px;background:linear-gradient(90deg,#f8fbff,#fff 50%,#f8fbff)}.relationship-row>i{color:#6b9ae1;font-style:normal;text-align:center}.relationship-user{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.5rem}.relationship-user>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e9f2ff;color:#2f6fed;font-size:.62rem;font-weight:800}.relationship-user input{min-width:0}@media(max-width:900px){.service-resource,.traffic-overview{grid-template-columns:1fr}.traffic-kpis{grid-template-columns:repeat(3,1fr)}.relationship-head{display:none}.relationship-row{grid-template-columns:1fr}.relationship-row>i{transform:rotate(90deg)}.relationship-row button{width:100%}}@media(max-width:600px){.traffic-kpis{grid-template-columns:1fr}.domain-list>div{grid-template-columns:auto 1fr}.domain-list .actions,.domain-list .badge{grid-column:1/-1}.service-metrics{grid-template-columns:repeat(3,1fr)}}.backtrace-page{display:grid;gap:1rem}.backtrace-intro{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:2rem;padding:1.4rem 1.5rem;background:linear-gradient(120deg,#f7fbff,#eef5ff 58%,#f8fbff);border-color:#d7e6fb}.backtrace-intro:after{content:"";position:absolute;width:260px;height:260px;right:150px;top:-190px;border:1px solid #8db9fa66;border-radius:50%;box-shadow:0 0 0 38px #afcff433,0 0 0 76px #d4e5fa66}.backtrace-intro>div{position:relative;z-index:1}.backtrace-intro h2{margin:.28rem 0 .45rem;font-size:1.05rem}.backtrace-intro p{max-width:760px;margin:0;color:var(--muted);line-height:1.65;font-size:.78rem}.backtrace-kicker{color:#2563c7;font-size:.62rem;font-weight:800;letter-spacing:.16em}.engine-panel{justify-self:end;width:100%;padding:1rem 1.1rem;border:1px solid #cfe0f8;border-radius:14px;background:#ffffffd9;box-shadow:0 12px 30px #2769bd12;display:grid;gap:.18rem}.engine-panel span,.engine-panel small{color:var(--muted);font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engine-panel strong{color:#123e7b;text-transform:uppercase}.backtrace-controls{padding:1.2rem 1.25rem}.region-actions{display:flex;flex-wrap:wrap;gap:.45rem}.backtrace-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem}.route-target{cursor:pointer;display:grid;grid-template-columns:auto 38px minmax(0,1fr);align-items:center;gap:.65rem;padding:.78rem;border:1px solid #dfe8f4;border-radius:12px;background:#fbfdff;transition:.18s ease}.route-target:hover{border-color:#9cbff1;transform:translateY(-1px)}.route-target.selected{border-color:#75a7ef;background:#f1f7ff;box-shadow:0 0 0 2px #d9e9ff inset}.route-target input{width:15px;height:15px;accent-color:#256de8}.route-target span:last-child{min-width:0;display:grid;gap:.16rem}.route-target strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.route-target small{color:var(--muted);font-size:.64rem}.carrier-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:.61rem;font-weight:850;letter-spacing:.03em}.carrier-mark.ct{color:#1453b6;background:#e7f0ff}.carrier-mark.cu{color:#b23c3c;background:#fff0ef}.carrier-mark.cm{color:#087b6a;background:#e5f7f3}.backtrace-runbar{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:1rem}.backtrace-runbar label{display:grid;gap:.35rem;color:var(--muted);font-size:.68rem}.backtrace-runbar select{min-width:190px}.backtrace-runbar button{min-width:150px}.backtrace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.backtrace-summary article{display:flex;align-items:center;gap:.8rem;padding:1rem 1.15rem}.backtrace-summary article div{display:grid}.backtrace-summary strong{font-size:1.42rem;color:#0d2d58}.backtrace-summary small{color:var(--muted)}.summary-dot{width:10px;height:42px;border-radius:99px;background:#aab5c2}.summary-dot.green{background:#24a47a}.summary-dot.blue{background:#347beb}.summary-dot.amber{background:#db982b}.summary-dot.gray{background:#9aa8b8}.backtrace-results,.backtrace-history{padding:1.2rem 1.25rem}.route-result-list{display:grid;gap:.62rem}.route-result{border:1px solid #dde7f3;border-radius:13px;background:#fff;overflow:hidden}.route-result.failed{border-color:#f1cccc}.route-result-main{min-height:70px;display:grid;grid-template-columns:38px minmax(170px,1.2fr) minmax(180px,1fr) 110px auto;align-items:center;gap:.8rem;padding:.78rem .9rem}.route-result-title{min-width:0;display:grid;gap:.15rem}.route-result-title strong,.route-result-title small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.route-result-title small{color:var(--muted);font-size:.63rem}.route-grade{display:grid;justify-items:start;gap:.22rem}.route-grade strong{font-size:.7rem;font-weight:700}.route-latency{display:grid;text-align:right}.route-latency strong{color:#153f78}.route-latency small{color:var(--muted);font-size:.62rem}.route-result-detail{padding:1rem;border-top:1px solid #e5edf6;background:#f9fbfe}.route-evidence{display:grid;grid-template-columns:1fr 1fr 2fr;gap:.6rem}.route-evidence>div{padding:.72rem .8rem;border:1px solid #dde8f5;border-radius:10px;background:#fff;display:grid;gap:.2rem}.route-evidence span{color:var(--muted);font-size:.62rem}.route-evidence strong{font-size:.7rem;line-height:1.45}.as-path-visual{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.85rem 0}.as-path-visual span{padding:.35rem .52rem;color:#1b579f;background:#eaf3ff;border-radius:8px;font-size:.64rem;font-weight:750}.as-path-visual i{color:#81a3ca;font-style:normal}.route-hop-table td{vertical-align:middle}.hop-number{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#2265bd;background:#e8f2ff;font-size:.65rem;font-weight:800}.backtrace-empty{min-height:190px;display:grid;place-items:center}@media(max-width:1100px){.backtrace-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.route-result-main{grid-template-columns:38px minmax(150px,1fr) minmax(160px,1fr) auto}.route-latency{display:none}}@media(max-width:760px){.backtrace-intro{grid-template-columns:1fr}.engine-panel{justify-self:stretch}.backtrace-targets,.backtrace-summary{grid-template-columns:1fr}.backtrace-runbar{align-items:stretch;flex-direction:column}.backtrace-runbar select,.backtrace-runbar button{width:100%}.route-result-main{grid-template-columns:38px minmax(0,1fr) auto}.route-grade{grid-column:2/4}.route-result-main>button{grid-column:2/4}.route-evidence{grid-template-columns:1fr}}@media(max-width:900px){.protocol-metrics,.protocol-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-notes{grid-template-columns:1fr}}@media(max-width:620px){.protocol-options{grid-template-columns:1fr}.protocol-insight-head{grid-template-columns:auto minmax(0,1fr)}.protocol-insight-head>.badge{grid-column:2;justify-self:start}.protocol-metrics,.protocol-facts{grid-template-columns:1fr}.term-help>span{left:auto;right:-10px;transform:none}.term-help>span:after{left:auto;right:13px}}body{font-size:15px}.nav{gap:.75rem}.nav-group{display:grid;gap:.18rem}.nav-label{padding:0 .65rem .25rem;color:#6f96c9;font-size:.61rem;font-weight:800;letter-spacing:.12em}.nav a{min-height:39px}.page-header h1{font-size:clamp(1.65rem,2.4vw,2.1rem)}.page-header p{font-size:.82rem}.operations-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:.25rem 0 .35rem}.operations-head h1{margin:.55rem 0 .25rem}.operations-head p{margin:0;color:var(--muted)}.operations-actions{display:flex;align-items:center;gap:.65rem}.status-kicker{display:inline-flex;align-items:center;gap:.55rem;color:var(--success);font-size:.72rem;font-weight:800}.status-kicker i{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px var(--success-soft)}.status-kicker i.warning{background:#d08a21;box-shadow:0 0 0 5px #fff2d9}.stat-card.operational{display:flex;align-items:center;gap:.9rem;min-height:98px}.stat-card.operational strong{margin-top:.32rem;font-size:1.55rem}.stat-icon{width:42px;height:42px;display:grid;flex:none;place-items:center;border-radius:11px;background:var(--primary-soft)}.stat-icon img{width:20px;height:20px;filter:invert(34%) sepia(88%) saturate(1645%) hue-rotate(202deg) brightness(91%) contrast(95%)}.attention-list{display:grid;gap:.5rem}.attention-list>a{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none}.attention-list>a:hover{border-color:#a9c7ee;background:#f7fbff}.attention-list a>span:nth-child(2),.attention-empty span{display:grid;gap:.12rem}.attention-list small,.attention-empty small{color:var(--muted);font-size:.74rem}.attention-list b{color:var(--primary);font-size:.74rem}.attention-dot{width:9px;height:9px;border-radius:50%;background:#9daabd}.attention-dot.red{background:var(--danger);box-shadow:0 0 0 5px var(--danger-soft)}.attention-dot.amber{background:#c88421;box-shadow:0 0 0 5px var(--warning-soft)}.attention-empty{min-height:68px;display:flex;align-items:center;gap:.8rem;color:var(--success)}.attention-empty img{width:28px;height:28px;filter:invert(42%) sepia(75%) saturate(641%) hue-rotate(118deg) brightness(88%)}.service-summary .service-resource{grid-template-columns:minmax(115px,1fr) auto}.service-summary .service-metrics{display:none}.topology-disclosure .architecture-flow{border:0;border-radius:0;box-shadow:none}.compact-flow .flow-node{min-height:94px}.inbound-table{min-width:790px;table-layout:fixed}.inbound-table th:nth-child(1){width:36%}.inbound-table th:nth-child(2){width:20%}.inbound-table th:nth-child(3){width:22%}.inbound-table th:nth-child(4){width:9%}.inbound-table th:nth-child(5){width:13%}.inbound-links{display:grid;grid-template-columns:auto repeat(3,auto);align-items:center;justify-content:start;gap:.35rem .45rem;margin-top:.55rem;padding:.48rem .55rem;border:1px solid #dbe7f6;border-radius:9px;background:#f7faff}.inbound-links>span:first-child{color:var(--muted);font-size:.68rem;font-weight:720}.inbound-link-row{display:inline-flex;align-items:center;gap:.35rem;padding-left:.45rem;border-left:1px solid #dbe7f6}.inbound-link-row small{max-width:92px;overflow:hidden;color:#486582;text-overflow:ellipsis;white-space:nowrap}.inbound-sharing{overflow:hidden}.share-link-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr) auto;align-items:center;gap:.8rem;padding:.78rem 0;border-bottom:1px solid var(--line)}.share-link-row:last-child{border-bottom:0}.share-link-identity{min-width:0;display:flex;align-items:center;gap:.5rem}.share-link-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link-row>code{min-width:0;display:block;overflow:hidden;color:#315273;text-overflow:ellipsis;white-space:nowrap}.share-link-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;white-space:nowrap}.share-qr-content{display:grid;justify-items:center;gap:.85rem;text-align:center}.share-qr-content img{width:min(100%,320px);height:auto;padding:.65rem;border:1px solid var(--line);border-radius:14px;background:#fff}.share-qr-content code{width:100%;max-height:8rem;padding:.7rem;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#f7faff;overflow-wrap:anywhere;white-space:normal;text-align:left}.share-qr-content button{width:min(100%,320px)}.endpoint-line{min-width:0;display:flex;align-items:center;gap:.4rem;margin-top:.38rem}.endpoint-line code,.single-line-code{min-width:0;max-width:100%;display:block;overflow:hidden;color:#315f96;text-overflow:ellipsis;white-space:nowrap}.icon-copy{width:29px;min-height:29px;display:grid;flex:none;place-items:center;padding:0;border-color:var(--line);background:#fff;box-shadow:none}.icon-copy img,.row-menu summary img{width:15px;height:15px;filter:invert(37%) sepia(23%) saturate(921%) hue-rotate(174deg) brightness(90%)}.icon-copy img{content:url(/icons/copy.svg)}.row-menu summary img{content:url(/icons/ellipsis.svg)}.access-stack,.policy-stack{display:grid;justify-items:start;gap:.38rem}.access-stack>span:last-child{color:var(--muted);font-size:.74rem}.row-primary-action{display:flex;align-items:center;gap:.4rem}.row-menu{position:relative}.row-menu summary{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px;background:#fff;cursor:pointer;list-style:none}.row-menu summary::-webkit-details-marker{display:none}.row-menu>div{position:absolute;z-index:15;top:calc(100% + 5px);right:0;width:170px;display:grid;padding:.35rem;border:1px solid var(--line-strong);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.row-menu a,.row-menu button{min-height:36px;display:flex;align-items:center;justify-content:flex-start;padding:.45rem .6rem;border:0;border-radius:7px;background:transparent;color:var(--ink);box-shadow:none;text-decoration:none;font-size:.78rem}.row-menu a:hover,.row-menu button:hover{background:var(--surface-soft);color:var(--primary);transform:none}.row-menu .danger-text{color:var(--danger)}.management-modal.modal-wide{width:min(96vw,1120px)}.management-modal .modal-body{padding-bottom:0}.inbound-create-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:1.15rem;align-items:start}.inbound-create-protocol,.inbound-create-config{min-width:0;display:grid;gap:.9rem}.inbound-create-config{position:sticky;top:0;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.form-section-label{display:flex;align-items:center;gap:.55rem;color:var(--ink);font-size:.78rem;font-weight:800}.form-section-label>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:.67rem}.protocol-picker>legend{margin-bottom:.55rem}.protocol-option{min-height:58px;padding:.55rem .6rem}.protocol-option-icon,.protocol-insight-icon{width:34px;height:34px}.protocol-option-icon img,.protocol-insight-icon img{width:17px;height:17px}.protocol-insight{gap:.7rem;padding:.8rem}.protocol-insight-head p{font-size:.73rem}.protocol-facts-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-technical{border-top:1px solid #d7e4f3}.protocol-technical>summary{padding-top:.65rem;color:var(--primary);cursor:pointer;font-size:.74rem;font-weight:750}.protocol-technical .protocol-notes{margin-top:.7rem;grid-template-columns:1fr}.reality-fields{padding:.75rem}.reality-fields>summary{cursor:pointer;color:var(--primary);font-weight:750}.sticky-actions{position:sticky;z-index:2;bottom:0;margin:0 -1.35rem;padding:.85rem 1.35rem;background:#fffffff5;backdrop-filter:blur(10px)}.fact-explainer{display:flex;align-items:flex-start;gap:.65rem;margin-bottom:1rem;padding:.75rem .85rem;border:1px solid #cfe0f7;border-radius:10px;background:#f4f8fe}.fact-explainer img{width:20px;height:20px;filter:invert(34%) sepia(88%) saturate(1645%) hue-rotate(202deg) brightness(91%)}.fact-explainer p{margin:0;color:#456485;font-size:.78rem}.protocol-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.protocol-compare-card{min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:11px;background:#fff}.protocol-compare-card>p{min-height:44px;margin:.7rem 0;color:var(--muted);font-size:.74rem}.protocol-compare-card dl,.protocol-reference-card dl{display:grid;gap:0;margin:0}.protocol-compare-card dl>div,.protocol-reference-card dl>div{display:flex;justify-content:space-between;gap:.8rem;padding:.42rem 0;border-top:1px solid #edf2f8}.protocol-compare-card dt,.protocol-reference-card dt{color:var(--muted);font-size:.7rem}.protocol-compare-card dd,.protocol-reference-card dd{margin:0;text-align:right;font-size:.72rem;font-weight:700}.compare-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;margin-top:.75rem}.compare-card-foot>span{color:#536b87;font-size:.7rem}.domain-lifecycle{padding:1rem 1.1rem}.lifecycle-track{display:grid;grid-template-columns:minmax(120px,1fr) 36px minmax(120px,1fr) 36px minmax(120px,1fr) 36px minmax(120px,1fr);align-items:center}.lifecycle-track>span{min-height:58px;display:flex;align-items:center;gap:.55rem;padding:.6rem;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#fbfdff}.lifecycle-track span i{width:26px;height:26px;display:grid;flex:none;place-items:center;border-radius:8px;background:#edf2f8;font-style:normal;font-size:.66rem}.lifecycle-track span strong{font-size:.73rem}.lifecycle-track span.done{border-color:#bde2d8;color:var(--success);background:#f3fbf8}.lifecycle-track span.done i{background:var(--success-soft)}.lifecycle-track>b{height:1px;background:#cbd8e9}.relationship-row select:disabled{border-color:transparent;background:transparent;color:var(--ink);opacity:1}.relationship-row.editing{border-color:#8eb6ec;background:#f4f8ff;box-shadow:0 0 0 3px #e3efff}.relationship-row.editing select{border-color:var(--line-strong);background:#fff}.relationship-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.relationship-row>i img{width:16px;height:16px;filter:invert(51%) sepia(57%) saturate(877%) hue-rotate(184deg) brightness(88%)}.mapping-actions{display:flex;justify-content:flex-end;gap:.3rem}.user-directory .directory-body,.traffic-detail .directory-body{border-top:1px solid var(--line)}.directory-body>.list-toolbar{border-top:0}.traffic-chart-card{min-height:270px}.traffic-chart-card svg{height:190px}.traffic-chart-card.chart-empty{min-height:190px}.traffic-chart-card.chart-empty .empty{min-height:110px}.historical-traffic{display:grid;gap:1rem;overflow:hidden}.traffic-filter-bar{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(220px,1.5fr) minmax(120px,.65fr) minmax(120px,.65fr) auto;align-items:end;gap:.75rem;padding:.9rem;border:1px solid #dbe7f5;border-radius:12px;background:#f7faff}.traffic-filter-bar button{min-width:112px}.traffic-scope-note{padding:.65rem .8rem;border-left:3px solid #73a8ef;border-radius:0 8px 8px 0;background:#f2f7ff;color:#526b8b;font-size:.72rem}.traffic-query-error{padding:.65rem .8rem;border:1px solid #efc7cf;border-radius:8px;background:#fff2f4;color:var(--danger);font-size:.72rem}.history-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.history-kpis article{min-height:86px;display:grid;align-content:center;gap:.2rem;padding:.85rem 1rem;border:1px solid #dde8f5;border-radius:11px;background:linear-gradient(145deg,#fff,#f7faff)}.history-kpis span,.history-kpis small{color:var(--muted);font-size:.68rem}.history-kpis strong{font-size:1.08rem;letter-spacing:-.02em}.history-chart{position:relative;min-height:310px;padding:1rem;border:1px solid #d8e5f5;border-radius:13px;background:linear-gradient(180deg,#fff,#f7faff)}.history-chart>.chart-legend{justify-content:flex-end}.history-chart svg{width:100%;height:235px;margin-top:.7rem;overflow:visible}.history-chart path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.history-upload{stroke:#2f6fed;filter:drop-shadow(0 4px 4px rgba(47,111,237,.16))}.history-download{stroke:#20a987;filter:drop-shadow(0 4px 4px rgba(32,169,135,.14))}.history-axis{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.65rem}.history-axis span:nth-child(2){text-align:center}.history-axis span:last-child{text-align:right}.history-chart .empty{min-height:230px;display:grid;place-items:center;color:var(--muted)}.history-chart.loading svg{opacity:.48}.chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.65rem;border-radius:inherit;background:#f7faff9e;color:#526b8b;font-size:.72rem;backdrop-filter:blur(1px)}@media(max-width:1100px){.traffic-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-filter-bar button{width:100%}.history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.traffic-filter-bar,.history-kpis{grid-template-columns:1fr}.history-chart{padding:.75rem}.history-chart svg{height:190px}}.traffic-kpis article strong{font-size:1.25rem}.traffic-kpis article small{line-height:1.4}.security-posture{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(320px,.8fr);align-items:center;gap:1rem;padding:1.25rem}.security-posture-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--primary-soft)}.security-posture-icon img{width:24px;height:24px;filter:invert(34%) sepia(88%) saturate(1645%) hue-rotate(202deg) brightness(91%)}.security-posture h2{margin:.5rem 0 .15rem;font-size:1.08rem}.security-posture p{margin:0;color:var(--muted)}.security-posture small{display:block;margin-top:.35rem;color:var(--muted)}.mfa-quick-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem}.security-inline-form{grid-template-columns:repeat(3,minmax(0,1fr));padding:1rem 1.1rem}.password-disclosure[open] .summary-action,.user-directory[open] .summary-action,.traffic-detail[open] .summary-action,.topology-disclosure[open] .summary-action{transform:rotate(45deg)}.enrollment-card .mfa-enroll{align-items:flex-start}.route-empty-state{min-height:330px;display:grid;place-items:center;align-content:center;gap:.65rem;text-align:center}.route-empty-state h2,.route-empty-state p{margin:0}.route-empty-state p{max-width:560px;color:var(--muted)}.route-empty-state small{color:#7890ad}.route-empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft)}.route-empty-icon img{width:25px;height:25px;filter:invert(34%) sepia(88%) saturate(1645%) hue-rotate(202deg) brightness(91%)}.route-create-modal{width:min(94vw,680px)}.route-match-code{overflow-wrap:anywhere;white-space:normal}.protocol-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-reference-card{min-height:0}.protocol-reference-card .section-head{margin-bottom:.65rem}.protocol-reference-card .section-head p{margin:.12rem 0 0;color:var(--muted);font-size:.72rem}.migration-guide{display:flex;align-items:center;gap:1rem;margin-bottom:.85rem}.migration-guide h2,.migration-guide p{margin:0}.migration-guide p{margin-top:.2rem;color:var(--muted);font-size:.78rem}.migration-preview-empty{min-height:210px}@media(max-width:1100px){.inbound-create-layout{grid-template-columns:1fr}.inbound-create-config{position:static}.security-posture{grid-template-columns:auto 1fr}.security-posture .mfa-quick-form{grid-column:1 / -1}.lifecycle-track{overflow-x:auto}}@media(max-width:820px){.nav{gap:.3rem}.nav-group{display:flex;gap:.18rem}.nav-label{display:none}.operations-head{align-items:flex-start;flex-direction:column}.operations-actions{width:100%;justify-content:space-between}.protocol-compare-grid,.protocol-reference-grid,.security-inline-form{grid-template-columns:1fr}}@media(max-width:600px){.attention-list>a{grid-template-columns:auto minmax(0,1fr)}.attention-list b{grid-column:2}.mfa-quick-form,.security-posture{grid-template-columns:1fr}.security-posture-icon{display:none}.protocol-facts-primary{grid-template-columns:1fr}.compare-card-foot{align-items:stretch;flex-direction:column}.compare-card-foot button{width:100%}}@media(max-width:640px){body{font-size:14px}.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:35;width:100%;height:auto;padding:.55rem .7rem .65rem;border:0;border-bottom:1px solid #214c7e;box-shadow:0 8px 24px #08234824}.brand{gap:.55rem;padding:0 .1rem .5rem;font-size:.82rem}.brand-mark{width:29px;height:29px;border-radius:8px;font-size:.61rem}.brand small{display:none}.nav{display:flex;gap:.28rem;padding:0 0 .1rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.nav::-webkit-scrollbar{display:none}.nav-group{display:contents}.nav a{min-height:35px;flex:0 0 auto;gap:.38rem;padding:.42rem .58rem;border-radius:8px;font-size:.72rem;scroll-snap-align:start}.nav-icon{width:15px;height:15px;flex-basis:15px}.topbar{position:static;height:46px;justify-content:flex-end;padding:0 .75rem;gap:.5rem}.top-title{display:none}.top-actions{gap:.3rem}.top-actions button,.top-actions .button-link{min-height:34px;padding:.35rem .5rem;font-size:.7rem}.page{width:100%;padding:.8rem .7rem 1.4rem}.page-header,.operations-head{gap:.7rem;margin-bottom:.85rem}.page-header h1,.operations-head h1{font-size:1.48rem}.page-header p,.operations-head p{font-size:.76rem;line-height:1.5}.page-actions,.operations-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.page-actions>*,.operations-actions>*{width:100%;min-height:40px}.grid{gap:.7rem}.card{padding:.85rem;border-radius:11px}.section-head{gap:.55rem}.list-toolbar{padding:.7rem}.list-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.list-search-form button{min-width:62px}.table-wrap{max-width:100%;margin-inline:0;border-radius:9px;overscroll-behavior-x:contain;scrollbar-width:thin}.pagination{gap:.65rem;padding:.7rem}.pagination>div{width:100%;padding-bottom:.15rem}.inbound-table-card{padding:0;overflow:hidden}.inbound-table-card .table-wrap{overflow:visible}.inbound-table{display:block;min-width:0;width:100%;table-layout:auto}.inbound-table thead{display:none}.inbound-table tbody,.inbound-table tr,.inbound-table td{display:block;width:100%}.inbound-table tbody{padding:.15rem .65rem}.inbound-table tr{margin:.55rem 0;overflow:visible;border:1px solid #dce7f4;border-radius:12px;background:#fff;box-shadow:0 5px 16px #1946820d}.inbound-table tbody tr:hover{background:#fff}.inbound-table td{padding:.58rem .7rem;border:0}.inbound-table td+td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:.55rem;border-top:1px solid #edf2f8}.inbound-table td+td:before{content:attr(data-label);color:var(--muted);font-size:.66rem;font-weight:720}.inbound-table td:first-child{padding-top:.72rem;padding-bottom:.72rem}.inbound-table td:last-child{align-items:start}.inbound-table td.empty{display:block;padding:1.6rem .75rem;border:0}.inbound-table td.empty:before{content:none}.inbound-table .access-stack,.inbound-table .policy-stack{display:flex;align-items:center;flex-wrap:wrap}.inbound-table .row-primary-action{justify-content:flex-end}.endpoint-line{width:100%}.endpoint-line code{width:0;flex:1 1 0}.inbound-links{grid-template-columns:1fr;align-items:stretch;gap:.38rem;margin-top:.65rem;padding:.55rem}.inbound-link-row{justify-content:space-between;padding:.38rem 0 0;border:0;border-top:1px solid #dbe7f6}.inbound-link-row small{max-width:min(48vw,180px)}.inbound-link-row button{min-height:34px}.share-link-row{grid-template-columns:1fr;gap:.55rem;padding:.8rem 0}.share-link-identity{justify-content:space-between}.share-link-row>code{max-height:5.5rem;padding:.58rem;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#f7faff;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.share-link-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem}.share-link-actions>*{width:100%;min-width:0;padding-inline:.35rem;white-space:normal}.detail-title{margin-bottom:.8rem}.detail-title h1{font-size:1.35rem}.management-modal,.management-modal.modal-wide{width:calc(100vw - 1rem);max-height:calc(100svh - 1rem);border-radius:13px}.modal-head{padding:.9rem 1rem}.modal-body{max-height:calc(100svh - 84px);padding:1rem}.management-modal .modal-body{padding-bottom:0}.sticky-actions{margin:0 -1rem;padding:.75rem 1rem}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions>*{width:100%}.share-qr-content img{width:min(78vw,300px)}.status-hero,.domain-hero,.domain-apply,.bandwidth-state{gap:.65rem}.stat-card.operational{min-height:84px}.service-resource,.resource-meta,.detail-form{gap:.65rem}.relationship-row{padding:.65rem}.traffic-chart-card,.history-chart{min-height:230px}}