.b2b-showcase{background:#041923;color:#eaffff;padding:120px max(4vw,calc((100vw - 1500px)/2 + 4vw));overflow:hidden;position:relative}.b2b-showcase:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-260px;top:-350px;background:#0bcfc924;filter:blur(30px)}.b2b-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end;position:relative}.b2b-heading h2{font:600 clamp(2.6rem,5vw,5.4rem)/.96 "Space Grotesk";letter-spacing:-.055em;margin:0}.b2b-heading h2 em{font-style:normal;color:#23dcd4}.b2b-heading>p{color:#9eb9be;line-height:1.7;max-width:450px;margin:0 0 8px}.b2b-shell{margin-top:58px;border:1px solid #2bddda38;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:170px 1fr;background:#071f2a;box-shadow:0 40px 100px #0009;position:relative}.b2b-side{background:#061b25;border-right:1px solid #ffffff10;padding:22px 14px;display:flex;flex-direction:column}.mini-brand{font:600 .76rem "Space Grotesk";letter-spacing:.13em;margin:2px 9px 30px}.mini-brand span{display:inline-grid;place-items:center;width:31px;height:31px;background:#d8ff43;color:#041923;border-radius:8px;margin-right:7px;letter-spacing:0}.b2b-side nav{display:flex;flex-direction:column;align-items:stretch;gap:5px}.b2b-side nav a{padding:10px;border-radius:7px;color:#7fa0a7;font-size:.64rem;display:flex;align-items:center;gap:9px}.b2b-side nav a.active{background:#103541;color:white}.b2b-side nav i{font-style:normal;width:15px;color:#1eddd4}.b2b-sync{margin-top:auto;border-top:1px solid #ffffff12;padding:18px 7px 3px;display:flex;align-items:center;gap:9px;font-size:.58rem}.b2b-sync>i{width:7px;height:7px;border-radius:50%;background:#d8ff43;box-shadow:0 0 10px #d8ff43}.b2b-sync small{color:#5bdcd7}.b2b-workspace{padding:22px;min-width:0}.b2b-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.b2b-top small{font-size:.48rem;letter-spacing:.17em;color:#5edbd5}.b2b-top h3{font:600 1.35rem "Space Grotesk";margin:5px 0 0}.period-toggle{display:flex;background:#0c2a36;border:1px solid #ffffff11;padding:3px;border-radius:7px}.period-toggle button{border:0;background:transparent;color:#71969e;padding:8px 12px;border-radius:5px;font:600 .58rem Manrope;cursor:pointer}.period-toggle button.active{background:#d8ff43;color:#041923}.b2b-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.b2b-kpis article,.sales-chart,.order-status,.service-table,.purchase-panel{background:#0a2935;border:1px solid #4ee8e015;border-radius:9px}.b2b-kpis article{padding:14px}.b2b-kpis article>div{display:flex;justify-content:space-between;color:#86a9b0;font-size:.55rem}.b2b-kpis article>div i{font-style:normal;color:#23ddd5}.b2b-kpis article>b{display:block;font:600 1.35rem "Space Grotesk";margin:9px 0 4px;color:white}.b2b-kpis article small{font-size:.48rem;color:#71939a}.b2b-kpis article em{font-style:normal;color:#d8ff43}.b2b-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-top:9px}.sales-chart,.order-status,.service-table,.purchase-panel{padding:15px;min-width:0}.widget-head{display:flex;justify-content:space-between;align-items:start}.widget-head b{display:block;font-size:.66rem}.widget-head small{display:block;color:#688e96;font-size:.49rem;margin-top:3px}.widget-head>span{color:#7ca0a8;font-size:.5rem}.legend{display:flex;gap:5px;align-items:center}.legend i{width:6px;height:6px;border-radius:2px;background:#1fded5}.legend i:nth-of-type(2){background:#d8ff43}.bars{height:155px;margin-top:17px;border-bottom:1px solid #ffffff12;background-image:linear-gradient(#ffffff08 1px,transparent 1px);background-size:100% 39px;display:flex;gap:5px;align-items:end;padding:0 3px}.bars>div{height:100%;flex:1;display:flex;align-items:end;gap:2px}.bars i,.bars em{width:50%;height:var(--v);background:#1fded5;border-radius:2px 2px 0 0;transition:height .45s ease}.bars em{background:#d8ff43;opacity:.75}.bars[data-mode="month"] i{height:calc(var(--v) * .88 + 8%)}.bars[data-mode="month"] em{height:calc(var(--v) * .72 + 12%)}.bar-axis{display:flex;justify-content:space-between;color:#527780;font-size:.43rem;margin-top:7px}.order-status{grid-row:span 2}.donut{width:105px;height:105px;margin:20px auto 16px;border-radius:50%;background:conic-gradient(#1fded5 0 76%,#d8ff43 76% 88%,#173844 88%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#0a2935}.donut>div{position:relative;z-index:1;text-align:center}.donut b{display:block;font:600 1.25rem "Space Grotesk"}.donut small{font-size:.42rem;color:#6f969e}.order-status ul{list-style:none;margin:0;padding:0}.order-status li{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #ffffff0c;font-size:.5rem}.order-status li i{width:5px;height:5px;border-radius:2px;background:#1fded5}.order-status li:nth-child(2) i{background:#d8ff43}.order-status li:nth-child(3) i{background:#3189ff}.order-status li:nth-child(4) i{background:#e5834f}.order-status li span{color:#7b9fa7}.service-table{padding-bottom:8px}.widget-head button{border:0;background:transparent;color:#42dcd6;font-size:.48rem}.service-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #ffffff0d;font-size:.49rem}.service-row.head{color:#648990;margin-top:10px}.service-row>span:first-child i{display:inline-block;width:5px;height:5px;background:#1fded5;border-radius:50%;margin-right:5px}.service-row>span:nth-child(2){color:#779ba3}.service-row>span:nth-child(3){display:flex;align-items:center;gap:5px}.service-row>span:nth-child(3) b{width:32px;height:3px;background:#163c47;border-radius:3px;position:relative}.service-row>span:nth-child(3) b:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:#1fded5;border-radius:3px}.service-row .ok,.service-row .watch{color:#74e3de}.service-row .watch{color:#ffc87a}.purchase-kpi{display:flex;align-items:end;justify-content:space-between;margin-top:25px}.purchase-kpi span{font-size:.52rem;color:#789da4}.purchase-kpi b{font:600 1.25rem "Space Grotesk"}.progress{height:6px;background:#163b46;border-radius:7px;margin:10px 0 20px}.progress i{display:block;width:94.2%;height:100%;background:linear-gradient(90deg,#1fded5,#d8ff43);border-radius:7px}.purchase-meta{display:flex;justify-content:space-between;color:#688c94;font-size:.48rem}.purchase-meta b{color:white}.demo-note{text-align:right;margin:13px 0 0;color:#577b83;font-size:.55rem;letter-spacing:.04em}
@media(max-width:980px){.b2b-shell{grid-template-columns:1fr}.b2b-side{display:none}.b2b-heading{grid-template-columns:1fr}.b2b-heading>p{margin-top:15px}.b2b-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.b2b-showcase{padding:78px 4vw}.b2b-workspace{padding:12px}.b2b-grid{grid-template-columns:1fr}.order-status{grid-row:auto}.b2b-kpis article>b{font-size:1.05rem}.service-row{grid-template-columns:1.4fr .8fr .6fr}.service-row>span:nth-child(2){display:none}.service-row.head span:nth-child(2){display:none}.purchase-panel{display:none}.b2b-heading h2{font-size:2.8rem}}