#managers.manager-section{padding:100px 32px 65px;overflow:hidden;background:#fff;color:#0b223b}
.manager-intro{max-width:900px;margin:0 auto;text-align:center}.manager-eyebrow{font-size:12px;letter-spacing:.12em;color:#3d6e9a;margin:0 0 23px}.manager-intro h2{font-family:Satoshi, sans-serif;font-size:clamp(36px,4.4vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}.manager-intro h2 span{color:#3d6e9a}.manager-intro>p:last-child{font-size:18px;line-height:1.65;color:#667e95;max-width:710px;margin:auto}
.manager-stage{max-width:1240px;height:820px;margin:45px auto 0;position:relative;isolation:isolate}.manager-backdrop{position:absolute;inset:65px 115px 90px;display:grid;grid-template-columns:145px 1fr;border:12px solid #e8f1f9;border-radius:23px;background:#f9fcff;transform:perspective(1600px) rotateX(7deg);transform-origin:center top;overflow:hidden;opacity:.65;box-shadow:0 25px 75px #315b7f12;mask-image:linear-gradient(#000 60%,transparent 100%)}
.manager-sidebar{border-right:1px solid #dae5ee;padding:20px 12px;display:flex;flex-direction:column;gap:18px;font-size:11px;color:#6184a3}.manager-brand{display:flex;gap:7px;align-items:center;font-size:21px;color:#163c60;margin-bottom:28px}.manager-brand img{width:25px;height:28px;object-fit:contain}.manager-sidebar>span{padding:8px}.manager-sidebar .selected{border-radius:6px;background:#e3effa;color:#326c9d}.manager-screen{padding:22px;min-width:0}.manager-toolbar{display:flex;justify-content:space-between;font-size:10px;color:#7793ac;border-bottom:1px solid #e2ebf3;padding-bottom:22px}.manager-screen h3{font-size:21px;font-weight:500;margin:25px 0 4px}.manager-screen>p{font-size:11px;margin:0 0 25px;color:#7390a9}.manager-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.manager-metrics>div{padding:15px;background:white;border:1px solid #e0eaf3;border-radius:8px}.manager-metrics span{display:block;font-size:10px;color:#6587a4}.manager-metrics b{display:block;font-size:22px;margin-top:8px;font-weight:500}.manager-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.manager-screen-grid>div{background:white;padding:14px;border:1px solid #e0eaf3;border-radius:8px}.manager-screen-grid h4{font-size:11px;font-weight:500;margin:0 0 16px}.manager-screen-grid p{font-size:9px;padding:10px 0;border-bottom:1px solid #e2ebf3}.manager-screen-grid p span{float:right;color:#6c8da9}.manager-screen-grid .manager-bars{height:140px}
.manager-focus{position:absolute;width:390px;z-index:2}.manager-focus-team{top:0;left:0;width:430px}.manager-focus-pipeline{right:0;top:170px;width:350px}.manager-focus-attention{left:38%;top:465px;width:370px}.manager-panel{background:#fffffffa;border:1px solid #dbe8f4;border-radius:13px;padding:22px;box-shadow:0 18px 48px #315d8720}.manager-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.manager-panel h3{font-size:18px;font-weight:600;letter-spacing:-.03em;margin:0}.manager-panel header>span{font-size:10px;color:#6b87a0}.manager-callout{display:flex;align-items:center;gap:14px;margin:0 0 32px 20px;position:relative;color:#3d6e9a}.manager-callout>span{font-size:11px;letter-spacing:.05em}.manager-callout p{font-size:13px;margin:0}.manager-callout:after{content:'';position:absolute;left:22px;top:23px;height:25px;border-left:1px solid #9ab9d5}.manager-callout:before{content:'';position:absolute;left:20px;top:46px;width:5px;height:5px;background:#3d6e9a;border-radius:50%}.manager-focus-attention .manager-callout{margin:32px 0 0 20px}.manager-focus-attention .manager-callout:after{top:-32px}.manager-focus-attention .manager-callout:before{top:-34px}
.manager-team-labels,.manager-person{display:grid;grid-template-columns:1fr .85fr 1.2fr;gap:12px;align-items:center}.manager-team-labels{font-size:10px;color:#728aa0;padding-bottom:8px}.manager-person{padding:16px 0;border-top:1px solid #e5edf4;font-size:12px}.manager-person:last-child{padding-bottom:0}.manager-person>span:first-child{display:flex;align-items:center;gap:9px}.manager-person>span>i{font-style:normal}.manager-person>span:first-child i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6f0fa;color:#386e9e}.manager-person b{font-weight:500;white-space:nowrap}.manager-progress{display:flex;gap:8px;align-items:center;font-size:10px;color:#5d7e9b}.manager-progress>i{flex:1;height:7px;border-radius:4px;background:linear-gradient(to right,#5c91c0 var(--progress),#e9f0f7 var(--progress))}.manager-pipeline-value{font-size:34px;line-height:1.1;letter-spacing:-.04em;margin-bottom:5px}.manager-chart-caption{font-size:11px;color:#70889d;margin:0 0 22px}.manager-bars{height:145px;display:flex;align-items:end;gap:17px;padding:0 4px 22px;background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#eaf0f6 35px,#eaf0f6 36px)}.manager-bars>div{position:relative;flex:1;height:100%;display:flex;align-items:end;justify-content:center}.manager-bars i{display:block;width:100%;max-width:29px;height:var(--height);background:linear-gradient(#86b1d8,#477fad);border-radius:3px 3px 0 0}.manager-bars span{position:absolute;bottom:-20px;font-size:10px;color:#728ba1}
.manager-panel header>.manager-count{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f6eae5;color:#a66753;font-size:11px}.manager-attention-intro{font-size:11px;color:#6b849b;margin:-12px 0 12px}.manager-alert{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #e5edf4}.manager-alert:last-child{padding-bottom:0}.manager-alert>.material-symbols-rounded{font-size:19px;background:#f0f5fa;border-radius:50%;padding:7px;color:#7f9ab2}.manager-alert>div{flex:1}.manager-alert b{display:block;font-weight:500;font-size:12px}.manager-alert>div>span{display:block;font-size:10px;color:#7a91a5;margin-top:3px}.manager-alert>span:last-child{font-size:10px;color:#a66b58;white-space:nowrap}.manager-example{text-align:center;color:#8799a9;font-size:10px;margin:16px 0 0}
@media(max-width:1100px){.manager-stage{height:835px}.manager-focus-team{width:380px}.manager-focus-pipeline{width:310px;top:190px}.manager-focus-attention{left:25%;top:460px}.manager-backdrop{inset:70px 45px 100px;grid-template-columns:115px 1fr}.manager-panel{padding:19px}.manager-screen{padding:17px}}
@media(max-width:700px){#managers.manager-section{padding:64px 20px 40px}.manager-intro h2{font-size:39px}.manager-intro h2 br{display:none}.manager-intro>p:last-child{font-size:16px}.manager-stage{height:auto;display:grid;gap:32px;margin-top:38px;padding:32px 0 12px}.manager-backdrop{inset:0 -8px auto;height:500px;grid-template-columns:80px 1fr;border-width:7px;opacity:.3;transform:none}.manager-screen-grid{grid-template-columns:1fr}.manager-screen-grid>div:last-child{display:none}.manager-sidebar{padding:16px 6px}.manager-screen{padding:12px}.manager-metrics{gap:5px}.manager-metrics>div{padding:8px}.manager-metrics b{font-size:15px}.manager-focus,.manager-focus-team,.manager-focus-pipeline,.manager-focus-attention{position:relative;top:auto;left:auto;right:auto;width:100%;max-width:430px;margin:auto}.manager-focus-pipeline{width:91%}.manager-focus-attention{width:96%;display:flex;flex-direction:column}.manager-focus-attention .manager-callout{order:-1;margin:0 0 32px 20px}.manager-focus-attention .manager-callout:after{top:23px}.manager-focus-attention .manager-callout:before{top:46px}.manager-panel{padding:19px 16px}.manager-team-labels,.manager-person{gap:7px}.manager-person{font-size:11px}.manager-person>span:first-child{gap:6px}.manager-person>span:first-child i{width:23px;height:23px}.manager-team-labels{font-size:9px}.manager-example{margin-top:24px}}