@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0e13;--panel:#151821;--panel-2:#191c26;--line:#292d39;--muted:#969ba9;--white:#f7f7f9;--purple:#a78cf7;--green:#65d6a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:14px 'DM Sans',sans-serif}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:256px;flex:none;background:#10121a;border-right:1px solid #252833;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:26px 15px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 13px;margin-bottom:42px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#a98afa;color:#161020;border-radius:11px;font:700 24px 'Space Grotesk';position:relative}.brand-spark{position:absolute;font:10px sans-serif;top:3px;right:3px}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font:700 19px 'Space Grotesk';letter-spacing:-.8px}.brand-copy small{font-size:9px;font-weight:700;letter-spacing:2.8px;color:#9e8cc6;margin-top:5px}.workspace-label,.nav-group-title{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#737989;padding:0 14px}.workspace-label{display:flex;justify-content:space-between;margin-bottom:10px}.workspace-label span{color:#565b6a}.workspace-card{display:flex;align-items:center;gap:10px;background:#1a1d29;border:1px solid #313443;border-radius:11px;padding:11px;margin-bottom:31px}.workspace-icon{width:33px;height:33px;display:grid;place-items:center;background:#4d3d77;color:#d9caff;border-radius:8px;font-weight:700}.workspace-card strong,.sidebar-profile strong,.connection-card strong{display:block;font-size:12px}.workspace-card small,.sidebar-profile small,.connection-card small{display:block;color:#8c91a0;font-size:11px;margin-top:3px}.chevron{margin-left:auto;color:#7e8392}.nav{display:flex;flex-direction:column;gap:3px}.nav-group-title{margin:0 0 8px}.nav-group-spaced{margin-top:25px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#9ca1af;font-weight:600;transition:.18s}.nav-item:hover{background:#1b1e29;color:#fff}.nav-item.active{background:#292338;color:#c8b5ff}.nav-icon{width:17px;font-size:18px;text-align:center;font-weight:400;line-height:1}.nav-count{margin-left:auto;background:#272a35;border-radius:5px;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.connection-card{display:flex;gap:10px;align-items:center;padding:13px;background:#191c27;border:1px solid #2a2e3b;border-radius:11px;margin-bottom:18px}.connection-dot{height:9px;width:9px;background:#eab572;border-radius:50%;box-shadow:0 0 0 4px #eab57219}.connection-card strong{font-size:11px}.connection-card small{font-size:10px}.sidebar-profile{border-top:1px solid #282b35;padding:17px 4px 0;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{width:32px;height:32px;background:#7e64ae;border-radius:9px;display:grid;place-items:center;font-weight:700}.profile-menu{margin-left:auto;font-size:21px;color:#8f94a1}.main{flex:1;min-width:0}.topbar{height:73px;border-bottom:1px solid #242731;display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#0e1017}.breadcrumbs{font-size:12px;color:#7f8492}.breadcrumbs span{margin:0 10px;color:#494e5b}.breadcrumbs strong{color:#d9dce4;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:19px}.top-status{color:#a6aaaf;font-size:11px;display:flex;align-items:center;gap:8px}.top-status span{width:7px;height:7px;background:#e5b771;border-radius:50%}.icon-button{border:0;background:none;color:#a1a5b1;font-size:19px}.top-avatar{width:30px;height:30px;font-size:12px}.mobile-menu{display:none}.content{max-width:1480px;margin:auto;padding:28px 44px 60px}.demo-banner{background:#292235;border:1px solid #55416c;color:#d8cbe8;border-radius:10px;display:flex;align-items:center;gap:12px;padding:11px 16px;font-size:12px;margin-bottom:35px}.demo-banner strong{color:#f3eaff}.demo-icon{color:#c4a1ff;font-size:16px}.demo-banner button{margin-left:auto;background:none;border:0;color:#af9fbd;font-size:20px}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 38px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#b59cf5;font-weight:700;margin-bottom:9px}h1,h2,p{margin-top:0}h1{font:700 34px 'Space Grotesk';letter-spacing:-1.7px;margin-bottom:8px}.heading-accent{color:#a78cf7;font-size:21px;vertical-align:middle}h2{font:600 17px 'Space Grotesk';letter-spacing:-.45px}.page-heading p{color:#979ba8;margin:0;font-size:13px}.primary-button{border:1px solid #b7a0ff;border-radius:8px;background:#a88af5;color:#17111f;font-size:12px;font-weight:700;padding:11px 17px;box-shadow:0 6px 20px #a88af524;white-space:nowrap}.primary-button:hover{background:#baa3ff}.primary-button span{font-size:17px;vertical-align:-1px;margin-right:4px}.section-heading{display:flex;align-items:baseline;gap:13px;margin-bottom:15px}.section-heading h2{margin:0}.section-subtitle{font-size:11px;color:#757b89}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.stat-card{min-height:181px;padding:18px}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.stat-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:18px}.purple{background:#342a4b;color:#c4a5ff}.orange{background:#49362d;color:#f0b47f}.blue{background:#283947;color:#88c7ee}.green-bg{background:#293e38;color:#8edbb2}.mini-pill,.outline-tag{font-size:9px;letter-spacing:.8px;color:#777d8d;border:1px solid #343844;border-radius:5px;padding:4px 6px;font-weight:700}.stat-value{font:700 27px 'Space Grotesk';letter-spacing:-1.1px;margin-bottom:4px}.stat-value span{font-size:14px;color:#898e9c;font-weight:500;letter-spacing:0}.stat-name{color:#a5a9b5;font-size:12px}.stat-foot{margin-top:15px;font-size:10px;color:#7c8290;display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.green{background:var(--green)}.progress{height:5px;background:#303340;border-radius:99px;margin-top:19px;overflow:hidden}.progress span{height:100%;display:block;background:#b295fa;border-radius:99px}.green-progress span{background:#6bd4a7}.sparkline{color:#8ec8e8;letter-spacing:3px;margin-top:5px;font-size:20px;height:22px;white-space:nowrap;overflow:hidden}.two-column{display:grid;grid-template-columns:1.23fr 1fr;gap:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:21px 23px 18px}.panel-head h2{margin-bottom:5px}.panel-head p{font-size:11px;color:#838997;margin:0}.text-link{color:#bba3fa;font-size:11px;font-weight:700;margin-top:5px}.text-link span{margin-left:4px}.service-row{display:flex;align-items:center;gap:12px;border-top:1px solid #252934;padding:14px 23px}.service-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#282538;color:#b6a1ec;font-size:14px;font-weight:700}.service-row:nth-child(2n) .service-symbol{background:#25323a;color:#9dd1e3}.service-main{flex:1;min-width:0}.service-main strong{font-size:12px;display:block}.service-main small{font-size:10px;color:#818795;display:block;margin-top:3px}.service-state{display:flex;align-items:center;gap:6px;color:#9cd6b8;font-size:10px}.service-state .dot{width:5px;height:5px}.service-more{color:#707687;margin-left:9px}.timeline{padding:2px 23px 7px}.timeline-item{display:flex;gap:13px;padding:12px 0;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:13px;top:40px;height:calc(100% - 24px);border-left:1px solid #373a46}.timeline-symbol{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:700}.timeline-symbol.success{background:#24443a;color:#7ddfb1}.timeline-symbol.neutral{background:#343046;color:#bba3ec}.timeline-item strong{font-size:12px}.timeline-item p{font-size:11px;color:#9196a3;margin:4px 0}.timeline-item small{font-size:10px;color:#646b7b}.activity-footer{border-top:1px solid #282c36;color:#8c92a0;font-size:10px;padding:14px 23px;display:flex;gap:8px;align-items:center}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#b899ee}.bottom-callout{margin-top:21px;display:flex;gap:15px;align-items:center;background:#201d2c;border:1px solid #3c344e;border-radius:12px;padding:19px 22px}.callout-icon{background:#392d53;border-radius:9px;color:#c5a8f5;width:39px;height:39px;display:grid;place-items:center;font-size:20px;flex:none}.bottom-callout strong{font-size:13px}.bottom-callout p{font-size:11px;color:#a9a3ba;margin:5px 0 0}.secondary-button{margin-left:auto;border:1px solid #705e8d;border-radius:7px;background:transparent;color:#d3befa;padding:9px 13px;font-size:11px;font-weight:700;white-space:nowrap}.secondary-button:hover{background:#312843}.full-panel{margin-top:6px;overflow:hidden}.deploy-table{width:100%;}.deploy-row{display:grid;grid-template-columns:2fr 1.6fr 1fr 1fr;gap:15px;align-items:center;border-top:1px solid #282c37;padding:15px 23px;font-size:11px;color:#999eac}.deploy-row span strong,.deploy-row span small{display:block}.deploy-row strong{color:#e4e4e8;font-size:12px}.deploy-row small{margin-top:4px;color:#717786}.deploy-header{font-size:10px;font-weight:700;letter-spacing:1px;color:#717686;background:#171a24}.status-badge{font-size:10px;font-style:normal;padding:5px 8px;border-radius:5px;display:inline-block}.success-badge{background:#244136;color:#8ddbb3}.panel select{background:#212430;color:#d4d6dc;border:1px solid #353946;padding:8px;border-radius:7px;font-size:11px}.log-console{background:#10131a;border-top:1px solid #282c37;margin:0;padding:23px;font:12px/2 'Consolas',monospace;color:#8d93a0;min-height:290px;overflow:auto}.log-console b{font-weight:600;margin:0 10px}.log-console em{font-style:normal;color:#c4c8d2}.log-info{color:#82b9e5}.log-ok{color:#6ed2a4}.log-placeholder{color:#b598f4;margin-top:20px}.cursor{animation:blink .9s infinite}@keyframes blink{50%{opacity:0}}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.setting-card{padding:25px;min-height:220px}.setting-icon{font-size:25px;color:#b59bed}.setting-card h2{margin:20px 0 9px}.setting-card p{font-size:12px;color:#969aa8;line-height:1.6}.setup-status{display:block;color:#d2b782;font-size:11px;margin-top:17px}.toast{position:fixed;right:22px;bottom:22px;max-width:330px;background:#29223a;border:1px solid #675087;box-shadow:0 15px 45px #0008;border-radius:10px;padding:14px 17px;color:#eee5ff;font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1120px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:750px){.sidebar{position:fixed;z-index:20;left:-270px;transition:left .2s;box-shadow:15px 0 35px #0005}.sidebar.open{left:0}.mobile-menu{display:block;border:0;background:none;color:#ddd;font-size:20px;margin-right:12px}.topbar{padding:0 19px;height:62px;justify-content:flex-start}.topbar-actions{margin-left:auto}.top-status{display:none}.content{padding:18px 18px 50px}.demo-banner{margin-bottom:28px}.page-heading{align-items:flex-start}.page-heading .primary-button{padding:9px 11px;font-size:11px}h1{font-size:27px}.stats-grid{gap:10px}.stat-card{padding:15px;min-height:160px}.stat-value{font-size:23px}.section-heading{display:block}.section-subtitle{display:block;margin-top:4px}.bottom-callout{flex-wrap:wrap}.bottom-callout .secondary-button{margin-left:53px}.settings-grid{grid-template-columns:1fr}.deploy-row{grid-template-columns:1.6fr 1fr 1fr}.deploy-row span:nth-child(2){display:none}}@media(max-width:440px){.topbar-actions{gap:8px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:155px}.stat-value{font-size:21px}.stat-value span{font-size:11px}.stat-name{font-size:11px}.service-row{padding:13px 15px}.panel-head{padding:18px 15px}.timeline{padding:2px 15px 7px}.activity-footer{padding:14px 15px}.deploy-row{padding:14px 15px}.sparkline{font-size:15px;letter-spacing:1px}}