:root{--ink:#000;--muted:#9c9d93;--lime:#dbeb69;--aqua:#98e2de;--cyan:#41d0d5;--orange:#e75221;--glass:rgba(255,255,255,.72);--shadow:2px 4px 28px rgba(0,0,0,.055)}
@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-width:1728px;min-height:1117px;font-family:Hellix,"Avenir Next",sans-serif;color:var(--ink)}
body{background:#edf8f4}button,input,select{font:inherit;color:inherit}button{cursor:pointer}
.screen{position:relative;width:1728px;height:1117px;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}.figma-background{position:absolute;z-index:0;inset:0;width:1728px;height:1117px;pointer-events:none}
.topbar{position:absolute;z-index:10;left:33px;top:29px;width:1644px;height:60px;display:flex;align-items:center}.logo{width:37px;height:37px;display:block}.logo img{width:100%;height:100%;display:block}.topnav{display:flex;gap:16px;margin-left:58px}.topnav a{width:117px;height:54px;display:grid;place-items:center;border-radius:46px;color:#000;text-decoration:none;font-size:16px;font-weight:500;background:rgba(255,255,255,.6);box-shadow:4px 4px 28.4px rgba(0,0,0,.05)}.topnav a:first-child,.topnav a:last-child{width:116px}.topnav a.active{color:#fff;background:#000}
.search{position:absolute;left:795px;top:3px;width:336px;height:54px;padding:0 22px;display:flex;align-items:center;border-radius:46px;background:#fff;box-shadow:2px 4px 26px rgba(0,0,0,.1)}.search input{width:100%;border:0;outline:0;background:transparent;font-size:16px}.search input::placeholder{color:var(--muted)}.search img{width:24px;height:24px}.user-area{position:absolute;left:1317px;top:0;width:327px;height:60px;display:flex;align-items:center}.top-icon{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.6)}.top-icon img:first-child{width:20px;height:20px}.top-icon+.top-icon{margin-left:18px}.notice-dot{position:absolute;left:0;top:0;width:8px!important;height:8px!important}.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;white-space:nowrap}
.rail{position:absolute;z-index:12;left:33px;top:394px;width:66px;height:695px}.rail a{position:absolute;left:0;width:66px;height:66px;border:1px solid #e8ede0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.68);box-shadow:2px 4px 28.7px rgba(0,0,0,.05)}.rail a:nth-child(1){top:0}.rail a:nth-child(2){top:74px}.rail a:nth-child(3){top:148px}.rail a:nth-child(4){top:222px}.rail a:nth-child(5){top:296px}.rail a.settings{top:629px}.rail a img{display:block;object-fit:contain}.rail a:nth-child(1) img,.rail a:nth-child(5) img,.rail a.settings img{width:32px;height:32px}.rail a:nth-child(2) img{width:28px;height:28px}.rail a:nth-child(3) img,.rail a:nth-child(4) img{width:27px;height:27px}.rail a.active{background:#000;border-color:#000}.rail a.active img{filter:invert(1)}
.content{position:absolute;z-index:2;left:124px;top:137px;width:1904px;height:779px}.records-head{position:relative;width:1362px;height:81px}.records-head h1{position:absolute;left:0;top:4px;margin:0;font-size:64px;line-height:71px;font-weight:400;letter-spacing:-1.2px}.new-record{position:absolute;left:294px;top:12px;width:184px;height:57px;padding:8px 17px 8px 9px;border:0;border-radius:56px;background:#fff;box-shadow:6px 4px 30px rgba(0,0,0,.1);display:flex;align-items:center;gap:13px;font-size:16px;font-weight:500}.new-record span{width:40px;height:40px;border:.6px solid rgba(0,0,0,.3);border-radius:50%;display:grid;place-items:center}.new-record img{width:15px;height:15px}.summary-metrics{position:absolute;left:542px;top:0;width:820px;height:81px;display:flex;gap:100px}.summary-item{position:relative;height:81px}.summary-item:nth-child(1){width:227px}.summary-item:nth-child(2){width:194px}.summary-item:nth-child(3){width:199px}.summary-item .chip{position:absolute;z-index:2;top:0;height:27px;padding:5px 18px;border-radius:55px;font-size:15.6px;line-height:17px;font-weight:500;white-space:nowrap;box-shadow:6px 4px 30px rgba(0,0,0,.05)}.chip.archived{left:129px;background:var(--lime)}.chip.completed{left:89px;padding-left:13px;padding-right:13px;background:var(--aqua)}.chip.review{left:84px;padding-left:12px;padding-right:12px;color:#fff;background:var(--orange)}.summary-item p{position:absolute;left:0;top:9px;margin:0;height:72px;display:flex;align-items:baseline;white-space:nowrap}.summary-item p>span{font-size:64px;line-height:71px;letter-spacing:-1.4px}.summary-item p small{margin-left:10px;color:var(--muted);font-size:24px}
.record-section{position:absolute;left:0}.batch-section{top:145px;width:1693px;height:315px}.activity-section{top:526px;width:1904px;height:315px}.section-head{position:relative;height:56px;display:flex;align-items:center}.section-head h2{margin:0;font-size:32px;line-height:36px;font-weight:500}.section-head>p{margin:0 0 0 69px;font-size:16px}.section-head>p strong{font-size:32px;font-weight:500}.filters{position:absolute;left:530px;top:0;height:56px;display:flex;gap:16px}.filters button{height:56px;padding:0 35px;border:1px solid var(--muted);border-radius:56px;background:transparent;font-size:16px;box-shadow:6px 4px 30px rgba(0,0,0,.04)}.filters button:first-child{width:55px;padding:0;border:0;background:#fff}.filters button:nth-child(3){padding-left:56px;padding-right:56px}.filters button:nth-child(4){padding-left:40px;padding-right:40px}.filters button:nth-child(5){padding-left:44px;padding-right:44px}.filters button.active{background:#fff;border-color:transparent}.batch-cards{position:absolute;left:0;top:88px;width:1693px;height:227px;display:flex;gap:8px}.batch-card{position:relative;flex:0 0 332px;height:227px;border-radius:27px;background:rgba(255,255,255,.72);box-shadow:var(--shadow);transition:opacity .22s ease,transform .22s ease}.card-open{position:absolute;z-index:3;left:281px;top:4px;width:50px;height:50px;padding:0;border:.73px solid var(--muted);border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center}.card-open img{width:25px;height:25px}.batch-thumb{position:absolute;left:12px;top:15px;width:58px;height:58px;border-radius:50%;object-fit:cover}.batch-copy{position:absolute;left:22px;top:96px;width:295px}.batch-copy h3{margin:0;font-size:23px;line-height:26px;font-weight:500;white-space:nowrap}.batch-copy p{margin:8px 0 0;color:var(--muted);font-size:15.4px}.batch-tags{position:absolute;left:24px;top:166px;width:283px;height:40px;display:flex;justify-content:space-between}.batch-tags>div{width:68px}.batch-tags>div.wide{width:113px}.batch-tags small{display:block;margin-bottom:5px;color:var(--muted);font-size:11.5px}.tag{height:22px;padding:5px 7px;display:grid;place-items:center;border-radius:22px;font-size:10.5px;line-height:12px;font-weight:500;white-space:nowrap}.tag.aqua{background:var(--aqua)}.tag.lime{background:var(--lime)}.tag.orange{color:#fff;background:var(--orange)}.tag.cyan{color:#fff;background:var(--cyan)}
.activity-section .section-head>p{margin-left:56px}.activity-section .filters{left:530px}.activity-section .filters button:nth-child(2){padding-left:35px;padding-right:35px}.activity-section .filters button:nth-child(3){padding-left:36px;padding-right:36px}.activity-section .filters button:nth-child(4){padding-left:35px;padding-right:35px}.activity-section .filters button:nth-child(5){padding-left:36px;padding-right:36px}.activity-cards{position:absolute;left:0;top:88px;width:1904px;height:314px;display:flex;gap:8px}.activity-card{position:relative;flex:0 0 470px;height:314px;border-radius:27px;background:rgba(255,255,255,.76);box-shadow:var(--shadow);transition:opacity .22s ease,transform .22s ease}.activity-card.featured{background:var(--aqua)}.activity-card-top{position:absolute;left:12px;top:15px;width:435px;height:58px;display:flex;align-items:flex-start}.activity-card-top>img{width:58px;height:58px;border-radius:50%;object-fit:cover}.activity-card-top>p{margin:0 0 0 15px;width:190px}.activity-card-top strong,.activity-card-top small{display:block}.activity-card-top strong{font-size:16px;line-height:18px;font-weight:500}.activity-card-top small{margin-top:7px;color:var(--muted);font-size:12px;white-space:nowrap}.mini{position:absolute;top:-11px;width:48px;height:48px;padding:0;border:.73px solid var(--muted);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16)}.mini:nth-of-type(1){right:59px}.mini:nth-of-type(2){right:0}.mini img{width:21px;height:21px}.mini:nth-of-type(2) img{width:25px;height:25px}.bell-alert:before{content:"";position:absolute;left:-2px;top:-1px;width:8px;height:8px;border-radius:50%;background:var(--orange)}.activity-main{position:absolute;left:17px;top:114px;height:78px;display:flex;align-items:flex-start;gap:19px}.event-icon{width:52px;height:52px;border:.78px solid var(--muted);border-radius:50%;display:grid;place-items:center}.event-icon img{width:19px;height:19px}.event-icon.check img{width:21px;height:21px}.activity-main h3{margin:0;font-size:30px;line-height:33px;font-weight:500;white-space:nowrap}.people{height:38px;margin:7px 0 0;display:flex;align-items:center;gap:24px;color:var(--muted);font-size:16px;white-space:nowrap}.people>span{display:flex}.people img{width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:3px 3px 10px rgba(0,0,0,.1)}.people img+img{margin-left:-7px}.activity-card footer{position:absolute;left:28px;bottom:31px;width:423px;height:51px;display:flex;align-items:flex-start;justify-content:space-between}.activity-card footer small{color:var(--muted);font-size:12px}.activity-card footer button{width:50px;height:50px;margin-top:-1px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#000}.activity-card footer button img{width:21px;height:21px;filter:brightness(0) invert(1)}
.timeline{position:absolute;z-index:20;left:124px;bottom:28px;width:1554px;height:97px;border-radius:46px;background:#fff;box-shadow:2px 4px 26px rgba(0,0,0,.1)}.timeline-title{position:absolute;left:25px;top:8px;width:394px;height:81px;display:flex;align-items:center}.timeline-title h2{margin:0;font-size:24px;font-weight:500;white-space:nowrap}.round{width:44px;height:44px;margin-left:53px;border:.76px solid rgba(0,0,0,.3);border-radius:50%;display:grid;place-items:center}.round img{width:20px;height:20px}.timeline-title strong{margin-left:17px;font-size:20px;font-weight:500;white-space:nowrap}.timeline-track{position:absolute;left:446px;top:8px;width:985px;height:81px;border-radius:83px;background:var(--lime);display:flex;align-items:center;overflow:hidden}.timeline-phase{height:61px;margin-left:-227px;width:435px;border-radius:71px;background:rgba(255,255,255,.4);display:flex;align-items:center;justify-content:flex-end}.timeline-phase span{font-size:20px}.timeline-phase button,.play{width:51px;height:51px;margin-left:26px;margin-right:8px;padding:0;border:.76px solid rgba(0,0,0,.3);border-radius:50%;display:grid;place-items:center;background:transparent}.timeline-phase img{width:25px;height:25px}.timeline-track>i{width:1px;height:40px;background:rgba(0,0,0,.22)}.timeline-track>b{margin:0 49px 0 34px;font-size:20px;font-weight:500;white-space:nowrap}.timeline-people{position:relative;width:162px;height:61px;padding:5px 0 0 6px;border-radius:50px;background:repeating-linear-gradient(115deg,var(--aqua) 0 2px,rgba(255,255,255,.58) 2px 4px)}.timeline-people>img{width:50px;height:50px;border-radius:50%;object-fit:cover;box-shadow:4px 4px 14px rgba(0,0,0,.1)}.timeline-people>img+img{margin-left:-7px}.timeline-people small{position:absolute;left:140px;top:-11px;width:66px;height:29px;padding-top:6px;border-radius:20px;background:#fff;text-align:center;font-size:10px}.timeline-people:after{content:"";position:absolute;left:170px;top:18px;width:1px;height:58px;background:#fff}.matching{margin-left:85px;font-size:20px;white-space:nowrap}.play{flex:0 0 51px;margin-left:38px;margin-right:29px}.play img{width:22px;height:22px}.timeline-track>i:last-of-type{margin-right:0}.timeline-track>b:last-child{margin-left:34px;margin-right:0}.timeline-open{position:absolute;right:25px;top:15px;width:51px;height:51px;padding:0;border:.76px solid rgba(0,0,0,.3);border-radius:50%;display:grid;place-items:center;background:transparent}.timeline-open img{width:25px;height:25px}
.is-hidden{opacity:.12;transform:scale(.985);pointer-events:none}.card-open:hover,.mini:hover,.timeline-open:hover,.timeline-phase button:hover,.play:hover{transform:rotate(5deg)}button,a{transition:transform .18s ease,opacity .18s ease}.new-record:hover{transform:translateY(-2px)}
dialog{padding:0;border:0;border-radius:28px;background:transparent}dialog::backdrop{background:rgba(14,32,29,.26);backdrop-filter:blur(8px)}.dialog-card{position:relative;width:420px;padding:34px;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.18)}.dialog-card h2{margin:0;font-size:34px}.dialog-card>p{color:var(--muted)}.dialog-card label{display:block;margin-top:20px;font-size:14px}.dialog-card input,.dialog-card select{width:100%;height:48px;margin-top:7px;padding:0 14px;border:1px solid #d8ddd4;border-radius:14px;background:#f7faf7}.dialog-close{position:absolute;right:24px;top:20px;border:0;background:transparent;font-size:30px}.dialog-submit{width:100%;height:50px;margin-top:26px;border:0;border-radius:25px;background:var(--lime);font-weight:500}
.summary-item,.batch-card,.activity-card{animation:rise-in .65s cubic-bezier(.16,1,.3,1) both}.summary-item:nth-child(2){animation-delay:.08s}.summary-item:nth-child(3){animation-delay:.16s}.batch-card:nth-child(2),.activity-card:nth-child(2){animation-delay:.05s}.batch-card:nth-child(3),.activity-card:nth-child(3){animation-delay:.1s}.batch-card:nth-child(4),.activity-card:nth-child(4){animation-delay:.15s}.batch-card:nth-child(5){animation-delay:.2s}@keyframes rise-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Exact Figma batch-card cutout and Record Summary drawer */
.batch-card{background:transparent;border-radius:0;box-shadow:none;outline:0}.batch-card-shape{position:absolute;z-index:0;left:-28.6px;top:-32.45px;width:405px;height:300px;max-width:none;pointer-events:none}.batch-thumb,.batch-copy,.batch-tags{z-index:1}.batch-a01[aria-expanded="true"] .card-open{background:rgba(255,255,255,.72)}
.record-drawer{position:absolute;z-index:30;left:1266px;top:310px;width:462px;height:928px;visibility:hidden;opacity:0;transform:translateX(100%);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .24s ease,visibility 0s linear .5s;will-change:transform}.record-drawer.is-open{visibility:visible;opacity:1;transform:translateX(0);transition-delay:0s}.drawer-shell{position:absolute;left:0;top:0;width:462px;height:870px}.drawer-grab{position:absolute;z-index:3;left:185px;top:0;width:92px;height:25px;padding:0;border:0;background:transparent}.drawer-grab span{display:block;width:42px;height:3px;margin:14px auto 0;border-radius:3px;background:#fff}.drawer-hero{position:absolute;z-index:1;left:14.5px;top:30px;width:433px;height:292px;border-radius:24px;object-fit:cover}.drawer-details{position:absolute;z-index:2;left:15px;top:320px;width:432px;height:593px;padding:35px 13px 8px 18px;border-radius:32px;background:rgba(255,255,255,.7);transform-origin:top;clip-path:inset(0 0 100% 0);transform:translateY(-26px);transition:clip-path .55s cubic-bezier(.16,1,.3,1) .12s,transform .55s cubic-bezier(.16,1,.3,1) .12s}.record-drawer.is-open .drawer-details{clip-path:inset(0);transform:translateY(0)}.drawer-heading{width:400px;height:50px;display:flex;align-items:center;justify-content:space-between}.drawer-heading>span{display:flex;align-items:center;gap:20px}.drawer-heading>span img{width:22px;height:22px}.drawer-heading strong{font-size:32px;line-height:36px;font-weight:500;white-space:nowrap}.drawer-heading button{width:50px;height:50px;padding:0;border:.73px solid var(--muted);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.drawer-heading button img{width:25px;height:25px}.drawer-event{position:absolute;left:18px;width:399px;height:232px}.documents-event{top:113px}.status-event{top:353px}.event-time{position:absolute;left:0;top:8px;width:39px;height:216px}.event-time b{display:block;font-size:16px;line-height:18px;font-weight:400}.event-dot{position:absolute;left:9.5px;top:35px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.event-dot img{width:12px;height:12px}.lime-dot{background:var(--lime)}.aqua-dot{background:var(--aqua)}.event-time i{position:absolute;left:19px;top:55px;width:1px;height:161px}.lime-dot+i{background:var(--lime)}.aqua-dot+i{background:var(--aqua)}.drawer-card{position:absolute;left:56px;top:0;width:343px;height:232px;margin:0;border-radius:32px;background:#fff}.drawer-card header{position:absolute;left:28px;right:22px;top:24px;height:32px;display:flex;align-items:center;justify-content:space-between}.drawer-card h3{margin:0;font-size:23px;line-height:26px;font-weight:500}.drawer-card header>img{width:32px;height:32px}.document-grid{position:absolute;left:28px;top:75px;width:242px;height:132px;display:flex;gap:8px}.document-grid figure{position:relative;width:117px;height:132px;margin:0;border-radius:14px;background:#f1f6f5;overflow:hidden}.document-grid figure>img{position:absolute;left:19px;top:11px;width:78px;height:111px;object-fit:cover}.document-grid figcaption{position:absolute;left:19px;bottom:3px;width:78px;height:17px;padding-top:7px;border-radius:9px;background:rgba(255,255,255,.92);font-size:5px;text-align:center}.status-event .event-time{width:37px}.status-event .event-dot{left:8.5px}.status-event .event-time i{left:18.5px}.status-card header{top:25px}.status-card header>img{width:16px;height:16px}.status-card p{position:absolute;left:28px;top:76px;width:285px;margin:0;font-size:16px;line-height:18px}

/* Figma digit reels: the target value is visible before, during the delay and after the roll. */
.odometer{display:inline-flex;overflow:hidden;color:#000;font-variant-numeric:tabular-nums}
.summary-item p>.odometer{height:71px;font-size:64px;line-height:71px;letter-spacing:-1.4px}
.section-odometer{height:36px;font-size:32px;line-height:36px;vertical-align:bottom}
.odometer-digit{position:relative;display:block;width:.56em;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}

/* Each filter has both Figma states: outline when inactive, white when active. */
.filters button,.filters button:first-child{border:1px solid var(--muted);background:transparent}
.filters button.active,.filters button:first-child.active{border-color:transparent;background:#fff}

/* Exact exported thumbnail and the Figma timeline marker geometry. */
.batch-thumb,.activity-card-top>img{image-rendering:auto}
.timeline-phase{flex:0 0 435px}.timeline-track>i{flex:0 0 1px}.timeline-track>i:first-of-type{margin-left:31px}.timeline-track>b:first-of-type{margin:0 35px 0 34px}.timeline-people{flex:0 0 162px}.timeline-people small{left:164px;top:-6px;width:66px;height:28.725px;padding-top:6px;border-radius:20px;background:#fff;overflow:visible}
.timeline-people small::before{content:"";position:absolute;left:27px;top:23px;width:12px;height:8px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%)}
.timeline-people small::after{content:"";position:absolute;left:32.5px;top:28px;width:1px;height:39px;background:#fff}
.timeline-people:after{left:191px;top:58px;width:12px;height:12px;background:#fff;clip-path:polygon(50% 0,82% 75%,18% 75%)}
.play{width:49.515px;height:49.515px;flex-basis:49.515px;margin-right:46px}
.play img{width:22px;height:22px;display:block}

/* Exact Figma 112-series rail glyphs and exported Records components. */
.rail a:nth-child(1) img{width:30px;height:30px}.rail a:nth-child(2) img{width:28px;height:28px}.rail a:nth-child(3) img{width:34px;height:34px}.rail a:nth-child(4) img{width:27px;height:27px}.rail a:nth-child(5) img,.rail a.settings img{width:32px;height:32px}.rail a.active img{filter:none}
.activity-card,.activity-card.featured{background:transparent;box-shadow:none}.activity-card-shape{position:absolute;z-index:0;left:-28.606px;top:-32.446px;width:543px;height:387px;max-width:none;display:block;pointer-events:none}.activity-card-top,.activity-main,.activity-card footer{z-index:1}
.timeline-people>.timeline-time-marker{position:absolute;left:164px;top:-3px;width:66px;height:76px;max-width:none;margin:0;border-radius:0;object-fit:contain;box-shadow:none}.timeline-people:after{content:none}
.timeline-people{padding:0;background:none}.timeline-people>.timeline-avatars-art{display:block;width:162px;height:61px;max-width:none;margin:0;border-radius:0;object-fit:contain;box-shadow:none}