:root{
  --bg:#050b16;--bg2:#08111f;--panel:#0b1626cc;--panel2:#0d1a2d;--line:#1d2b42;--line2:#263a58;
  --text:#f6f8ff;--muted:#8190a7;--muted2:#a8b4c6;--blue:#3da7ff;--cyan:#3bd9ff;
  --purple:#7a5cff;--violet:#aa4dff;--green:#48e58a;--amber:#f2ad3e;--red:#ff586d;
  --shadow:0 24px 80px #0008;--glow:0 0 40px #7056ff24;--radius:14px;--radius-lg:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 75% 10%,#152555 0,#090f1c 25%,#050a13 52%,#040812 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#13213a14 1px,transparent 1px),linear-gradient(#13213a10 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#0006,transparent 70%)}
a{color:inherit;text-decoration:none}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}
.shell{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.brand{display:flex;align-items:center;gap:11px;font-weight:760;letter-spacing:-.02em}.brand img{filter:drop-shadow(0 0 12px #6a5cff55)}
.btn{min-height:42px;border:1px solid var(--line2);border-radius:8px;padding:0 18px;color:#eef3ff;background:#0c1524cc;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;cursor:pointer;transition:.18s ease;box-shadow:inset 0 1px #ffffff08}
.btn:hover{transform:translateY(-1px);border-color:#5571aa;background:#111e31}.btn-primary{border-color:#7c68ff;background:linear-gradient(100deg,#7955f7,#396cff);box-shadow:0 8px 28px #604cff35,inset 0 1px #ffffff38}.btn-primary:hover{background:linear-gradient(100deg,#8a66ff,#4a80ff);border-color:#9c8cff}.btn-ghost{background:#0a1220b8}.btn-lg{height:50px;padding:0 24px}.btn-small{min-height:34px;padding:0 12px;font-size:12px}.btn-full{width:100%}
.eyebrow,.section-kicker{font-size:11px;font-weight:750;letter-spacing:.12em;color:#9e8cff;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}
.glass,.panel,.dash-card,.wide-card{background:linear-gradient(145deg,#0d192ac7,#08111fc9);border:1px solid #24334c;border-radius:var(--radius);box-shadow:inset 0 1px #ffffff08,var(--shadow);backdrop-filter:blur(20px)}

.marketing-nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a2840;position:relative;z-index:20}.marketing-nav:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-1px;width:100vw;border-bottom:1px solid #1a2840}.marketing-nav .brand{font-size:17px}.desktop-nav{display:flex;gap:34px;color:#a9b5c7;font-size:13px}.desktop-nav a:hover{color:#fff}.nav-actions{display:flex;gap:12px}
.hero{min-height:620px;display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center;padding:62px 0 34px;position:relative}.hero:before{content:"";position:absolute;width:850px;height:440px;right:-80px;top:80px;background:radial-gradient(ellipse,#5a42ff22 0,#1b63b310 38%,transparent 70%);filter:blur(20px);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:62px;line-height:1.05;letter-spacing:-.045em;margin:20px 0 20px;max-width:650px}.hero-copy h1 span{display:block;background:linear-gradient(92deg,#5bb5ff,#6575ff 45%,#af4cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:620px;color:#a5b1c3;font-size:17px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:14px;margin:28px 0 24px}.trust-row{display:flex;flex-wrap:wrap;gap:14px 22px;color:#65738a;font-size:11px;align-items:center}.trust-row b{color:#a2adbf;font-weight:600}
.hero-system{position:relative;height:520px}.hero-system:before{content:"";position:absolute;inset:72px 20px 20px 20px;background:radial-gradient(circle at center,#584cff25,transparent 55%);border-radius:50%}.hero-metric{position:absolute;top:0;width:190px;height:78px;border:1px solid #273855;border-radius:11px;background:linear-gradient(#0d192a,#091320);padding:11px 14px;box-shadow:0 16px 45px #0008;z-index:4}.hero-metric small{display:block;color:#8997ac;font-size:10px}.hero-metric strong{display:block;font-size:18px;margin-top:5px}.hero-metric strong i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.hero-metric span{font-size:9px;color:#6d7e95}.metric-a{left:14%}.metric-a strong{color:var(--green)}.metric-b{left:42%}.metric-c{right:3%}.agent-stack,.platform-stack{position:absolute;width:150px;padding:13px;top:145px;z-index:5}.agent-stack{left:2%}.platform-stack{right:0}.agent-stack small,.platform-stack small{font-size:8px;color:#8291a8;font-weight:800;letter-spacing:.06em}.agent-stack div,.platform-stack div{height:38px;border:1px solid #1e3049;background:#0c1727;display:flex;align-items:center;gap:8px;padding:0 9px;margin-top:6px;border-radius:7px;font-size:10px}.agent-orb{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px}.orange{background:#d7752e}.coral{background:#ce6354}.blue{background:#3171d9}.violet{background:#7455d8}.platform-icon{width:20px;height:20px;border-radius:6px;background:#173158;color:#70b4ff;display:grid;place-items:center;font-size:9px}.platform-stack b{margin-left:auto;color:#55dd86;font-size:7px;font-weight:650}.platform-stack b.stage{color:#5fb7ff}
.gateway-hub{position:absolute;left:50%;top:150px;transform:translateX(-50%);width:270px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6;border-color:#3a4b7a;background:linear-gradient(145deg,#0d1831d9,#0b142ad9);box-shadow:0 0 80px #6048ff20,inset 0 0 55px #3462ff0c}.gateway-hub strong{font-size:17px;margin-top:3px}.gateway-hub span{color:#9aa9c0;font-size:10px}.hub-pulse{position:absolute;inset:20px;border:1px solid #6366ff24;border-radius:15px;box-shadow:0 0 40px #6a5fff24}.flow-lines span{position:absolute;height:1px;background:linear-gradient(90deg,#39c5ff20,#39c5ff,#7463ff);z-index:2;box-shadow:0 0 9px #52caff}.flow-lines .l1{left:18%;right:62%;top:187px}.flow-lines .l2{left:18%;right:62%;top:230px}.flow-lines .l3{left:18%;right:62%;top:273px}.flow-lines .r1{left:63%;right:17%;top:187px}.flow-lines .r2{left:63%;right:17%;top:230px}.flow-lines .r3{left:63%;right:17%;top:273px}.hub-capabilities{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);width:74%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hub-capabilities div{border:1px solid #263753;background:#0b1625de;border-radius:7px;padding:9px 8px;text-align:center}.hub-capabilities i{font-style:normal;color:#56de8c;margin-right:4px}.hub-capabilities b{font-size:9px;display:block}.hub-capabilities small{font-size:7px;color:#7e8ea5}
.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;border-top:1px solid #17263d;border-bottom:1px solid #17263d;padding:18px 0}.feature-strip article{padding:18px;background:linear-gradient(145deg,#0c1727,#09121f);border:1px solid #1e304a;border-radius:10px;min-height:146px}.feature-strip span{font-size:22px;color:#7c66ff}.feature-strip h3{font-size:13px;margin:13px 0 8px}.feature-strip p{color:#7f8ca1;line-height:1.5;font-size:10px;margin:0}
.two-column{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;padding:28px 0 0}.panel{padding:18px}.section-kicker{margin-bottom:14px}.integration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.integration-grid>div{border:1px solid #22344f;border-radius:9px;background:#0b1625;padding:13px 10px;min-height:100px}.integration-grid span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#112c4e;color:#62baff;margin-bottom:10px}.integration-grid b,.integration-grid small{display:block}.integration-grid b{font-size:12px}.integration-grid small{font-size:8px;color:#78889f;margin-top:4px;line-height:1.35}.integration-grid .more{border-style:dashed}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.security-grid>div{border:1px solid #22344f;border-radius:9px;background:#0b1625;padding:15px;min-height:94px}.security-grid span{float:left;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;margin-right:10px}.security-grid .good{background:#153c2a;color:var(--green)}.security-grid .purple{background:#2b2352;color:#a67cff}.security-grid .blue{background:#142e52;color:#6ab5ff}.security-grid b,.security-grid small{display:block}.security-grid b{font-size:11px}.security-grid small{color:#78889f;font-size:8px;line-height:1.45;margin-top:4px}
.admin-showcase{display:grid;grid-template-columns:.38fr .62fr;gap:30px;padding:54px 0}.admin-copy{padding:14px 0}.admin-copy h2,.section-title h2,.cta h2{font-size:32px;letter-spacing:-.03em;margin:7px 0 12px}.admin-copy p{color:#8d9bb0;line-height:1.6}.admin-copy ul{padding:0;list-style:none;margin:21px 0 26px}.admin-copy li{margin:10px 0;color:#aeb9c9;font-size:12px}.admin-copy li:before{content:"✓";color:var(--green);margin-right:10px}.mini-admin{height:370px;display:grid;grid-template-columns:122px 1fr;overflow:hidden}.mini-sidebar{padding:15px 10px;background:#07101d;border-right:1px solid #1c2a41;display:flex;flex-direction:column;gap:9px}.mini-sidebar img{margin:0 0 7px 4px}.mini-sidebar span{font-size:8px;color:#718096;padding:8px;border-radius:5px}.mini-sidebar .active{background:#171d3e;color:#d5d8ff;border-left:2px solid #8268ff}.mini-main{padding:16px}.mini-head{display:flex;justify-content:space-between}.mini-head small{font-size:7px;color:#6fdf95}.mini-head i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%}.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.mini-cards div{border:1px solid #22334c;border-radius:7px;background:#0b1727;padding:10px}.mini-cards small{font-size:7px;color:#8390a3;display:block}.mini-cards b{font-size:11px;color:#e7eeff}.mini-cards div:first-child b{color:var(--green)}.mini-panels{display:grid;grid-template-columns:1.12fr .88fr;gap:8px;height:210px}.chart-card,.activity-card{border:1px solid #22344e;background:#091423;border-radius:7px;padding:11px}.chart-card>small,.activity-card>small{font-weight:700;font-size:8px}.fake-chart{height:145px;position:relative;overflow:hidden;background:linear-gradient(#14233a30 1px,transparent 1px);background-size:100% 29px;margin-top:12px}.fake-chart i{position:absolute;height:1px;width:130%;left:-10%;top:45%;background:#45dd85;transform:rotate(-4deg);box-shadow:0 0 8px #45dd85}.fake-chart i:nth-child(2){background:#4f9cff;top:58%;transform:rotate(3deg)}.fake-chart i:nth-child(3){background:#985cf8;top:69%;transform:rotate(-2deg)}.fake-chart i:nth-child(4){background:#f3a83b;top:75%;transform:rotate(5deg)}.activity-card p{font-size:7px;color:#91a0b5;border-bottom:1px solid #1b2a41;padding:9px 0;margin:0}.activity-card em{float:right;color:#61728a;font-style:normal}
.plans{padding:35px 0 60px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.section-title p{max-width:520px;color:#8290a5;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pricing-grid article{position:relative;background:#091422;border:1px solid #22334e;border-radius:13px;padding:25px}.pricing-grid article.featured{border-color:#705cff;background:linear-gradient(155deg,#171748,#0b1528);box-shadow:0 0 55px #604cff18}.pricing-grid small{color:#8c7bff;font-weight:750;letter-spacing:.08em}.pricing-grid h3{font-size:24px;margin:9px 0}.pricing-grid p{color:#8190a5;min-height:42px}.pricing-grid ul{list-style:none;padding:0;margin:20px 0}.pricing-grid li{padding:7px 0;color:#a6b2c4}.pricing-grid li:before{content:"✓";color:var(--green);margin-right:9px}.popular{position:absolute;right:16px;top:16px;font-size:8px;color:#c2b9ff;border:1px solid #6e5cff;border-radius:10px;padding:4px 8px}
.cta{border:1px solid #273854;border-radius:14px;background:linear-gradient(90deg,#0c1728,#0a1322 65%,#10183b);min-height:124px;display:grid;grid-template-columns:75px 1fr auto;gap:22px;align-items:center;padding:22px 32px;margin-bottom:34px;box-shadow:var(--glow)}.cta h2{font-size:25px;margin:0}.cta p{margin:6px 0 0;color:#8291a6}.cta>div:last-child{display:flex;gap:10px}.footer{border-top:1px solid #1a2940;min-height:110px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;color:#75849b}.footer-brand{color:#dfe7f7}.footer p{font-size:10px}.footer-links{display:flex;gap:22px;font-size:10px}.footer small{font-size:9px}

.admin-page{overflow:hidden;background:#07101c}.admin-shell{height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:relative;background:linear-gradient(180deg,#07111f,#06101d 70%,#08121f);border-right:1px solid #1b2a40;padding:18px 12px;display:flex;flex-direction:column;overflow:hidden}.admin-brand{padding:0 8px 17px;font-size:15px;border-bottom:1px solid #17253a}.admin-brand small{display:block;color:#8e6cff;font-size:11px;margin-top:1px}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:17px;position:relative;z-index:2}.nav-item{border:1px solid transparent;background:transparent;color:#a5b0c1;border-radius:8px;padding:11px 13px;text-align:left;cursor:pointer;display:flex;gap:11px;align-items:center;font-size:12px}.nav-item span{width:20px;text-align:center;color:#8d9bb2}.nav-item:hover{color:#fff;background:#0c1728}.nav-item.active{color:#fff;background:linear-gradient(90deg,#162343,#151947);border-color:#2d3b65;box-shadow:inset -3px 0 #855fff,0 0 25px #694fff12}.sidebar-wave{position:absolute;left:-100px;right:-100px;height:180px;bottom:120px;background:radial-gradient(ellipse,#6444ff28,transparent 62%);transform:rotate(-11deg)}.admin-user{margin-top:auto;border:1px solid #1e2f48;border-radius:10px;background:#0a1524;min-height:68px;padding:10px;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:9px;position:relative;z-index:3}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6257f7,#8e55e9);font-weight:700}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:11px}.admin-user small{font-size:8px;color:#718198;margin-top:2px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user button{background:transparent;border:0;color:#77869d;cursor:pointer}
.admin-content{min-width:0;height:100vh;overflow:auto;background:radial-gradient(circle at 75% 0,#0d213e 0,#091321 28%,#07101b 60%)}.admin-header{height:72px;position:sticky;top:0;z-index:20;background:#07101ce8;backdrop-filter:blur(18px);border-bottom:1px solid #1a2940;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.admin-header>div:first-child{display:flex;align-items:center;gap:16px}.admin-header h1{font-size:19px;margin:0;letter-spacing:-.02em}.header-badges{display:flex;gap:8px}.env-badge,.version-badge{font-size:9px;border-radius:6px;padding:5px 9px;border:1px solid #24423a}.env-badge{color:#60e694;background:#0d281c}.version-badge{border-color:#293850;color:#bac6d7;background:#0a1422}.header-actions{display:flex;align-items:center;gap:9px}.system-health{display:flex;align-items:center;gap:10px;padding-right:18px;margin-right:5px;border-right:1px solid #25334a}.health-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#0f3d28;color:#57eb91;font-weight:800}.system-health b,.system-health small{display:block}.system-health b{font-size:10px}.system-health small{font-size:8px;color:#73839a;margin-top:1px}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid #24344d;background:#0b1625;color:#aebbd0;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{border-color:#526a94;color:#fff}
#adminMain{padding:17px 22px 34px}.admin-view{display:none}.admin-view.active{display:block}.status-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.status-card{min-height:126px;border:1px solid #22334d;background:linear-gradient(145deg,#0c1929,#091422);border-radius:11px;padding:14px;display:grid;grid-template-columns:46px 1fr;gap:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.status-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:19px;border:1px solid}.status-icon.green{background:#123d2b;border-color:#1b6845;color:#58e991}.status-icon.red{background:#391821;border-color:#73313e;color:#ff6b7a}.status-icon.blue{background:#132a4c;border-color:#245395;color:#65aaff}.status-icon.purple{background:#2a1d4b;border-color:#4f3684;color:#a178ff}.status-icon.cyan{background:#122b43;border-color:#20547a;color:#48c7ff}.status-icon.amber{background:#3a2a13;border-color:#725321;color:#f0ac40}.status-card small{display:block;color:#b1bdce;font-size:10px}.status-card strong{display:block;font-size:20px;margin-top:5px}.status-card>div:nth-child(2)>span{display:block;color:#718197;font-size:8px;margin-top:5px}.sparkline{position:absolute;left:12px;right:12px;height:26px;bottom:7px;opacity:.8}.green-line{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 16 L10 17 18 10 29 19 38 15 46 20 55 11 63 14 72 8 82 18 91 12 103 15 115 9 125 17 136 12 146 15 158 7 167 12 177 8 188 13 198 6 210 10 220 8' fill='none' stroke='%234fe589' stroke-width='1.5'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.dashboard-grid{display:grid;grid-template-columns:1.22fr .92fr 1.06fr;gap:11px;margin-top:11px}.dash-card{min-width:0;box-shadow:none}.projects-card{grid-column:1}.connector-card{grid-column:2}.target-config-card{grid-column:3}.security-card{grid-column:1}.audit-card{grid-column:2}.infra-card{grid-column:3}.card-head{height:48px;padding:0 14px;border-bottom:1px solid #1d2d45;display:flex;align-items:center;justify-content:space-between}.card-head>div{display:flex;align-items:center;gap:8px}.card-head h2{font-size:12px;margin:0}.card-icon{color:#adbae0}.text-link{border:0;background:transparent;color:#947fff;font-size:9px;cursor:pointer}.select-like{border:1px solid #263751;background:#0a1421;color:#8a99af;border-radius:6px;padding:6px 8px;font-size:8px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:8px;color:#8392a8;text-align:left;font-weight:650;padding:10px 12px;border-bottom:1px solid #18283f;white-space:nowrap}.data-table td{font-size:9px;color:#b8c3d3;padding:11px 12px;border-bottom:1px solid #15243a;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover td{background:#101c2d}.empty-cell{text-align:center!important;padding:38px!important;color:#66768d!important}.env-pill,.status-pill{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:8px;border:1px solid #27503a;background:#0d2b1c;color:#57df89}.env-pill.stage{border-color:#24476d;background:#0d233a;color:#59b0ff}.env-pill.dev{border-color:#4a3475;background:#26183d;color:#b07fff}.status-pill.pending{border-color:#5a4824;background:#2c2414;color:#eeb050}.status-pill.error{border-color:#64303a;background:#30171e;color:#ff7180}.status-pill.healthy{border-color:#27503a;background:#0d2b1c;color:#57df89}.table-foot{height:42px;border-top:1px solid #1b2b43;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#67778d;font-size:8px}
.connector-visual{height:198px;padding:18px 14px 8px;display:grid;grid-template-columns:35px 1fr}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#63728a;font-size:7px;padding-bottom:8px}.live-chart{background:linear-gradient(#26384e52 1px,transparent 1px),linear-gradient(90deg,#26384e30 1px,transparent 1px);background-size:100% 25%,20% 100%;position:relative}.live-chart svg{position:absolute;inset:7px 0 3px;width:100%;height:calc(100% - 10px);overflow:visible}.chart-area{fill:url(#area)}.chart-line-main{fill:none;stroke:#4ee88a;stroke-width:2}.chart-line-alt{fill:none;stroke:#4d9eff;stroke-width:1.5}.connector-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 13px 13px}.connector-summary div{border:1px solid #22334c;border-radius:7px;background:#0a1624;padding:9px}.connector-summary span,.connector-summary b{display:block;font-size:8px}.connector-summary b{color:#60e793;margin-top:4px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;float:left;margin:2px 5px 0 0}.green-dot{background:var(--green)}.blue-dot{background:var(--blue)}.purple-dot{background:var(--purple)}
.target-preview{padding:16px}.target-preview.empty-state{height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#687890}.target-preview.empty-state>span{font-size:32px;color:#5e4fe0}.target-preview.empty-state h3{font-size:13px;margin:9px 0 4px;color:#b8c3d4}.target-preview.empty-state p{font-size:9px}.config-list{display:grid;gap:9px}.config-row label{font-size:8px;color:#8998ad;display:block;margin-bottom:4px}.config-value{border:1px solid #23364f;background:#091423;border-radius:5px;min-height:31px;padding:8px 9px;font-size:9px;color:#bec9da;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-actions{display:flex;gap:8px;margin-top:12px}.permission-row,.setting-row{padding:13px;border-bottom:1px solid #1a2a41;display:flex;align-items:center;justify-content:space-between;font-size:9px}.permission-row{align-items:flex-start}.permission-row code{font-family:inherit;display:inline-block;border:1px solid #2c3a5c;background:#111936;color:#d1ccff;border-radius:5px;padding:4px 7px;font-size:7px;margin-left:4px}
.audit-list{padding:4px 12px 10px}.audit-item{min-height:42px;border-bottom:1px solid #17263c;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.audit-item:last-child{border:0}.audit-mark{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#112d24;color:#50df88;font-size:9px}.audit-mark.fail{background:#321820;color:#ff6477}.audit-item b,.audit-item small{display:block}.audit-item b{font-size:8px;font-weight:600}.audit-item small{font-size:7px;color:#69798f;margin-top:2px}.audit-time{font-size:7px;color:#66778e}.empty-row{text-align:center;padding:35px;color:#62738a;font-size:9px}
.infra-block{margin:11px;border:1px solid #22334d;border-radius:7px;padding:11px;display:grid;grid-template-columns:38px 72px 1fr;align-items:center;gap:7px}.infra-logo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px}.infra-logo.couch{background:#461d25;color:#ff6677}.infra-logo.minio{background:#142d52;color:#6ba8ff}.infra-block>b{font-size:10px}.infra-block dl{display:grid;grid-template-columns:70px 1fr;margin:0;font-size:7px;gap:4px}.infra-block dt{color:#708097}.infra-block dd{margin:0;color:#b4c0d0}
.view-title{display:flex;justify-content:space-between;align-items:end;margin:10px 0 18px}.view-title h2{font-size:27px;margin:5px 0}.view-title p{color:#75869d;margin:0;max-width:650px}.view-title>div:last-child{display:flex;gap:8px}.wide-card{box-shadow:none}.data-table.large th,.data-table.large td{font-size:9px;padding:12px 11px}.endpoint-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis}.action-menu{display:flex;gap:4px}.table-action{border:1px solid #273852;background:#0b1625;color:#94a3b8;border-radius:5px;padding:5px 7px;font-size:8px;cursor:pointer}.table-action.danger:hover{color:#ff7585;border-color:#65333d}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.runtime-card{padding:18px}.runtime-card-head{display:flex;justify-content:space-between;align-items:center}.runtime-card h3{font-size:14px;margin:0}.runtime-card p{color:#72839a;font-size:9px}.runtime-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.runtime-meta div{border:1px solid #1e3049;background:#091523;border-radius:7px;padding:10px}.runtime-meta small,.runtime-meta b{display:block}.runtime-meta small{font-size:7px;color:#708198}.runtime-meta b{font-size:9px;margin-top:3px}.prefix-tags{display:flex;gap:5px;flex-wrap:wrap}.prefix-tags code{font-family:inherit;font-size:8px;background:#171a3b;border:1px solid #3b3562;color:#bbb1ff;padding:4px 6px;border-radius:5px}.audit-full{padding:5px 18px}.audit-full .audit-item{grid-template-columns:34px 1fr 180px 90px}.audit-full .audit-item b{font-size:10px}.audit-full .audit-item small{font-size:8px}.filter-pills button{border:1px solid #253650;background:#0b1625;color:#7d8da4;padding:7px 10px;font-size:8px;cursor:pointer}.filter-pills button:first-child{border-radius:7px 0 0 7px}.filter-pills button:last-child{border-radius:0 7px 7px 0}.filter-pills button.active{background:#1c1a43;color:#d3ccff;border-color:#554b94}
.infra-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.infra-detail{padding:24px;display:grid;grid-template-columns:56px 1fr;gap:12px}.infra-logo.big{width:52px;height:52px;font-size:23px}.infra-detail h3{font-size:20px;margin:4px 0}.infra-detail p{color:#74859b}.infra-detail dl{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;margin:10px 0 0;border-top:1px solid #1d2d44;padding-top:12px;gap:8px;font-size:10px}.infra-detail dt{color:#718198}.infra-detail dd{margin:0;color:#bdc8d8}
.security-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.policy-card{padding:20px}.policy-card>span{width:40px;height:40px;border-radius:10px;background:#141d46;color:#9a7aff;display:grid;place-items:center;font-size:18px}.policy-card h3{font-size:14px}.policy-card p{color:#77879d;font-size:10px;line-height:1.55;min-height:65px}.policy-stat{border-top:1px solid #1d2c44;padding-top:12px}.policy-stat b,.policy-stat small{display:block}.policy-stat b{color:#5ae58e}.policy-stat small{color:#65768d;font-size:8px;margin-top:2px}.settings-list{overflow:hidden}.settings-list>div{min-height:56px;border-bottom:1px solid #1a2a41;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.settings-list>div:last-child{border:0}.settings-list span{color:#8d9db3}.settings-list code{font-family:inherit;color:#bab1ff}.warning-text{color:#efb04b!important}

.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#020710c9;backdrop-filter:blur(12px);z-index:100;display:none}.modal-backdrop.open,.drawer-backdrop.open{display:flex}.auth-modal{width:min(470px,calc(100% - 30px));margin:auto;border:1px solid #334564;background:linear-gradient(150deg,#0e1c30,#081322);border-radius:18px;padding:32px;box-shadow:0 35px 100px #000c,0 0 80px #624bff1c;text-align:center}.auth-modal img{filter:drop-shadow(0 0 20px #745fff66)}.auth-modal .eyebrow{margin-top:12px}.auth-modal h2{font-size:25px;margin:7px 0 8px}.auth-modal p{color:#8191a7;line-height:1.55;font-size:11px}.auth-modal code{font-family:inherit;color:#b6a9ff}.auth-modal label{text-align:left;display:block;font-size:9px;color:#8e9db2;margin-top:20px}.auth-modal input,.target-drawer input,.target-drawer select{width:100%;height:42px;margin-top:6px;border:1px solid #2a3b57;border-radius:7px;background:#081321;color:#e9eff8;padding:0 12px;outline:none}.auth-modal input:focus,.target-drawer input:focus,.target-drawer select:focus{border-color:#705cff;box-shadow:0 0 0 3px #6d5aff17}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal-error,.drawer-error{color:#ff7180;font-size:9px;min-height:14px;margin-top:8px;text-align:left}
.drawer-backdrop{justify-content:flex-end}.target-drawer{width:min(590px,100%);height:100%;background:linear-gradient(160deg,#0d1a2c,#07111e);border-left:1px solid #2d3e59;box-shadow:-30px 0 100px #000a;padding:22px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #1c2c43;padding-bottom:16px}.drawer-head h2{margin:5px 0 0;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.form-grid label{font-size:9px;color:#8f9eb2}.form-grid label.full{grid-column:1/-1}.hint{float:right;color:#62738b;font-size:8px}.toggle-label{display:flex;align-items:center;gap:12px;height:45px;position:relative}.toggle-label input{position:absolute;opacity:0;width:1px;height:1px}.toggle-ui{width:36px;height:20px;border-radius:20px;background:#26364d;position:relative;transition:.2s}.toggle-ui:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.toggle-label input:checked+.toggle-ui{background:#6757f6}.toggle-label input:checked+.toggle-ui:after{transform:translateX(16px)}.secure-note{border:1px solid #2a3157;background:#121632;border-radius:9px;padding:12px;display:flex;gap:10px;margin-top:18px}.secure-note>span{color:#a783ff;font-size:18px}.secure-note b{font-size:10px}.secure-note p{margin:3px 0 0;font-size:8px;color:#74859b}.drawer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast-region{position:fixed;right:20px;bottom:20px;z-index:150;display:grid;gap:8px}.toast{min-width:250px;max-width:390px;border:1px solid #2e415f;background:#0b1727;border-radius:9px;padding:12px 14px;box-shadow:0 18px 55px #0009;font-size:10px;animation:toastIn .2s ease}.toast.success{border-color:#2c5a40}.toast.error{border-color:#60313a}.toast b{display:block;margin-bottom:3px}.toast span{color:#8292a8}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}

@media(max-width:1200px){.feature-strip{grid-template-columns:repeat(3,1fr)}.status-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.projects-card,.connector-card,.target-config-card,.security-card,.audit-card,.infra-card{grid-column:auto}.target-config-card{grid-row:2}.security-detail-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-system{height:500px}.hero-copy h1{font-size:52px}.two-column{grid-template-columns:1fr}.admin-showcase{grid-template-columns:1fr}.mini-admin{height:420px}}
@media(max-width:850px){.shell{width:min(100% - 28px,1440px)}.desktop-nav{display:none}.marketing-nav .nav-actions .btn-ghost{display:none}.hero{padding-top:40px}.hero-copy h1{font-size:42px}.hero-system{transform:scale(.86);transform-origin:center top;margin-bottom:-70px}.feature-strip{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:1fr}.cta{grid-template-columns:55px 1fr}.cta>div:last-child{grid-column:1/-1}.footer{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:72px 1fr}.sidebar{padding:13px 8px}.admin-brand span,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item span{font-size:17px;margin:auto}.admin-user>div:not(.avatar),.admin-user button{display:none}.admin-user{display:grid;place-items:center;padding:7px;grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.system-health{display:none}.cards-grid,.infra-detail-grid,.security-detail-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}}
@media(max-width:560px){.feature-strip{grid-template-columns:1fr}.hero-copy h1{font-size:36px}.hero-system{display:none}.integration-grid{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}.admin-showcase{display:block}.mini-admin{display:none}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;right:0;bottom:0;height:62px;z-index:50;display:block;border-right:0;border-top:1px solid #263750;padding:6px}.admin-brand,.admin-user,.sidebar-wave{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(8,1fr);margin:0;gap:2px}.nav-item{height:48px;padding:0}.admin-content{padding-bottom:62px}.admin-header{padding:0 12px}.admin-header h1{font-size:15px}.status-grid{grid-template-columns:1fr}.dashboard-grid{display:block}.dash-card{margin-bottom:10px}}

.credential-secret-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.credential-secret-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.credential-secret-row .btn{height:42px;margin-top:6px}.credential-modal{width:min(620px,calc(100% - 30px));text-align:left}.credential-modal>img{display:block;margin:0 auto}.credential-modal>.eyebrow,.credential-modal>h2,.credential-modal>p{text-align:center}.credential-note code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b6a9ff}.config-value code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.config-actions{flex-wrap:wrap}
