.shell{grid-template-columns:352px minmax(0,1fr)}.shell:has(.devices){grid-template-columns:352px minmax(0,1fr) 116px}.sidebar{overflow-y:auto}.sidebar nav{gap:5px}.nav{min-height:65px;height:65px}.nav em{margin-left:auto;padding:3px 8px;border-radius:99px;background:#1d9bf0;font-style:normal;font-size:12px}.workspace{height:100%;overflow:auto;background:#020b1a}.platform-bar{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #17334e;background:#06152a}.platform-bar>div{display:flex;align-items:center;gap:12px}.platform-bar>div:first-child>i{display:grid;width:50px;height:50px;place-items:center;border-radius:14px;background:#1599f1;font-size:30px;font-style:normal;font-weight:900}.platform-bar span{display:flex;flex-direction:column}.platform-bar button{padding:12px 16px;border:1px solid #19405d;border-radius:13px;background:#061c31;font-weight:800}.platform-bar button.on{border-color:#158ee7;background:linear-gradient(120deg,#126baf,#33277c)}
.home-banner,.home-block,.ad-hero,.ad-block,.simple-head{margin:18px;border:1px solid #154263;border-radius:22px;background:#071a34}.home-banner{position:relative;display:flex;align-items:center;gap:28px;height:146px;padding:25px 60px;overflow:hidden;background:linear-gradient(110deg,#031229,#04357f)}.home-banner .big-r{font-size:76px;font-weight:900;color:#25d3f2}.home-banner div:nth-child(2){display:flex;flex-direction:column}.home-banner b{font-size:48px}.home-banner span{font-size:21px}.home-banner>i{position:absolute;right:20%;font-size:120px;color:#2ae9f2}.home-block{padding:18px}.home-block>h2{margin:0 0 16px}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-cards article{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:18px;border:1px solid #184366;border-radius:18px}.platform-cards article>i{display:grid;width:62px;height:62px;place-items:center;border-radius:16px;background:linear-gradient(140deg,#139eed,#6731ec);font-size:34px;font-style:normal}.platform-cards h2,.platform-cards p{margin:0}.platform-cards small{display:block;margin-top:8px}.platform-cards button{grid-column:1/-1;padding:12px;border:0;border-radius:12px;background:linear-gradient(90deg,#167bf3,#25cee6);font-weight:900}.quick-links{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quick-links button{display:grid;grid-template-columns:1fr auto;padding:15px;border:1px solid #163b5c;border-radius:13px;background:#081c36;text-align:left}.quick-links small{grid-column:1}.quick-links i{grid-column:2;grid-row:1/3;font-size:30px}.home-bottom{display:grid;grid-template-columns:.9fr 1.1fr}.recent{display:grid;width:100%;grid-template-columns:54px 1fr auto;padding:12px;border:1px solid #183956;border-radius:12px;background:#071a30;text-align:left}.recent em{padding:4px;border-radius:8px;background:#158bee;text-align:center}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpis article{padding:14px;border:1px solid #193d5c;border-radius:12px}.kpis b{display:block;font-size:36px}.kpis em{color:#91ebee}.fake-chart{margin-top:13px;padding:12px;border:1px solid #173954;border-radius:12px}.fake-chart svg{width:100%;height:65px}.fake-chart polyline{fill:none;stroke:#279bff;stroke-width:5}
.browser-demo{margin:10px;height:calc(100% - 95px);overflow:auto;background:#222}.browser-top{display:flex;gap:12px;padding:9px;background:#2a3c50}.browser-top span{flex:1;padding:5px 12px;border-radius:20px;background:#41536a}.fb-cover{display:flex;height:460px;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 80% 40%,#0856b5,#010a1c 60%)}.fb-cover b{font-size:76px}.fb-cover b span{color:#117af2}.fb-cover small{font-size:28px}.fb-profile{display:flex;align-items:center;gap:14px;padding:20px 8%;background:#272727}.fb-profile>i{display:grid;width:130px;height:130px;place-items:center;border-radius:50%;background:#07112a;color:#1982f3;font-size:64px}.fb-profile>div{flex:1}
.lead-toolbar{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #173954}.lead-toolbar input{flex:1}.lead-toolbar select,.lead-toolbar button{height:48px;padding:0 16px;border:1px solid #1e4a6b;border-radius:7px;background:#0a203a}.lead-layout{display:grid;grid-template-columns:235px 1fr 420px;height:calc(100% - 172px)}.lead-layout>aside,.lead-layout>section{padding:20px;border-right:1px solid #173953}.lead-layout>aside:first-child button{display:block;width:100%;padding:15px;border:0;background:transparent;text-align:left}.lead-layout>aside:first-child button:first-of-type{background:#0e3451}.lead-layout>section{display:flex;align-items:center;justify-content:center;flex-direction:column}.lead-layout>aside:last-child p{display:flex;justify-content:space-between}.lead-layout>aside:last-child>button{width:100%;margin-top:30px;padding:14px;border:0;border-radius:6px;background:#2cc0dd;color:#00101a;font-weight:900}
.task-page{padding:26px}.task-page h2{display:flex;justify-content:space-between}.empty-schedule{padding:25px;border-radius:13px;background:#0a1c38;text-align:center}.task-page article{width:65%;height:620px;margin-top:25px;padding:24px;border-radius:15px;background:#071a34}.task-page article header{display:flex;justify-content:space-between}.success{margin-top:25px;color:#a9bbcf;font-size:18px}.settings-rows{padding:16px}.settings-rows section{margin-bottom:12px;padding:22px 26px;border-left:4px solid #174a6c;background:#081b36}.settings-rows button{margin-left:25px;padding:12px;border:0;border-radius:8px;background:#242728}.settings-rows select{margin-left:12px;min-width:205px}.settings-rows .account-shared{min-height:250px}
.ad-hero{position:relative;padding:30px}.ad-hero small{font-weight:900}.ad-hero h1{margin:10px 0;font-size:42px}.ad-hero button{position:absolute;right:30px;top:60px;padding:16px;border:1px solid #1d91ff;border-radius:14px;background:#1269e8;font-weight:900}.ready-pills{margin:24px;color:#5af2a4}.ad-block{padding:22px}.ad-block>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ad-block article{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:128px;border:1px solid #173f63;border-radius:15px}.project-row{display:flex!important;align-items:center;padding:16px;border-radius:13px;background:#06182e}.project-row>span{display:flex;flex:1;flex-direction:column}.project-row button{padding:12px;border:1px solid #1f557d;border-radius:10px;background:#092643}
.funnel-top,.cloud-card,.template,.persona-card{margin:12px;border:1px solid #173b58;border-radius:17px;background:#06172d}.funnel-top{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:20px}.funnel-top h1,.funnel-top p{margin:0}.funnel-top>button{height:46px;padding:0 15px;border:1px solid #193b58;border-radius:12px;background:#091d34}.modes{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr 1.6fr;border-top:1px solid #16324e;padding-top:12px}.modes button{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:80px;border:1px solid transparent;border-radius:13px;background:transparent}.modes button.on{border-color:#1a79b7;background:#0b3357}.modes p{padding:16px;border:1px solid #17334c;border-radius:12px}.cloud-card{padding:15px}.cloud-card>div:first-child{padding:11px;border:1px solid #1c4a6e;border-radius:10px}.cloud-card>button{display:flex;width:100%;justify-content:space-between;margin-top:12px;padding:14px;border:1px solid #1b486c;border-radius:10px;background:#0a2846}.auth-panel{margin-top:12px;padding:14px;border:1px solid #193e5c;border-radius:12px}.auth-panel h2{display:flex;justify-content:space-between}.auth-panel>div{display:flex;justify-content:space-between;padding:16px;border:1px solid #1c4565;border-radius:10px}.template{display:flex;align-items:center;gap:12px;padding:12px 20px}.template b{margin-right:auto}.persona-card{overflow:hidden}.persona-title{display:flex;width:100%;align-items:center;gap:14px;padding:16px;border:0;background:transparent;text-align:left}.persona-title>span{display:flex;flex:1;flex-direction:column}.persona-form{padding:22px;border-top:1px solid #173651}.persona-form>label{margin-bottom:16px}.persona-form textarea,.sop-editor textarea{min-height:82px;padding:12px;border:1px solid #24506f;border-radius:10px;color:#fff;background:#091d37}.tags{padding:14px;border:1px solid #22506d;border-radius:10px;background:#08243c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.primary{padding:13px 26px;border:0;border-radius:10px;background:linear-gradient(90deg,#1683ef,#27c8e4);font-weight:900}.sop-editor{display:grid;grid-template-columns:260px 1fr;border-top:1px solid #173751}.sop-editor nav,.sop-editor section{padding:18px}.sop-editor nav{border-right:1px solid #173751}.sop-editor nav button{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #18415f;border-radius:9px;background:#09223c;text-align:left}.sop-editor label{margin:14px 0}
.managed-card{display:flex;align-items:center;justify-content:center;flex-direction:column;height:calc(100% - 48px);margin:24px;border:1px solid #285268;border-radius:28px;background:radial-gradient(circle at 70% 0,#164456,#121627 55%,#28183c)}.managed-card>i{display:grid;width:96px;height:96px;place-items:center;border:1px solid #247487;border-radius:26px;color:#70e8ea;font-size:45px}.managed-card h1{font-size:42px}.managed-card p{max-width:700px;text-align:center;font-size:19px}.managed-card>div button{margin:10px;padding:15px;border:1px solid #2c6177;border-radius:15px;background:#243145}.simple-head{display:flex;justify-content:space-between;padding:20px;font-size:20px}.center-message{display:flex;align-items:center;justify-content:center;flex-direction:column;height:70%}.center-message button{padding:13px 22px;border:0;border-radius:8px;background:#1599ef}
.data-page{display:grid;grid-template-columns:1fr 355px}.data-page>main{padding:18px}.data-page>aside{padding:24px;border-left:1px solid #d8e3ec}.data-page>aside button{display:block;width:100%;margin-top:12px;padding:18px;border:1px solid #b3c5d3;border-radius:13px;background:#041124;text-align:left}.data-kpis{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;gap:15px}.data-kpis article{padding:20px;border:1px solid #19415f;border-radius:16px}.data-kpis b{display:block;font-size:27px}.post-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.post-cols>section{margin-top:15px;border:1px solid #d8e3ec;border-radius:17px}.post-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:16px;border-top:1px solid #d8e3ec}.post-cards article{padding:12px;border:1px solid #184362;border-radius:12px}.post-cards article>*{display:block;margin:8px 0}.post-img{display:grid;height:145px;place-items:center;background:#dce5dd;color:#303030;font-size:60px}.setting-tabs{display:grid;grid-template-columns:1fr 1fr;margin:16px;border:1px solid #d8e0e8;border-radius:17px}.setting-tabs button{padding:15px;border:0;background:transparent}.setting-tabs button.on{border:1px solid #173f5f;border-radius:13px;background:#081c36}.system-info{padding:0 28px}.system-info>div{display:grid;grid-template-columns:1fr 1fr;padding:10px}.system-info>article{padding:18px;border:1px solid #1c4565}.schedule-page{padding:20px}.schedule-page>div:first-child{display:flex;justify-content:space-between}.calendar-head{text-align:center;font-size:20px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);margin-top:12px}.calendar>*{min-height:80px;padding:9px;border:1px solid #173a57;background:#06162c}.calendar small{display:block;margin-top:8px;padding:3px;border-radius:4px;background:#125c9d}
@media(max-width:1100px){.shell,.shell:has(.devices){grid-template-columns:90px 1fr}.sidebar .brand b,.nav{font-size:0}.nav{justify-content:center}.nav i{font-size:22px}.upgrade,.sidebar footer,.devices{display:none}.platform-cards,.post-cols{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,1fr)}.home-bottom,.data-page{grid-template-columns:1fr}.data-page>aside{display:none}}