:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26263d;background:#f6f6fb;font-synthesis:none;--purple:#7557de;--muted:#858399;--line:#e9e8f1;--nav:#211b39}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:0;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:600;background:#7557de;color:white;transition:background .15s,transform .15s}button:hover{background:#6242cc}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bda9ff;outline-offset:3px}input,select,textarea{border:1px solid #dedde9;border-radius:8px;padding:12px;background:white;color:#35334d;min-height:44px}input[type=search]{min-width:200px}textarea{resize:vertical;width:100%;font:12px/1.7 ui-monospace,monospace;min-height:430px}.quiet{background:#f3f1fa;color:#6c5a9d}.quiet:hover{background:#e8e2f8}.danger{color:#bc5669;background:#fff0f2}.danger:hover{background:#fbdce2}.outline{background:white;border:1px solid #ded9ec;color:#685d83}.outline:hover{background:#f5f0ff}.small{font-size:12px;padding:8px 12px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700;color:#a494d1;text-transform:uppercase}.muted{color:var(--muted)}.tiny{font-size:11px}.skip{position:fixed;left:12px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:22px;letter-spacing:-1px}.brand img{width:35px;height:35px}.brand small{display:block;font-size:8px;letter-spacing:1.3px;font-weight:500;color:#ada5c4;margin-top:3px}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;padding:32px 19px;background:var(--nav);color:#c6c0d7;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 12px;color:white}.sidebar nav{margin-top:44px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#888096;padding:0 15px;margin:25px 0 12px}.nav-item{display:flex;align-items:center;gap:13px;min-height:48px;padding:10px 14px;font-size:12px;border-radius:7px;margin-bottom:6px;color:#b7afc8}.nav-item:hover{background:#322947}.nav-item.active{background:#7557de;color:white;box-shadow:0 5px 18px #140b3733}.nav-item svg{width:17px;height:17px}.count{margin-left:auto;font-size:10px;background:#ffffff20;padding:3px 7px;border-radius:5px}.side-bottom{margin-top:auto}.environment{border:1px solid #40374f;border-radius:10px;padding:14px;font-size:11px;line-height:1.8;margin-bottom:20px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#5bc1a3;margin-right:6px}.avatar{width:32px;height:32px;border-radius:50%;background:#dcd2fc;display:grid;place-items:center;color:#6a54a2;font-size:11px;font-weight:700}.profile{display:flex;gap:10px;align-items:center;padding:0 9px;font-size:11px}.workspace{margin-left:232px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px;font-size:11px;color:#9993a7}.topbar strong{color:#534c65;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.top-actions button{padding:5px 10px;min-height:36px;font-size:10px}.demo-label{background:#fff6df;color:#997536;border:1px solid #f1e7c8;padding:6px 10px;border-radius:5px;font-size:10px;font-weight:650}.main{padding:32px 36px;max-width:1660px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}h1{font-size:25px;letter-spacing:-.8px;margin:0 0 9px;font-weight:680}h2{font-size:15px;letter-spacing:-.3px;margin:0}h3{font-size:13px;font-weight:650;margin:0}p{line-height:1.65}.page-heading p{font-size:12px;color:#8e879f;margin:0}.badge{display:inline-flex;align-items:center;font-size:9px;font-weight:650;letter-spacing:.3px;border-radius:5px;padding:5px 8px;background:#efebfc;color:#8b69d1;white-space:nowrap}.badge.green{background:#e9f7f1;color:#3d9b7b}.badge.amber{background:#fff5e3;color:#b58c3f}.badge.red{background:#fcecef;color:#bd6073}.badge.gray{background:#f0f0f5;color:#8c879c}.banner{background:linear-gradient(115deg,#392857,#5a3d83 65%,#7856a2);border-radius:12px;color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;position:relative;overflow:hidden;gap:20px}.banner:after{content:"";position:absolute;width:200px;height:200px;border:1px solid #ffffff12;border-radius:50%;right:80px;top:-120px;box-shadow:0 0 0 40px #ffffff04,0 0 0 80px #ffffff03;pointer-events:none}.banner h2{font-size:18px;margin:7px 0}.banner p{font-size:11px;color:#c9badd;margin:0}.banner button{background:#fff;color:#5b4180;z-index:1;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 3px 8px #27223a02}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#9990ad;font-size:10px}.stat-icon{background:#f2eefc;color:#8669d3;width:33px;height:33px;border-radius:8px;display:grid;place-items:center}.stat-icon svg{width:16px}.stat-num{font-size:29px;letter-spacing:-1px;font-weight:650;margin:9px 0}.stat-foot{font-size:10px;color:#aaa2b6}.stat-foot span{color:#62a78f}.panel{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:24px;overflow:hidden}.panel-header{padding:21px 23px;border-bottom:1px solid #efedf5;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-header p{font-size:10px;margin:7px 0 0;color:#9a92aa}.panel-body{padding:22px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.health-card{border:1px solid var(--line);border-radius:8px;padding:17px}.health-title{display:flex;align-items:center;gap:10px}.health-title svg{width:18px;color:#9f8cbf}.health-title strong{font-size:11px}.health-card .badge{margin-left:auto}.health-card p{font-size:10px;color:#a298b0;margin:11px 0}.spark{height:22px;display:flex;align-items:flex-end;gap:3px;opacity:.7}.spark i{flex:1;background:#dcd7ea;min-height:2px;border-radius:2px}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:23px}.pipeline{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 23px;gap:10px}.pipeline-item{text-align:center;font-size:9px;color:#948aab;position:relative;flex:1}.pipeline-item:not(:last-child):after{content:"";position:absolute;top:20px;left:75%;width:45%;height:1px;background:#e8e0f5}.pipeline-node{height:40px;width:40px;margin:0 auto 10px;display:grid;place-items:center;background:#f3effb;border:1px solid #e8defb;color:#8b6fc1;border-radius:10px}.pipeline-node svg{width:17px}.pipeline-item strong{display:block;color:#6a607c;font-size:10px;margin-bottom:5px}.tabs{display:flex;gap:8px;padding:15px 22px 0;flex-wrap:wrap}.tab{background:transparent;color:#9c92ad;border-radius:5px;min-height:36px;font-size:10px;padding:8px 12px}.tab.active{background:#f1ebfd;color:#8464c0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:500;color:#a29aac;font-size:9px;text-transform:uppercase;letter-spacing:.7px;padding:15px 22px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px 22px;border-bottom:1px solid #f1eff6;color:#91869f}tr:last-child td{border:0}.topic-title{color:#51475f;font-weight:600;font-size:11px;display:block;margin-bottom:6px;min-width:170px}.topic-meta{color:#b2a8bf;font-size:9px}.score{color:#72628d;font-weight:650;font-size:12px}.score-line{height:3px;width:50px;background:#eee8f6;margin-top:5px;border-radius:2px}.score-line i{height:100%;display:block;background:#9b7adc;border-radius:2px}.row-actions{display:flex;gap:7px;align-items:center}.row-actions button{min-height:32px;font-size:10px;padding:7px 10px;white-space:nowrap}.activity{padding:8px 22px}.activity-row{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #f4f1f7;font-size:10px}.activity-row p{margin:0 0 4px;color:#70647e}.activity-icon{background:#f2eefb;color:#967bc2;min-width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.activity-icon svg{width:13px}.activity-row small{font-size:9px;color:#b1a5bc}.panel-footer{font-size:10px;color:#ae9fbd;padding:14px 22px;border-top:1px solid #f1eef7;display:flex;justify-content:space-between}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input{font-size:11px;width:280px;min-height:38px}.empty{text-align:center;padding:45px 20px;color:#9d90ae;font-size:12px}.review-layout{display:grid;grid-template-columns:255px 1fr;gap:22px}.course-list{display:flex;flex-direction:column;gap:9px}.course-button{color:#746783;background:white;border:1px solid var(--line);padding:17px;text-align:left;line-height:1.5;font-size:11px;min-height:92px}.course-button.active{border-color:#aa8bdf;background:#f8f4ff;box-shadow:0 0 0 2px #ae92e812}.course-button .badge{margin-top:9px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-grid label{font-size:10px;color:#9b8aac;display:block;margin-bottom:10px}.preview{border:1px solid #e7e0ef;border-radius:8px;padding:20px;max-height:560px;overflow:auto;font-size:12px;line-height:1.8;background:#fdfbff}.preview h2{margin:20px 0 12px}.preview h3{margin:16px 0 10px}.preview p{white-space:pre-wrap}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.library-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.course-cover{height:125px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 10%,#e3d4fb,transparent),linear-gradient(130deg,#e9e3f5,#f6f2ff);color:#9576c3}.course-cover svg{width:53px;height:53px;stroke-width:1}.library-content{padding:22px}.library-content h3{font-size:14px;line-height:1.5;margin:12px 0}.library-content p{font-size:10px;color:#a196ac}.tag{font-size:9px;background:#f5f2fa;color:#a191b6;padding:5px 7px;border-radius:4px;margin-right:4px}.library-content button{margin-top:20px;width:100%}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-stack{display:grid;gap:13px}.form-stack label{font-size:11px;color:#8b7c9c;display:grid;gap:8px}.help{font-size:11px;color:#a394b2;line-height:1.8}.code{font:11px/1.8 ui-monospace,monospace;background:#f8f5fc;border:1px solid #ece6f4;border-radius:8px;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;color:#806a96}.list-item{padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:12px}.list-item small{display:block;color:#a799b3;margin-top:7px}.bottom-note{display:flex;justify-content:space-between;font-size:9px;color:#b2a7bd;padding:5px 0 20px}.live-dot{display:inline-flex;align-items:center;font-size:10px;color:#7ca797}.menu-toggle{display:none}.landing{background:#fbfaff;min-height:100vh}.landing-nav{max-width:1200px;margin:auto;padding:25px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.landing-nav .brand{color:#302547}.landing-nav .brand small{color:#a597ba}.landing-links{display:flex;align-items:center;gap:28px;font-size:12px;color:#8b7c9c}.hero{padding:65px 30px 75px;max-width:1050px;margin:auto;text-align:center}.hero .eyebrow{border:1px solid #e7def6;border-radius:20px;padding:9px 15px;display:inline-block;background:#f7f2ff;font-size:9px;letter-spacing:1px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-2.7px;font-weight:650;margin:28px auto 22px;max-width:800px;color:#302442}.hero h1 em{font-style:normal;color:#8a65ce}.hero>p{font-size:15px;max-width:600px;margin:0 auto 28px;color:#a091b2}.hero-buttons{display:flex;justify-content:center;gap:13px}.hero-buttons button{padding:14px 25px;min-height:48px}.hero-note{margin-top:16px;font-size:10px;color:#b2a4bf}.hero-board{margin:55px auto 0;background:#fff;border:1px solid #e7dff2;border-radius:13px;box-shadow:0 25px 65px #6c4b9b15;max-width:930px;text-align:left;overflow:hidden;transform:perspective(1200px) rotateX(3deg)}.hero-board-bar{display:flex;align-items:center;gap:5px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:10px;color:#b7a5c7}.window-dot{height:6px;width:6px;border-radius:50%;background:#d9cde7}.hero-board-bar span:last-child{margin-left:auto}.hero-board-inner{padding:25px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.hero-stat{background:#faf8fe;border:1px solid #f0ebf6;border-radius:8px;padding:15px;font-size:10px;color:#ad9abc}.hero-stat strong{display:block;font-size:23px;color:#715689;margin-top:8px}.trust-row{display:flex;justify-content:center;gap:35px;flex-wrap:wrap;margin:35px auto;color:#b6a5c5;font-size:11px}.landing-features{max-width:1150px;margin:0 auto;padding:20px 35px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature{padding:25px;background:white;border:1px solid #eee7f4;border-radius:11px}.feature h3{margin:17px 0 10px;color:#776086}.feature p{font-size:12px;color:#b09cbd}.landing-footer{max-width:1150px;margin:auto;padding:25px 35px;border-top:1px solid #ece4f3;display:flex;justify-content:space-between;font-size:10px;color:#b5a5c1}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#352746;color:white;padding:14px 22px;border-radius:9px;box-shadow:0 10px 40px #33204430;font-size:12px;z-index:100;display:none;max-width:90vw}dialog{border:1px solid #dfd0ee;border-radius:13px;padding:28px;width:min(620px,92vw);color:#675076;max-height:85vh}dialog::backdrop{background:#21172f66;backdrop-filter:blur(3px)}dialog h2{margin-bottom:18px}dialog .close-dialog{margin-top:20px}.error-box{padding:20px;background:#fff1f4;border:1px solid #f1d3de;border-radius:8px;font-size:12px;color:#aa5c73}.loading{padding:80px;text-align:center;color:#9d8eb2}.loading:before{content:"";display:block;width:28px;height:28px;border:3px solid #eee7f5;border-top-color:#9974d2;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.main{padding-top:40px}.stats{gap:24px}.stat{padding:25px}}
@media(max-width:1100px){.sidebar{width:200px;padding:27px 14px}.workspace{margin-left:200px}.main{padding:25px 22px}.topbar{padding:0 22px}.health-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.stat{padding:15px}.library-grid{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:210px 1fr}.editor-grid{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.health-card p{display:inline-block;margin-right:15px}.spark{display:none}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);width:232px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #211b3950}.workspace{margin-left:0}.menu-toggle{display:block;min-height:40px;background:#f2edf9;color:#8a6ab2;font-size:18px}.topbar{height:65px;padding:0 16px}.top-actions{gap:8px}.topbar .breadcrumb{display:none}.main{padding:24px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;max-width:230px}.page-heading>button{font-size:10px;padding:9px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-num{font-size:26px}.banner{padding:20px;display:block}.banner button{margin-top:17px}.banner h2{font-size:17px}.health-grid{gap:10px}.health-card{padding:14px}.panel-header{padding:18px 16px}.panel-body{padding:16px}.two-col{gap:0}.pipeline{padding:22px 8px;gap:3px}.pipeline-item{font-size:8px}.pipeline-item strong{font-size:9px}.pipeline-node{width:32px;height:32px}.pipeline-item:not(:last-child):after{top:16px}.review-layout{grid-template-columns:1fr}.course-list{display:grid;grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:1fr}.landing-nav{padding:20px}.landing-links a{display:none}.landing-nav .brand{font-size:20px}.hero{padding:40px 20px}.hero h1{letter-spacing:-1.8px}.hero>p{font-size:13px}.hero-board-inner{padding:15px}.hero-stat{padding:10px;font-size:9px}.hero-stat strong{font-size:18px}.landing-features{grid-template-columns:1fr;padding:20px}.landing-footer{padding:22px;gap:20px}.hero-buttons button{font-size:12px;padding:12px 17px}.top-actions .live-dot{display:none}.bottom-note{gap:15px;font-size:8px}th,td{padding:14px 16px}.row-actions button{min-height:44px}.toolbar input{width:100%}.tabs{padding-left:16px}.panel-header h2{font-size:14px}.editor-actions button{flex:1}.hero-board{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.block{display:block}.section-gap{margin-top:24px}.panel-header>svg{width:20px;height:20px;color:#a38bbd}
.sidebar{overflow-y:auto}.sidebar .brand{flex-shrink:0}.sidebar nav{flex-shrink:0}.sidebar .side-bottom{flex-shrink:0;padding-top:18px}

.terms-check{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;color:#7b6a8e;line-height:1.6}.terms-check input{min-width:20px;width:20px;min-height:20px;height:20px;accent-color:#7557de}.terms-check input:disabled{opacity:.5}
.health-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.telemetry-button{background:white;text-align:left;font-weight:400;min-width:0;color:inherit}.telemetry-button:hover{background:#faf8ff}.health-status{margin-top:14px}.signal-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:6px 8px;border-radius:6px;white-space:nowrap;font-weight:600}.signal-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.signal-badge.signal-good{color:#25876c;background:#e7f6ef}.signal-badge.signal-bad{color:#b4576b;background:#fcecf0}.signal-badge.signal-warn{color:#a58036;background:#fff4dc}.signal-badge.signal-unknown{color:#9690a4;background:#f0eef5}.signal-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:16px 20px;border:1px solid #e5dfef;border-radius:9px;background:#fbfaff;font-size:12px}.signal-banner strong{margin-right:14px}.signal-banner .muted{font-size:10px}.network-panel{overflow:hidden}.network-map{padding:30px;display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:1fr 1fr;gap:24px 0;background:radial-gradient(#dad2e633 .7px,transparent .7px);background-size:12px 12px}.network-lane{display:grid;grid-template-columns:minmax(160px,1fr) 70px minmax(160px,1fr) 80px;align-items:center;min-width:0}.office-lane{grid-column:1;grid-row:1}.cloud-lane{grid-column:1;grid-row:2}.network-destination{grid-column:2;grid-row:1/3;align-self:center;position:relative}.network-destination:before{content:"";position:absolute;left:-1px;top:-101px;bottom:-101px;border-left:1px solid #d3c7e5}.network-node{border:1px solid #e3dbea;border-top:3px solid #c7bfd5;border-radius:11px;background:#fff;min-width:0;padding:18px;box-shadow:0 7px 20px #49335e05;position:relative;z-index:1}.network-node.signal-good{border-top-color:#61ad95}.network-node.signal-bad{border-top-color:#c87a8b}.network-node.signal-warn{border-top-color:#d7b465}.network-node-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.network-icon{width:29px;height:29px;border-radius:8px;background:#f4effa;color:#9577bc;display:grid;place-items:center;flex-shrink:0}.network-icon svg{width:17px;height:17px}.network-node .eyebrow{font-size:8px;letter-spacing:1px}.network-node h3{font-size:14px;margin-bottom:10px;color:#5f4c73}.node-endpoint{font-size:10px;color:#aa9ab9;line-height:1.6;min-height:33px;overflow-wrap:anywhere;margin:11px 0 15px}.node-task{padding:12px 0;border-top:1px solid #f1ecf6;border-bottom:1px solid #f1ecf6;min-height:65px}.node-task strong{display:block;font-size:10px;color:#8f7d9e;font-weight:500;margin-top:7px;line-height:1.5}.node-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b19fbf;margin-top:11px;gap:5px}.node-details{color:#8d70ac;background:#f8f3fc;min-height:32px;font-size:9px;padding:6px 9px}.node-details:hover{background:#eee6f8}.network-pipe{font-size:8px;color:#b09dbf;min-width:0;text-align:center}.network-pipe>span{font-size:7px;letter-spacing:.5px}.network-pipe small{font-size:8px;line-height:1.6;display:block;min-height:24px;padding:0 3px;margin-top:7px}.pipe-track{height:1px;background:#d9cfe5;position:relative;margin:12px 0}.pipe-track:after{content:"";position:absolute;right:0;top:-3px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #cbbddc}.flowing .pipe-track{background:#68ae97}.flowing .pipe-track i{position:absolute;width:5px;height:5px;top:-2px;background:#429e7d;border-radius:50%;animation:flow 1.7s linear infinite}.network-destination .network-node{border-top-color:#8e6cc6;background:linear-gradient(160deg,#fff,#f8f4ff)}.gateway-output{display:flex;gap:8px;align-items:flex-start;font-size:9px;line-height:1.7;color:#a68abf;padding:16px 8px 0}.gateway-output svg{min-width:14px;width:14px;height:14px}.map-legend{display:flex;gap:5px;align-items:center;font-size:9px;color:#ac99ba;white-space:nowrap}.legend-unknown{width:6px;height:6px;border-radius:50%;background:#c4bcce;margin-left:9px}.signal-details{display:grid;grid-template-columns:130px 1fr;font-size:11px;gap:15px;margin:25px 0}.signal-details dt{color:#ab96bc}.signal-details dd{margin:0;overflow-wrap:anywhere;color:#746182}@keyframes flow{from{left:0}to{left:100%}}
@media(max-width:1400px){.network-map{padding:22px;grid-template-columns:minmax(0,1fr) 220px}.network-lane{grid-template-columns:minmax(140px,1fr) 40px minmax(140px,1fr) 40px}.network-node{padding:14px}.network-pipe small,.network-pipe>span{font-size:6px}.network-node .eyebrow{font-size:7px;letter-spacing:.5px}.map-legend{display:none}.health-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.network-map{grid-template-columns:1fr;grid-template-rows:auto;gap:18px;padding:18px}.network-lane{grid-column:1;grid-row:auto;grid-template-columns:1fr 50px 1fr}.network-lane>.network-pipe:last-child{display:none}.network-destination{grid-column:1;grid-row:auto;width:70%;margin:auto;padding-top:15px}.network-destination:before{top:-18px;height:32px;left:50%;border-left:1px solid #d3c7e5}.signal-banner{display:block;line-height:1.8}.signal-banner>.tiny{display:block;margin-top:6px}.signal-stats .stat-num{font-size:24px}}
@media(max-width:720px){.network-map{padding:15px}.network-lane{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)}.network-node{padding:12px 10px}.network-node h3{font-size:12px}.network-node-head{display:block;margin-bottom:11px}.network-node .eyebrow{display:block;margin-top:7px;font-size:6px}.network-node .signal-badge{font-size:8px;padding:5px 6px}.network-icon{width:26px;height:26px}.node-endpoint{font-size:8px;min-height:40px}.network-pipe>span,.network-pipe small{display:none}.node-footer{display:block;font-size:8px}.node-details{display:block;width:100%;margin-top:7px;min-height:44px}.network-destination{width:80%}.network-destination .network-node-head{display:flex}.signal-banner strong{display:block;font-size:13px}.signal-banner .dot{float:left;margin-top:8px}.signal-banner .muted{font-size:9px}.signal-details{grid-template-columns:100px 1fr;gap:12px}.health-four{grid-template-columns:1fr 1fr}.health-card .health-title{align-items:flex-start}.health-card .health-title strong{font-size:10px}.health-card p{font-size:8px;overflow-wrap:anywhere}.health-status .signal-badge{font-size:8px}}

.shared-endpoint-note{padding:12px 17px;border:1px solid #eee2c9;background:#fffaf0;color:#a18b5f;font-size:11px;line-height:1.7;border-radius:8px;margin-bottom:20px}
.settings-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.settings-tabs a{text-decoration:none}.role-card{border-bottom:1px solid var(--border,#e6e2ee);padding:16px 0}.permission-tags{display:flex;flex-wrap:wrap;gap:8px}.permissions{border:1px solid #ded8ed;border-radius:12px;padding:14px;max-height:45vh;overflow:auto}.permission-option{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;min-height:44px}.permission-option input{width:20px!important;height:20px!important}.form-stack select{width:100%;min-height:44px;border:1px solid #ded8ed;border-radius:9px;padding:10px;background:white;color:#31244a}.settings-tabs .tab{min-height:44px;padding:12px}