:root{color-scheme:dark;--bg:#07111f;--panel:#0d1a2b;--panel2:#101f32;--line:rgba(156,185,220,.12);--muted:#8294ab;--text:#eef5ff;--blue:#4c9dff;--cyan:#50d6e8;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,a{font:inherit}button{cursor:pointer}.intro{position:fixed;inset:0;z-index:10;background:#07111f;display:grid;place-items:center;animation:intro-away .75s ease 2.1s forwards;pointer-events:none}.intro-lockup{text-align:center;animation:lockup-in .8s ease both}.intro-present,.intro-name{font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:.18em;color:#fff}.intro-name{margin-top:20px}.intro-line{height:1px;width:min(460px,70vw);margin:18px auto 0;background:#368fff;box-shadow:0 0 12px #267dff;transform:scaleX(0);transform-origin:center;animation:line-grow .8s ease .5s forwards}@keyframes line-grow{to{transform:scaleX(1)}}@keyframes lockup-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-away{to{opacity:0;visibility:hidden}}.app-shell{min-height:100vh;display:flex;opacity:0;animation:app-in .7s ease 2.25s forwards}@keyframes app-in{to{opacity:1}}.sidebar{width:258px;flex:0 0 258px;border-right:1px solid var(--line);background:#091524;padding:22px 15px 16px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);padding:2px 8px 24px}.brand-mark{width:37px;height:37px;border:1px solid #438fff;border-radius:11px;display:grid;place-items:center;font:700 24px var(--display);color:#fff;box-shadow:inset 0 0 15px #267dff30,0 0 18px #267dff20}.brand-mark span{color:var(--cyan)}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font:700 15px var(--display);letter-spacing:.11em}.brand-copy small{font-size:8px;letter-spacing:.12em;color:#8ea3bd}.workspace-switcher{border:1px solid var(--line);background:#0d1c2d;border-radius:12px;padding:11px;display:flex;align-items:center;gap:9px;margin-bottom:23px}.workspace-avatar,.profile-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#173c68,#1d6a8b);font:600 11px var(--display)}.workspace-switcher span:nth-child(2),.profile-row>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.workspace-switcher strong,.profile-row strong{font-size:11px}.workspace-switcher small,.profile-row small{font-size:10px;color:var(--muted)}.chevron{margin-left:auto;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:9px;letter-spacing:.15em;color:#687e98;font-weight:700;padding:0 10px;margin:0 0 7px}.nav-spaced{margin-top:25px}.nav-link{height:39px;padding:0 10px;display:flex;align-items:center;gap:11px;color:#9aacc2;text-decoration:none;border-radius:8px;font-size:12px;transition:.2s}.nav-link>span{font-size:16px;width:17px;text-align:center;color:#8299b6}.nav-link:hover{background:#12243a;color:#fff}.nav-link.active{background:linear-gradient(90deg,#163a62,#102943);color:#fff;box-shadow:inset 2px 0 #4a9cff}.nav-link.active>span{color:#67b1ff}.nav-link b{margin-left:auto;background:#203c5a;color:#9fcaff;padding:2px 7px;border-radius:20px;font-size:10px}.sidebar-bottom{margin-top:auto}.plan-card{display:flex;align-items:center;gap:9px;padding:12px 9px;margin:10px 0 13px;border:1px solid var(--line);border-radius:10px;background:#0c1b2c}.plan-card>div{display:flex;flex-direction:column;gap:4px}.plan-card strong{font-size:10px}.plan-card small{font-size:9px;color:var(--muted)}.plan-dot,.connection i,.status-pulse{width:7px;height:7px;border-radius:50%;background:#47d8b0;box-shadow:0 0 10px #47d8b066}.profile-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:15px 5px 0;margin-top:13px}.profile-avatar{border-radius:50%;background:#24466a}.more{margin-left:auto;color:#8498b2;letter-spacing:2px}.main{flex:1;min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;background:#07111feF;backdrop-filter:blur(14px);z-index:3}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.breadcrumbs i{font-style:normal;color:#40536a}.breadcrumbs strong{color:#e5eef9;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.connection{font-size:10px;color:#a7b8cc;display:flex;align-items:center;gap:7px}.connection i{background:#e6b85a;box-shadow:0 0 8px #e6b85a66}.icon-button,.help-button{background:transparent;border:1px solid var(--line);color:#b8c8dc;border-radius:8px;height:32px;padding:0 11px}.help-button{font-size:10px}.page{display:none;padding:36px 42px 28px;max-width:1500px;margin:0 auto}.page.active-page{display:block}.welcome-row,.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:.18em;color:#5faaff;font-weight:700;margin:0 0 10px}.welcome-row h1,.page h1{font:600 clamp(27px,3vw,35px) var(--display);letter-spacing:-.04em;margin:0}.subheading{color:#8fa2ba;margin:8px 0 0;font-size:13px}.primary-button{border:1px solid #4b9bff;background:linear-gradient(135deg,#2678d4,#2365b7);color:#fff;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:700;box-shadow:0 6px 20px #1764b72a}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.notice{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border:1px solid #2d649b66;border-radius:11px;background:linear-gradient(110deg,#102b46,#0c1b2c 65%);margin-bottom:30px}.notice-icon{color:#65b5ff;font-size:18px}.notice strong{font-size:12px}.notice p{font-size:11px;line-height:1.6;color:#9eb2c9;margin:5px 0 0}.notice-tag{margin-left:auto;color:#76b8ff;font-size:8px;letter-spacing:.15em;border:1px solid #3978b866;border-radius:5px;padding:5px 7px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading{margin-bottom:14px}.section-heading h2,.panel-heading h2{font:600 16px var(--display);margin:0}.section-heading p,.panel-heading p{font-size:10px;color:var(--muted);margin:5px 0 0}.muted-label{font-size:8px;letter-spacing:.12em;color:#7187a1}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.metric-card,.panel,.integration-card{background:linear-gradient(145deg,#0e1d30,#0b1929);border:1px solid var(--line);border-radius:11px}.metric-card{padding:16px 17px;min-height:126px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#a6b8cc;font-size:10px}.metric-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#1a3858}.metric-icon.blue{color:#6bb3ff}.metric-icon.amber{color:#f0bd65;background:#49371e}.metric-icon.violet{color:#c0a0ff;background:#30244b}.metric-icon.cyan{color:#5cdeeb;background:#173c48}.metric-card>strong{display:block;font:600 27px var(--display);margin:12px 0 3px}.metric-card>small{font-size:9px;color:#758aa4}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{padding:19px}.step-count{font:600 11px var(--display);color:#70b5ff}.setup-list{margin-top:15px}.setup-item{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.step-number{font:600 10px var(--display);color:#5ba7ff}.setup-item>div{display:flex;flex-direction:column;gap:4px;min-width:0}.setup-item strong{font-size:11px}.setup-item small{font-size:9px;color:#8297b0}.setup-item button,.text-button{margin-left:auto;border:0;background:none;color:#67adff;font-size:10px;font-weight:600}.lock{margin-left:auto;font-size:8px;letter-spacing:.1em;color:#657b95}.text-button{white-space:nowrap}.empty-state{text-align:center;padding:33px 20px 20px}.empty-orbit{width:52px;height:52px;border:1px solid #32618e;border-radius:17px;display:grid;place-items:center;color:#6bb5ff;font-size:22px;margin:0 auto 14px;background:radial-gradient(circle,#17406a,#0d2035 70%);box-shadow:0 0 28px #2779ca18}.empty-state strong,.empty-large h2{font:600 14px var(--display)}.empty-state p,.empty-large p{font-size:10px;line-height:1.7;color:#8297b0;max-width:340px;margin:8px auto}.footer-note{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.13em;color:#5f7691;margin-top:28px}.footer-note span:nth-child(2){color:#3a526d}.status-pulse{width:6px;height:6px}.empty-large{border:1px dashed #29435f;border-radius:14px;background:#0b1928aa;text-align:center;padding:65px 20px;margin-top:24px}.empty-large .empty-orbit{width:62px;height:62px}.empty-large h2{font-size:16px}.empty-large .primary-button{margin-top:14px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.integration-card{padding:20px}.integration-card>b{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#173554;color:#8fc5ff;font:700 12px var(--display)}.integration-card h3{font:600 15px var(--display);margin:17px 0 6px}.integration-card p{font-size:10px;color:#91a4bc}.integration-card span{font-size:9px;color:#d8ad68}.page-title-row{margin-bottom:25px}@media(max-width:1050px){.sidebar{width:220px;flex-basis:220px}.page{padding:30px 25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:64px;flex-basis:64px;padding:16px 8px}.brand{padding:2px 5px 22px}.brand-copy,.workspace-switcher>span:not(.workspace-avatar),.nav-label,.nav-link:not(.active),.nav-link b,.plan-card,.profile-row>div:nth-child(2),.more{display:none}.workspace-switcher{padding:8px;justify-content:center}.nav-link{justify-content:center;padding:0}.nav-link>span{font-size:18px}.profile-row{justify-content:center}.topbar{height:58px;padding:0 15px}.connection,.help-button{display:none}.page{padding:25px 16px}.welcome-row,.page-title-row{align-items:flex-start;flex-direction:column}.content-grid,.integration-grid{grid-template-columns:1fr}.metric-grid{gap:9px}.metric-card{padding:13px;min-height:112px}.metric-card>strong{font-size:23px}.section-heading{align-items:flex-start;flex-direction:column}.notice{padding:13px}.intro-present,.intro-name{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}