:root{--p:#f40087;--v:#6d2ef2;--s:#f0f0f1;--i:#17151b}*{box-sizing:border-box}body{margin:0;color:var(--i);background:#fff;font-family:Arial,sans-serif}.rail{position:fixed;z-index:20;inset:0 auto 0 0;width:70px;display:flex;flex-direction:column;align-items:center;background:#fff;border-right:1px solid #eee}.logo{width:48px;height:48px;margin:14px 0 18px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#ef3b91,#681ff1);font-size:29px;font-weight:800}.rail nav{width:100%;display:grid}.rail nav button{height:55px;border:0;background:#fff;color:#b2b0b4;font-size:22px;cursor:pointer}.rail nav button.active,.rail nav button:hover{color:var(--p)}.drawer{position:fixed;z-index:18;inset:0 auto 0 70px;width:325px;padding:28px 18px;display:flex;flex-direction:column;background:#fff;box-shadow:10px 0 30px #0002;transform:translateX(-110%);transition:.2s}.drawer.open{transform:none}.drawer-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.drawer-brand b{padding:7px 17px;border-radius:25px;color:#fff;background:linear-gradient(90deg,#ef3b91,#681ff1);font-size:25px}.drawer nav{display:grid}.drawer nav button{height:50px;padding:0 14px;border:0;background:#fff;color:#aaa;text-align:left;font-weight:700}.drawer nav button.active{color:var(--p)}.account{margin-top:auto;padding:18px 10px;border-bottom:2px solid #777;text-align:center}.account>b{display:block;color:var(--p);font-size:18px}.account strong{display:block;margin:7px}.account p{margin:6px;color:#777;line-height:1.3}.account p b{color:#222}main{margin-left:70px}header{position:sticky;z-index:12;top:0;height:62px;padding:7px 14px;display:grid;grid-template-columns:1fr auto auto 44px;gap:10px;background:#fff;border-top:3px solid var(--p)}header label{height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:12px;background:#f3f3f5;font-size:23px}header input{width:100%;border:0;outline:0;background:transparent;font-size:16px}header button{height:44px;border:0;border-radius:12px;background:#fff;color:var(--p)}header .company{padding:0 24px;background:var(--p);color:#fff;font-weight:800}.sync{font-size:24px}.sync-card{position:fixed;z-index:30;right:15px;top:66px;width:340px;padding:18px 22px;background:#fff;box-shadow:0 3px 12px #0004}.sync-card>div{display:flex;justify-content:space-between;font-size:21px}.sync-card button{border:0;background:#fff;color:var(--p);font-size:22px}.sync-card p{position:relative;min-height:54px;margin:8px 0;padding-left:38px}.sync-card i{position:absolute;left:4px;color:var(--p);font-style:normal;font-size:24px}.sync-card b,.sync-card span{display:block}.sync-card span{margin-top:4px;color:#555}.hero{padding:76px 40px 38px;display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;align-items:center;background:#fbfbfc}.hero>h1{color:var(--p);font-size:clamp(48px,5vw,76px);line-height:1.03}.notes{padding:26px 34px;border-radius:20px;background:#eee}.notes h2{margin:0 0 10px;padding-bottom:12px;border-bottom:1px solid;text-align:right}.notes button{width:100%;padding:10px 2px;border:0;border-bottom:1px solid;background:transparent;text-align:left;font-size:18px}.notes button:last-child{border:0}.notes button:first-letter{color:var(--p)}.hero>h2{grid-column:1/-1;text-align:center;font-size:40px}.board,.validations,.charts{margin:0 27px 30px;padding:20px;border-radius:20px;background:var(--s)}.board>h2{color:var(--p);font-size:22px}.board>h2 span{color:#555;font-weight:400;font-size:18px}.summary,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary article,.cards article{padding:18px;border-radius:12px;background:#fff}.summary article{display:flex;justify-content:space-between;align-items:center}.summary article b{font-size:25px}.summary article strong{color:var(--p);font-size:20px}.summary article:last-child{justify-content:center;background:var(--p);color:#fff;text-align:center;font-weight:800}.cards{margin-top:14px}.cards h3{margin:0 0 12px}.cards article>b{display:block;font-size:36px}.cards small{display:block;margin-top:8px;color:#555}.v-title{display:flex;justify-content:center;gap:10px;font-size:21px}.v-title b{color:var(--p);font-size:25px}.validations>h2{text-align:center}.validations>h2 small{padding:6px 9px;border:1px solid var(--v);border-radius:6px;color:var(--v);font-size:11px}.validation{margin-top:12px;overflow:hidden;border:1px solid transparent;border-radius:11px;background:#e5e5e6}.validation.open{border-color:var(--p);background:#fff}.validation>button{width:100%;min-height:62px;padding:12px 17px;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent}.validation>button>b{color:var(--p);font-size:18px}.validation>button span{color:#777}.validation-detail{padding:18px;border-top:1px solid var(--p);background:#fff;line-height:1.5}.validation-detail h3{color:var(--p)}.vendors{display:grid;gap:8px}.vendors div{padding:14px;border-radius:10px;background:#f3f3f3}.vendors b,.vendors span{display:block}.vendors span{margin-top:4px;color:#ff4ca2;font-size:12px}.charts-title{display:flex;justify-content:center;align-items:center;gap:12px}.charts-title h2{color:var(--p)}.charts-title button{padding:7px 10px;border:1px solid var(--p);border-radius:6px;background:#fff;color:var(--p)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px;border:1px solid #8465ff;border-radius:13px}.chart-grid>article{padding:20px;border-radius:12px;background:#fff;text-align:center}.donut{position:relative;width:min(270px,68%);aspect-ratio:1;margin:20px auto;border-radius:50%;background:conic-gradient(#8531f4 0 18%,#a56af6 18% 30%,#5124dd 30% 39%,#8f38ed 39% 47%,#6f24e4 47% 54%,#a56af6 54% 62%,#8531f4 62% 68%,#5124dd 68% 76%,#a56af6 76% 83%,#8f38ed 83% 90%,#5124dd 90% 100%)}.donut.two{transform:rotate(18deg)}.donut:after{content:"";position:absolute;inset:27%;border-radius:50%;background:#fff}.total,.stats div{margin-top:10px;padding:13px;border-radius:10px;background:#eee}.total b,.total strong,.stats b,.stats strong{display:block}.total strong,.stats strong{margin-top:6px;font-size:22px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cta{margin:0 27px;padding:60px 20px;text-align:center;color:#fff;background:linear-gradient(#f50087,#cf74c2)}.cta>span{padding:7px 45px;border:1px solid;border-radius:30px}.cta h2{font-size:25px}.cta p{font-size:22px}.cta button{padding:12px 30px;border:0;border-radius:9px;background:#fff;color:#333}footer{margin:0 27px;padding:13px 18px;display:flex;justify-content:space-between;background:var(--v);color:#fff;font-size:11px}.gate{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#160f18b8;backdrop-filter:blur(7px)}.gate>div{position:relative;width:min(450px,100%);padding:38px;border-radius:20px;background:#fff;text-align:center}.gate>div>button:first-child{position:absolute;right:15px;top:12px;border:0;background:#fff;font-size:27px}.gate i{width:58px;height:58px;margin:0 auto 17px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,#ef3b91,#681ff1);font-size:32px;font-style:normal;font-weight:800}.gate small{color:var(--p);font-weight:800;letter-spacing:.13em}.gate h2{font-size:34px;line-height:1.05}.gate p{color:#777;line-height:1.45}.gate a{padding:14px 20px;display:block;border-radius:9px;color:#fff;background:var(--p);text-decoration:none;font-weight:800}.gate div>button:last-child{margin-top:13px;border:0;background:#fff;color:#777}[hidden]{display:none!important}@media(max-width:850px){header{grid-template-columns:1fr 44px}.date,.company{display:none}.hero{grid-template-columns:1fr}.hero>h1{text-align:center}.hero>h2{grid-column:auto}.summary,.cards,.chart-grid{grid-template-columns:1fr}}@media(max-width:600px){.rail{inset:auto 0 0;width:100%;height:62px;flex-direction:row}.logo{display:none}.rail nav{display:flex}.rail nav button{flex:1}.rail nav button:nth-child(n+5){display:none}main{margin:0;padding-bottom:62px}.drawer{left:0;bottom:62px;width:90vw}.hero{padding:40px 14px 25px}.hero>h1{font-size:52px}.notes{padding:18px}.notes button{font-size:15px}.hero>h2{font-size:31px}.board,.validations,.charts,.cta,footer{margin-left:8px;margin-right:8px}.board{padding:14px}.board>h2 span{display:block;margin-top:4px}.v-title{flex-direction:column}.charts-title{align-items:flex-start;flex-direction:column}.chart-grid{padding:8px}.cta{padding:48px 14px}footer{flex-direction:column;gap:6px}.sync-card{left:8px;right:8px;width:auto}.gate>div{padding:34px 22px}}