.c-ui-scene--network-config{--font-header:12px;--font-subheader:12px;--font-container-header:10px;--font-container-text:8px;--font-buttons:10px;--radius-boxes-ui:6px;--c-ui-nc-green:var(--c-ui-color-p700);--c-ui-nc-text:var(--G700);--c-ui-nc-text-soft:var(--G500);--c-ui-nc-line:rgba(17,23,31,.2);--c-ui-nc-card-border:#dfe3e8;--c-ui-nc-card-shadow:0 7px 16px rgba(15,23,42,.14),0 2px 5px rgba(15,23,42,.08);width:min(100%,900px);max-width:900px;height:auto;max-height:none;aspect-ratio:900 / 550;background:radial-gradient(circle at 50% 42%,var(--G50) 0,#f6f8fa 56%,#eef2f5 100%);border-radius:0;overflow:hidden;color:var(--c-ui-color-g800);font-family:var(--c-ui-font-family);container-type:inline-size}.c-ui-scene--network-config,.c-ui-scene--network-config *,.c-ui-scene--network-config *::before,.c-ui-scene--network-config *::after{box-sizing:border-box}.c-ui-network-config__stage{position:absolute;inset:0 auto auto 0;width:900px;height:550px;display:flex;flex-direction:column;transform-origin:top left;transform:scale(calc(100cqw / 900px))}.c-ui-network-config__header{display:flex;align-items:center;min-height:40px;padding:0 26px;background:var(--c-ui-nc-green);border-bottom:1px solid rgba(12,18,28,.08);flex:0 0 auto}.c-ui-network-config__header-title{display:inline-flex;align-items:center;gap:14px}.c-ui-network-config__header,.c-ui-network-config__header-icon,.c-ui-network-config__header-label{color:var(--c-ui-color-g800)}.c-ui-network-config__header-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.c-ui-network-config__header-icon svg{display:block;width:100%;height:100%;fill:currentColor}.c-ui-network-config__header-label{font-size:var(--font-header);line-height:1;font-weight:400;letter-spacing:.01em}.c-ui-network-config__columns{position:relative;display:grid;grid-template-columns:250px 250px 250px 150px;flex:1 1 auto;min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.92) 0,rgba(246,248,250,.98) 100%)}.c-ui-network-config__column{position:relative;min-width:0}.c-ui-network-config__column + .c-ui-network-config__column::before{content:"";position:absolute;left:0;top:50px;bottom:0;border-left:2px dashed var(--c-ui-nc-line)}.c-ui-network-config__column-header{height:50px;display:flex;align-items:center;justify-content:center;padding:0 8px;border-bottom:2px solid rgba(17,23,31,.13);background:rgba(255,255,255,.84);box-shadow:inset 0 -8px 18px rgba(0,0,0,.03);color:var(--c-ui-nc-text);font-size:var(--font-subheader);line-height:1.05;font-weight:500;text-transform:uppercase;text-align:center;transition:background .3s ease,color .3s ease,box-shadow .3s ease,border-color .3s ease}.c-ui-network-config__column-header.is-active-column{background:linear-gradient(180deg,rgba(57,217,122,.2) 0,rgba(57,217,122,.08) 100%);border-bottom-color:rgba(57,217,122,.44);box-shadow:inset 0 -8px 18px rgba(57,217,122,.08),inset 0 0 0 1px rgba(57,217,122,.1)}.c-ui-network-config__column-body{position:relative;height:calc(100% - 50px);padding:0}.c-ui-network-node,.c-ui-window.c-ui-network-node{position:absolute;z-index:2;background:linear-gradient(180deg,var(--G50) 0,#fcfcfd 100%);border:1px solid var(--c-ui-nc-card-border);border-radius:var(--radius-boxes-ui);box-shadow:var(--c-ui-nc-card-shadow);overflow:hidden;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,filter .32s ease}.c-ui-network-node.is-active-node{border-color:rgba(57,217,122,.46);box-shadow:0 10px 24px rgba(15,23,42,.16),0 0 0 3px rgba(57,217,122,.16),0 0 28px rgba(57,217,122,.12);transform:translateY(-2px)}.c-ui-network-node.is-active-node .c-ui-network-node__header,.c-ui-network-node.is-active-node .c-ui-window__header.c-ui-network-node__header{background:linear-gradient(180deg,rgba(57,217,122,.18) 0,rgba(57,217,122,.08) 100%);border-bottom-color:rgba(57,217,122,.24)}.c-ui-network-node__header,.c-ui-window__header.c-ui-network-node__header{min-height:1px;padding:10px 12px 7px;display:flex;align-items:center;justify-content:flex-start;background:linear-gradient(180deg,var(--G50) 0,#fcfcfc 100%);color:var(--c-ui-nc-text);border-bottom:1px solid rgba(17,23,31,.1);font-size:var(--font-container-header);line-height:1.15;font-weight:500;text-align:left}.c-ui-network-node__body,.c-ui-window__body.c-ui-network-node__body{position:relative;padding:10px 12px;background:linear-gradient(180deg,var(--G50) 0,#fdfdfd 100%);overflow:hidden}.c-ui-network-node__lock,.c-ui-network-node__port,.c-ui-network-node__copy{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;color:#333536;flex:0 0 auto}.c-ui-network-node__lock svg,.c-ui-network-node__port svg,.c-ui-network-node__copy svg{display:block;width:80%;height:80%;fill:currentColor}.c-ui-network-node__meta{position:absolute;display:flex;align-items:center;gap:7px;font-size:var(--font-container-text);line-height:1.1;color:var(--c-ui-nc-text-soft)}.c-ui-network-node__meta--top-right{top:50%;right:18px;transform:translateY(-52%)}.c-ui-network-node__meta--bottom-left{left:18px;bottom:12px;flex-direction:column;align-items:flex-start;gap:4px;color:var(--c-ui-nc-text)}.c-ui-network-node__meta--bottom-right{right:18px;bottom:14px;flex-direction:column;align-items:flex-end;gap:3px;color:var(--c-ui-nc-text)}.c-ui-network-node__meta--bottom-left .c-ui-network-node__port{width:30px;height:30px}.c-ui-network-node__meta--bottom-left span:last-child,.c-ui-network-node__meta--bottom-right strong{font-size:var(--font-container-text);line-height:1;font-weight:700;color:var(--c-ui-nc-text)}.c-ui-network-node__meta--bottom-right span{font-size:var(--font-container-text);line-height:1}.c-ui-network-node--passenger-wifi,.c-ui-network-node--employee-wifi{left:19px;width:210px}.c-ui-network-node--passenger-wifi{top:56px}.c-ui-network-node--employee-wifi{top:182px}.c-ui-network-node__body--wifi-detailed{min-height:60px}.c-ui-network-wifi-icons{display:flex;align-items:flex-start;gap:14px;padding-top:2px}.c-ui-network-wifi-icons__item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:28px;color:var(--c-ui-nc-text);font-size:var(--font-container-text);line-height:1;font-weight:400}.c-ui-network-wifi-icons__item svg{width:16px;height:16px;display:block}.c-ui-network-wifi-icons__item svg path{fill:currentColor}.c-ui-network-wifi-icons__item--blue{color:var(--c-ui-color-b600)}.c-ui-network-wifi-icons__item--green{color:var(--c-ui-color-p700)}.c-ui-network-node__body--wifi .c-ui-network-node__meta--top-right{top:47px;transform:none}.c-ui-network-node--passenger-wifi .c-ui-network-node__body--wifi{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:12px}.c-ui-network-node--passenger-wifi .c-ui-network-wifi-icons{flex:0 0 auto;padding-top:0}.c-ui-network-node--passenger-wifi .c-ui-network-node__meta--top-right{position:static;top:auto;right:auto;transform:none;margin-left:auto;display:inline-flex;flex:0 0 auto;align-self:center}.c-ui-network-node--employee-wifi .c-ui-network-node__body--wifi-detailed{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:78px;padding-top:8px;padding-bottom:10px}.c-ui-network-node--employee-wifi .c-ui-network-wifi-icons{flex:0 0 auto;padding-top:0}.c-ui-network-node--employee-wifi .c-ui-network-node__meta--top-right{position:static;top:auto;right:auto;transform:none;margin-left:auto;display:inline-flex;flex:0 0 auto;align-self:flex-start}.c-ui-network-node--employee-wifi .c-ui-network-node__meta--bottom-left{bottom:5px}.c-ui-network-node--employee-wifi .c-ui-network-node__meta--bottom-left .c-ui-network-node__port{width:20px;height:20px}.c-ui-network-node__body--wifi-detailed .c-ui-network-node__meta--top-right{top:18px;transform:none}.c-ui-network-node--service-container{left:39px;top:18px;width:170px}.c-ui-network-service__title{display:block;margin-bottom:10px;color:var(--c-ui-nc-text);font-size:var(--font-container-text);line-height:1.15;font-weight:500}.c-ui-network-service__row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px;color:var(--c-ui-nc-text-soft);font-size:var(--font-container-text);line-height:1.35}.c-ui-network-service__row strong{color:var(--c-ui-nc-text);font-weight:600}.c-ui-network-service__row + .c-ui-network-service__row{margin-top:4px}.c-ui-network-service__divider{height:1px;border:0;background:rgba(17,23,31,.1);margin:10px -18px 10px}.c-ui-network-service__check{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#1dd25d;flex:0 0 auto}.c-ui-network-service__check svg{display:block;width:100%;height:100%;fill:currentColor}.c-ui-network-node--cloudlink,.c-ui-network-node--nat{left:40px;width:180px}.c-ui-network-node--cloudlink{top:46px;border:2px solid color-mix(in srgb,var(--c-ui-nc-green) 58%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--c-ui-nc-green) 24%,transparent),0 7px 16px rgba(18,24,31,.12),0 2px 5px rgba(18,24,31,.07)}.c-ui-network-node--nat{top:208px}.c-ui-network-node__body--uplink,.c-ui-network-node__body--wan{min-height:1px}.c-ui-network-node__body--nat{min-height:2px}.c-ui-network-node__body--highlighted{background:linear-gradient(180deg,var(--G50) 0,#fdfefd 100%)}.c-ui-network-uplink__row{color:var(--c-ui-nc-text-soft);font-size:var(--font-container-text);line-height:1.35}.c-ui-network-uplink__row strong{color:var(--c-ui-nc-text);font-weight:700}.c-ui-network-uplink__row + .c-ui-network-uplink__row{margin-top:3px}.c-ui-network-uplink__row--with-copy{display:flex;align-items:center;justify-content:space-between;gap:7px}.c-ui-network-add{position:absolute;left:40px;top:310px;width:183px;min-height:40px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(17,23,31,.22);border-radius:var(--radius-boxes-ui);color:var(--c-ui-nc-green);font-size:var(--font-buttons);line-height:1;font-weight:400;text-transform:none;letter-spacing:0;box-shadow:none}.c-ui-network-node--wan{left:16px;top:173px;width:120px}.c-ui-network-plus{position:absolute;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px dashed rgba(17,23,31,.22);background:rgba(255,255,255,.92);color:var(--c-ui-nc-green);font-size:14px;line-height:1;font-weight:400;z-index:3}.c-ui-network-plus--services-top{left:16px;top:140px}.c-ui-network-plus--services-bottom{left:16px;top:188px}.c-ui-network-plus--uplinks-middle{left:16px;top:135px}.c-ui-network-plus--uplinks-bottom{left:16px;top:260px}.c-ui-network-lines{position:absolute;inset:0;width:900px;height:550px;pointer-events:none;z-index:1}.c-ui-network-lines defs marker path{fill:var(--c-ui-nc-green)}.c-ui-network-lines__path{fill:none;stroke:var(--c-ui-nc-green);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#c-ui-network-arrowhead);filter:drop-shadow(0 1px 1px rgba(27,215,97,.18))}.c-ui-network-lines__path--soft{opacity:.55}.c-ui-network-config__footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:34px;width:100%;min-height:45px;margin-top:auto;padding:0 16px;box-sizing:border-box;border-top:1px solid rgba(17,23,31,.08);background:rgba(255,255,255,.96);flex:0 0 auto}.c-ui-network-config__footer-btn{min-height:30px;padding:0 14px;border-radius:var(--radius-boxes-ui);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:var(--font-buttons);line-height:1;font-weight:500;text-transform:uppercase;box-shadow:none;cursor:default}.c-ui-network-config__footer-btn.is-ghost{min-width:auto;background:transparent;color:var(--c-ui-nc-text)}.c-ui-network-config__footer-btn.is-disabled{min-width:205px;background:rgba(17,23,31,.12);color:rgba(17,23,31,.28);border:0 solid rgba(17,23,31,.08)}.c-ui-network-config__footer-btn-icon{font-size:var(--font-buttons);line-height:1}