:root{--ink:#000;--muted:#9c9d93;--lime:#dbeb69;--aqua:#98e2de;--glass:rgba(255,255,255,.60);--soft-shadow:.7px 1.4px 9.3px rgba(0,0,0,.05)}
@font-face{font-family:Hellix;src:url("font/HellixTRIAL-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:Hellix;src:url("font/HellixTRIAL-Medium.otf") format("opentype");font-weight:500;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Hellix,"Avenir Next",sans-serif;color:var(--ink)}
body{background:#eef9f4}
button,input{font:inherit;color:inherit}button{cursor:pointer}
.screen{position:relative;width:1728px;height:1117px;margin:0 auto;overflow:hidden;background:radial-gradient(circle at 13% 13%,rgba(219,235,105,.42),transparent 31%),radial-gradient(circle at 72% 34%,rgba(152,226,222,.34),transparent 34%),radial-gradient(circle at 22% 100%,rgba(152,226,222,.30),transparent 26%),linear-gradient(112deg,#fbfff4 0%,#f6fbf7 49%,#e8fafa 100%);box-shadow:0 2px 5px rgba(0,0,0,.25)}
.topbar{position:absolute;z-index:4;left:39px;top:29px;width:1646px;height:60px;display:flex;align-items:center}
.logo{display:block;width:37px;height:37px;flex:0 0 37px}.logo img{display:block;width:100%;height:100%}
.topnav{display:flex;gap:16px;margin-left:58px}
.topnav a{width:117px;height:54px;display:grid;place-items:center;border-radius:999px;color:#000;text-decoration:none;font-size:16px;line-height:18px;font-weight:500;background:rgba(255,255,255,.72);box-shadow:2px 4px 26px rgba(0,0,0,.08)}
.topnav a:first-child{width:118px}.topnav a:last-child{width:116px}.topnav a.active{color:#fff;background:#000}
.search{position:absolute;left:797px;top:3px;width:336px;height:54px;display:flex;align-items:center;padding:0 22px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:2px 4px 26px rgba(0,0,0,.08)}
.search input{width:100%;border:0;outline:0;background:transparent;font-size:16px}.search input::placeholder{color:#9c9d93}.search>img{width:24px;height:24px}
.user-area{position:absolute;left:1319px;top:0;width:327px;height:60px;display:flex;align-items:center}
.plain-icon{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 18px rgba(38,70,65,.08);display:grid;place-items:center;overflow:visible}.plain-icon>img:first-child{width:20px;height:20px}.plain-icon+.plain-icon{margin-left:18px}
.notice-dot{position:absolute;left:1px;top:0;width:8px;height:8px}
.profile{position:absolute;left:149px;top:0;width:178px;height:60px;display:flex;align-items:center;gap:10px}.profile>img{width:60px;height:60px;border-radius:50%;object-fit:cover}.profile span,.profile strong,.profile small{display:block}.profile strong{font-size:16px;font-weight:500}.profile small{color:var(--muted);font-size:16px;line-height:18px;white-space:nowrap}
.rail{position:absolute;z-index:4;left:33px;top:391px;width:66px;height:693px}.rail button,.rail a{position:absolute;left:0;width:66px;height:66px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.72);display:grid;place-items:center;box-shadow:var(--soft-shadow)}.rail button:nth-child(1),.rail a:nth-child(1){top:0}.rail button:nth-child(2),.rail a:nth-child(2){top:74px}.rail button:nth-child(3),.rail a:nth-child(3){top:148px}.rail button:nth-child(4),.rail a:nth-child(4){top:222px}.rail button:nth-child(5),.rail a:nth-child(5){top:296px}.rail button.settings{top:629px;height:64px}.rail button.active,.rail a.active{background:#000}.rail button>img,.rail a>img{width:30px;height:30px}.rail button.active>img,.rail a.active>img{filter:none}
.dashboard{position:absolute;z-index:2;left:136px;top:142px;width:1555px;height:942px}
.page-head{height:71px;display:flex;align-items:flex-start;justify-content:space-between}.page-head h1{margin:0;font-size:60px;line-height:71px;font-weight:400;letter-spacing:-1.4px}.page-head>div{display:flex;gap:18px;margin-top:27px}.page-head button{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.62);display:grid;place-items:center}.page-head button img{width:18px;height:18px}
.board{position:relative;width:1555px;height:843px;margin-top:28px}
.panel{position:absolute;border:0;border-radius:24px;background:var(--glass);box-shadow:var(--soft-shadow);backdrop-filter:blur(24px);overflow:hidden}.portfolio-panel{left:0;top:0;width:512px;height:843px}.near-panel{left:520px;top:0;width:512px;height:268px}.progress-panel{left:520px;top:276px;width:512px;height:268px}.trend-panel{left:1040px;top:0;width:515px;height:544px}.risk-panel{left:520px;top:552px;width:614px;height:291px}.distribution-panel{left:1145px;top:552px;width:409px;height:291px}
.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;display:flex;align-items:center;font-size:24px;line-height:27px;font-weight:500}.panel-head h2>img{display:block;width:28px;height:28px;margin-right:13px;object-fit:contain}.panel-head h2>img.wide-icon{width:38px;height:38px;margin-right:8px}.scan-button,.turn-button{flex:0 0 auto;width:51px;height:51px;padding:0;border:.758px solid rgba(0,0,0,.30);border-radius:50%;background:rgba(255,255,255,.18);box-shadow:1.5px 3px 21.7px rgba(0,0,0,.05);display:grid;place-items:center}.scan-button img{display:block;width:22px;height:22px}.turn-button img{display:block;width:25.456px;height:25.456px;transform:rotate(-45deg)}
.portfolio-inner{position:absolute;left:29px;top:33px;width:453px;height:786px}.portfolio-head{height:52px;padding-left:10px}.portfolio-head h2 img{width:22px;height:22px;margin-right:15px}.portfolio-head .scan-button{width:52px;height:52px}
.portfolio-metrics{position:absolute;left:10px;top:92px;width:427px;height:58px;display:flex;align-items:center;gap:19px}.portfolio-metrics>div{display:flex;align-items:center}.portfolio-metrics>div:first-child{width:197px}.portfolio-metrics>div:last-child{width:211px}.metric-icon{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center}.metric-icon.lime{background:var(--lime)}.metric-icon.aqua{background:var(--aqua)}.metric-icon img{width:25px;height:25px}.portfolio-metrics p{margin:0 0 0 14px}.portfolio-metrics p>small{display:block;color:var(--muted);font-size:14px;line-height:18px;white-space:nowrap}.portfolio-metrics p>span{height:36px;display:flex;align-items:flex-start}.portfolio-metrics p b{margin:8px 0 0 6px;font-size:16px;font-weight:400}
.portfolio-art{position:absolute;left:18px;top:169px;width:418px;height:397px}.portfolio-art img{width:100%;height:100%;object-fit:cover}
.portfolio-status{position:absolute;left:0;top:586px;width:453px;height:200px}.portfolio-status>header{height:22px;padding:0 8px;display:flex;align-items:center;justify-content:space-between}.portfolio-status h3{margin:0;font-size:20px;font-weight:400}.portfolio-status>header>span{display:flex;align-items:center;font-size:10px}.portfolio-status>header img{width:15px;height:15px;margin-right:14px}
.status-grid{height:83px;margin-top:18px;display:grid;grid-template-columns:145px 145px 145px;gap:9px}.status-grid>div{padding:9px 8px;border-radius:8px;background:rgba(255,255,255,.82)}.status-grid>div+div{border-left:0}.status-grid p{margin:12px 0 0;display:flex;align-items:center;font-size:10px;white-space:nowrap}.status-grid p img{width:14px;height:14px;margin-right:8px}
.portfolio-actions{position:absolute;left:0;bottom:0;width:444px;height:55px;display:flex;justify-content:space-between}.review-button{width:372px;height:55px;display:grid;place-items:center;border-radius:999px;color:#000;text-decoration:none;background:var(--lime);font-size:16px;font-weight:500}.portfolio-actions button{width:50px;height:50px;margin-top:2.5px;padding:0;border:0;border-radius:50%;background:rgba(152,226,222,.28);display:grid;place-items:center}.portfolio-actions button img{width:18px;height:18px}
.card-inner{position:absolute}.near-inner{left:32px;top:32px;width:446px;height:201px}.near-inner>.panel-head{height:51px}.hero-number{height:81px;margin-top:23px;display:flex;align-items:center}.hero-number>span:last-child{font-size:72px;line-height:81px;margin-left:7px;letter-spacing:-2px}.support-copy{height:23px;margin-top:23px;padding-left:17px;display:flex;align-items:center;gap:11px;font-size:14px}.support-copy b{height:23px;padding:5px 14px;border-radius:999px;background:var(--lime);font-size:11px;font-weight:500}
.progress-inner{left:37px;top:36px;width:440px;height:197px}.progress-inner>.panel-head{height:50px}.progress-inner .panel-head h2 img{width:28px;height:28px}.progress-labels{height:18px;margin-top:30px;display:flex;justify-content:space-between;font-size:14px}.progress-track{position:relative;height:80px;margin-top:19px;border-radius:16px;background:#fff;box-shadow:var(--soft-shadow);overflow:visible}.progress-fill{position:absolute;left:0;top:0;width:64%;height:80px;border-radius:16px;background:repeating-linear-gradient(116deg,var(--lime) 0 5px,#fff 5px 8px);transform-origin:left center;animation:progress-grow 1.15s .35s cubic-bezier(.16,1,.3,1) both}.progress-copy{position:absolute;z-index:2;left:178px;top:23px;height:35px;padding:8px 17px;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:.7px 1.4px 9.3px rgba(0,0,0,.12);font-size:14px;white-space:nowrap;animation:progress-label .55s 1.1s cubic-bezier(.16,1,.3,1) both}
.trend-inner{position:absolute;left:34px;top:32px;width:451px;height:479px}.trend-inner>.panel-head{height:52px}.trend-inner .panel-head h2 img{width:35px;height:35px;margin-right:7px}.trend-chart{position:relative;height:322px;margin-top:18px}.axis{position:absolute;font-size:11px}.axis.left{left:5px;top:0;width:70px;height:181px;display:flex;flex-direction:column;justify-content:space-between}.axis.right{right:2px;top:0;width:51px;height:180px;display:flex;flex-direction:column;justify-content:space-between}.trend-dotline{position:absolute;left:70px;top:14px;width:308px;height:153px;display:grid;grid-template-columns:repeat(20,4px);column-gap:12px;align-items:center}.trend-bar{position:relative;width:4px;height:153px}.trend-bar span{position:absolute;left:0;width:4px;border-radius:4px;animation:bar-grow .75s cubic-bezier(.16,1,.3,1) both}.trend-bar .bar-up{bottom:76.5px;height:var(--up);background:var(--lime);transform-origin:center bottom}.trend-bar .bar-down{top:76.5px;height:var(--down);background:var(--aqua);transform-origin:center top}.weeks{position:absolute;left:65px;top:204px;width:325px;display:flex;justify-content:space-between;font-size:14px}.trend-counts{position:absolute;left:31px;top:316px;width:394px;height:76px;display:grid;grid-template-columns:191px 191px;gap:12px}.trend-counts>div{padding:7px 8px;border-radius:8px;background:#fff}.trend-counts p{margin:5px 0 0 3px;display:flex;align-items:center;font-size:15px}.trend-counts p img{width:16px;height:16px;margin-right:9px}.alert-row{position:absolute;left:11px;top:428px;width:445px;height:51px;display:flex;align-items:center}.alert-icon{width:52px;height:52px;border:.758px solid rgba(0,0,0,.30);border-radius:50%;display:grid;place-items:center;box-shadow:1.5px 3px 21.7px rgba(0,0,0,.05)}.alert-icon img{width:22px;height:22px}.alert-row p{margin:0 0 0 13px}.alert-row strong,.alert-row small{display:block}.alert-row strong{font-size:16px;font-weight:500}.alert-row small{color:var(--muted);font-size:14px}.figma-switch{position:absolute;right:0;top:4px;width:76px;height:45px;padding:0;border:0;background:transparent}.figma-switch:after{content:"";position:absolute;left:5px;top:6px;width:66px;height:33px;border:1px solid #000;border-radius:25px}.figma-switch img{position:absolute;z-index:1;left:5px;top:12px;width:26px;height:21px;transition:left .25s cubic-bezier(.22,1,.36,1)}.figma-switch[aria-pressed="false"] img{left:45px;opacity:.42}
.risk-inner{position:absolute;left:29px;top:28px;width:548px;height:255px}.risk-inner>.panel-head{height:51px}.risk-inner .panel-head h2 img{width:22px;height:22px;margin-right:14px}.risk-list{margin-top:18px}.risk-row{height:50px;display:grid;grid-template-columns:51px 172px 101px 118px 59px;align-items:center;font-size:12px}.risk-row+.risk-row{margin-top:18px}.risk-row>span{width:51px;height:51px;border:.758px solid rgba(0,0,0,.30);border-radius:50%;display:grid;place-items:center;box-shadow:1.5px 3px 21.7px rgba(0,0,0,.05)}.risk-row>span img{width:25px;height:25px}.risk-row:nth-child(2)>span img{width:22px;height:22px}.risk-row p{margin:0 0 0 11px}.risk-row strong,.risk-row small{display:block}.risk-row strong,.risk-row b,.risk-row em{font-size:12px;line-height:14px;font-weight:500;font-style:normal}.risk-row small{color:var(--muted);font-size:11px;margin-top:3px}.risk-row b{text-align:center}.risk-row em{text-align:center}.risk-row button{width:59px;height:19px;padding:0;border:.5px solid #000;border-radius:25px;background:transparent;font-size:10px}.risk-row.faded{opacity:.18}.risk-fade{position:absolute;left:11px;bottom:0;width:583px;height:52px;object-fit:cover;pointer-events:none}
.distribution-inner{position:absolute;left:29px;top:14px;width:358px;height:255px}.distribution-inner>.panel-head{height:51px}.distribution-inner .panel-head h2{font-size:24px;white-space:nowrap}.distribution-inner .panel-head h2 img{width:22px;height:22px;margin-right:12px}.distribution-map{position:absolute;left:37px;top:0;width:284px;height:255px}.distribution-map>img{position:absolute;left:0;top:0;width:284px;height:284px;animation:chart-reveal 1.15s .45s cubic-bezier(.16,1,.3,1) both}.distribution-map>div{position:absolute;left:83px;top:162px;width:118px;text-align:center}.distribution-map>div small{display:block;margin-top:6px;font-size:12px}.legend{position:absolute;left:15px;bottom:0;width:327px;height:16px;display:flex;gap:14px;align-items:center;font-size:11px;white-space:nowrap}.legend span{display:flex;align-items:center}.legend img{width:8px;height:8px;margin-right:4px}
.odometer{display:inline-flex;overflow:hidden;color:#000}.odometer.small{height:35px;font-size:32px;line-height:35px}.odometer.large{height:81px;font-size:72px;line-height:81px}.odometer-digit{position:relative;display:block;width:.58em;height:1em;overflow:hidden}.odometer-stack{position:absolute;left:0;top:0;width:100%;text-align:center;will-change:transform}.odometer-stack span{display:block;width:100%;height:1em;line-height:1em}
.search-hidden{opacity:.13;filter:grayscale(1)}
.panel,.topnav a,.rail button,.rail a,.page-head button{transition:opacity .2s ease,transform .2s ease}.turn-button:hover,.scan-button:hover{transform:rotate(7deg)}
.figma-switch[aria-pressed="false"] img{left:41px}
@keyframes bar-grow{from{opacity:.25;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes chart-reveal{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes progress-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes progress-label{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Shared 66px dashboard rail geometry. */
.rail{left:33px;top:394px;width:66px;height:692px}
.rail button,.rail a{width:66px;height:66px;border:1px solid #e8ede0;background:rgba(255,255,255,.7)}
.rail button:nth-child(1),.rail a:nth-child(1){top:0}
.rail button:nth-child(2),.rail a:nth-child(2){top:74px}
.rail button:nth-child(3),.rail a:nth-child(3){top:148px}
.rail button:nth-child(4),.rail a:nth-child(4){top:222px}
.rail button:nth-child(5),.rail a:nth-child(5){top:296px}
.rail button.settings,.rail a.settings{top:626px;height:66px}
.rail button:nth-child(1)>img,.rail a:nth-child(1)>img{width:32px;height:32px}
.rail button:nth-child(2)>img,.rail a:nth-child(2)>img{width:28px;height:28px}
.rail button:nth-child(3)>img,.rail a:nth-child(3)>img,.rail button:nth-child(4)>img,.rail a:nth-child(4)>img{width:27px;height:27px}
.rail button:nth-child(5)>img,.rail a:nth-child(5)>img,.rail .settings>img{width:32px;height:32px}
.rail button.active,.rail a.active{border-color:#000;background:#000}