.period>strong{text-transform:capitalize;font-size:15px}.period-selectors{gap:7px;margin-top:7px;display:flex}.period-selectors select{height:36px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d9e0e7;border-radius:8px;outline:none;padding:0 30px 0 10px;font-size:12px}.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.icon.dex{color:#087d72;background:#e8f5f3}@media (max-width:1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.kpis{grid-template-columns:1fr}}.kpi-label .change.down{color:var(--red)}.directions-head h2{margin:0 0 6px;font-size:24px}.directions-head>p:last-child{color:var(--muted);margin:0;font-size:12px}.direction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.direction-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px;box-shadow:0 5px 22px #142a410d}.direction-title{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding-bottom:18px;display:flex}.direction-title>span{height:38px;color:var(--blue);background:#e8f2ff;border-radius:10px;flex:0 0 38px;place-items:center;font-size:12px;font-weight:900;display:grid}.direction-title h3{margin:1px 0 5px;font-size:17px}.direction-title p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.direction-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding-top:19px;display:grid}.direction-kpis small,.direction-kpis strong{display:block}.direction-kpis small{color:var(--muted);margin-bottom:6px;font-size:10px}.direction-kpis strong{letter-spacing:-.03em;font-size:20px}.direction-progress .progress.compact{width:100%;margin-top:8px}.direction-progress .progress-head{margin-bottom:4px}.direction-kpis .change{color:var(--green);white-space:nowrap;margin-left:4px}.direction-kpis .change.down{color:var(--red)}@media (max-width:1050px){.direction-grid{grid-template-columns:1fr}.direction-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.directions{margin-left:18px;margin-right:18px}.direction-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--navy:#080a0f;--blue:#3b82f6;--green:#35d399;--amber:#ffb547;--red:#ff626a;--violet:#9b87f5;--ink:#f5f7fb;--muted:#9199a8;--line:#ffffff17;--bg:#080a0f}html{background:#080a0f}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 70% -10%,#315dc438,#0000 33%),#080a0f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}main{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px);background:#080a0fc7;height:72px;padding:0 clamp(20px,4vw,64px);position:sticky;top:0}.brand-mark{background:linear-gradient(145deg,#6aa8ff,#226bea);border-radius:12px;width:38px;height:38px;box-shadow:0 10px 30px #2b70ef59}.brand strong{letter-spacing:.18em;font-size:13px}.brand small{color:#767f8f}.source{color:#aeb5c1;background:#ffffff0a;border-color:#ffffff1f}.source.powerbi{color:#6ee7b7;background:#35d39914;border-color:#35d39940}.refresh{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:7px;height:38px;padding:0 13px;display:flex}.avatar{color:#111827;background:#e9eef8}.hero{background:0 0;border-bottom:0;align-items:flex-end;padding:58px clamp(22px,5vw,76px) 38px;position:relative}.hero:after{content:"";background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent);height:1px;position:absolute;bottom:0;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px)}.eyebrow{color:#6fa8ff;letter-spacing:.18em;font-size:11px}.hero h1{letter-spacing:-.065em;background:linear-gradient(#fff 20%,#aeb8c8);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:760px;font-size:clamp(40px,5.3vw,76px);font-weight:650;line-height:.98}.subtitle{color:#8d96a5;margin-top:18px;font-size:clamp(15px,1.4vw,19px)}.period{border:1px solid var(--line);background:#ffffff09;border-radius:18px;padding:16px;box-shadow:inset 0 1px #ffffff0a}.period>span,.period small{color:#778090}.period-selectors select{color:#f6f8fb;background:#11151d;border-color:#ffffff1a;border-radius:12px;height:42px}.period-selectors select:focus{border-color:#4f8cf5;box-shadow:0 0 0 3px #3b82f62e}.period>strong{margin:10px 0 3px;font-size:17px}.demo-banner{color:#b5c9e9;background:#3b82f614;border-color:#3b82f638}.kpis{gap:16px;padding:30px clamp(22px,5vw,76px) 44px}.kpi{border:1px solid var(--line);background:linear-gradient(145deg,#fff1,#ffffff06);border-radius:22px;min-height:250px;padding:24px;overflow:hidden;box-shadow:0 24px 60px #0000003d,inset 0 1px #ffffff0b}.kpi:after{content:"";background:var(--glow,#3b82f61f);filter:blur(4px);border-radius:50%;width:130px;height:130px;position:absolute;bottom:-70px;right:-60px}.kpi:nth-child(2){--glow:#9b87f524}.kpi:nth-child(3){--glow:#2dd4bf1f}.kpi:nth-child(4){--glow:#35d39921}.kpi:nth-child(5){--glow:#ffb54721}.icon{border:1px solid #ffffff12;border-radius:13px;width:40px;height:40px;font-size:12px;top:20px;right:20px;background:#ffffff0f!important}.icon.blue{color:#68a5ff}.icon.violet{color:#a994ff}.icon.dex{color:#54dacb}.icon.green{color:#56dbab}.icon.amber{color:#ffc367}.kpi-label{color:#9ba4b3;min-height:34px;margin:2px 0 23px;padding-right:42px;font-size:13px;line-height:1.35}.kpi-label span{font-size:11px}.kpi>strong{z-index:1;letter-spacing:-.065em;font-size:clamp(36px,3.4vw,54px);font-weight:680;line-height:1;position:relative}.kpi>small{z-index:1;color:#778191;margin-top:12px;font-size:12px;line-height:1.45;position:relative}.progress{z-index:1;margin-top:25px;position:relative}.progress-head{font-size:11px}.track{background:#ffffff13;height:7px}.directions{margin:0 clamp(22px,5vw,76px) 46px}.directions-head{margin-bottom:22px}.directions-head h2{letter-spacing:-.045em;font-size:clamp(28px,3vw,42px)}.directions-head>p:last-child{color:#7e8796;font-size:13px}.direction-grid{gap:18px}.direction-card{border-color:var(--line);background:linear-gradient(155deg,#ffffff0f,#ffffff06);border-radius:22px;padding:26px;box-shadow:0 24px 60px #0003,inset 0 1px #ffffff0a}.direction-title{border-color:var(--line);padding-bottom:22px}.direction-title>span{color:#70a9ff;background:#3b82f61f;border:1px solid #3b82f62e;border-radius:14px;flex-basis:44px;height:44px}.direction-title h3{letter-spacing:-.025em;font-size:19px}.direction-title p{color:#77808f}.direction-kpis{gap:24px 18px;padding-top:24px}.direction-kpis small{color:#858e9e;font-size:11px;line-height:1.35}.direction-kpis strong{letter-spacing:-.055em;font-size:clamp(25px,2vw,34px);font-weight:660}.direction-progress .progress.compact{margin-top:12px}.direction-progress .progress-head{font-size:10px}footer{color:#555e6c;padding-bottom:calc(34px + env(safe-area-inset-bottom))}@media (max-width:1180px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi:nth-child(5){grid-column:span 2}}@media (max-width:680px){.topbar{height:64px;padding:0 16px}.brand-mark{width:35px;height:35px}.brand small,.source,.avatar,.refresh-label{display:none}.refresh{justify-content:center;width:38px;padding:0;font-size:18px}.hero{padding:34px 18px 24px;display:block}.hero:after{left:18px;right:18px}.hero h1{max-width:330px;font-size:45px}.subtitle{max-width:330px;font-size:15px;line-height:1.45}.period{text-align:left;margin-top:28px;padding:14px}.period-selectors{grid-template-columns:1fr .7fr;display:grid}.period-selectors label,.period-selectors select{width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 18px 34px}.kpi{border-radius:18px;min-height:176px;padding:17px}.kpi:nth-child(3),.kpi:nth-child(4),.kpi:nth-child(5){grid-column:span 2;min-height:196px}.icon{border-radius:11px;width:35px;height:35px;top:14px;right:14px}.kpi-label{min-height:31px;margin:0 0 16px;padding-right:32px;font-size:11px}.kpi-label .change{margin:4px 0 0;display:block}.kpi>strong{font-size:38px}.kpi:nth-child(4)>strong,.kpi:nth-child(5)>strong{font-size:42px}.kpi>small{margin-top:9px;font-size:11px}.progress{margin-top:18px}.directions{margin:0 18px 34px}.directions-head h2{font-size:32px}.direction-grid{grid-template-columns:1fr;gap:12px}.direction-card{border-radius:19px;padding:19px}.direction-title{padding-bottom:18px}.direction-title h3{font-size:18px}.direction-title p{font-size:9px}.direction-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px;padding-top:20px}.direction-kpis strong{font-size:27px}.direction-kpis .change{margin:4px 0 0;display:block}.demo-banner{flex-wrap:wrap;align-items:flex-start;margin:16px 18px 0}}