:root{--blue:#484e97;--sky:#60a8c7;--ink:#11131a;--paper:#f5f6f8;--line:#e2e5e9;--muted:#707783;--gradient:linear-gradient(110deg,var(--sky),var(--blue))}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.access{min-height:100vh;display:grid;grid-template-columns:minmax(500px,48%) 1fr;background:#08090c}.accessPanel{min-height:100vh;padding:42px clamp(32px,6vw,88px) 34px;display:flex;flex-direction:column;background:#08090c;color:#fff;position:relative;z-index:2}.accessBrand img{width:188px;height:82px;object-fit:contain}.accessCopy{max-width:620px;margin:auto 0}.kicker{display:block;color:var(--sky);font-size:10px;font-weight:800;letter-spacing:2.3px;margin-bottom:20px}.accessCopy h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:0}.accessCopy h1 em{font-style:normal;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.accessCopy p{max-width:540px;margin:30px 0;color:#c9cdd5;font-size:18px;line-height:1.65}.primaryButton{border:0;border-radius:8px;background:var(--gradient);color:#fff;padding:16px 22px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(72,78,151,.25);transition:.2s}.primaryButton:hover{transform:translateY(-2px)}.primaryButton span{margin-left:20px;font-size:19px}.accessCopy small{display:block;margin-top:17px;color:#777d89;font-size:11px}.accessFoot{display:flex;justify-content:space-between;gap:20px;color:#6f7480;font-size:9px;letter-spacing:1.4px}.accessVisual{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 25% 24%,rgba(96,168,199,.34),transparent 34%),radial-gradient(circle at 76% 72%,rgba(72,78,151,.48),transparent 38%),#edf2f6}.gridLines{position:absolute;inset:0;background-image:linear-gradient(rgba(72,78,151,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,78,151,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.visualLabel{position:absolute;right:46px;top:44px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:3px}.visualNumber{position:absolute;left:8%;bottom:2%;font-size:clamp(180px,28vw,440px);line-height:.8;font-weight:900;letter-spacing:-30px;color:rgba(255,255,255,.65)}.visualCard{position:absolute;width:min(360px,62%);padding:26px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(255,255,255,.76);backdrop-filter:blur(14px);box-shadow:0 22px 55px rgba(35,43,79,.14);display:flex;flex-direction:column}.visualCard span{font-size:9px;font-weight:900;letter-spacing:2px;color:var(--blue)}.visualCard strong{font-size:23px;margin:18px 0 8px}.visualCard i{font-style:normal;font-size:12px;color:#68717d}.cardOne{left:10%;top:24%;transform:rotate(-2deg)}.cardTwo{right:8%;top:54%;transform:rotate(3deg)}

.workspaceShell{min-height:100vh;display:flex;background:#f6f6f4}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#0a0b0f;color:#d6d8de;display:flex;flex-direction:column;z-index:30;border-right:1px solid #252831}.sidebarBrand{height:90px;padding:8px 22px;display:flex;align-items:center;border-bottom:1px solid #24262d;position:relative}.sidebarBrand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gradient)}.sidebarBrand img{width:150px;height:70px;object-fit:contain}.sidebarBrand button{display:none}.sidebarNav{padding:18px 12px;overflow-y:auto;flex:1}.menuGroup{margin-bottom:22px}.menuGroup>p{margin:0 10px 8px;color:#686e79;font-size:8px;font-weight:900;letter-spacing:1.8px}.menuGroup button{position:relative;width:100%;height:39px;border:0;border-radius:8px;background:transparent;color:#b9bec8;padding:0 10px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.menuGroup button i{width:22px;height:22px;display:grid;place-items:center;font-style:normal;font-size:14px;color:#8f97a5}.menuGroup button span{font-size:12px;flex:1}.menuGroup button small{font-size:8px;color:#6f7580}.menuGroup button:hover:not(:disabled){background:#171923;color:#fff}.menuGroup button.active{background:linear-gradient(90deg,rgba(96,168,199,.2),rgba(72,78,151,.18));color:#fff}.menuGroup button.active:before{content:"";position:absolute;left:0;width:3px;height:22px;border-radius:3px;background:var(--sky)}.menuGroup button.active i{color:var(--sky)}.menuGroup button:disabled{cursor:default;opacity:.56}.sidebarFooter{margin:0 12px 15px;padding:13px;border-top:1px solid #24262d;display:flex;align-items:center;gap:10px}.demoAvatar{width:32px;height:32px;border-radius:8px;background:var(--gradient);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:900}.sidebarFooter>div:last-child{display:flex;flex-direction:column;gap:3px}.sidebarFooter strong{font-size:11px;color:#fff}.sidebarFooter span{font-size:9px;color:#777e8b}.workspaceMain{width:calc(100% - 252px);margin-left:252px;min-height:100vh}.workspaceHeader{height:70px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.headerLeft{display:flex;align-items:center;gap:12px}.headerLeft>div{display:flex;flex-direction:column;gap:3px}.headerLeft span{font-size:8px;color:#8a9098;letter-spacing:1.5px}.headerLeft strong{font-size:14px}.mobileMenu{display:none}.headerActions{display:flex;align-items:center;gap:12px}.searchFake{height:34px;min-width:225px;border:1px solid var(--line);border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#989da5;font-size:11px;background:#fafafa}.searchFake span{flex:1}.searchFake kbd{font-family:Arial;font-size:8px;border:1px solid #dadde1;border-radius:4px;padding:3px 5px;background:#fff}.demoBadge{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--blue);background:#eeeefa;border-radius:20px;padding:7px 10px}.exitButton{border:0;background:transparent;color:#707783;font-size:11px;cursor:pointer}.workspaceContent{padding:38px clamp(24px,4vw,58px) 60px}.dashboardView{max-width:1160px;margin:auto}.welcomeBlock{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:8px 0 35px;border-bottom:1px solid var(--line)}.welcomeBlock h1{font-size:clamp(38px,5vw,64px);letter-spacing:-3px;margin:0}.welcomeBlock p{max-width:600px;color:#626a75;font-size:15px;line-height:1.6;margin:18px 0 0}.statusCard{min-width:210px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(39,43,61,.05);display:flex;flex-direction:column;gap:8px}.statusCard>span,.summaryCard>span{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#858c96}.statusCard strong{font-size:13px}.statusCard strong i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46a673;margin-right:7px;box-shadow:0 0 0 4px rgba(70,166,115,.12)}.statusCard small{font-size:9px;color:#8b919a}.summaryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 45px}.summaryCard{min-height:130px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column}.summaryCard strong{font-size:28px;letter-spacing:-1px;margin:16px 0 7px}.summaryCard small{font-size:10px;color:#777f89}.accentSummary{background:linear-gradient(135deg,#12151d,#30366b);color:#fff;border:0}.accentSummary>span,.accentSummary small{color:#aeb6ca}.workspaceSection{margin-top:10px}.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px}.sectionTitle span,.comingSection>span{display:block;font-size:8px;font-weight:900;letter-spacing:1.4px;color:var(--blue);margin-bottom:7px}.sectionTitle h2{font-size:25px;letter-spacing:-.8px;margin:0}.sectionTitle small{font-size:10px;color:#858b93}.applicationCard{width:100%;min-height:170px;border:1px solid #d9dde3;border-radius:12px;background:#fff;padding:25px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:22px;text-align:left;cursor:pointer;transition:.2s;box-shadow:0 8px 24px rgba(39,43,61,.04)}.applicationCard:hover{transform:translateY(-2px);border-color:#aab4cf;box-shadow:0 14px 34px rgba(39,43,61,.09)}.applicationIcon{width:54px;height:54px;border-radius:12px;background:var(--gradient);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:900}.applicationCopy>span{font-size:8px;font-weight:900;letter-spacing:1.4px;color:var(--blue)}.applicationCopy h3{font-size:22px;margin:7px 0}.applicationCopy p{font-size:12px;color:#6f7782;margin:0;line-height:1.5;max-width:620px}.applicationAction{font-size:11px;font-weight:800;color:var(--blue)}.applicationAction span{margin-left:10px}.comingSection{margin-top:34px}.comingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.comingGrid div{border:1px dashed #d6d9de;border-radius:9px;padding:18px;color:#89909a;font-size:11px;background:rgba(255,255,255,.48)}.appContent{padding:20px;height:calc(100vh - 70px)}.embeddedTool{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(30,34,50,.06)}.toolHeader{min-height:67px;padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.toolHeader span{display:block;color:var(--blue);font-size:8px;font-weight:900;letter-spacing:1.2px;margin-bottom:5px}.toolHeader h2{font-size:16px;margin:0}.toolHeader a{font-size:10px;color:var(--blue);text-decoration:none}.embeddedTool iframe{width:100%;flex:1;border:0;background:#f5f7fa}.menuBackdrop{display:none}

@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.24s}.sidebar.open{transform:translateX(0);box-shadow:18px 0 50px rgba(0,0,0,.28)}.sidebarBrand button{display:block;margin-left:auto;border:0;background:transparent;color:#fff;font-size:24px}.workspaceMain{width:100%;margin-left:0}.mobileMenu{display:block;border:0;background:transparent;font-size:18px}.menuBackdrop{display:block;position:fixed;inset:0;border:0;background:rgba(9,11,16,.48);z-index:25}.searchFake{display:none}.welcomeBlock{align-items:flex-start;flex-direction:column}.statusCard{width:100%}.summaryGrid{grid-template-columns:1fr}.comingGrid{grid-template-columns:1fr}.applicationCard{grid-template-columns:52px 1fr}.applicationAction{grid-column:2}.access{grid-template-columns:1fr}.accessVisual{display:none}.accessPanel{min-height:100vh}}@media(max-width:560px){.accessPanel{padding:28px 24px}.accessCopy h1{letter-spacing:-2.7px}.accessFoot span:last-child{display:none}.workspaceHeader{padding:0 15px}.headerLeft span,.demoBadge{display:none}.workspaceContent{padding:26px 16px 50px}.appContent{padding:8px;height:calc(100vh - 70px)}.toolHeader{align-items:flex-start;flex-direction:column}.applicationCard{padding:19px}.applicationCopy h3{font-size:18px}.applicationCopy p{font-size:11px}.comingGrid{grid-template-columns:1fr}}