:root{--page:#edf1ec;--ink:#13201f;--muted:#66736f;--panel:rgba(255,255,249,0.88);--panel-strong:#fffefa;--line:rgba(24,44,40,0.12);--brand:#0b5d55;--brand-2:#c46d2d;--danger:#b42318;--success:#147a45;--shadow:0 24px 80px rgba(16,32,29,0.12);--soft-shadow:0 14px 34px rgba(16,32,29,0.08);--nav-h:4rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;min-height:100%;color:var(--ink)}body{background:radial-gradient(circle at 8% 8%,rgba(11,93,85,.16),transparent 26rem),radial-gradient(circle at 92% 12%,rgba(196,109,45,.16),transparent 24rem),linear-gradient(135deg,#eef2ec,#e4ebe6 48%,#f5efe5);font-family:Aptos,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid rgba(19,32,31,.14);border-radius:999px;background:#ffffff;padding:.72rem 1.05rem;color:var(--ink);font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--soft-shadow)}button:disabled{cursor:not-allowed;opacity:.45}.primary,button.primary{border:0;color:white;background:linear-gradient(135deg,var(--brand),#12a394)}.danger,button.danger{color:var(--danger);border-color:rgba(180,35,24,.22);background:#fff7f5}.icon-button{position:relative;width:2.35rem;height:2.35rem;padding:0;display:inline-grid;place-items:center;font-size:1rem}.icon-button:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + .55rem);transform:translateX(-50%) translateY(.25rem);z-index:30;max-width:14rem;padding:.42rem .62rem;border-radius:10px;background:rgba(19,32,31,.94);color:#f4fffc;font-size:.76rem;line-height:1.2;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 10px 24px rgba(16,32,29,.18);transition:opacity .16s ease,transform .16s ease}.icon-button:focus-visible:after,.icon-button:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.page-shell{position:relative;min-height:100vh;padding:clamp(.85rem,2vw,1.5rem);overflow-x:clip}.page-shell:before{content:"";position:fixed;inset:1rem;border:1px solid rgba(19,32,31,.08);border-radius:34px;pointer-events:none}.content-wrap{width:min(1500px,100%);margin:0 auto}.workspace-grid{display:grid;grid-template-columns:minmax(220px,250px) minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.workspace-full,.workspace-main,.workspace-sidebar{min-width:0}.workspace-full{grid-column:1/-1}.workspace-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + .75rem);z-index:4;align-self:start;max-height:calc(100vh - var(--nav-h) - 1.5rem);overflow-y:auto;scrollbar-width:thin}.workspace-main{display:grid;grid-gap:1.25rem;gap:1.25rem}.workspace-main>section{scroll-margin-top:1rem}.workspace-jump-card{border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 10% 0,rgba(245,177,100,.24),transparent 10rem),linear-gradient(180deg,rgba(19,32,31,.96),rgba(23,60,56,.94));box-shadow:var(--shadow);color:#eafffa;padding:.85rem}.workspace-jump-card>span{display:block;padding:.15rem .35rem .75rem;color:rgba(234,255,250,.7);font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.workspace-jump-card nav{display:grid;grid-gap:.45rem;gap:.45rem}.workspace-jump-card button{display:grid;grid-gap:.18rem;gap:.18rem;width:100%;padding:.72rem .82rem;border:1px solid rgba(255,255,255,.1);border-radius:18px;color:inherit;text-align:left;background:rgba(255,255,255,.055);box-shadow:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.workspace-jump-card button:focus-visible,.workspace-jump-card button:hover:not(:disabled){transform:translateX(2px);background:rgba(219,255,248,.14);border-color:rgba(219,255,248,.35);outline:none}.workspace-jump-card strong{font-size:.95rem;letter-spacing:-.02em}.workspace-jump-card small{color:rgba(234,255,250,.62);font-size:.76rem;line-height:1.35}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.85rem;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:linear-gradient(135deg,#13201f,#173c38);color:white;box-shadow:var(--shadow)}.brand-mark{display:inline-flex;align-items:center;gap:.75rem;font-weight:950;letter-spacing:-.02em}.brand-icon{display:grid;place-items:center;width:2.45rem;height:2.45rem;border-radius:18px;background:linear-gradient(135deg,#f5b164,#cf6f2f);color:#18201f;font-weight:950}.nav-menu{display:flex;align-items:center;gap:.4rem;margin-left:auto}.nav-menu button{padding:.58rem .9rem;background:transparent;color:rgba(255,255,255,.78);border-color:transparent;box-shadow:none}.nav-menu button.active,.nav-menu button:hover:not(:disabled){color:#10201e;background:#dbfff8;border-color:rgba(255,255,255,.2)}.actions,.nav-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.nav-actions button{background:rgba(255,255,255,.1);color:white;border-color:rgba(255,255,255,.18)}.nav-actions button.primary{background:#f7b267;color:#1e2725}.account-menu{position:relative}button.avatar-button{width:2.65rem;height:2.65rem;padding:0;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#f7b267,#dbfff8);color:#13201f;border-color:rgba(255,255,255,.35);box-shadow:0 12px 28px rgba(0,0,0,.24)}.avatar-button.active,.avatar-button:hover:not(:disabled){background:#dbfff8;color:#10201e;transform:translateY(-1px)}.avatar-initial{font-size:1rem;font-weight:950;line-height:1}.account-dropdown{position:absolute;top:calc(100% + .55rem);right:0;z-index:60;width:10.5rem;display:grid;grid-gap:.2rem;gap:.2rem;padding:.35rem;border:1px solid rgba(19,32,31,.12);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(19,32,31,.22);color:var(--ink)}.account-dropdown button{width:100%;justify-content:flex-start;padding:.68rem .75rem;border-radius:12px;background:transparent;border-color:transparent;color:var(--ink);box-shadow:none;text-align:left}.account-dropdown button:hover:not(:disabled){background:#edf6f3;color:var(--brand)}.account-dropdown button.danger{background:transparent;border-color:transparent;color:var(--danger)}.account-dropdown button.danger:hover:not(:disabled){background:#fff7f5;color:var(--danger)}.user-pill{padding:.55rem .9rem;border-radius:999px;background:rgba(255,255,255,.12);color:#dbfff8;font-weight:850}.action-bar,.hero-panel,.panel-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{position:relative;margin-bottom:1.35rem;padding:clamp(1.35rem,4vw,2.5rem);border-radius:34px;overflow:hidden}.hero-panel:after{content:"";position:absolute;right:-4rem;top:-5rem;width:18rem;height:18rem;border-radius:50%;background:radial-gradient(circle,rgba(196,109,45,.22),transparent 68%)}.auth-only{max-width:520px;min-height:calc(100vh - 3rem);display:grid;place-items:center}.auth-panel{width:100%;padding:2rem}.auth-panel:after{width:10rem;height:10rem;right:-3.5rem;top:-3.5rem}.auth-panel .actions{margin-top:1.25rem}.auth-panel .hero-title{font-size:clamp(2rem,7vw,3rem)}.auth-panel .hero-copy{max-width:100%}.auth-inline{max-width:none;margin-top:1.25rem;display:grid;grid-gap:1rem;gap:1rem}.hero-kicker{display:inline-flex;padding:.42rem .85rem;border-radius:999px;background:rgba(11,93,85,.1);color:var(--brand);font-weight:950;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero-title{max-width:820px;margin:1rem 0 .7rem;font-size:clamp(2.25rem,5vw,4.65rem);line-height:.95;font-weight:950;letter-spacing:-.06em}.hero-copy{max-width:780px;color:var(--muted);font-size:1.06rem;line-height:1.7}.panel-card{border-radius:28px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.05rem 1.15rem;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.24));border-bottom:1px solid var(--line)}.card-title-block{display:grid;grid-gap:.25rem;gap:.25rem;max-width:820px}.card-header h3,.card-title-block h2{margin:0;font-weight:950;letter-spacing:-.03em}.card-title-block p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.card-body{padding:1.15rem}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:grid;grid-gap:.42rem;gap:.42rem;min-width:0}.field label{color:#253936;font-size:.87rem;font-weight:850}.field-label-text{display:inline-flex;align-items:center;gap:.32rem;min-width:0}.tooltip-anchor{position:relative;display:inline-grid;place-items:center;width:1rem;height:1rem;border:1px solid rgba(11,93,85,.28);border-radius:999px;background:rgba(11,93,85,.08);color:var(--brand);font-size:.68rem;font-weight:950;line-height:1;cursor:help;outline:none}.tooltip-anchor:focus-visible{box-shadow:0 0 0 3px rgba(11,93,85,.16)}.tooltip-bubble{bottom:calc(100% + .45rem);z-index:30;width:max-content;max-width:min(280px,72vw);padding:.48rem .62rem;border:1px solid rgba(11,93,85,.18);border-radius:12px;color:#f3fbf8;box-shadow:0 16px 36px rgba(6,32,28,.24);font-size:.76rem;font-weight:700;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,.25rem);transition:opacity .16s ease,transform .16s ease;white-space:normal}.tooltip-bubble,.tooltip-bubble:after{position:absolute;left:50%;background:#12201d}.tooltip-bubble:after{content:"";top:100%;width:.55rem;height:.55rem;border-right:1px solid rgba(11,93,85,.18);border-bottom:1px solid rgba(11,93,85,.18);transform:translate(-50%,-50%) rotate(45deg)}.tooltip-anchor:focus .tooltip-bubble,.tooltip-anchor:focus-within .tooltip-bubble,.tooltip-anchor:hover .tooltip-bubble{opacity:1;transform:translate(-50%)}.field small{color:var(--muted);font-size:.8rem;line-height:1.45}.field code{padding:.08rem .28rem;border-radius:6px;background:rgba(11,93,85,.09);color:var(--brand)}.value-field textarea{min-height:132px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}input,select,textarea{width:100%;min-width:0;border:1px solid rgba(19,32,31,.13);border-radius:16px;background:rgba(255,255,255,.9);color:var(--ink);padding:.82rem .95rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(11,93,85,.52);box-shadow:0 0 0 4px rgba(11,93,85,.1);background:#fff}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.check{display:flex;align-items:center;gap:.6rem;min-height:3rem;padding:.7rem .8rem;border:1px solid rgba(19,32,31,.1);border-radius:16px;background:rgba(255,255,255,.58);font-weight:850}.check input{width:auto;accent-color:var(--brand)}.builder-card,.profile-entry,.uri-box{margin-bottom:1rem;padding:1rem;border:1px solid rgba(19,32,31,.1);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.56));box-shadow:0 10px 28px rgba(16,32,29,.06)}.builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.builder-toolbar h3{margin:0;font-size:1rem;font-weight:950}.node-summary{margin:.18rem 0 0;color:var(--muted);font-size:.86rem;line-height:1.4;word-break:break-all}.drag-title{display:inline-flex;align-items:center;gap:.65rem}.drag-handle{display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border-radius:12px;background:rgba(11,93,85,.1);color:var(--brand);cursor:-webkit-grab;cursor:grab;touch-action:none}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.builder-card.is-dragging{opacity:.72;box-shadow:0 28px 80px rgba(16,32,29,.22)}.protocol-panel{margin-top:1rem;padding:1rem;border-radius:22px;border:1px dashed rgba(11,93,85,.22);background:rgba(232,245,241,.62)}.profile-list{display:grid;grid-gap:.75rem;gap:.75rem}.profile-entry{display:grid;grid-gap:.45rem;gap:.45rem}.profile-entry span{color:var(--muted);font-size:.9rem}.uri-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:.8rem;gap:.8rem}.management-panel{margin-bottom:1.25rem}.user-table{display:grid;grid-gap:.75rem;gap:.75rem}.admin-create-user{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-gap:.85rem;gap:.85rem;align-items:end;padding:1rem;border:1px solid rgba(11,93,85,.16);border-radius:22px;background:linear-gradient(135deg,rgba(232,245,241,.9),rgba(255,255,255,.66))}.user-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:.85rem;gap:.85rem;align-items:center;padding:.9rem;border:1px solid rgba(19,32,31,.1);border-radius:20px;background:rgba(255,255,255,.62)}.user-row strong{display:block;font-weight:950}.user-row span{color:var(--muted);font-size:.88rem}.account-security{display:grid;grid-gap:1rem;gap:1rem}.account-actions{justify-content:flex-end}.role-badge{justify-self:start;padding:.38rem .7rem;border-radius:999px;background:rgba(19,32,31,.08);color:var(--muted);font-weight:850}.role-badge.admin{background:rgba(11,93,85,.12);color:var(--brand)}.subscription-list{display:grid;grid-gap:1rem;gap:1rem}.subscription-card{display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem;border:1px solid rgba(19,32,31,.1);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.56));box-shadow:0 12px 32px rgba(16,32,29,.06)}.subscription-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.subscription-head strong{display:block;font-size:1.08rem;font-weight:950}.subscription-head span{color:var(--muted);font-size:.88rem}.subscription-version-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.85rem;border:1px solid rgba(11,93,85,.14);border-radius:20px;background:rgba(232,245,241,.52)}.subscription-version-row .field{min-width:220px;flex:1 1 260px}.quick-profile-loader{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);grid-gap:1rem;gap:1rem;align-items:end}.quick-profile-loader strong{display:block;font-weight:950;letter-spacing:-.02em}.quick-profile-loader span{display:block;margin-top:.25rem;color:var(--muted);font-size:.9rem;line-height:1.5}.quick-profile-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.75rem;gap:.75rem;align-items:end}.link-field{display:grid;grid-gap:.35rem;gap:.35rem;min-width:0}.link-field label{color:#253936;font-size:.82rem;font-weight:900}.link-field code{display:block;width:100%;overflow-x:auto;white-space:nowrap;padding:.75rem .85rem;border:1px solid rgba(19,32,31,.1);border-radius:16px;background:rgba(13,31,29,.92);color:#dffcf6;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.empty-state{display:grid;grid-gap:.35rem;gap:.35rem;padding:1.1rem;border:1px dashed rgba(19,32,31,.18);border-radius:22px;background:rgba(255,255,255,.52)}.empty-state strong{font-weight:950}.empty-state span{color:var(--muted)}.stable-empty-state{min-height:5.2rem;align-content:center}.rule-set-manager{display:grid;grid-gap:1rem;gap:1rem}.rule-set-manager h3{margin:.3rem 0 0;font-size:1rem;font-weight:950;color:#253936}.wide-field{grid-column:1/-1}.rule-set-picker,.rule-set-summary,.summary-list{display:grid;grid-gap:.75rem;gap:.75rem}.rule-set-picker{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(19,32,31,.1)}.list-status{min-height:2.35rem;padding:.65rem;text-align:center;color:var(--muted);font-size:.88rem;line-height:1.2}.search-row{display:grid;grid-template-columns:minmax(220px,420px) auto minmax(180px,1fr);grid-gap:.8rem;gap:.8rem;align-items:end}.search-row .node-summary{align-self:center}.path-result{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.path-config-summary{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.traffic-flow{display:grid;grid-gap:.9rem;gap:.9rem;margin-top:1rem;padding:1rem;border:1px solid rgba(11,93,85,.14);border-radius:24px;background:linear-gradient(135deg,rgba(232,245,241,.9),rgba(255,255,255,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.traffic-flow-head{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:#203633}.traffic-flow-head strong{font-weight:950}.traffic-flow-head span{color:var(--muted);font-size:.9rem}.flow-lane{display:flex;gap:1.6rem;align-items:stretch;overflow-x:auto;padding-bottom:.2rem}.flow-node{position:relative;display:grid;grid-gap:.32rem;gap:.32rem;min-width:190px;padding:.85rem;border-radius:20px;border:1px solid rgba(19,32,31,.1);background:rgba(255,255,255,.78)}.flow-node:after{content:"→";position:absolute;right:-1.2rem;top:50%;transform:translateY(-50%);color:var(--brand);font-weight:950}.flow-node.last:after{content:none}.flow-label{width:-moz-fit-content;width:fit-content;padding:.15rem .5rem;border-radius:999px;background:rgba(11,93,85,.1);color:var(--brand);font-size:.72rem;font-weight:900}.flow-node strong{font-weight:950;color:#13201f;word-break:break-word}.flow-node small{color:var(--muted);line-height:1.45}.diagnostic-note{display:grid;grid-gap:.2rem;gap:.2rem;margin-top:1rem;padding:.85rem;border-radius:18px;background:rgba(11,93,85,.08);color:#203633}.diagnostic-note strong{font-weight:950}.diagnostic-note span{color:var(--muted);font-size:.9rem}.diagnostic-note.compact{margin-top:.75rem;background:rgba(245,164,46,.11)}.advanced-box{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:1rem}.advanced-toggle{width:-moz-fit-content;width:fit-content;border:1px solid rgba(19,32,31,.12);border-radius:999px;padding:.55rem .85rem;background:rgba(255,255,255,.72);color:#203633;font-weight:850;cursor:pointer}.advanced-toggle:hover{border-color:rgba(11,93,85,.3);color:var(--brand)}.advanced-content{display:grid;grid-gap:.75rem;gap:.75rem}.check-result{display:grid;grid-gap:.35rem;gap:.35rem;margin-top:.75rem;padding:.9rem;border-radius:18px;border:1px solid rgba(19,32,31,.1);background:rgba(255,255,255,.68)}.check-result.ok{border-color:rgba(11,93,85,.22);background:rgba(232,245,241,.72)}.check-result.fail{border-color:rgba(170,54,54,.24);background:rgba(255,235,235,.72)}.check-result strong{font-weight:950}.check-result span{color:var(--muted);font-size:.9rem}.check-result pre{margin:.35rem 0 0;overflow:auto;font-size:.82rem;line-height:1.5;white-space:pre-wrap}.path-result h3{margin:0 0 .5rem;font-size:.98rem;font-weight:950;color:#203633}.path-step{display:grid;grid-gap:.2rem;gap:.2rem;margin-bottom:.55rem;padding:.8rem;border:1px solid rgba(19,32,31,.1);border-radius:18px;background:rgba(255,255,255,.62)}.path-step strong{font-weight:950;color:var(--brand)}.path-step span{color:var(--muted);font-size:.9rem;line-height:1.5}.rule-service-list{display:grid;grid-gap:.9rem;gap:.9rem}.rule-service-card{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;border:1px solid rgba(19,32,31,.1);border-radius:22px;background:rgba(255,255,255,.62)}.rule-service-card strong{display:block;font-weight:950}.rule-service-card span{color:var(--muted);font-size:.88rem}.rule-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.rule-meta-grid span{min-width:0;padding:.65rem .75rem;border:1px solid rgba(19,32,31,.1);border-radius:14px;background:rgba(255,255,255,.58);color:var(--muted);font-size:.84rem;word-break:break-all}.server-status-body{display:grid;grid-gap:1rem;gap:1rem}.server-status-section{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;border:1px solid rgba(19,32,31,.1);border-radius:22px;background:rgba(255,255,255,.62)}.server-status-section h3{margin:0;font-size:1rem;font-weight:950;color:#203633}.server-status-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.server-status-meta-grid span{min-width:0;padding:.65rem .75rem;border:1px solid rgba(19,32,31,.1);border-radius:14px;background:rgba(255,255,255,.58);color:var(--muted);font-size:.84rem;line-height:1.45;word-break:break-word}.server-status-interface-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.server-status-interface{display:grid;grid-gap:.35rem;gap:.35rem;min-width:0;padding:.85rem;border:1px solid rgba(19,32,31,.1);border-radius:16px;background:rgba(255,255,255,.58)}.server-status-interface strong{font-weight:950;color:#203633;word-break:break-word}.server-status-interface span{color:var(--muted);font-size:.84rem;line-height:1.45;word-break:break-word}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;border:1px solid rgba(19,32,31,.1);border-radius:18px;background:rgba(255,255,255,.58)}.summary-row>div{min-width:0}.summary-row strong{font-weight:950}.summary-row span{color:var(--muted);font-size:.88rem}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem;border-radius:28px}.action-bar h3{margin:0 0 .25rem;font-weight:950}.action-bar p{margin:0;color:var(--muted)}.toast-layer{position:fixed;top:1.25rem;right:1.25rem;z-index:50;width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.9rem;gap:.9rem;align-items:start;padding:1rem 1rem 1rem 1.05rem;border:1px solid rgba(19,32,31,.12);border-left:6px solid var(--brand);border-radius:22px;background:rgba(255,255,250,.96);box-shadow:0 22px 70px rgba(16,32,29,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:toast-in .18s ease-out;pointer-events:auto}.toast-card strong{display:block;margin-bottom:.25rem;font-weight:950;letter-spacing:-.02em}.toast-card p{margin:0;color:var(--muted);line-height:1.55}.toast-card button{display:grid;place-items:center;width:2rem;height:2rem;padding:0;border-radius:999px;font-size:1.25rem;line-height:1}.toast-success{border-left-color:var(--success)}.toast-danger{border-left-color:var(--danger)}.toast-warning{border-left-color:#c77911}.toast-secondary{border-left-color:#66736f}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:rgba(12,22,21,.52);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-modal{width:min(520px,100%);border:1px solid rgba(255,255,255,.28);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,250,.97),rgba(241,247,244,.96));box-shadow:0 34px 100px rgba(5,15,14,.34);padding:1.1rem;animation:modal-in .18s ease-out}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.35rem .35rem 1rem}.modal-header h2{margin:.25rem 0 .35rem;font-size:1.75rem;font-weight:950;letter-spacing:-.04em}.modal-header p{margin:0;color:var(--muted);line-height:1.55}.modal-header button{display:grid;place-items:center;width:2.35rem;height:2.35rem;padding:0;font-size:1.35rem}.modal-kicker{display:inline-flex;padding:.32rem .65rem;border-radius:999px;background:rgba(11,93,85,.1);color:var(--brand);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.tab-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-bottom:.9rem;padding:.35rem;border:1px solid rgba(19,32,31,.08);border-radius:999px;background:rgba(19,32,31,.04)}.tab-switch button{box-shadow:none}.modal-form{display:grid;grid-gap:.85rem;gap:.85rem}.route-target-modal{width:min(620px,100%)}.wide{width:100%;justify-content:center}.json-backdrop{padding:clamp(.75rem,2vw,1.5rem)}.json-modal{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(1120px,100%);height:min(82vh,920px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:#0d1f1d;color:#dffcf6;box-shadow:0 34px 110px rgba(5,15,14,.48);animation:modal-in .18s ease-out}.json-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 14% 0,rgba(18,163,148,.22),transparent 34rem),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}.json-modal-header h2{margin:.35rem 0 .25rem;font-size:clamp(1.25rem,2vw,2rem);font-weight:950;letter-spacing:-.04em}.json-modal-header p{margin:0;max-width:680px;color:#9fc8c0;line-height:1.55}.json-modal-header .actions button{color:#eafffa;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.json-modal-header .actions button:hover:not(:disabled){background:rgba(255,255,255,.14)}.json-modal-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.json-modal-controls .field{min-width:240px}.json-modal-controls .field label{color:#d3f1ea}.json-modal-controls select{color:#eafffa;background:rgba(5,28,26,.92);border-color:rgba(255,255,255,.18)}.json-modal-controls .actions button{color:#eafffa;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.json-loading{display:grid;min-height:280px;place-items:center;color:#d3f1ea;font-weight:900}.json-code{margin:0;padding:1.15rem;overflow:auto;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0) 0 0 /100% 2rem,#081513;color:#dffcf6;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;line-height:1.75;-moz-tab-size:2;tab-size:2}.json-code code{white-space:pre}.json-key{color:#89ddff}.json-string{color:#c3e88d}.json-number{color:#f7b267}.json-literal{color:#ff9cac;font-weight:850}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1050px){.grid.four,.grid.three,.grid.two,.quick-profile-controls,.quick-profile-loader,.uri-box{grid-template-columns:1fr}.server-status-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1180px){.workspace-grid{grid-template-columns:1fr}.workspace-full{grid-column:auto}.workspace-sidebar{top:.65rem}.workspace-jump-card nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.workspace-jump-card button{min-width:9.8rem}}.lang-switcher{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-right:.5rem}.lang-switcher button{border:none;border-radius:0;padding:.35rem .7rem;font-size:.8rem;font-weight:600;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s}.lang-switcher button.active{background:var(--brand);color:#fff}.lang-switcher button:not(.active):hover{background:rgba(11,93,85,.08);color:var(--ink)}@media (max-width:720px){.page-shell{padding:.65rem}.action-bar,.json-modal-controls,.json-modal-header,.subscription-head,.top-nav{align-items:flex-start;flex-direction:column}.json-modal-controls .field,.nav-menu{width:100%}.nav-menu{margin-left:0;flex-wrap:wrap}.nav-actions{align-self:flex-end}.account-dropdown{right:0}.admin-create-user,.search-row,.server-status-interface-list,.server-status-meta-grid,.user-row{grid-template-columns:1fr;align-items:start}.hero-panel{border-radius:26px}.panel-card{border-radius:22px}.toast-layer{top:.75rem;right:.75rem;width:calc(100vw - 1.5rem)}.json-modal{height:88vh;border-radius:22px}}.config-graph-card{overflow:hidden}.config-graph-flow{height:580px;border-radius:0 0 24px 24px}.cg-node{display:grid;grid-gap:.35rem;gap:.35rem;min-width:190px;padding:.75rem .9rem;border-radius:14px;border:1.5px solid rgba(19,32,31,.12);background:white;box-shadow:0 2px 8px rgba(0,0,0,.07);font-size:.82rem}.cg-node strong{font-weight:900;color:#13201f;font-size:.88rem}.cg-node span,.cg-node strong,.cg-node-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-node span,.cg-node-sub{color:var(--muted);font-size:.75rem}.cg-node-tag{font-weight:900!important}.cg-node-detour{color:#64748b!important;font-size:.72rem!important;font-style:italic}.cg-node-inbound{border-color:rgba(11,93,85,.35);background:rgba(232,245,241,.9)}.cg-node-dns-rules{border-color:rgba(59,130,246,.3);background:rgba(239,246,255,.9);min-height:120px}.cg-node-dns-server{border-color:rgba(8,145,178,.3);background:rgba(236,253,255,.9)}.cg-node-route-rules{border-color:rgba(217,119,6,.3);background:rgba(255,251,235,.9);min-height:120px}.cg-node-outbound{border-color:rgba(124,58,237,.25);background:rgba(245,243,255,.9)}.cg-ob-system{border-style:dashed;border-color:rgba(100,116,139,.3);background:rgba(248,250,252,.9)}.cg-ob-auto{border-color:rgba(245,164,46,.35);background:rgba(255,251,235,.9)}.cg-node-badge{width:-moz-fit-content;width:fit-content;padding:.12rem .45rem;border-radius:999px;font-size:.66rem;font-weight:900;letter-spacing:.04em}.cg-badge-dns{background:rgba(59,130,246,.12);color:#1d4ed8}.cg-badge-dns-server{background:rgba(8,145,178,.12);color:#0e7490}.cg-badge-route{background:rgba(217,119,6,.12);color:#b45309}.cg-badge-ob-user{background:rgba(124,58,237,.12);color:#6d28d9}.cg-badge-ob-system{background:rgba(100,116,139,.1);color:#475569}.cg-badge-ob-auto{background:rgba(245,164,46,.15);color:#92400e}.cg-node-inbound .cg-node-badge{background:rgba(11,93,85,.12);color:#0b5d55}.cg-rule-rows{display:grid;grid-gap:.25rem;gap:.25rem;margin-top:.1rem}.cg-rule-row{display:flex;align-items:center;gap:.3rem;font-size:.75rem;padding:.18rem .3rem;border-radius:6px;background:rgba(0,0,0,.03)}.cg-rule-row.block .cg-rule-target{color:#dc2626}.cg-rule-row.fallback{background:rgba(0,0,0,.06)}.cg-rule-row.fallback .cg-rule-match{color:var(--muted);font-style:italic}.cg-rule-match{color:#13201f;font-weight:700;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-rule-arrow{color:var(--muted);flex-shrink:0}.cg-rule-target{color:var(--brand);font-weight:800;flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-more{font-size:.72rem;color:var(--muted);text-align:center}.react-flow__controls{background:white;border:1px solid rgba(19,32,31,.1);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.react-flow__controls-button{border:none;border-radius:8px!important}.react-flow__minimap{border-radius:12px;border:1px solid rgba(19,32,31,.1)}.react-flow__edge-label{font-size:11px;font-weight:700}.cg-fullscreen-btn{width:2rem;height:2rem;border-radius:6px;border:1px solid rgba(19,32,31,.15);background:white;box-shadow:0 1px 4px rgba(0,0,0,.1);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#203633}.cg-fullscreen-btn:hover{background:rgba(11,93,85,.06);color:var(--brand)}.config-graph-flow:-webkit-full-screen{height:100vh!important;border-radius:0!important}.config-graph-flow:fullscreen{height:100vh!important;border-radius:0!important}