.lp{--lp-blue:#285df4;--lp-ink:#142345;--lp-muted:#687691;--lp-line:#e3e8f1;color:var(--lp-ink);background:#fff;font-family:Avenir Next,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;overflow:clip}.lp *,.lp *:before,.lp *:after{box-sizing:border-box}.lp a{color:inherit;text-decoration:none}.lp button{font:inherit;cursor:pointer}.lp h1,.lp h2,.lp h3,.lp p{margin:0}.lp button,.lp a{-webkit-tap-highlight-color:transparent}.lp button:focus-visible,.lp a:focus-visible,.lp summary:focus-visible,.lp [role=tabpanel]:focus-visible{outline:3px solid #6790ff;outline-offset:5px}.lp section[id]{scroll-margin-top:104px}.lp-container{width:min(1160px,calc(100% - 96px));margin-inline:auto}.lp-skip{position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:100;padding:12px 20px;background:#fff;border:2px solid var(--lp-blue);border-radius:8px}.lp-skip:focus{transform:translateY(0)}.lp-header{position:sticky;top:0;z-index:30;background:#fffe;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #e4eaf28c}.lp-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;height:91px}.lp-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:26px;letter-spacing:-1px;line-height:1.1;flex-shrink:0}.lp-brand-caption{display:block;font-size:7.5px;font-weight:600;letter-spacing:1.85px;color:#73819a;line-height:1;margin-top:7px}.lp-brand-symbol{position:relative;display:block;width:38px;height:41px;background:linear-gradient(140deg,#4da7ff,#285df4 65%,#483eec);border-radius:12px;box-shadow:0 5px 14px #285df429,inset 0 1px 2px #ffffff91}.lp-brand-symbol i{position:absolute;top:13px;left:10px;width:5px;height:20px;border-radius:2px;background:#fff}.lp-brand-symbol i:nth-child(2){left:22px;top:9px;height:24px}.lp-brand-symbol b{position:absolute;left:15px;top:8px;width:8px;height:5px;border-radius:2px;background:#fff}.lp-desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:25px;font-size:13px;font-weight:550}.lp-desktop-nav a{color:#60708a;transition:color .2s}.lp-desktop-nav a:hover{color:var(--lp-blue)}.lp-nav-actions{display:flex;align-items:center;gap:12px}.lp-login{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:650;border:1px solid #d7dfed;border-radius:9px;padding:11px 16px;background:#fff;transition:border-color .2s,background .2s}.lp-login:hover{border-color:#acc1fa;background:#f2f6ff}.lp-menu-button{display:none;align-items:center;justify-content:center;border:0;background:transparent;color:var(--lp-ink);width:44px;height:44px;padding:0;border-radius:8px}.lp-mobile-menu{display:none}.lp-hero{position:relative;background:radial-gradient(ellipse at 92% 50%,#e5edff 0,transparent 55%),linear-gradient(135deg,#fbfcff,#f5f8ff);isolation:isolate}.lp-hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#3862ab04 1px,transparent 1px),linear-gradient(90deg,#3862ab04 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.lp-hero-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:15px;padding-block:91px 89px}.lp-eyebrow{display:flex;align-items:center;gap:8px;font-size:8.5px;font-weight:700;letter-spacing:1.8px;color:#4f6b93;margin-bottom:28px}.lp-eyebrow>span{width:6px;height:6px;background:#2d6dfa;border-radius:50%;box-shadow:0 0 0 4px #e3ebff}.lp h1{font-size:clamp(46px,4.6vw,65px);font-weight:750;line-height:1.14;letter-spacing:-3.7px;white-space:nowrap}.lp h1>span{position:relative;color:var(--lp-blue);display:inline-block}.lp h1 svg{position:absolute;bottom:-13px;left:0;width:100%;height:14px;overflow:visible}.lp h1 path{fill:none;stroke:#b3c9ff;stroke-width:5;stroke-linecap:round}.lp-hero-copy>p{margin-top:31px;color:#657490;font-size:15px;line-height:1.85;max-width:470px}.lp-hero-actions{display:flex;gap:16px;align-items:center;margin-top:31px}.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 21px;border-radius:11px;font-size:12px;font-weight:650;line-height:1.5;transition:transform .2s,box-shadow .2s;background:none}.lp-button:hover{transform:translateY(-2px)}.lp a.lp-button-primary{background:linear-gradient(120deg,#327afa,#2859ed);color:#fff;box-shadow:0 8px 20px #285df42d,inset 0 1px #ffffff40}.lp-button-primary:hover{box-shadow:0 10px 26px #285df446}.lp a.lp-button-text{padding-inline:3px;gap:10px;color:#425b84}.lp-button-text svg{transition:transform .2s}.lp-button-text:hover svg{transform:translate(3px)}.lp-hero-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#8491a7;line-height:1.7;margin-top:31px}.lp-hero-note strong{font-weight:500;color:#677991}.lp-note-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #dce6f4;background:#ffffff8c;color:#7595c5}.lp-hero-visual{position:relative;min-width:0;height:440px;display:flex;align-items:center;justify-content:center;perspective:1300px}.lp-orbit{position:absolute;width:480px;height:480px;border:1px solid #ccdaf28f;border-radius:50%;top:-10px;left:2%}.lp-orbit.orbit-two{width:580px;height:580px;top:-58px;left:-7%;border-style:dashed;border-color:#d8e2f29c}.lp-visual-star{position:absolute;top:0;right:46px;color:#7aa4ff;transform:rotate(14deg)}.lp-hero-preview{width:440px;max-width:91%;transform:rotate(-4deg) rotateY(-9deg);position:relative;z-index:2;filter:drop-shadow(0 28px 24px #24468912);animation:lp-arrive .7s ease both}.lp-product{background:#fff;border:1px solid #e1e8f4;border-radius:15px;overflow:hidden;box-shadow:0 12px 40px #274a8910;text-align:left}.lp-product-bar{height:35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf6;background:#fcfdff;padding:0 13px;color:#91a0b4;font-size:8px;gap:10px}.lp-product-bar>span:nth-child(2){display:flex;align-items:center;gap:5px}.lp-window-dots{display:flex;gap:4px}.lp-window-dots i{width:5px;height:5px;border-radius:50%;background:#dde4ef}.lp-window-dots i:first-child{background:#aebed6}.lp-product-bar .lp-demo-label{font-size:6px;letter-spacing:1px;color:#6e80a1;border:1px solid #e1e7f2;padding:1px 4px;border-radius:3px}.lp-product-layout{display:grid;grid-template-columns:48px 1fr}.lp-product-rail{display:flex;flex-direction:column;align-items:center;gap:15px;padding:18px 6px 14px;border-right:1px solid #eef1f8;background:#fafcff;color:#a0aec3}.lp-product-rail>span{display:grid;place-items:center;width:30px;height:29px}.lp-product-rail>span.active{background:#eaf0ff;color:#3970e9;border-radius:6px}.lp-mini-brand{display:grid;place-items:center;width:26px;height:28px!important;border-radius:8px;background:linear-gradient(140deg,#4594ff,#294df1);color:#fff;font-size:21px;font-weight:800;font-style:italic;line-height:1;margin-bottom:8px}.lp-product-rail .lp-rail-bottom{margin-top:auto}.lp-product-content{padding:20px 21px 10px;min-width:0}.lp-product-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.lp-product-title small{display:block;color:#8b9cba;font-size:6px;letter-spacing:1.4px;margin-bottom:3px}.lp-product-title strong{font-size:15px;letter-spacing:-.3px}.lp-product-avatar{display:grid;place-items:center;background:#e5eeff;border:2px solid #fff;box-shadow:0 0 0 1px #edf1f9;width:26px;height:26px;border-radius:50%;font-size:8px;color:#557bd2;font-weight:650}.lp-product-welcome{position:relative;overflow:hidden;border-radius:9px;background:linear-gradient(115deg,#1b438f,#3377ed);padding:15px 17px;color:#fff}.lp-product-welcome>span:first-child{font-size:8px;color:#c7d8f8;display:block;margin-bottom:4px}.lp-product-welcome>strong{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:550;position:relative;z-index:1}.lp-welcome-orbit{width:120px;height:120px;border:19px solid #ffffff0e;border-radius:50%;position:absolute;right:10px;top:-54px}.lp-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.lp-mini-metrics>div{position:relative;padding:8px 10px 7px;border:1px solid #e9eef6;border-radius:7px;background:#fafcff;overflow:hidden}.lp-mini-metrics small{font-size:7px;color:#8191aa;display:block}.lp-mini-metrics strong{font-size:21px;font-weight:650;letter-spacing:-.8px;line-height:1.5}.lp-mini-metrics strong>span{font-size:7px;color:#8a9ab1;font-weight:500;letter-spacing:0}.lp-mini-metrics i{position:absolute;right:-3px;bottom:0;width:36px;height:22px;background:#dce8ff;clip-path:polygon(0 100%,0 80%,28% 55%,55% 66%,78% 22%,100% 0,100% 100%)}.lp-mini-metrics i.green{background:#daefdf}.lp-mini-metrics i.orange{background:#f7e8cb}.lp-mini-heading{display:flex;justify-content:space-between;font-size:9px;font-weight:650;margin:15px 0 3px}.lp-mini-heading>span{color:#8b9ab0;font-size:8px;font-weight:400}.lp-task-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0f3f8}.lp-task-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;flex-shrink:0;background:#ecf2ff;color:#5c86d8}.lp-task-icon.lilac{background:#f0ecff;color:#9a82d7}.lp-task-row>div{min-width:0}.lp-task-row strong{font-size:9px;font-weight:600;display:block;white-space:nowrap}.lp-task-row small{display:block;font-size:6.5px;color:#92a0b5}.lp-task-row b{font-size:6px;font-weight:500;padding:3px 5px;border-radius:4px;margin-left:auto;white-space:nowrap}.lp-status-green{color:#559479;background:#edf8f0}.lp-status-blue{color:#6488c2;background:#edf3ff}.lp-product-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#99a8bc;font-size:6px;padding-top:12px}.lp-product-foot>span{display:flex;align-items:center;gap:4px}.lp-product-foot>span>span{width:4px;height:4px;background:#78b797;border-radius:50%}.lp-floating-card{position:absolute;display:flex;align-items:center;gap:11px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px #2549801a,inset 0 1px #fff;border:1px solid #fff;border-radius:13px;padding:13px 16px;z-index:3;animation:lp-float 6s ease-in-out infinite}.lp-floating-card strong{display:block;font-size:11px;font-weight:650}.lp-floating-card small{display:block;font-size:8px;color:#899ab3;margin-top:2px}.lp-floating-face{bottom:8px;left:-13px}.lp-float-icon{width:42px;height:42px;background:#edf3ff;border-radius:11px;display:grid;place-items:center;color:#407bed}.lp-float-check{display:grid;place-items:center;margin-left:12px;width:22px;height:22px;border-radius:50%;background:#e1f1e8;color:#69a186}.lp-floating-task{top:16px;right:-22px;animation-delay:-3s;padding:12px 15px}.lp-floating-task>span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#e4efff;color:#4779d2}.lp-floating-task>svg{color:#97a9c3;margin-left:14px}.lp-preview-caption{position:absolute;bottom:-26px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1.5px;color:#95a5bd}.lp-hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dae3f1;padding-block:20px;color:#8a9ab2}.lp-hero-bottom>span{font-size:8px;letter-spacing:1.8px;font-weight:600}.lp-hero-bottom>a{display:flex;gap:12px;align-items:center;font-size:10px;color:#6c809e}.lp-hero-bottom svg{background:#e9eff9;border-radius:50%;padding:3px;box-sizing:content-box}.lp-module-strip{border-bottom:1px solid var(--lp-line);background:#fff}.lp-module-strip>.lp-container{display:flex;align-items:center;justify-content:space-between;padding-block:31px;gap:20px}.lp-module-strip span{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:550;color:#8593aa}.lp-module-strip svg{color:#a0b0c8}.lp-section{padding-block:103px}.lp-kicker{display:block;font-size:8px;font-weight:700;letter-spacing:1.9px;color:#6e89b3;margin-bottom:20px}.lp h2{font-size:40px;line-height:1.24;letter-spacing:-1.75px;font-weight:650}.lp h2>span{color:#8b9bb3}.lp-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}.lp-section-heading>p{max-width:335px;color:#7a89a0;font-size:13px;line-height:1.8;padding-bottom:5px}.lp-feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--lp-line);gap:14px}.lp-feature-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:0;border-bottom:2px solid transparent;border-radius:0;padding:18px 7px;background:transparent;color:#8b9ab0;font-size:11px;font-weight:550;margin-bottom:-1px;transition:color .2s,border-color .2s}.lp-feature-tabs button>svg:last-child{margin-left:auto;width:14px;opacity:0}.lp-feature-tabs button:hover{color:#446cbe}.lp-feature-tabs button[aria-selected=true]{color:var(--lp-blue);border-color:var(--lp-blue)}.lp-feature-tabs button[aria-selected=true]>svg:last-child{opacity:1}.lp-feature-body{display:grid;grid-template-columns:.95fr 1fr;gap:60px;align-items:center;padding-top:44px;outline-offset:10px!important}.lp-feature-copy{animation:lp-arrive .3s ease}.lp-feature-count{font-size:12px;font-weight:650;color:#4b74c2;display:block;margin-bottom:17px}.lp-feature-count>span{color:#b6c0d0;font-weight:400;margin-left:5px}.lp-feature-copy h3{font-size:26px;line-height:1.45;letter-spacing:-.7px;font-weight:650;margin-bottom:18px}.lp-feature-copy h3 span{display:block}.lp-feature-copy>p{max-width:410px;color:#7d8ba0;font-size:12px;line-height:1.85}.lp ul{padding:0;margin:24px 0;list-style:none;display:grid;gap:12px}.lp ul li{display:flex;align-items:center;gap:10px;font-size:11px;color:#5b708e}.lp ul li>span{display:grid;place-items:center;width:19px;height:19px;flex-shrink:0;border-radius:50%;background:#edf3ff;color:#5980ce}.lp a.lp-inline-link{display:inline-flex;align-items:center;gap:16px;font-size:11px;color:var(--lp-blue);font-weight:650;padding:6px 0;border-bottom:1px solid #cfdcff}.lp-inline-link:hover svg{transform:translate(2px,-2px)}.lp-inline-link svg{transition:transform .2s}.lp-feature-visual{background:radial-gradient(ellipse at 35% 5%,#eef4ff,#e8effb);border:1px solid #e5ecf7;border-radius:20px;padding:36px 37px 22px;min-height:428px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.lp-feature-visual .lp-product{width:100%;max-width:402px;box-shadow:0 15px 35px #42629415}.lp-feature-sample{font-size:7px;color:#9baac0;letter-spacing:.4px;text-align:center;display:block;margin-top:18px}.lp-feature-visual .lp-product-content{min-height:336px;display:flex;flex-direction:column}.lp-feature-visual .lp-product-foot{margin-top:auto}.lp-map-demo{height:170px;border:1px solid #dbe8df;border-radius:9px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 31px,#d7e4db 32px 33px),repeating-linear-gradient(90deg,#eaf1e7 0 40px,#d7e4db 41px 42px)}.lp-map-road{position:absolute;top:-50%;left:20%;width:17px;height:240%;background:#fcfff9;border:1px solid #d4dfd3;transform:rotate(34deg)}.lp-map-road.road-two{transform:rotate(-25deg);left:72%;width:24px}.lp-map-road.road-three{transform:rotate(88deg);left:48%}.lp-map-zone{position:absolute;width:99px;height:99px;border:1px solid #81a7ef;background:#9fbeff31;border-radius:50%;left:calc(50% - 50px);top:26px}.lp-map-pin{position:absolute;top:52px;left:calc(50% - 20px);background:#2b64e5;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;width:39px;height:39px;box-shadow:0 4px 10px #245fc233}.lp-map-pin svg{width:18px}.lp-map-caption{position:absolute;left:calc(50% - 35px);top:97px;font-size:8px;background:#ffffffe0;border-radius:4px;padding:2px 6px;color:#537294}.lp-map-demo>b{position:absolute;bottom:8px;right:9px;background:#fff;border-radius:4px;color:#6c8597;padding:4px 8px;font-size:7px;font-weight:500}.lp-demo-step{display:flex;align-items:center;gap:9px;margin-top:13px}.lp-demo-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#edf3ff;color:#7599d7}.lp-demo-step strong{display:block;font-size:9px;font-weight:550}.lp-demo-step small{display:block;font-size:6px;color:#91a0b5}.lp-demo-step>svg{margin-left:auto;color:#79ad8c;width:14px}.lp-demo-step:last-child>svg{color:#8ea7ce}.lp-team-demo{padding:0 5px 10px}.lp-team-root{display:flex;flex-direction:column;align-items:center;padding:15px;background:linear-gradient(115deg,#f0f5ff,#edf2fb);border:1px solid #e0e7f5;border-radius:9px;color:#507dc7}.lp-team-root strong{font-size:11px;font-weight:600;color:#50658a;margin-top:5px}.lp-team-root small{font-size:7px;color:#91a0bb}.lp-team-line{height:19px;border-left:1px dashed #becde4;margin-left:50%}.lp-team-row{border:1px solid #e6ebf4;border-radius:7px;display:flex;align-items:center;padding:9px;gap:10px;margin-bottom:9px}.lp-team-row>span{background:#edf3ff;color:#7195cf;padding:6px;border-radius:50%;font-size:8px}.lp-team-row strong{display:block;font-size:9px;font-weight:600}.lp-team-row small{font-size:7px;color:#8d9eba;display:block}.lp-team-row>svg{margin-left:auto;color:#9db4d5}.lp-chart-title{display:flex;align-items:center;justify-content:space-between;padding:13px 0 15px}.lp-chart-title small{font-size:6px;color:#8396b3;letter-spacing:1px;display:block}.lp-chart-title strong{font-size:13px;font-weight:550}.lp-chart-title>svg{color:#a4bae5}.lp-bars{display:flex;align-items:flex-end;gap:12px;height:155px;border-bottom:1px solid #e6edf7;padding-inline:10px;background:repeating-linear-gradient(to top,transparent 0 36px,#f0f3f8 37px 38px)}.lp-bars>div{height:100%;position:relative;flex:1;display:flex;align-items:flex-end}.lp-bars span{width:100%;background:linear-gradient(0deg,#719bf4,#b4cdfc);border-radius:5px 5px 0 0}.lp-bars>div:nth-child(6) span{background:linear-gradient(0deg,#285be6,#5295ff)}.lp-bars small{position:absolute;top:100%;margin-top:5px;width:100%;text-align:center;font-size:7px;color:#9babbe}.lp-report-legend{display:flex;justify-content:space-between;font-size:7px;color:#8b9fb8;margin:31px 0 20px}.lp-report-legend>span:first-child{display:flex;align-items:center;gap:4px}.lp-report-legend i{width:5px;height:5px;border-radius:50%;background:#6d96e8}.lp-report-file{display:flex;align-items:center;gap:9px;padding:10px;background:#f7faff;border-radius:7px;color:#88a2cd}.lp-report-file strong{font-size:9px;font-weight:550;display:block;color:#5c7398}.lp-report-file small{font-size:7px;display:block}.lp-report-file>svg:last-child{margin-left:auto}.lp-process{background:#f7f9fd;border-block:1px solid #edf1f8;padding:85px 0 88px}.lp-process .lp-section-heading{margin-bottom:47px}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.lp-step-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dae3f2;padding-bottom:20px;margin-bottom:23px;position:relative}.lp-step-top:after{content:"";position:absolute;bottom:-4px;right:0;width:7px;height:7px;border-radius:50%;background:#b4c6e4;box-shadow:0 0 0 5px #f7f9fd}.lp-step-top>span{font-size:32px;line-height:1;color:#b2c5e6;font-weight:450;letter-spacing:-1.5px}.lp-step-top>svg{color:#7f9fce}.lp-steps h3{font-size:15px;font-weight:650;letter-spacing:-.4px;margin-bottom:12px}.lp-steps p{font-size:11px;color:#8390a6;line-height:1.9}.lp-roles{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;align-items:center}.lp-role-intro>p{color:#7b8aa4;font-size:13px;line-height:1.9;margin-top:22px}.lp-role-count{display:flex;gap:18px;align-items:center;margin-top:30px}.lp-role-count>strong{font-size:62px;line-height:1;letter-spacing:-3px;font-weight:600;color:#d7e3f8}.lp-role-count>span{font-size:11px;line-height:1.8;color:#94a3b9}.lp-role-picker{display:grid;grid-template-columns:160px 1fr;border:1px solid #e3eaf5;border-radius:18px;background:linear-gradient(125deg,#f9fbff,#f0f5ff);overflow:hidden}.lp-role-buttons{background:#fff;border-right:1px solid #e6edf6;padding:22px 13px;display:flex;flex-direction:column;gap:10px}.lp-role-buttons>button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#8494ae;font-size:10px;padding:12px 10px;border-radius:9px;text-align:left}.lp-role-buttons>button>svg{width:16px;flex-shrink:0}.lp-role-buttons>button>svg:last-child{margin-left:auto;width:12px;opacity:0}.lp-role-buttons>button[aria-pressed=true]{color:var(--lp-blue);background:#eaf1ff}.lp-role-buttons>button[aria-pressed=true]>svg:last-child{opacity:1}.lp-role-buttons>button:hover{background:#f1f5fc}.lp-role-detail{padding:31px 29px;min-height:374px}.lp-role-emblem{position:relative;width:67px;height:70px;background:linear-gradient(145deg,#fff,#e2edff);border:1px solid #fff;border-radius:21px;box-shadow:0 8px 18px #3c71bf13;display:grid;place-items:center;color:#5f8edd;margin-bottom:25px}.lp-role-emblem>span{position:absolute;bottom:-4px;right:-5px;width:20px;height:20px;background:#5883df;color:#fff;border:3px solid #f3f7ff;border-radius:50%;display:grid;place-items:center}.lp-role-detail>small{font-size:6px;letter-spacing:1px;color:#8a9dc0;font-weight:600;display:block}.lp-role-detail h3{font-size:22px;font-weight:650;letter-spacing:-.6px;margin:7px 0 12px}.lp-role-detail>p{font-size:11px;line-height:1.85;color:#7b8fab}.lp-role-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.lp-role-tags>span{font-size:7px;border:1px solid #dce6f7;border-radius:5px;padding:4px 7px;color:#7690b8;background:#f9fbff}.lp-mobile-section{background:#eef4ff;position:relative;overflow:hidden;border-block:1px solid #e8eef8}.lp-mobile-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:60px}.lp-mobile-copy h2{font-size:37px}.lp-mobile-copy>p{font-size:12px;line-height:1.9;color:#7e91b0;max-width:380px;margin-top:21px}.lp-mobile-copy ul{margin-block:25px}.lp-mobile-copy ul li>span{background:#dfeaff}.lp-mobile-art{height:443px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}.lp-mobile-orbit{position:absolute;z-index:-1;width:360px;height:360px;border:1px solid #d9e5fa;border-radius:50%;box-shadow:0 0 0 50px #e8f0ff,0 0 0 51px #dae6fb}.lp-phone{position:relative;width:225px;background:#f5f8fe;border:6px solid #fff;box-shadow:0 25px 42px #33538420,0 0 0 1px #d9e3f3;border-radius:35px;overflow:hidden;transform:rotate(-7deg)}.lp-phone-top{display:flex;align-items:center;justify-content:space-between;padding:9px 15px 10px;font-size:7px;color:#758bb0;position:relative}.lp-phone-island{width:55px;height:12px;border-radius:10px;background:#243756;position:absolute;top:7px;left:calc(50% - 27px)}.lp-phone-content{padding:13px 15px 29px}.lp-phone-brand{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:750;letter-spacing:-.4px;margin-bottom:27px}.lp-phone-brand>.lp-mini-brand{width:18px;height:21px!important;font-size:14px;border-radius:6px;margin:0}.lp-phone-brand>svg{margin-left:auto;color:#8ba0be}.lp-phone-content>small{font-size:5px;letter-spacing:1.2px;font-weight:600;color:#8399ba}.lp-phone-title{font-size:18px;line-height:1.4;display:block;letter-spacing:-.6px;margin:6px 0 10px}.lp-phone-date{display:flex;gap:4px;align-items:center;font-size:7px;color:#90a3c0}.lp-phone-date>svg{width:10px}.lp-phone-card{background:linear-gradient(120deg,#3587ff,#2857ec);border:1px solid #fff;border-radius:13px;box-shadow:0 7px 15px #3973e52e;color:#fff;padding:14px 12px;margin:19px 0 12px}.lp-phone-card>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lp-phone-card>strong{font-size:13px;font-weight:550}.lp-phone-card>p{font-size:6px;color:#c4d8ff;margin-top:2px}.lp-phone-card>div{display:flex;justify-content:space-between;align-items:center;font-size:6px;background:#fff2;padding:8px;border:1px solid #ffffff25;border-radius:6px;margin-top:13px}.lp-phone-task{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #edf1fa;border-radius:10px;padding:10px 9px}.lp-phone-task>span{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#edf3ff;color:#7191ca}.lp-phone-task strong{display:block;font-size:8px}.lp-phone-task small{display:block;font-size:6px;color:#9bacc4}.lp-phone-task>svg{margin-left:auto;color:#a5b4cb}.lp-phone-navigation{display:flex;justify-content:space-between;padding-top:21px;color:#a7b6cc}.lp-phone-navigation>span{display:grid;place-items:center;width:30px;height:28px}.lp-phone-navigation>span.active{color:#2b64e5;background:#e0eaff;border-radius:8px}.lp-phone-home{position:absolute;bottom:7px;left:calc(50% - 30px);width:60px;height:3px;background:#bcc9dd;border-radius:5px}.lp-mobile-badge{position:absolute;right:5px;bottom:50px;padding:12px 15px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #f8faff;border-radius:11px;color:#6884b2;font-size:9px;box-shadow:0 13px 30px #46689916;transform:rotate(3deg)}.lp-mobile-badge>svg{color:#7dad95;width:14px}.lp-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.lp-faq>div>p{margin-top:22px;font-size:13px;color:#8a99b0;line-height:1.9}.lp-faq-list{border-top:1px solid var(--lp-line)}.lp-faq-list details{border-bottom:1px solid var(--lp-line)}.lp-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:550;color:#41577b}.lp-faq-list summary::-webkit-details-marker{display:none}.lp-faq-list summary>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f1f5fc;color:#92a5c1;flex-shrink:0;transition:transform .2s}.lp-faq-list summary>span>svg{width:14px}.lp-faq-list details[open] summary>span{transform:rotate(180deg);background:#e7efff;color:#3976df}.lp-faq-list details>p{color:#7e8fa8;font-size:12px;line-height:1.95;padding:0 35px 24px 0;max-width:550px}.lp-final-wrap{padding-bottom:60px}.lp-final{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:52px 57px;background:linear-gradient(115deg,#17376f,#265bdd);border:1px solid #416be0;border-radius:22px;box-shadow:inset 0 1px #ffffff21}.lp-final .lp-kicker{color:#9fbde9;margin-bottom:18px}.lp-final h2{font-size:36px;line-height:1.3;color:#fff;letter-spacing:-1.2px}.lp-final p{font-size:11px;color:#afc6ec;margin-top:16px}.lp a.lp-button-white{color:#31588f;background:#fff;border:1px solid #fff;box-shadow:0 6px 18px #0e347331;white-space:nowrap;gap:26px}.lp-final-orbit{position:absolute;z-index:-1;right:-40px;top:-58px;width:410px;height:410px;border:1px solid #ffffff0d;border-radius:50%;box-shadow:0 0 0 57px #ffffff04,0 0 0 58px #ffffff07,0 0 0 111px #ffffff04,0 0 0 112px #ffffff05}.lp-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-top:10px}.lp-footer .lp-brand{font-size:24px}.lp-footer .lp-brand-symbol{width:33px;height:37px;border-radius:10px;transform:scale(.9);transform-origin:left center;margin-right:-3px}.lp-footer .lp-brand-caption{font-size:6px;letter-spacing:1.4px}.lp-footer p{font-size:10px;color:#8d9db4;margin-top:18px}.lp-footer>nav{display:flex;gap:28px;font-size:10px;color:#7d8fab}.lp-footer>nav>a{display:flex;align-items:center;gap:8px}.lp-footer>nav>a:hover{color:var(--lp-blue)}.lp-footer-bottom{border-top:1px solid var(--lp-line);padding:22px 0 26px;margin-top:13px;width:100%;display:flex;align-items:center;justify-content:space-between;color:#9babbd;font-size:8px}.lp-footer-bottom>a{display:flex;gap:7px;align-items:center}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes lp-arrive{0%{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.lp-hero-layout{padding-block:108px 105px}.lp h1{font-size:67px}}@media(max-width:1100px){.lp-container{width:calc(100% - 64px)}.lp-desktop-nav{gap:21px;margin-right:3px}.lp-hero-layout{gap:5px;padding-block:76px 77px}.lp h1{font-size:53px;letter-spacing:-2.7px}.lp-hero-copy>p{font-size:13px}.lp-hero-actions{gap:12px}.lp-button{font-size:11px;gap:18px;padding:14px 17px}.lp-eyebrow{font-size:7px;letter-spacing:1.5px}.lp-hero-visual{height:390px}.lp-floating-face{left:-18px;bottom:-10px}.lp-floating-task{right:-7px;top:-10px}.lp-orbit{width:390px;height:390px}.lp-orbit.orbit-two{width:480px;height:480px;top:-47px}.lp-preview-caption{bottom:-39px}.lp-hero-preview{max-width:95%}.lp-product-content{padding:17px 15px 11px}.lp-product-layout{grid-template-columns:42px 1fr}.lp-feature-body{gap:35px}.lp-feature-tabs button{font-size:10px;gap:8px}.lp-feature-visual{padding-inline:25px}.lp-roles,.lp-faq{gap:40px;grid-template-columns:1fr 1.65fr}.lp-role-picker{grid-template-columns:142px 1fr}.lp-role-buttons{padding:20px 8px}.lp-role-detail{padding-inline:22px}.lp-mobile-layout{gap:55px}.lp-mobile-badge{right:-5px}.lp-final{padding:46px 40px}}@media(max-width:850px){.lp-desktop-nav{display:none}.lp-menu-button{display:flex}.lp-nav{height:80px}.lp-mobile-menu{display:grid;position:absolute;top:100%;left:24px;right:24px;border:1px solid #dce5f5;background:#fff;padding:10px 20px 13px;border-radius:0 0 15px 15px;box-shadow:0 20px 28px #29477115}.lp-mobile-menu>a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:13px;border-bottom:1px solid #edf1f7;color:#56739c}.lp-mobile-menu>a:last-child{border:0}.lp-hero-layout{grid-template-columns:minmax(0,1fr);padding-top:58px;gap:24px;text-align:center}.lp-eyebrow{justify-content:center;font-size:8px;margin-bottom:24px}.lp h1{font-size:63px;letter-spacing:-3px}.lp-hero-copy>p{margin:31px auto 0;font-size:14px}.lp-hero-actions,.lp-hero-note{justify-content:center}.lp-hero-note{text-align:left}.lp-hero-visual{width:490px;max-width:100%;height:440px;margin:30px auto 5px}.lp-hero-preview{max-width:91%}.lp-product-content{padding:20px 21px 10px}.lp-product-layout{grid-template-columns:48px 1fr}.lp-floating-face{left:0;bottom:8px}.lp-floating-task{top:10px;right:-5px}.lp-orbit{width:450px;height:450px;left:5%}.lp-orbit.orbit-two{width:520px;height:520px;left:-3%;top:-40px}.lp-visual-star{top:1px;right:40px}.lp-preview-caption{bottom:-21px}.lp-module-strip span{font-size:11px;gap:7px}.lp-module-strip span>svg{width:18px}.lp-section{padding-block:75px}.lp h2{font-size:33px;letter-spacing:-1.3px}.lp-section-heading>p{max-width:290px;font-size:11px}.lp-feature-body{gap:25px}.lp-feature-tabs{gap:8px}.lp-feature-tabs button{font-size:9px;gap:6px}.lp-feature-tabs button>svg:first-child{width:16px;flex-shrink:0}.lp-feature-tabs button>svg:last-child{display:none}.lp-feature-copy h3{font-size:21px}.lp-feature-copy>p{font-size:11px}.lp ul li{font-size:10px}.lp-feature-visual{padding:24px 15px 18px;min-height:400px}.lp-feature-visual .lp-product-layout{grid-template-columns:33px 1fr}.lp-feature-visual .lp-product-rail{gap:16px;padding-inline:3px}.lp-feature-visual .lp-product-rail>span{width:23px}.lp-feature-visual .lp-product-content{padding:15px 11px 10px;min-height:325px}.lp-product-title strong{font-size:12px}.lp-task-row{gap:5px}.lp-task-row strong{font-size:7px}.lp-task-row small{font-size:6px}.lp-task-row b{font-size:5px;padding:3px}.lp-product-welcome>strong{font-size:10px}.lp-product-welcome{padding:12px}.lp-mini-metrics>div{padding:8px 7px}.lp-mini-metrics{gap:4px}.lp-mini-metrics small{font-size:6px}.lp-mini-metrics strong{font-size:18px}.lp-steps{gap:21px}.lp-steps h3{font-size:13px}.lp-steps p{font-size:10px}.lp-process{padding-block:66px}.lp-roles{grid-template-columns:1fr;gap:30px}.lp-role-intro{position:relative}.lp-role-intro>p{margin-top:18px}.lp-role-count{position:absolute;right:10px;bottom:10px}.lp-role-picker{grid-template-columns:195px 1fr}.lp-role-detail{min-height:335px;padding:25px 33px}.lp-role-buttons{padding:21px;gap:9px}.lp-role-buttons>button{font-size:11px}.lp-role-detail>p{max-width:320px}.lp-mobile-layout{gap:33px}.lp-mobile-copy h2{font-size:28px}.lp-mobile-copy>p{font-size:11px}.lp-mobile-copy .lp-kicker{font-size:7px;letter-spacing:1.1px}.lp-mobile-badge{bottom:35px;right:-12px;font-size:8px}.lp-phone{transform:rotate(-5deg)}.lp-mobile-orbit{width:290px;height:290px}.lp-faq{grid-template-columns:.75fr 1.3fr;gap:35px}.lp-faq-list summary{font-size:12px}.lp-final h2{font-size:28px}.lp-final{padding:35px 30px;gap:20px}.lp-final p{max-width:285px;font-size:10px}.lp a.lp-button-white{gap:14px;padding:13px 16px}}@media(max-width:600px){.lp-container{width:calc(100% - 40px)}.lp-nav{height:73px;gap:10px}.lp-brand{font-size:23px;gap:8px}.lp-brand-symbol{width:33px;height:37px;border-radius:10px}.lp-brand-symbol i{left:9px;top:12px;width:4px;height:18px}.lp-brand-symbol i:nth-child(2){left:20px;top:9px;height:21px}.lp-brand-symbol b{left:13px;top:8px;width:8px;height:4px}.lp-brand-caption{font-size:6px;letter-spacing:1.5px;margin-top:6px}.lp-login{font-size:10px;padding:10px 11px;gap:10px;border-radius:8px}.lp-login>svg{width:14px}.lp-nav-actions{gap:3px}.lp-menu-button{width:36px}.lp-menu-button>svg{width:22px}.lp-mobile-menu{left:14px;right:14px}.lp-hero-layout{padding-top:42px;gap:14px;padding-bottom:45px}.lp-eyebrow{font-size:6.5px;letter-spacing:1.05px;gap:7px;margin-bottom:22px}.lp-eyebrow>span{width:5px;height:5px;box-shadow:0 0 0 3px #e4ecff}.lp h1{font-size:clamp(37px,10.8vw,59px);letter-spacing:-2.1px;line-height:1.2}.lp h1 svg{height:10px;bottom:-9px}.lp-hero-copy>p{font-size:12px;line-height:1.9;max-width:345px;margin-top:26px}.lp-hero-actions{gap:14px;margin-top:25px}.lp-button{font-size:10px;padding:14px 15px;gap:14px}.lp-button>svg{width:17px}.lp a.lp-button-text{font-size:9px;gap:5px}.lp-button-text>svg{width:14px}.lp-hero-note{font-size:9px;margin-top:23px;gap:8px}.lp-note-icon{width:28px;height:28px}.lp-note-icon>svg{width:14px}.lp-hero-visual{height:338px;width:350px;margin-top:31px}.lp-hero-preview{max-width:95%}.lp-hero-visual .lp-product-content{padding:15px 14px 11px}.lp-hero-visual .lp-product-layout{grid-template-columns:37px 1fr}.lp-hero-visual .lp-product-rail{padding-inline:3px;gap:12px}.lp-hero-visual .lp-product-rail>span{width:25px}.lp-product-hero .lp-product-title{margin-bottom:13px}.lp-product-hero .lp-product-title strong{font-size:13px}.lp-product-hero .lp-mini-metrics{margin-top:10px}.lp-product-hero .lp-mini-heading{margin-top:12px}.lp-product-hero .lp-task-row{padding-block:8px}.lp-product-hero .lp-product-foot{font-size:5px;padding-top:9px}.lp-floating-card{padding:10px 11px;border-radius:10px;gap:8px}.lp-floating-card strong{font-size:9px}.lp-floating-card small{font-size:6px}.lp-floating-task{right:-1px;top:-3px}.lp-floating-task>span{width:27px;height:27px}.lp-floating-task>svg{margin-left:3px;width:13px}.lp-floating-task>span>svg{width:15px}.lp-floating-face{left:1px;bottom:-8px}.lp-float-icon{width:33px;height:33px;border-radius:9px}.lp-float-icon>svg{width:21px}.lp-float-check{width:18px;height:18px;margin-left:8px}.lp-float-check>svg{width:12px}.lp-orbit{width:320px;height:320px;top:5px;left:4%}.lp-orbit.orbit-two{width:390px;height:390px;top:-25px;left:-6%}.lp-visual-star{top:-13px;left:10px;right:auto}.lp-visual-star svg{width:22px}.lp-preview-caption{font-size:5px;letter-spacing:1px;bottom:-28px}.lp-hero-bottom{padding-block:17px}.lp-hero-bottom>span{font-size:5.5px;letter-spacing:1.05px}.lp-hero-bottom>a>span{display:none}.lp-hero-bottom svg{width:12px;height:12px}.lp-module-strip>.lp-container{padding-block:22px;gap:12px;display:grid;grid-template-columns:repeat(5,1fr)}.lp-module-strip span{font-size:7px;flex-direction:column;gap:6px}.lp-module-strip span>svg{width:20px;height:20px}.lp-section{padding-block:58px}.lp-kicker{font-size:7px;letter-spacing:1.65px;margin-bottom:15px}.lp h2{font-size:31px;line-height:1.3;letter-spacing:-1.3px}.lp-section-heading{display:block;margin-bottom:27px}.lp-section-heading>p{max-width:320px;margin-top:18px;line-height:1.9;font-size:11px}.lp-feature-tabs{grid-template-columns:repeat(2,1fr);gap:0 15px;border-bottom:0;margin-bottom:3px}.lp-feature-tabs button{font-size:9px;padding:15px 1px;border-bottom:1px solid #e1e8f5;gap:7px}.lp-feature-tabs button[aria-selected=true]{border-bottom-width:2px}.lp-feature-tabs button>svg:first-child{width:17px}.lp-feature-tabs button>svg:last-child{display:block;width:12px}.lp-feature-body{grid-template-columns:1fr;gap:27px;padding-top:29px}.lp-feature-count{font-size:10px;margin-bottom:13px}.lp-feature-copy h3{font-size:23px;line-height:1.45;margin-bottom:13px}.lp-feature-copy>p{font-size:11px;max-width:none}.lp ul{gap:11px;margin-block:20px}.lp ul li{font-size:10px}.lp-feature-visual{padding:26px 27px 17px;min-height:0;border-radius:15px}.lp-feature-visual .lp-product-content{min-height:317px;padding:16px 14px 10px}.lp-feature-visual .lp-product-layout{grid-template-columns:35px 1fr}.lp-feature-sample{margin-top:13px;font-size:6px}.lp-product-title strong{font-size:12px}.lp-process{padding-block:53px}.lp-process .lp-section-heading{margin-bottom:25px}.lp-steps{grid-template-columns:repeat(2,1fr);gap:29px 24px}.lp-step-top{padding-bottom:14px;margin-bottom:18px}.lp-step-top>span{font-size:28px}.lp-step-top>svg{width:20px}.lp-steps h3{font-size:12px;line-height:1.55;letter-spacing:-.2px;margin-bottom:8px}.lp-steps p{font-size:10px;line-height:1.85}.lp-roles{gap:26px}.lp-role-intro>p{font-size:11px}.lp-role-count{gap:11px;bottom:4px;right:0}.lp-role-count>strong{font-size:52px}.lp-role-count>span{font-size:8px}.lp-role-picker{grid-template-columns:1fr;border-radius:14px}.lp-role-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:12px 6px;border-right:0;border-bottom:1px solid #e3eaf7;gap:3px}.lp-role-buttons>button{display:flex;flex-direction:column;padding:10px 3px;gap:5px;text-align:center;font-size:7px}.lp-role-buttons>button>svg:first-child{width:19px;height:19px}.lp-role-buttons>button>svg:last-child{display:none}.lp-role-detail{padding:27px;min-height:313px}.lp-role-detail>small{font-size:6.5px}.lp-role-detail h3{font-size:24px}.lp-role-detail>p{max-width:none;font-size:11px}.lp-role-emblem{margin-bottom:20px;width:59px;height:62px;border-radius:18px}.lp-role-emblem>svg{width:32px}.lp-role-tags{margin-top:19px}.lp-mobile-layout{display:flex;flex-direction:column-reverse;padding-block:51px 30px;gap:18px;align-items:stretch}.lp-mobile-copy h2{font-size:30px}.lp-mobile-copy>p{max-width:none;font-size:11px}.lp-mobile-copy ul{margin-block:20px}.lp-mobile-art{height:443px;margin-top:4px}.lp-mobile-orbit{width:290px;height:290px}.lp-mobile-badge{right:0;bottom:45px;font-size:8px}.lp-faq{grid-template-columns:1fr;gap:26px}.lp-faq>div>p{margin-top:15px;font-size:11px}.lp-faq>div>p br{display:none}.lp-faq-list summary{font-size:12px;padding-block:20px;line-height:1.65}.lp-faq-list details>p{font-size:11px;padding-right:20px}.lp-final-wrap{padding-bottom:39px}.lp-final{display:block;padding:34px 27px;border-radius:17px}.lp-final h2{font-size:27px;line-height:1.35;letter-spacing:-.9px}.lp-final .lp-kicker{font-size:6px;letter-spacing:1.4px}.lp-final p{font-size:10px;max-width:245px;line-height:1.9}.lp-final .lp-button-white{margin-top:25px;font-size:11px;padding:13px 17px;gap:30px}.lp-footer{display:block;padding-top:0}.lp-footer>nav{gap:22px;font-size:9px;margin-top:25px;flex-wrap:wrap}.lp-footer p{font-size:9px;margin-top:15px}.lp-footer-bottom{margin-top:27px;padding:20px 0;font-size:7px}.lp-footer-bottom>a{gap:4px}}@media(max-width:360px){.lp-container{width:calc(100% - 32px)}.lp-nav{gap:5px}.lp-login{padding:9px;gap:6px;font-size:9px}.lp-menu-button{width:30px}.lp h1{font-size:36px;letter-spacing:-1.8px}.lp-hero-copy>p{font-size:11px}.lp-hero-actions{gap:10px}.lp-button{font-size:9px;padding:13px 12px;gap:10px}.lp a.lp-button-text{font-size:8px}.lp-hero-visual{height:324px;margin-top:34px}.lp-hero-preview{max-width:96%}.lp-hero-visual .lp-product-content{padding-inline:10px}.lp-product-bar{padding-inline:8px}.lp-hero-visual .lp-product-layout{grid-template-columns:31px 1fr}.lp-feature-visual{padding-inline:15px}.lp-feature-tabs button{font-size:8px}.lp-hero-bottom>span{font-size:5px}.lp-role-detail{padding-inline:22px}.lp-role-count>span{font-size:7px}.lp-role-count>strong{font-size:44px}.lp-phone{width:210px}.lp-mobile-badge{right:-6px;padding:11px}.lp-final{padding-inline:23px}.lp-final h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.lp *,.lp *:before,.lp *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.lp h1,.lp h2,.lp h3{color:var(--lp-ink)}.lp .lp-final h2{color:#fff}.lp h2>span{color:#72839e}.lp-desktop-nav{font-size:14px}.lp-login{font-size:13px}.lp-section-heading>p,.lp-feature-copy>p,.lp-mobile-copy>p,.lp-faq>div>p{font-size:14px;color:#687b98}.lp-feature-tabs button{font-size:13px}.lp-feature-copy h3{font-size:28px}.lp ul li{font-size:13px;color:#587090}.lp a.lp-inline-link{font-size:13px}.lp-steps h3{font-size:16px}.lp-steps p{font-size:13px;color:#72839e}.lp-role-buttons>button{font-size:12px}.lp-role-detail>p{font-size:13px;color:#677f9f}.lp-faq-list summary{font-size:15px}.lp-faq-list details>p{font-size:14px;color:#6c7e9a}.lp-final p{font-size:13px}.lp-footer>nav{font-size:12px}.lp-footer p{font-size:11px}@media(max-width:1100px){.lp-feature-tabs button{font-size:11px}.lp-role-buttons>button{font-size:10px}}@media(max-width:850px){.lp-feature-tabs button{font-size:10px}.lp-feature-copy h3{font-size:23px}.lp-section-heading>p,.lp-feature-copy>p,.lp-mobile-copy>p{font-size:12px}.lp ul li{font-size:11px}.lp-role-buttons>button{font-size:12px}.lp-steps h3{font-size:14px}.lp-steps p{font-size:12px}}@media(max-width:600px){.lp-login{font-size:10px}.lp-section-heading>p,.lp-feature-copy>p,.lp-mobile-copy>p,.lp-faq>div>p{font-size:13px}.lp-feature-tabs button{font-size:10px}.lp ul li,.lp a.lp-inline-link{font-size:12px}.lp-role-buttons>button{font-size:8px}.lp-role-detail>p{font-size:13px}.lp-faq-list summary{font-size:14px}.lp-faq-list details>p{font-size:13px}.lp-final p{font-size:12px}.lp-footer>nav{font-size:10px}.lp-footer p{font-size:10px}}@media(max-width:360px){.lp-login,.lp-feature-tabs button{font-size:9px}.lp ul li{font-size:11px}.lp-role-buttons>button{font-size:7px}}.lp-hero-copy{min-width:0}.lp-section-heading>p,.lp-feature-copy>p,.lp-mobile-copy>p,.lp-faq>div>p,.lp-role-intro>p,.lp-role-detail>p,.lp-steps p,.lp-faq-list details>p,.lp-footer p,.lp-footer>nav,.lp-footer-bottom,.lp ul li{color:#5f718e}.lp-feature-tabs button:not([aria-selected=true]),.lp-role-buttons>button:not([aria-pressed=true]){color:#5f718e}.lp h2>span{color:#647694}@media(max-width:600px){.lp-role-buttons>button{font-size:10px}.lp-login,.lp-button{min-height:44px}}@media(max-width:360px){.lp-role-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-role-buttons>button{font-size:10px}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233c35;background:#f7f9f8;font-synthesis:none;font-weight:400;line-height:1.5;--green:#1b5141;--green-dark:#12392f;--lime:#c3ef9b;--muted:#82918a;--border:#e6ece8;--surface:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid #dfe7e1;background:#fff;color:#273f36;border-radius:9px;outline:none;min-height:43px;padding:10px 12px;font-size:13px;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#5c9076;box-shadow:0 0 0 3px #1c624012}input::placeholder,textarea::placeholder{color:#9aaba0}textarea{resize:vertical;line-height:1.6}select{cursor:pointer}input[type=file]{padding:9px;background:#f8faf8}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;min-height:16px;flex-shrink:0}input[type=file]::file-selector-button{border:0;border-radius:5px;padding:5px 9px;background:#e5eee8;color:#355743;margin-right:10px;font:inherit}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.3;font-weight:650}h2{font-size:16px;font-weight:650;letter-spacing:-.3px}h3{font-size:14px;font-weight:600}small{font-size:11px}fieldset{border:0;margin:0;padding:0;min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:9px;background:var(--green);color:#fff;font-size:13px;font-weight:550;line-height:1.4;transition:background .15s,transform .15s;white-space:nowrap;min-height:42px}.button:hover{background:#28654f}.button.secondary{color:#355946;background:#fff;border:1px solid #dde7df}.button.secondary:hover{background:#f2f7f2}.button.compact{font-size:12px;min-height:34px;padding:8px 11px}.button.disabled{opacity:.5;cursor:not-allowed}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#7c9084;width:34px;height:34px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#e9f0ea;color:#1e5039}.text-button{padding:0;display:inline-flex;align-items:center;gap:7px;background:none;color:#3d6b4e;font-size:12px;font-weight:550}.text-button:hover{color:#173d2a}.muted{color:var(--muted);font-size:12px;line-height:1.75}.danger-text{color:#c16a50!important}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;color:#829789;display:block;margin-bottom:7px}.logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:680;letter-spacing:-1px;color:#fff}.logo-sub{display:block;font-size:8px;letter-spacing:.2px;color:#a2bdab;font-weight:400;margin-top:-3px}.logo-mark{width:39px;height:39px;background:#c4ef9f;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0}.logo-mark i{display:block;background:#28583e;width:6px;height:17px;margin-top:6px}.logo-mark b{position:absolute;background:#28583e;width:7px;height:7px;border-radius:50%;top:7px}.logo.small{font-size:21px}.logo.small .logo-sub{display:none}.avatar{height:38px;width:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#e4edce;color:#38583c;font-size:15px;font-weight:600;flex-shrink:0}.avatar.small{height:31px;width:31px;font-size:12px;border-radius:10px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;padding:24px;color:#526d5d}.loading-screen .logo,.password-screen .logo{color:var(--green)}.password-screen{max-width:510px;margin:70px auto;padding:20px}.password-screen>.logo{margin-bottom:28px}.password-screen .panel{padding:30px}.password-screen h1{font-size:24px;margin-bottom:24px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{position:relative;background:#163f34;padding:50px 64px;color:#f3f7ec;overflow:hidden;min-height:800px;display:flex;flex-direction:column}.auth-copy{position:relative;z-index:2;margin-top:96px}.auth-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.8px;color:#c3d8b8;font-weight:500}.auth-kicker span{display:block;width:7px;height:7px;border-radius:50%;background:#bfe792}.auth-copy h1{font-size:clamp(38px,4vw,61px);font-weight:520;letter-spacing:-2px;line-height:1.17;margin:24px 0}.auth-copy h1 em{font-style:normal;color:#c5ee9f}.auth-copy>p{font-size:15px;line-height:1.8;max-width:375px;color:#b1c5b7;margin-bottom:27px}.auth-feature{display:flex;align-items:center;gap:10px;font-size:12px;color:#c5d6ca;margin:12px 0}.auth-feature svg{color:#b6db99}.auth-footer{font-size:10px;color:#89a596;margin-top:auto;padding-top:40px;position:relative;z-index:2}.auth-art{position:absolute;width:290px;height:290px;right:-52px;bottom:4px;transform:rotate(-10deg);opacity:.65}.art-orbit{position:absolute;width:265px;height:265px;border:1px solid #91b57f;border-radius:50%}.art-tile{position:absolute;width:130px;height:130px;border-radius:25px;display:flex;align-items:center;justify-content:center}.art-tile.one{left:0;top:0;background:#c4ed9d;color:#264d36;transform:rotate(14deg)}.art-tile.two{right:8px;top:80px;background:#719675;gap:8px;align-items:flex-end;padding:32px}.art-tile.two div{width:15px;background:#cfebad;border-radius:5px 5px 0 0;height:36px}.art-tile.two div:nth-child(2){height:53px}.art-tile.two div:nth-child(3){height:74px}.art-tile.three{bottom:18px;left:7px;background:#254f3d;font-size:80px;transform:rotate(10deg);color:#95b57e}.art-dot{position:absolute;top:3px;right:17px;width:38px;height:38px;border-radius:50%;background:#e5eac4}.auth-form{display:flex;align-items:center;justify-content:center;padding:54px;background:#fafbf9}.auth-form-inner{width:100%;max-width:370px}.auth-shield{display:inline-flex;justify-content:center;align-items:center;color:var(--green);background:#edf3e8;border:1px solid #e4ecdf;border-radius:14px;height:52px;width:52px;margin-bottom:28px}.auth-form h2{font-size:30px;letter-spacing:-1px;margin-bottom:12px}.auth-form-inner>p{font-size:13px;line-height:1.8;color:#85938a;margin-bottom:30px}.auth-form form .button{width:100%;margin-top:8px}.auth-note{display:flex;align-items:flex-start;gap:8px;font-size:11px!important;line-height:1.6!important;margin-top:30px!important}.auth-note svg{flex-shrink:0;margin-top:2px}.field{display:block;margin-bottom:17px}.field>span{display:block;font-size:12px;font-weight:550;color:#4c6155;margin-bottom:7px}.field>small{display:block;margin-top:6px;color:#92a095;font-size:11px;line-height:1.6}.field>span>small{font-weight:400;color:#91a097}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.form-error{display:flex;align-items:flex-start;gap:8px;background:#fff1ed;padding:11px 13px;border:1px solid #f3ddd4;border-radius:8px;color:#b3654e;font-size:12px;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.form-error svg{flex-shrink:0;margin-top:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-divider{height:1px;background:var(--border);margin:24px 0}.form-subtitle{display:flex;align-items:center;gap:8px;margin-bottom:13px}.notice{display:flex;align-items:flex-start;gap:9px;padding:14px;background:#f0f5e9;border:1px solid #e3ecd8;color:#698057;border-radius:9px;font-size:12px;line-height:1.7;margin:16px 0}.notice svg{flex-shrink:0;margin-top:3px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;color:#60725f}.checkbox-label input{margin:3px 0}.checkbox-label small{display:block;color:#92a18e}.weekdays{display:flex;gap:5px;flex-wrap:wrap}.weekdays label{position:relative}.weekdays input{position:absolute;opacity:0}.weekdays span{display:inline-flex;justify-content:center;border:1px solid #e0e8df;border-radius:8px;padding:10px 13px;font-size:12px;color:#718568;cursor:pointer}.weekdays input:checked+span{background:#e9f3dc;border-color:#b8d298;color:#385f37}.weekdays input:focus-visible+span{outline:2px solid var(--green)}.app-layout{display:flex;min-height:100vh}.sidebar{width:239px;position:fixed;left:0;top:0;bottom:0;background:#163f34;color:#c1d1c4;padding:30px 19px 0;display:flex;flex-direction:column;z-index:30}.sidebar>.logo{padding:0 11px;margin-bottom:31px}.workspace-pill{display:flex;align-items:center;gap:10px;padding:13px 11px;border:1px solid #40614e;border-radius:10px;margin-bottom:31px;background:#ffffff03}.workspace-pill>div{flex:1}.workspace-pill strong{font-size:12px;font-weight:500;color:#dce7d8}.workspace-pill small{font-size:10px;display:block;color:#92ae9c}.workspace-icon{width:30px;height:31px;display:flex;align-items:center;justify-content:center;background:#355b45;color:#c9deb9;border-radius:8px;font-size:14px;font-weight:600}.nav-label{color:#769c87;font-size:9px;font-weight:550;letter-spacing:1.6px;padding:0 12px;margin-bottom:12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{display:flex;align-items:center;gap:11px;width:100%;padding:12px 13px;border-radius:8px;background:none;color:#aec7b6;text-align:left;font-size:12px;font-weight:450;min-height:43px;transition:background .15s}.sidebar nav button:hover{background:#ffffff0a;color:#e2efd9}.sidebar nav button.active{background:#c6ed9e;color:#204831;font-weight:600}.sidebar nav button>span{flex:1}.nav-count{display:flex;align-items:center;justify-content:center;background:#ffffff19;min-width:18px;height:18px;font-size:9px;border-radius:5px;font-weight:500}.active .nav-count{background:#315c3d19}.sidebar-note{margin:34px 11px 22px;position:relative;padding:15px 13px;border-radius:10px;background:#264c3c;color:#bccfb6}.sidebar-note strong{font-size:10px;font-weight:450;margin-left:13px}.sidebar-note p{font-size:9px;margin:7px 0 0;line-height:1.7;color:#82a590}.live-dot{display:inline-block;width:6px;height:6px;background:#b9e993;border-radius:50%;position:absolute;left:14px;top:23px}.sidebar-profile{display:flex;align-items:center;gap:9px;margin-top:auto;padding:19px 0;border-top:1px solid #355744;min-width:0}.sidebar-profile>div{min-width:0;flex:1}.sidebar-profile strong{display:block;font-size:11px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dfebd7;max-width:120px}.sidebar-profile small{font-size:9px;color:#88a993}.sidebar-profile .icon-button{color:#9cbaa3;width:25px}.sidebar-profile .avatar{width:33px;height:33px;border-radius:9px;font-size:12px}.main-shell{margin-left:239px;width:calc(100% - 239px);min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;background:#fff;border-bottom:1px solid var(--border)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#9aa79d}.breadcrumb strong{font-weight:500;color:#53735f}.breadcrumb svg{color:#a4b5a7}.topbar-right{display:flex;align-items:center;gap:22px}.top-date{display:flex;align-items:center;gap:8px;color:#819180;font-size:11px}.notification-button{display:flex;justify-content:center;align-items:center;position:relative;padding:0;color:#738672;background:none;height:33px;width:27px}.notification-button i{position:absolute;top:3px;right:1px;width:6px;height:6px;border-radius:50%;background:#c98752;box-shadow:0 0 0 2px #fff}.main-content{max-width:1600px;margin:0 auto;padding:32px 36px 20px}.main-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6ece6;padding:22px 0 4px;margin-top:30px;color:#a2afa3;font-size:9px}.main-footer button{display:flex;align-items:center;gap:6px;padding:0;background:none;font-size:9px;color:#91a18d}.connection-error{display:flex;align-items:center;gap:9px;background:#fff2d9;border-bottom:1px solid #e8d6ac;padding:12px 36px;color:#9b7842;font-size:12px}.connection-error button{background:none;padding:0;color:#806225;white-space:nowrap;font-size:12px;margin-left:auto;text-decoration:underline}.connection-error svg{flex-shrink:0}.mobile-menu{display:none}.sidebar-backdrop{position:fixed;inset:0;background:#0e261f80;z-index:25}.page-search{display:flex;align-items:center;gap:7px;max-width:310px;margin-left:auto;margin-bottom:20px;color:#81947e;border:1px solid var(--border);border-radius:9px;background:#fff;padding:0 12px;min-height:39px}.page-search input{background:none;border:0;box-shadow:none;padding:8px 3px;font-size:11px;min-height:37px}.page-search .icon-button{width:20px;height:25px}.section-title,.dashboard-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.section-title p,.dashboard-heading p{font-size:12px;color:#8a9b8c;margin-top:9px}.greeting-dot{color:#76a15a}.date-tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;border:1px solid #e3e9df;background:#fff;padding:10px 13px;border-radius:8px;color:#718b67}.date-tag svg{color:#93a78a}.hero{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:32px 35px;background:#e7efda;border:1px solid #dfe8d0;border-radius:14px;margin-bottom:23px;min-height:247px}.hero-copy{position:relative;z-index:2}.hero-label{display:flex;align-items:center;gap:8px;letter-spacing:1.1px;font-size:9px;color:#638055;font-weight:600;margin-bottom:15px}.hero-label>span{width:5px;height:5px;background:#83ad5e;border-radius:50%}.hero h2{font-size:30px;font-weight:550;line-height:1.3;letter-spacing:-1px;color:#2d4c32}.hero p{font-size:11px;color:#829472;max-width:370px;line-height:1.8;margin-top:12px}.hero-button{font-size:11px;padding:10px 15px;min-height:37px;margin-top:18px;background:#274f37}.hero-art{position:relative;width:240px;height:190px;flex-shrink:0;margin-right:22px}.hero-orbit{border-radius:50%;height:216px;width:216px;border:1px solid #a6bc8450;position:absolute;top:-5px;right:-12px}.hero-orbit:after{content:"";position:absolute;inset:20px;border-radius:50%;border:1px solid #a6bc8435}.hero-card{position:absolute;width:165px;height:174px;top:2px;left:20px;border:1px solid #e1e8d8;box-shadow:0 12px 30px #78914a16;border-radius:13px;background:#fafcf5;transform:rotate(-8deg);padding:17px}.hero-card-icon{height:40px;width:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e4efcf;color:#78a250;margin-bottom:13px}.skeleton-line{background:#c4d3af;width:103px;height:5px;border-radius:3px;margin-top:7px}.skeleton-line.short{background:#e0e6d6;width:61px;height:4px}.hero-card-divider{height:1px;background:#e3e9db;margin:13px 0}.hero-bars{display:flex;align-items:flex-end;gap:5px;height:30px}.hero-bars i{flex:1;height:12px;background:#d5e9b4;border-radius:3px}.hero-bars i:nth-child(2){height:18px}.hero-bars i:nth-child(3){height:15px}.hero-bars i:nth-child(4){height:23px;background:#a8ce79}.hero-bars i:nth-child(5){height:30px;background:#709c49}.hero-square{position:absolute;right:-9px;top:27px;background:#b7d58e;color:#467237;width:75px;height:75px;border-radius:18px;display:flex;align-items:center;justify-content:center;transform:rotate(12deg)}.hero-circle{position:absolute;right:22px;bottom:2px;background:#3f6543;color:#deedc8;height:57px;width:57px;border:7px solid #e7efda;border-radius:50%;display:flex;align-items:center;justify-content:center}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:23px}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 21px;min-height:143px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:#8b9b8b}.metric-icon{height:32px;width:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.green{background:#edf3e6;color:#82a567}.metric-icon.blue{background:#ecf2f4;color:#7ba0ad}.metric-icon.purple{background:#f0edf6;color:#a390bf}.metric-icon.orange{background:#f9f1e8;color:#c89e6f}.metric>strong{display:block;font-size:29px;font-weight:550;line-height:1.3;letter-spacing:-1px;margin:13px 0 4px;color:#304d38;overflow-wrap:anywhere}.metric>p{font-size:10px;color:#9bab98;line-height:1.5}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:22px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 23px 18px}.panel-heading h2{font-size:14px;color:#3d5b40}.panel-heading p{font-size:10px;color:#9aaa96;margin-top:5px}.panel-heading select{width:auto;max-width:200px;font-size:11px;min-height:33px;padding:7px 12px}.panel>form{padding:0 23px 22px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px 25px 45px;min-height:210px}.empty-icon{width:49px;height:49px;border-radius:14px;background:#f2f6ef;color:#a0b391;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.empty h3{font-size:12px;color:#6d8462;font-weight:500}.empty p{font-size:11px;color:#a2af99;line-height:1.7;max-width:320px;margin:8px 0 0}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px}.dashboard-columns .panel{margin-bottom:22px}.task-preview-list{padding:0 23px 9px}.task-preview-list>button{display:flex;align-items:center;gap:12px;background:none;padding:16px 0;width:100%;border-top:1px solid #edf1e9;text-align:left}.task-preview-list>button>div:nth-child(2){flex:1;min-width:0}.task-preview-list strong{font-size:11px;font-weight:500;display:block;color:#58724a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:400px}.task-preview-list small{font-size:9px;color:#a0ad95;display:block;margin-top:6px}.task-preview-list>button>div:last-child{text-align:right;flex-shrink:0}.task-dot{width:8px;height:8px;border:2px solid #c0d7a5;border-radius:50%;flex-shrink:0}.task-dot.red{border-color:#dcb198}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:500;white-space:nowrap;line-height:1.5;background:#f0f3ed;color:#8b9d7c}.badge-new,.badge-normal{background:#eef3e9;color:#8ba46e}.badge-in_progress,.badge-present{background:#ecf3f5;color:#85a3ae}.badge-submitted,.badge-exception_pending,.badge-high{background:#faf3df;color:#c0a36c}.badge-approved,.badge-exception_approved{background:#eaf3e2;color:#76945d}.badge-returned,.badge-exception_rejected,.badge-urgent{background:#f9eeea;color:#c39682}.completion-chart{display:flex;flex-direction:column;align-items:center;padding:5px 30px 23px}.completion-ring{height:135px;width:135px;border-radius:50%;background:conic-gradient(#85a965 var(--progress),#eff3e8 0);padding:10px;position:relative}.completion-ring>div{height:100%;width:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.completion-ring strong{font-size:28px;font-weight:550;letter-spacing:-1px;color:#577245}.completion-ring span{font-size:9px;color:#a7b29d;margin-top:3px}.chart-legend{width:100%;margin-top:19px;max-width:240px}.chart-legend>span{display:flex;align-items:center;gap:8px;color:#94a488;font-size:10px;margin:7px 0}.chart-legend i{height:6px;width:6px;border-radius:50%;background:#e4e9dc}.chart-legend i.green{background:#85a965}.chart-legend i.yellow{background:#decd9a}.chart-legend b{font-weight:500;margin-left:auto;color:#6c835b}.onboarding-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 23px 23px}.onboarding-steps button{display:flex;align-items:center;gap:13px;background:#f8faf5;border:1px solid #e9efe0;border-radius:9px;padding:17px;text-align:left}.onboarding-steps button>span{height:30px;width:30px;border-radius:50%;background:#edf1e5;display:flex;align-items:center;justify-content:center;color:#90a37d;font-size:12px;flex-shrink:0}.onboarding-steps button>span.done{background:#dceec8;color:#69934e}.onboarding-steps div{flex:1}.onboarding-steps strong{display:block;font-size:11px;font-weight:500;color:#5e7d4d}.onboarding-steps small{display:block;font-size:9px;color:#a0ae90;margin-top:5px}.onboarding-steps button>svg{color:#97ad82}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafcf8;font-size:9px;letter-spacing:.3px;color:#9aaa91;padding:12px 23px;font-weight:500;border-top:1px solid #edf1e8;border-bottom:1px solid #edf1e8}td{font-size:11px;color:#7c9170;padding:16px 23px;border-bottom:1px solid #edf1e8;max-width:340px}tr:last-child td{border-bottom:0}td strong{display:block;font-weight:500;color:#536f46;font-size:11px}td small{display:block;font-size:9px;color:#a2af97;margin-top:5px}tbody tr:hover{background:#fcfdfb}.table-link{border:0;padding:0;background:transparent;text-align:left;max-width:290px;white-space:normal}.table-link:hover strong{color:#346839}.table-link strong{font-size:12px}.cell-title{display:flex;align-items:center;gap:11px}.institute-mini{width:31px;height:31px;border-radius:8px;background:#eef3e6;color:#97ae7a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inline-progress{display:flex;align-items:center;gap:10px}.inline-progress>div{width:75px;height:5px;background:#edf2e6;border-radius:4px;overflow:hidden}.inline-progress i{height:100%;display:block;border-radius:4px;background:#9dc278}.inline-progress>span{font-size:10px;color:#91a77a}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.filter-bar>select{max-width:200px;width:auto;font-size:11px;min-height:36px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{font-size:11px;border-radius:7px;padding:9px 13px;color:#96a489;background:transparent;display:flex;align-items:center;gap:7px}.tabs button.active{background:#fff;border:1px solid #e4eadc;color:#5b7948}.tabs span{font-size:9px;min-width:18px;background:#edf3e6;padding:1px 5px;border-radius:4px;color:#829c69}.truncate{max-width:230px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.verified-label{display:inline-flex;align-items:center;gap:5px;color:#7d9b63;font-size:10px}.attendance-checkin{display:grid;grid-template-columns:1fr 1fr;gap:36px;border:1px solid #dfe9d5;background:#eef4e4;border-radius:13px;padding:28px;margin-bottom:24px}.attendance-checkin h2{font-size:21px;color:#4c6c3c;line-height:1.4}.attendance-checkin p{font-size:12px;color:#8ea17b;margin-top:8px}.attendance-times{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:25px}.attendance-times small{display:block;font-size:10px;color:#92a37e}.attendance-times strong{font-size:25px;font-weight:500;color:#5a7b42;margin-top:6px;display:block}.checkin-controls .field{margin-bottom:10px}.checkin-controls .button{margin:0 6px 10px 0;white-space:normal}.checkin-controls>small{display:block;font-size:10px;color:#91a07d}.checkin-controls textarea{background:#fbfcf8;border-color:#dbe5cc}.daily-log-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 23px 23px}.daily-log-card{border:1px solid #e7eddc;border-radius:10px;padding:20px;min-width:0}.daily-log-header{display:flex;align-items:center;gap:10px;margin-bottom:21px}.daily-log-header>div{flex:1}.daily-log-header strong{font-size:11px;font-weight:500;display:block;color:#61804b}.daily-log-header small{font-size:9px;color:#a4b096;display:block}.daily-log-header>span:last-child{font-size:9px;color:#a4b096}.daily-log-card h3{font-size:10px;color:#97ab80;font-weight:500;margin-bottom:7px}.daily-log-card>p{font-size:12px;color:#728a5e;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.log-result{display:flex;align-items:flex-start;gap:8px;background:#f4f8ef;border-radius:7px;padding:12px;margin:16px 0;color:#7fa25c}.log-result svg{flex-shrink:0;margin-top:2px}.log-result strong{font-size:9px;font-weight:500;display:block;margin-bottom:4px}.log-result p{font-size:11px;color:#7e956d;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.log-blocker{display:flex;gap:8px;align-items:flex-start;margin-bottom:15px;color:#bf9f65}.log-blocker svg{flex-shrink:0;margin-top:2px}.log-blocker p{font-size:11px;color:#b09a79;line-height:1.7;white-space:pre-wrap}.events-grid,.institutes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.event-card,.institute-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px;text-align:left;min-width:0}.event-card{transition:box-shadow .15s,border-color .15s}.event-card:hover{box-shadow:0 5px 20px #32532708;border-color:#bfd3ab}.event-card-top,.institute-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.event-card-top>svg{color:#a2b593}.event-card-top>.badge{margin-left:auto}.event-icon,.institute-icon,.report-icon{height:44px;width:44px;background:#eff5e5;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#8dac6d;flex-shrink:0}.event-card h2,.institute-card h2{font-size:15px;line-height:1.5;color:#567643;overflow-wrap:anywhere}.event-card>p,.institute-card>p{font-size:10px;color:#9caf8b;line-height:1.7;margin-top:6px}.event-meta{display:flex;flex-direction:column;gap:9px;margin-top:22px;color:#9eaf8a;font-size:10px}.event-meta span{display:flex;align-items:center;gap:7px;line-height:1.6}.event-meta svg{flex-shrink:0;color:#9db383}.event-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eaf0e1;padding-top:16px;margin-top:23px;font-size:10px;color:#a0b18b}.event-card-bottom span{display:flex;align-items:center;gap:6px}.event-card-bottom strong{font-size:9px;font-weight:500;color:#91a979}.institute-counts{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0;padding:15px 0;border-top:1px solid #eaf0e1;border-bottom:1px solid #eaf0e1}.institute-counts span{font-size:9px;color:#a0b28a;text-align:center}.institute-counts span+span{border-left:1px solid #eaf0e1}.institute-counts strong{display:block;color:#6a8b4f;font-size:23px;font-weight:500;margin-bottom:3px}.institute-details{display:flex;flex-direction:column;gap:9px}.institute-details span{display:flex;align-items:center;gap:8px;color:#9caf89;font-size:10px}.report-range{display:flex;align-items:center;gap:18px;padding:0 23px 6px;max-width:540px}.report-range .field{flex:1}.report-range>span{color:#b4c3a1}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.report-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:25px}.report-card h2{font-size:16px;color:#577642;margin-top:18px}.report-card p{font-size:11px;color:#9dad8b;margin:8px 0 20px;line-height:1.8}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .panel{padding:0 23px 24px}.settings-grid .panel-heading{padding-left:0;padding-right:0}.settings-grid .panel>form{padding:0}.settings-grid .panel form .button{margin-top:5px}.settings-grid .panel>.muted{margin-bottom:18px}.settings-grid .panel>small{display:block;margin-top:20px;font-size:10px}.passkey-illustration{display:flex;align-items:center;gap:20px;padding:18px 0 27px;color:#88a875}.passkey-illustration>svg{background:#edf5e3;border-radius:15px;width:72px;height:72px;padding:16px}.passkey-illustration span{font-size:12px;color:#8fa378}.inline-actions{display:flex;gap:16px}.modal{padding:0;border:1px solid #e1e8d9;border-radius:16px;background:#fff;box-shadow:0 24px 80px #0c2d2340;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 54px);color:#405c39}.modal.wide{width:min(720px,calc(100vw - 28px))}.modal::backdrop{background:#102c2360;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-header{padding:24px 26px;display:flex;align-items:flex-start;gap:16px;justify-content:space-between;border-bottom:1px solid #e9efe0;position:sticky;top:0;background:#fff;z-index:2}.modal-header h2{font-size:19px;font-weight:600;color:#36562c;line-height:1.5;overflow-wrap:anywhere}.modal-header p{font-size:11px;color:#9bab8b;margin-top:5px}.modal-content{padding:24px 26px 27px}.modal .field>span{color:#708662}.modal>.modal-content .muted{margin-bottom:12px}.modal-content .button{font-size:12px}.modal-content .form-actions{padding-top:18px;border-top:1px solid #eaf0e1}.task-detail-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:11px;color:#98ab84;margin-bottom:19px}.task-detail-meta>span{display:flex;align-items:center;gap:6px}.task-description{font-size:13px;line-height:1.9;color:#728962;white-space:pre-wrap;margin-bottom:20px;overflow-wrap:anywhere}.attachment-list{display:flex;flex-direction:column;gap:7px;margin:14px 0}.attachment-list a{display:flex;align-items:center;gap:8px;max-width:100%;font-size:11px;padding:10px 13px;border:1px solid #e7eddc;border-radius:7px;background:#f9fbf6;color:#8ba373;overflow-wrap:anywhere}.attachment-list a:hover{background:#eef5e4}.attachment-list a svg{flex-shrink:0}.attachment-list small{margin-left:auto;white-space:nowrap;color:#b1bf9f;font-size:9px}.submission-list{display:flex;flex-direction:column;gap:12px}.submission-list article{background:#fafcf7;border:1px solid #e6efdb;border-radius:9px;padding:15px}.submission-list header{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:11px;color:#8aa572}.submission-list header small{font-size:9px;color:#a7b998}.submission-list article>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#80976a;line-height:1.8;margin-top:12px}.review-list{margin-top:15px}.review-list article{padding:13px 0;border-bottom:1px solid #e8efdf}.review-list strong{font-size:10px;color:#93aa7a;margin-left:10px;font-weight:500}.review-list small{font-size:9px;color:#b0c19a;margin-left:10px}.review-list p{font-size:11px;margin-top:8px;white-space:pre-wrap;line-height:1.8;color:#8d9f7b}.volunteer-checkboxes{max-height:250px;overflow:auto;border:1px solid #e6eddf;border-radius:9px;padding:15px}.volunteer-checkboxes label+label{margin-top:13px;padding-top:13px;border-top:1px solid #eaf0e3}.participant-list{display:flex;flex-direction:column;gap:12px}.participant-row{display:flex;gap:20px;align-items:flex-start;padding:15px;border:1px solid #e6eddc;border-radius:10px}.participant-row>div{flex:1;min-width:0}.participant-row strong{display:block;font-size:12px;color:#83a05f;font-weight:500}.participant-row small{display:block;font-size:9px;color:#b0bf9b;margin-top:4px}.participant-row form{flex:1.2;min-width:0}.participant-inputs{display:flex;align-items:center;gap:12px}.participant-inputs .field{max-width:75px;margin:0}.participant-inputs .field>span{font-size:10px}.participant-inputs .checkbox-label{font-size:11px;white-space:nowrap;margin-top:17px}.participant-row .form-actions{border:0;margin-top:10px;padding-top:0}.participant-row .button{min-height:32px;padding:7px 10px;font-size:10px}.detail-box{padding:18px;background:#f7faf1;border:1px solid #e7efda;border-radius:10px;margin-bottom:20px}.detail-box>span{display:block;font-size:11px;color:#98af7d;margin:6px 0}.detail-box strong{font-weight:500;color:#86a464}.detail-box p{font-size:12px;color:#8da971;line-height:1.8;white-space:pre-wrap;margin-top:16px}.notification-list{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.notification-list>button{padding:14px;text-align:left;border:1px solid #edf1e6;border-radius:8px;background:#fff;color:#8aa573;font-size:12px}.notification-list>button.unread{background:#f1f7e9;border-color:#e4efd6}.notification-list span{display:block;line-height:1.7}.notification-list small{display:block;margin-top:6px;color:#b1c59b;font-size:9px}.toast{position:fixed;bottom:27px;left:calc(50% + 100px);transform:translate(-50%);display:flex;align-items:center;gap:11px;background:#244936;color:#eaf4df;border:1px solid #527447;border-radius:10px;box-shadow:0 8px 30px #0b281e22;padding:14px 17px;font-size:12px;z-index:100;max-width:calc(100vw - 35px);line-height:1.7}.toast>svg{color:#c0df9f;flex-shrink:0}.toast button{display:flex;background:transparent;color:#b5cda6;padding:3px;margin-left:10px}@media(min-width:1550px){.sidebar{width:258px;padding-left:23px;padding-right:23px}.main-shell{margin-left:258px;width:calc(100% - 258px)}.main-content{padding:36px 45px 20px}.hero{padding:36px 43px}.hero-art{margin-right:60px}.hero h2{font-size:34px}.hero p{font-size:12px}.metric{padding:23px 25px}.metric>strong{font-size:33px}.hero{min-height:276px}.auth-copy{margin-top:120px}}@media(max-width:1200px){.main-content{padding:27px 25px 20px}.topbar{padding:0 25px}.sidebar{width:218px;padding-left:14px;padding-right:14px}.main-shell{margin-left:218px;width:calc(100% - 218px)}.metric{padding:17px}.metric-top{font-size:10px}.metric>strong{font-size:25px}.metric>p{font-size:9px}.metrics-grid{gap:12px}.hero-art{margin-right:0;width:215px;transform:scale(.9)}.hero h2{font-size:27px}.hero{padding:27px}.hero p{max-width:290px}.hero-label{font-size:8px}.dashboard-columns{grid-template-columns:1.3fr 1fr;gap:17px}.events-grid,.institutes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right{gap:17px}.onboarding-steps{gap:10px}.onboarding-steps button{padding:14px 10px}.onboarding-steps small{font-size:8px}th,td{padding-left:18px;padding-right:18px}.settings-grid{gap:17px}.auth-story{padding:40px 42px}.auth-form{padding:40px}.auth-copy{margin-top:90px}.sidebar-note{margin-left:4px;margin-right:4px}}@media(max-width:1000px){.dashboard-columns{grid-template-columns:1fr}.completion-chart{flex-direction:row;justify-content:center;gap:35px;padding-top:15px;padding-bottom:25px}.chart-legend{margin-top:0;max-width:230px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.onboarding-steps{grid-template-columns:1fr}.hero-art{width:185px;transform:scale(.8)}.hero-copy{max-width:300px}.hero h2{font-size:25px}.hero-art{margin-right:-20px}.settings-grid,.daily-log-grid{grid-template-columns:1fr}.attendance-checkin{grid-template-columns:1fr;gap:23px}.attendance-times{margin-top:15px}.top-date{display:none}.filter-bar{align-items:flex-start;flex-direction:column}.filter-bar>select{align-self:flex-end}.hero-label{font-size:7px}.dashboard-heading h1{font-size:24px}.date-tag{display:none}.section-title h1{font-size:26px}.events-grid,.institutes-grid{gap:15px}.event-card,.institute-card{padding:20px}.auth-story{padding:36px}.auth-copy h1{font-size:43px}.auth-feature{font-size:11px}.auth-art{right:-100px}.auth-form{padding:35px}.auth-form h2{font-size:27px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:244px;padding-left:19px;padding-right:19px}.sidebar.is-open{transform:translate(0)}.main-shell{margin-left:0;width:100%}.topbar{height:62px;padding:0 19px}.mobile-menu{display:flex}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.main-content{padding:23px 19px 15px}.topbar-right{gap:15px}.hero{padding:24px;min-height:224px}.hero h2{font-size:26px}.hero-label{font-size:8px}.hero-art{margin-right:0;width:150px;transform:scale(.77);transform-origin:right center}.hero-copy{max-width:285px}.hero p{max-width:270px;font-size:10px}.section-title,.dashboard-heading{gap:12px;margin-bottom:22px}.section-title h1,.dashboard-heading h1{font-size:25px}.section-title .button{font-size:11px;padding:10px 12px;min-height:37px}.metrics-grid{gap:12px}.metric{min-height:125px}.metric-icon{width:28px;height:28px}.metric-top{font-size:11px}.metric>strong{font-size:27px;margin-top:10px}.metric>p{font-size:9px}.metrics-grid.three .metric{padding:15px 12px}.metrics-grid.three .metric-top{font-size:9px}.metrics-grid.three .metric-icon{width:23px;height:23px;border-radius:7px}.metrics-grid.three .metric-icon svg{width:15px;height:15px}.metrics-grid.three .metric>strong{font-size:25px}.panel-heading{padding:20px 18px 16px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.panel .text-button{font-size:10px}.main-footer{font-size:8px;margin-top:22px}.main-footer button{font-size:8px}.toast{left:50%;font-size:11px;width:max-content;bottom:17px}.onboarding-steps{padding-left:18px;padding-right:18px}.onboarding-steps button{padding:17px}.onboarding-steps small{font-size:10px}.page-search{margin-bottom:20px;max-width:100%}.connection-error{padding:11px 19px;font-size:10px}.settings-grid .panel{padding-left:18px;padding-right:18px}.reports-grid{gap:15px}.report-card{padding:20px}.report-card h2{font-size:14px}.report-card .button{font-size:10px;padding:10px 12px}.participant-row{flex-direction:column;gap:15px}.participant-row>div,.participant-row form{width:100%}.participant-inputs{justify-content:space-between}.participant-inputs .field{max-width:100px}.daily-log-grid{padding:0 18px 18px}.modal-header,.modal-content{padding:20px}.modal-header h2{font-size:17px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:auto;padding:26px}.auth-story>.logo{font-size:23px}.auth-copy{margin-top:35px}.auth-copy h1{font-size:38px;margin:15px 0}.auth-copy>p{font-size:12px;max-width:310px;margin-bottom:0}.auth-feature,.auth-footer{display:none}.auth-art{height:200px;width:200px;transform:scale(.65) rotate(-10deg);right:-60px;bottom:-15px;opacity:.25}.auth-form{padding:33px 25px 40px}.auth-form-inner{max-width:440px}.auth-shield{display:none}.auth-form h2{font-size:26px}.auth-form-inner>p{font-size:12px;margin-bottom:22px}.auth-note{margin-top:23px!important}.auth-form .eyebrow{font-size:9px}}@media(max-width:470px){.hero-art{display:none}.hero h2{font-size:27px}.hero p,.hero-copy{max-width:100%}.hero{min-height:auto;padding:24px}.hero-label{font-size:8px}.main-content{padding-left:15px;padding-right:15px}.topbar{padding-left:13px;padding-right:17px}.section-title{align-items:flex-start}.section-title h1,.dashboard-heading h1{font-size:23px}.section-title p{font-size:11px;max-width:220px}.section-title .button{font-size:10px;gap:5px;padding:10px}.section-title .button svg{width:14px;height:14px}.metric-top{font-size:10px}.metric{padding:15px}.metrics-grid.three{grid-template-columns:1fr}.metrics-grid.three .metric{min-height:110px;padding:17px}.metrics-grid.three .metric-top{font-size:11px}.metrics-grid.three .metric-icon{width:30px;height:30px}.metrics-grid.three .metric>strong{font-size:27px}.metrics-grid.three .metric>p{font-size:10px}.completion-chart{gap:20px;padding-left:20px;padding-right:20px}.completion-ring{width:118px;height:118px;flex-shrink:0;padding:9px}.completion-ring strong{font-size:24px}.chart-legend>span{font-size:9px}.chart-legend{max-width:170px}.events-grid,.institutes-grid,.reports-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.weekdays span{padding:8px 10px}.weekdays{gap:4px}.panel-heading .text-button{font-size:9px}.panel-heading{gap:10px}.task-preview-list{padding:0 18px 7px}.task-preview-list strong{font-size:10px;max-width:190px}.task-preview-list small{font-size:8px}.task-preview-list .badge{font-size:8px;padding:3px 6px}.hero-button{font-size:11px}.badge{font-size:8px}.task-detail-meta{gap:12px}.form-actions .button{font-size:11px}.auth-copy h1{font-size:34px}.auth-kicker{font-size:9px}.auth-story .logo-sub{font-size:7px}.modal{max-height:calc(100dvh - 24px)}.modal-header,.modal-content{padding:17px}.attendance-checkin{padding:21px}.tabs button{font-size:10px;padding:9px 10px}.topbar-right{gap:12px}.main-footer>span{max-width:150px}.report-range{gap:10px;padding-left:18px;padding-right:18px}.report-range input{font-size:11px;padding:9px}.panel-heading select{max-width:150px;font-size:10px}.toast{padding:12px 14px;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-height:850px){.sidebar{padding-top:22px;overflow-y:auto}.sidebar>.logo{margin-bottom:23px}.workspace-pill{margin-bottom:22px;padding:11px}.sidebar nav button{min-height:39px;padding:10px 13px}.sidebar-note{display:none}.sidebar-profile{padding:16px 0}}.sidebar{overflow-y:auto}@media(max-width:760px){.sidebar{visibility:hidden;pointer-events:none}.sidebar.is-open{visibility:visible;pointer-events:auto}.table-scroll table{min-width:680px}}.role-hero .hero-copy{max-width:490px}.role-hero .hero-copy>p{max-width:440px}.role-superuser{background:#173d43}.role-volunteer{background:#285044}.role-hierarchy{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:24px}.role-hierarchy>div{padding:16px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;position:relative}.role-hierarchy>div.current{border-color:#83b38a;background:#eef6e9}.role-hierarchy span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:#edf2e9;color:#68836c;font-size:11px;border-radius:7px;margin-bottom:8px}.role-hierarchy strong{display:block;font-size:11px;line-height:1.4}.role-hierarchy small{display:block;color:#6d866c;font-size:9px;margin-top:4px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.quick-actions>button{display:flex;align-items:center;gap:14px;text-align:left;padding:19px 21px;border:1px solid var(--border);background:#fff;color:var(--green);border-radius:12px}.quick-actions>button>span{flex:1}.quick-actions strong{display:block;font-size:13px}.quick-actions small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.user-filters{display:flex;flex-direction:row;justify-content:flex-end;gap:12px}.user-filters>select{max-width:230px}.user-actions{display:grid;gap:8px;min-width:110px}.user-portrait{width:42px;height:46px;object-fit:cover;border-radius:9px}.profile-summary{display:flex;align-items:center;gap:20px;padding:0 26px 25px}.profile-summary>div{flex:1}.profile-summary p{font-size:13px;color:#5f7667;margin:4px 0}.profile-summary small{display:block;color:#849488;font-size:11px;line-height:1.8}.profile-portrait,.profile-initial{width:80px;height:90px;object-fit:cover;border-radius:14px;flex-shrink:0}.profile-initial{display:flex;align-items:center;justify-content:center;background:#e6efd9;color:#41694a;font-size:32px}.padded-panel{padding:0 25px 24px}.padded-panel>.panel-heading{padding-left:0;padding-right:0}.setting-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--border)}.setting-option strong{font-size:13px}.system-status{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:8px 0 23px}.system-status strong{font-size:24px;display:block;line-height:1.4}.system-status small{color:var(--muted)}.portrait-input{margin:14px 0 20px}.portrait-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.portrait-actions>.field{flex:1;min-width:240px;margin:0}.portrait-actions>.button{margin-bottom:5px}.portrait-preview{display:flex;align-items:center;gap:16px;margin:15px 0}.portrait-preview img{width:94px;height:112px;object-fit:cover;border-radius:12px;background:#eaf0e7}.portrait-preview strong{display:block;font-size:13px}.portrait-preview small{display:block;color:var(--muted);font-size:11px;max-width:220px;margin:5px 0 10px}.camera-capture{border:1px solid #dbe5dd;background:#f4f8f1;border-radius:12px;padding:16px;width:100%}.camera-caption{display:flex;align-items:center;gap:9px;color:#375f45;margin-bottom:6px}.camera-caption strong{font-size:13px;flex:1}.camera-preview{position:relative;overflow:hidden;border-radius:10px;background:#10271e;margin:12px 0;aspect-ratio:4/3}.camera-preview video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-guide{position:absolute;top:12%;left:29%;width:42%;height:72%;border:2px dashed #ffffffb5;border-radius:48%;pointer-events:none}.camera-loading{position:absolute;left:46%;top:45%;color:#e7f4dd}.face-check{border:1px solid #dce7d7;border-radius:10px;padding:15px;margin:12px 0;background:#f8faf5}.face-check-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.face-check-heading strong{display:block;font-size:12px}.face-check-heading small{display:block;color:var(--muted);font-size:10px}.face-check>.muted{display:block;margin:10px 0}.face-check .camera-capture{padding:12px}.participant-result{display:flex;gap:15px;align-items:center;font-size:13px}.workspace-pill strong{overflow-wrap:anywhere}.sidebar-profile>div{min-width:0}.sidebar-profile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice>.text-button{margin-left:auto;white-space:nowrap}.verified-label{display:flex;gap:5px;align-items:center;margin:3px 0}@media(max-width:1000px){.role-hierarchy{grid-template-columns:repeat(3,minmax(0,1fr))}.role-hero .hero-copy{max-width:340px}.user-filters>select{max-width:none;min-width:0}.system-status{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.role-hierarchy{grid-template-columns:repeat(2,minmax(0,1fr))}.role-hierarchy>div{padding:11px 13px}.role-hierarchy strong{font-size:11px}.quick-actions{grid-template-columns:1fr;gap:10px}.profile-summary{padding:0 18px 20px;flex-wrap:wrap;gap:14px}.profile-summary>.badge{width:100%;justify-content:center}.profile-portrait,.profile-initial{width:64px;height:75px}.profile-summary h2{font-size:15px}.profile-summary p{font-size:11px}.padded-panel{padding:0 18px 20px}.setting-option{align-items:flex-start;flex-direction:column;gap:10px}.user-filters{flex-wrap:wrap}.user-filters>select{flex:1 1 140px;width:100%;align-self:stretch}.portrait-actions{align-items:stretch}.portrait-actions>.field{min-width:180px}.portrait-actions>.button{width:100%}.role-hero .hero-art{display:none}.role-hero .hero-copy{max-width:100%}.role-hero .hero-copy>p{max-width:100%}.system-status strong{font-size:22px}.camera-capture{padding:12px}.camera-capture>.button{width:100%}}.live-face-camera{border:1px solid #d7e4da;border-radius:14px;background:#fff;padding:13px;overflow:hidden;margin:12px 0}.live-face-toolbar{display:flex;align-items:center;gap:9px;min-height:32px;margin-bottom:10px;color:#496654}.live-face-toolbar>span:first-child{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;flex:1;min-width:0}.live-face-time{display:flex;align-items:center;gap:4px;font-size:11px;font-variant-numeric:tabular-nums;color:#748a76;flex-shrink:0}.live-face-time.is-urgent{color:#af7143}.live-face-toolbar .icon-button{width:28px;height:28px}.live-face-preview{width:100%;max-height:470px;position:relative;overflow:hidden;border-radius:10px;background:#132d25;isolation:isolate}.live-face-preview video{display:block;width:100%;height:100%;object-fit:fill;transform:scaleX(-1)}.live-face-guide{position:absolute;top:12%;left:27%;width:46%;height:76%;border:2px dashed #ffffffa3;border-radius:48%;box-shadow:0 0 0 220px #07221b38;z-index:1;pointer-events:none;transition:border-color .25s}.live-face-guide.face-found{border-color:#c8f0b48c}.live-face-detected{position:absolute;border:2px solid #ccf4b8;box-shadow:0 0 0 1px #183a2250;border-radius:18px;z-index:2;pointer-events:none;transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease}.live-face-detected.needs-adjust{border-color:#edcc8b}.live-face-badge{display:flex;align-items:center;gap:5px;position:absolute;left:12px;top:12px;background:#0a2b22b3;color:#d8f8c8;padding:4px 7px;border-radius:5px;font-size:8px;font-weight:650;letter-spacing:1.2px;z-index:3}.live-face-badge i{width:5px;height:5px;border-radius:50%;background:#c5f2a5}.live-face-pose{position:absolute;right:11px;bottom:11px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#dcf8cb;background:#0a2b229c;border:1px solid #ffffff38;border-radius:12px;z-index:3}.live-face-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#c9dfcf;font-size:11px;z-index:4;background:#142e2588}.live-face-instruction{text-align:center;margin:15px 0 14px;min-height:58px}.live-face-instruction strong{display:block;color:#2b513c;font-size:15px;font-weight:650;line-height:1.55;text-wrap:balance}.attendance-checkin .live-face-instruction p,.live-face-instruction p{margin:6px 0 0;font-size:11px;line-height:1.65;color:#7b8f7e}.live-face-progress{height:5px;background:#edf2e9;border-radius:6px;overflow:hidden}.live-face-progress>span{display:block;height:100%;background:#8ab873;border-radius:6px;transition:width .25s ease}.live-face-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;list-style:none;padding:0;margin:13px 0 14px}.live-face-steps li{display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;font-size:9px;line-height:1.5;color:#97a393}.live-face-steps li>span{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#f1f4ee;color:#a0ac99;font-size:10px}.live-face-steps li.is-current{color:#4f754b;font-weight:550}.live-face-steps li.is-current>span{background:#e7f2dd;box-shadow:0 0 0 3px #f5f9ef;color:#557c46}.live-face-steps li.is-done{color:#66895a}.live-face-steps li.is-done>span{background:#dcedd2;color:#3c7040}.live-face-processing{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1e9;padding-top:10px;font-size:9px;color:#90a08c}.live-face-processing>span{display:flex;align-items:center;gap:6px}.live-face-processing b{font-weight:500;font-variant-numeric:tabular-nums;color:#7b9470}.live-face-pulse{width:5px;height:5px;border-radius:50%;background:#93b881;margin:0 3px}.live-face-camera .live-face-retry{width:100%;margin:0!important}.live-face-camera .form-error{margin:12px 0}.live-face-camera.has-error .live-face-preview{max-height:170px;aspect-ratio:auto!important;height:145px}.live-face-camera.has-error .live-face-preview video{visibility:hidden}.face-check>.muted{font-size:10px;line-height:1.75}.face-check-heading>svg{flex-shrink:0}.face-check .live-face-instruction strong{font-size:15px}@media(max-width:480px){.live-face-camera{padding:10px}.live-face-toolbar>span:first-child{font-size:11px}.live-face-steps{gap:4px}.live-face-steps li{font-size:8px}.face-check .live-face-instruction strong{font-size:14px}.live-face-preview{max-height:none}.face-check{padding:11px}}@media(prefers-reduced-motion:reduce){.live-face-detected,.live-face-progress>span{transition:none}.live-face-camera .spin{animation:none}}.live-face-dialog{border:1px solid #dce7d7;border-radius:20px;padding:0;width:min(890px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:#fff;color:#2d4938;box-shadow:0 28px 100px #08211955;overflow:auto}.live-face-dialog::backdrop{background:#0c271d99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.live-face-dialog .live-face-camera{border:0;border-radius:0;padding:23px;margin:0;background:#fff}.live-face-dialog .live-face-toolbar{margin:0 0 22px;gap:15px}.live-face-dialog .live-face-toolbar h2{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-size:17px;font-weight:600;letter-spacing:-.35px;color:#30543d}.live-face-dialog .live-face-toolbar h2 svg{flex-shrink:0;color:#789c63}.live-face-dialog .live-face-toolbar .icon-button{height:32px;width:32px;background:#f2f6ef}.live-face-dialog .live-face-time{font-size:12px;gap:6px}.live-face-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);grid-template-rows:auto 1fr;grid-template-areas:"camera instruction" "camera status";column-gap:28px;align-items:start}.live-face-visual{grid-area:camera;display:flex;align-items:center;justify-content:center;min-width:0;align-self:center}.live-face-dialog .live-face-preview{width:min(100%,calc((100dvh - 140px)*var(--camera-aspect)));height:auto;max-height:none;margin:0;flex-shrink:0;border-radius:13px}.live-face-dialog .live-face-preview video{position:absolute;inset:0;object-fit:contain;width:100%;height:100%}.live-face-dialog .live-face-instruction{grid-area:instruction;text-align:left;margin:16px 0 27px;min-height:0}.live-face-stage-label{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#90a281;display:block;margin-bottom:12px}.live-face-dialog .live-face-instruction strong{font-size:22px;line-height:1.4;letter-spacing:-.55px;color:#36573c}.live-face-dialog .live-face-instruction p{font-size:12px;line-height:1.75;margin-top:12px;color:#819179}.live-face-status{grid-area:status;min-width:0}.live-face-dialog .live-face-steps{grid-template-columns:1fr;gap:15px;margin:20px 0 23px}.live-face-dialog .live-face-steps li{flex-direction:row;gap:10px;font-size:11px;text-align:left}.live-face-dialog .live-face-steps li>span{width:24px;height:24px;font-size:11px;flex-shrink:0}.live-face-dialog .live-face-progress{height:6px}.live-face-dialog .live-face-processing{font-size:10px;gap:10px;padding-top:14px}.live-face-dialog .live-face-guide{box-shadow:0 0 0 400px #07221b38}.live-face-dialog .live-face-camera.has-error .live-face-preview{width:100%;height:220px;max-height:none;aspect-ratio:auto!important}.live-face-dialog .live-face-camera.has-error .live-face-instruction{margin-top:0}.live-face-dialog .live-face-instruction .form-error{color:#a65f49;padding:14px;margin:0;font-size:13px}.live-face-dialog .live-face-camera.has-error .live-face-status{align-self:start}@media(max-width:650px){.live-face-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.live-face-dialog .live-face-camera{padding:17px}.live-face-dialog .live-face-toolbar{margin-bottom:16px;gap:9px}.live-face-dialog .live-face-toolbar h2{font-size:14px;gap:7px}.live-face-dialog .live-face-toolbar h2 svg{width:18px}.live-face-dialog .live-face-time{font-size:11px;gap:4px}.live-face-dialog .live-face-toolbar .icon-button{width:28px;height:28px}.live-face-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"instruction" "camera" "status";gap:0}.live-face-dialog .live-face-instruction{text-align:center;margin:0 0 15px}.live-face-dialog .live-face-stage-label{font-size:8px;margin-bottom:5px;letter-spacing:1.3px}.live-face-dialog .live-face-instruction strong{font-size:17px;letter-spacing:-.3px;line-height:1.4}.live-face-dialog .live-face-instruction p{font-size:10px;margin-top:5px;line-height:1.6}.live-face-dialog .live-face-preview{width:min(100%,calc(clamp(140px,calc(100dvh - 300px),420px)*var(--camera-aspect)));border-radius:11px}.live-face-dialog .live-face-status{margin-top:16px}.live-face-dialog .live-face-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.live-face-dialog .live-face-steps li{flex-direction:column;text-align:center;font-size:9px;gap:5px}.live-face-dialog .live-face-steps li>span{width:21px;height:21px;font-size:10px}.live-face-dialog .live-face-processing{font-size:9px;padding-top:10px}.live-face-dialog .live-face-camera.has-error .live-face-preview{height:140px}.live-face-dialog .live-face-instruction .form-error{font-size:12px;text-align:left}}@media(max-height:560px)and (min-width:651px){.live-face-dialog .live-face-camera{padding:16px}.live-face-dialog .live-face-toolbar{margin-bottom:14px}.live-face-dialog .live-face-instruction{margin:0 0 14px}.live-face-dialog .live-face-instruction strong{font-size:18px}.live-face-dialog .live-face-steps{gap:9px;margin:14px 0}.live-face-dialog .live-face-preview{width:min(100%,calc((100dvh - 115px)*var(--camera-aspect)))}}:root{font-family:Avenir Next,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172747;background:#edf2fb;--green: #275df5;--green-dark: #1745cb;--lime: #e5edff;--muted: #657591;--border: #e0e7f4;--surface: #fff;--brand: #275df5;--ink: #172747;--soft-shadow: 0 8px 28px #273f7210, 0 1px 3px #273f7205;font-optical-sizing:auto}body{background:#edf2fb}::selection{background:#cddcff;color:#142c60}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #275df5;outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}input,select,textarea{color:var(--ink);border-color:#dce4f2;border-radius:13px;background:#f8faff;min-height:46px}input:focus,select:focus,textarea:focus{border-color:#6289fa;box-shadow:0 0 0 4px #275df514;background:#fff}input::placeholder,textarea::placeholder{color:#607493}input[type=file]{background:#f5f8ff}input[type=file]::file-selector-button{background:#e4ecff;color:#2451b9;border-radius:8px}input[type=checkbox]{accent-color:#275df5}.button{min-height:45px;border-radius:13px;padding:12px 19px;background:linear-gradient(130deg,#3584ff,#275df5 55%,#3547e6);box-shadow:0 5px 14px #275df522,inset 0 1px #ffffff40;font-weight:600;transition:box-shadow .18s,transform .18s,background .18s}.button:hover{background:linear-gradient(130deg,#2977f6,#1d4ee0 55%,#2f3dd4);box-shadow:0 7px 19px #275df535}.button:active{transform:translateY(1px)}.button.secondary{background:#fff;color:#365582;border:1px solid #dce5f4;box-shadow:0 3px 8px #273f7207}.button.secondary:hover{background:#edf3ff;border-color:#b7cafa}.button:disabled{box-shadow:none;transform:none}.icon-button{color:#6b7b98;border-radius:12px}.icon-button:hover{color:#275df5;background:#eaf0ff}.text-button{color:#275bd7;font-size:12px}.text-button:hover{color:#173caf}.field>span,.modal .field>span{color:#405573;font-weight:600}.field>small,.field>span>small{color:#6e7e98}.eyebrow{color:#5875a7;font-size:10px;letter-spacing:1.8px}.logo{color:#172c55}.logo-sub{color:#607493;font-size:9px}.logo-mark{background:linear-gradient(140deg,#47b4ff,#2969ff 58%,#3a42da);box-shadow:0 5px 12px #2864f530,inset 0 1px 2px #ffffffa0;border:1px solid #ffffff80}.logo-mark i,.logo-mark b{background:#fff}.avatar{color:#2c5de0;background:linear-gradient(145deg,#f0f5ff,#dbe6ff);border:1px solid #dce5fa}.muted{color:#657591}.danger-text{color:#bc5146!important}.notice{background:#edf3ff;border-color:#d7e4fc;color:#47658f;border-radius:14px}.checkbox-label{color:#495c78}.checkbox-label small{color:#6d7d96}.form-error{background:#fff1ee;border-color:#f3d7d0;color:#607493;border-radius:12px}.weekdays span{color:#5e7090;border-color:#dce5f4;border-radius:10px}.weekdays input:checked+span{color:#2456ce;background:#e7efff;border-color:#90aefa}.loading-screen{background:radial-gradient(ellipse at 50% 25%,#fff,#e5edfc);color:#60749a}.password-screen .panel{box-shadow:var(--soft-shadow)}.ui-v4{background:radial-gradient(ellipse at 95% 0%,#e3ecff 0,transparent 42%),#f0f4fb}.ui-v4 .sidebar{width:232px;top:16px;left:16px;bottom:16px;padding:26px 16px 0;border:1px solid #ffffff;border-radius:25px;background:linear-gradient(160deg,#fff,#f7faff);color:#6b7d99;box-shadow:0 12px 40px #263f7011}.ui-v4 .sidebar>.logo{padding:0 12px;margin-bottom:30px}.ui-v4 .workspace-pill{border-color:#dfe7f8;background:linear-gradient(120deg,#f0f5ff,#f8faff);border-radius:15px;margin-bottom:25px;padding:12px 10px}.ui-v4 .workspace-pill strong{color:#334d78;font-weight:600}.ui-v4 .workspace-pill small{color:#6a7fa2}.ui-v4 .workspace-icon{background:#e1eaff;color:#2c61e8;border-radius:10px}.ui-v4 .nav-label{color:#607493;letter-spacing:1.8px;margin-bottom:10px}.ui-v4 .sidebar nav{gap:5px;min-height:0;flex-shrink:1;overflow-y:auto;scrollbar-width:thin}.ui-v4 .sidebar>.logo,.ui-v4 .workspace-pill,.ui-v4 .sidebar-profile{flex-shrink:0}.ui-v4 .sidebar nav button{min-height:45px;padding:11px 13px;color:#657695;border-radius:13px;font-size:12px;font-weight:550}.ui-v4 .sidebar nav button:hover{background:#edf3ff;color:#2c5bc8}.ui-v4 .sidebar nav button.active{color:#fff;background:linear-gradient(125deg,#397eff,#285cf0 65%,#3b52eb);box-shadow:0 6px 16px #275df528,inset 0 1px #ffffff35}.ui-v4 .nav-count{color:#5170a7;background:#e8efff;border-radius:6px}.ui-v4 .active .nav-count{background:#ffffff2d;color:#fff}.ui-v4 .sidebar-note{background:#edf3ff;border:1px solid #e1eafe;color:#466395;border-radius:13px;margin-left:3px;margin-right:3px}.ui-v4 .sidebar-note p{color:#6a80a7}.ui-v4 .live-dot{background:#397bf6;box-shadow:0 0 0 3px #dce8ff}.ui-v4 .sidebar-profile{border-color:#e3eafa;gap:10px}.ui-v4 .sidebar-profile strong{color:#314d7a;font-weight:600}.ui-v4 .sidebar-profile small,.ui-v4 .sidebar-profile .icon-button{color:#607493}.ui-v4 .main-shell{margin-left:264px;width:calc(100% - 264px)}.ui-v4 .topbar{position:sticky;top:0;z-index:20;min-height:78px;height:auto;padding:18px 36px;border-color:#e1e8f680;background:#f3f7fcc9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ui-v4 .breadcrumb{color:#607493;font-size:12px}.ui-v4 .breadcrumb strong{color:#314e7b;font-weight:600}.ui-v4 .breadcrumb svg{color:#607493}.ui-v4 .top-date{color:#607493;font-size:11px}.ui-v4 .notification-button{width:44px;height:44px;color:#667fa6;background:#fff;border:1px solid #e2eaf7;border-radius:13px;box-shadow:0 3px 8px #27447705}.ui-v4 .notification-button i{top:9px;right:9px;background:#3275f6}.ui-v4 .main-content{padding:30px 36px 24px;max-width:1580px}.ui-v4 .main-footer{border-color:#dce5f3;color:#607493;font-size:10px;margin-top:32px;gap:16px}.ui-v4 .main-footer button{color:#6b80a2;font-size:10px;min-height:36px}.ui-v4 .dashboard-heading,.ui-v4 .section-title{margin-bottom:26px}.ui-v4 h1{color:#142644;font-weight:700;letter-spacing:-1px}.ui-v4 .section-title p,.ui-v4 .dashboard-heading p{color:#607493;font-size:12px;line-height:1.75}.ui-v4 .greeting-dot{color:#3273f5}.ui-v4 .date-tag{background:#ffffffad;border-color:#dfe7f5;color:#6b81a3;border-radius:12px;padding:10px 14px}.ui-v4 .date-tag svg{color:#4276da}.ui-v4 .hero{isolation:isolate;padding:33px 36px;min-height:274px;border:1px solid #ffffff80;border-radius:25px;background:linear-gradient(118deg,#2855dc,#3069e8 64%,#3c76e8);box-shadow:0 10px 28px #275df522,inset 0 1px 1px #ffffff45;margin-bottom:24px}.ui-v4 .hero:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;right:-170px;top:-270px;border:42px solid #ffffff13;box-shadow:0 0 0 1px #ffffff25,inset 0 1px 8px #ffffff20;z-index:-1}.ui-v4 .hero:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:65px;bottom:-258px;border:1px solid #ffffff30;box-shadow:0 0 0 26px #ffffff07,0 0 0 54px #ffffff04;z-index:-1}.ui-v4 .hero-label{color:#e1eaff;font-size:9px;letter-spacing:1.7px;margin-bottom:15px}.ui-v4 .hero-label>span{background:#bce8ff;box-shadow:0 0 0 3px #ffffff14}.ui-v4 .hero h2{font-size:clamp(26px,2.35vw,36px);color:#fff;font-weight:650;line-height:1.28;letter-spacing:-1.1px}.ui-v4 .hero p{color:#fff;font-size:12px;line-height:1.8;margin-top:13px}.ui-v4 .hero-button{background:linear-gradient(145deg,#fff,#edf4ff);color:#2755c7;border:1px solid #fff;box-shadow:0 5px 16px #17397c20;min-height:44px;margin-top:22px;font-size:12px;border-radius:13px}.ui-v4 .hero-button:hover{background:#fff;box-shadow:0 6px 20px #153c982e}.ui-v4 .hero-art{margin-right:10px;width:228px}.ui-v4 .hero-orbit,.ui-v4 .hero-orbit:after{border-color:#ffffff30}.ui-v4 .hero-card{background:linear-gradient(145deg,#ffffffed,#ddecffda);border-color:#ffffffc0;border-radius:22px;box-shadow:10px 20px 30px #163e9930,inset 1px 1px 4px #fff;width:175px;height:187px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-v4 .hero-card-icon{background:linear-gradient(135deg,#488fff,#315aea);color:#fff;border-radius:13px;box-shadow:0 4px 10px #2760db28,inset 0 1px 1px #ffffff60}.ui-v4 .skeleton-line{background:#8baeee}.ui-v4 .skeleton-line.short,.ui-v4 .hero-card-divider{background:#c4d7f7}.ui-v4 .hero-bars i{background:#a3c3fa}.ui-v4 .hero-bars i:nth-child(4){background:#73a1f4}.ui-v4 .hero-bars i:nth-child(5){background:#3b77eb}.ui-v4 .hero-square{background:linear-gradient(145deg,#a0daff,#70aefa);color:#fff;border:1px solid #c8e5ff;box-shadow:7px 14px 22px #174aab32,inset 2px 2px 5px #ffffff80;border-radius:23px}.ui-v4 .hero-circle{background:#315bcc;color:#fff;border-color:#77a6fa;box-shadow:3px 8px 15px #12368825}.ui-v4 .metrics-grid{gap:17px;margin-bottom:24px}.ui-v4 .metric{border:1px solid #ffffff;border-radius:20px;padding:21px;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:var(--soft-shadow);min-height:150px}.ui-v4 .metric-top{color:#607493;font-size:11px;font-weight:500}.ui-v4 .metric-icon{width:36px;height:36px;border-radius:12px}.ui-v4 .metric-icon.green{background:#e9efff;color:#4d79ed}.ui-v4 .metric-icon.blue{background:#e5f3ff;color:#409de0}.ui-v4 .metric-icon.purple{background:#eeebff;color:#607493}.ui-v4 .metric-icon.orange{background:#fff1e8;color:#df9c5a}.ui-v4 .metric>strong{color:#1f3559;font-size:clamp(23px,2.1vw,33px);font-weight:650;margin:14px 0 5px;letter-spacing:-.8px}.ui-v4 .metric.metric-text>strong{font-size:20px;letter-spacing:-.6px;line-height:1.5}.ui-v4 .metric>p{color:#607493;font-size:10px;line-height:1.65}.panel,.event-card,.institute-card,.report-card{border:1px solid #e3eaf6;border-radius:20px;box-shadow:var(--soft-shadow)}.panel-heading h2{color:#2b4265;font-size:15px;font-weight:650}.panel-heading p{color:#607493;font-size:11px;line-height:1.6}.panel-heading select{border-radius:10px;color:#527095}.empty{padding-top:34px;padding-bottom:38px}.empty-icon{color:#607493;background:linear-gradient(145deg,#f2f6ff,#e4ecff);border:1px solid #e1eaff;border-radius:17px;width:56px;height:56px}.empty h3{color:#526b93;font-size:13px}.empty p{color:#607493;font-size:12px}.ui-v4 .quick-actions{gap:16px}.ui-v4 .quick-actions>button{background:#ffffffc4;border-color:#e0e9f8;border-radius:17px;box-shadow:0 4px 12px #273f7207;color:#4e7ada;min-width:0;padding:18px 21px}.ui-v4 .quick-actions>button:hover{background:#fff;border-color:#b4cafa}.ui-v4 .quick-actions strong{color:#34517a;font-weight:600}.ui-v4 .quick-actions small{color:#607493}.ui-v4 .quick-actions>button>svg:first-child{box-sizing:content-box;background:#ecf2ff;border-radius:12px;padding:11px;flex-shrink:0}.task-preview-list>button{border-color:#e9eef7;padding:18px 0}.task-preview-list>button:hover strong{color:#275df5}.task-preview-list strong{color:#3a547b;font-size:12px;font-weight:600}.task-preview-list small{color:#607493;font-size:10px}.task-dot{border-color:#8eacf1}.task-dot.red{border-color:#ec9d92}.badge{border-radius:7px;padding:5px 9px;font-size:10px;font-weight:550}.badge-new,.badge-normal{background:#edf2fd;color:#5273b1}.badge-in_progress,.badge-present{background:#e8f3ff;color:#286597}.badge-submitted,.badge-exception_pending,.badge-high{background:#fff3d9;color:#607493}.badge-approved,.badge-exception_approved{background:#e8f6f0;color:#247454}.badge-returned,.badge-exception_rejected,.badge-urgent{background:#fff0ed;color:#b55949}.completion-ring{background:conic-gradient(#4c7cf3 var(--progress),#edf2fc 0);width:144px;height:144px;padding:11px}.completion-ring strong{color:#24477e;font-weight:650}.completion-ring span{color:#607493;font-size:10px}.chart-legend>span{color:#6d80a0;font-size:11px}.chart-legend b{color:#385584;font-weight:600}.chart-legend i{background:#dce5f5;width:7px;height:7px}.chart-legend i.green{background:#4c7cf3}.chart-legend i.yellow{background:#e9ba5b}.onboarding-steps button{border-color:#e0e9fa;border-radius:14px;background:#f6f9ff}.onboarding-steps button:hover{background:#eef4ff}.onboarding-steps button>span{color:#567bd1;background:#e7efff}.onboarding-steps button>span.done{background:#e0f3ed;color:#2b8b70}.onboarding-steps strong{color:#426087;font-size:12px}.onboarding-steps small{color:#607493;font-size:10px}.onboarding-steps button>svg{color:#607493}th{color:#607493;background:#f7f9fe;border-color:#e9eef8;font-size:10px;letter-spacing:.2px}td{color:#617694;border-color:#e9eef8;font-size:12px}td strong{color:#355279;font-size:12px;font-weight:550}td small{color:#607493;font-size:10px}tbody tr:hover{background:#fafcff}.table-link:hover strong{color:#275df5}.institute-mini{color:#607493;background:#ecf2ff;border-radius:10px}.inline-progress>div{background:#eaf0fc;height:6px}.inline-progress i{background:#77a0f3}.inline-progress>span{color:#607493}.page-search{min-height:44px;border-radius:14px;border-color:#dce6f6;box-shadow:0 3px 10px #24457705;color:#607493}.page-search input{font-size:12px;color:#355378}.filter-bar>select{font-size:12px;min-height:42px}.tabs{padding:4px;background:#e8eef9;border-radius:13px;gap:3px}.tabs button{color:#6d819f;border:1px solid transparent;min-height:38px;border-radius:10px;font-size:12px}.tabs button.active{background:#fff;color:#2e5cc7;border-color:#e1e9fa;box-shadow:0 3px 8px #334c780b}.tabs span{background:#eaf1ff;color:#5278c6;border-radius:5px}.verified-label{color:#368d75}.daily-log-card{border-color:#e1e9f8;border-radius:16px}.daily-log-header strong{color:#385b8a;font-size:12px}.daily-log-header small,.daily-log-header>span:last-child{color:#607493;font-size:10px}.daily-log-card h3{color:#617da6;font-size:11px}.daily-log-card>p,.log-result p{color:#5c7498;font-size:12px}.log-result{color:#5782cd;background:#f0f5ff;border-radius:11px}.event-card:hover{border-color:#b5cbf8;box-shadow:0 9px 25px #2b60c812}.event-icon,.institute-icon,.report-icon{color:#5783df;background:linear-gradient(135deg,#f0f5ff,#e1ebff);border-radius:15px;width:48px;height:48px}.event-card-top>svg,.event-meta svg{color:#607493}.event-card h2,.institute-card h2,.report-card h2{color:#34537e;font-size:16px}.event-card>p,.institute-card>p,.report-card p{color:#607493;font-size:12px}.event-meta,.institute-details span{color:#6982a7;font-size:12px}.event-card-bottom{color:#607493;border-color:#e6edf9;font-size:11px}.event-card-bottom strong{color:#588270;font-size:10px}.institute-counts{border-color:#e6edf9}.institute-counts span{color:#607493;font-size:10px}.institute-counts span+span{border-color:#e6edf9}.institute-counts strong{color:#436da8;font-weight:600}.report-range>span{color:#607493}.passkey-illustration{color:#6089d9}.passkey-illustration>svg{background:#eef3ff;border-radius:19px}.passkey-illustration span{color:#6b84ad}.role-hierarchy>div{border-color:#e1e9f8;border-radius:15px}.role-hierarchy>div.current{border-color:#abc1f7;background:#edf3ff;box-shadow:inset 0 1px #fff}.role-hierarchy span{color:#587fca;background:#eaf1ff}.role-hierarchy strong{color:#4c648c}.role-hierarchy small{color:#5f7fad}.profile-summary p{color:#58729a}.profile-summary small{color:#607493}.profile-initial{color:#4e77cf;background:linear-gradient(145deg,#f0f5ff,#dfe9ff);border:1px solid #dce7fc;border-radius:20px}.user-portrait,.profile-portrait{border:1px solid #e1e8f6}.system-status strong{color:#3f6194}.modal{color:#46628a;border-color:#e0e8f7;border-radius:23px;box-shadow:0 25px 100px #172d6550}.modal::backdrop{background:#12264a60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-header{border-color:#e8eef8;background:#fff}.modal-header h2{color:#2e4b76}.modal-header p{color:#607493}.modal-content .form-actions{border-color:#e2eafa}.task-detail-meta{color:#607493}.task-description{color:#557297}.attachment-list a{color:#5d7fad;background:#f5f8ff;border-color:#e2eafb;border-radius:11px}.attachment-list a:hover{background:#eaf1ff}.attachment-list small{color:#607493}.submission-list article{background:#f8faff;border-color:#e2eafb;border-radius:13px}.submission-list header,.review-list strong{color:#6789b7}.submission-list header small,.review-list small{color:#607493}.submission-list article>p,.review-list p{color:#5e7ba2}.review-list article,.volunteer-checkboxes,.participant-row{border-color:#e2eafb}.participant-row strong{color:#4973b0}.participant-row small{color:#607493}.detail-box{background:#f3f7ff;border-color:#e0eafb;border-radius:15px}.detail-box>span,.detail-box p{color:#607493}.detail-box strong{color:#527bad}.notification-list>button{color:#5678a5;border-color:#e5edfa;border-radius:12px}.notification-list>button.unread{background:#edf4ff;border-color:#d9e7fc}.notification-list small{color:#607493}.toast{background:#254c96;color:#f3f7ff;border-color:#759be0;border-radius:15px;box-shadow:0 10px 28px #1639762b}.toast>svg,.toast button{color:#c2dcff}.camera-capture{background:#f2f6ff;border-color:#dbe6fa;border-radius:16px}.camera-caption{color:#4b6fa1}.ui-v4 .attendance-flow{border-color:#e0e8f6;border-radius:22px;box-shadow:var(--soft-shadow)}.ui-v4 .attendance-flow-heading h2,.ui-v4 .location-panel-heading h3{color:#293f60}.ui-v4 .attendance-flow-heading p,.ui-v4 .attendance-times small,.ui-v4 .location-privacy,.ui-v4 .location-details small,.ui-v4 .location-action p,.ui-v4 .map-legend{color:#607493}.ui-v4 .attendance-times strong,.ui-v4 .location-details strong{color:#385985}.ui-v4 .attendance-flow-steps{background:#f5f8ff;border-color:#e7eefb}.ui-v4 .attendance-flow-steps li{color:#6c809f}.ui-v4 .attendance-flow-steps li>span{border-color:#dce6f8}.ui-v4 .attendance-flow-steps li.active{color:#2c57ad}.ui-v4 .attendance-flow-steps li.active>span{color:#fff;background:#3975ec;border-color:#3975ec}.ui-v4 .attendance-flow-steps li.complete{color:#2d7c67}.ui-v4 .location-status{background:#eef3fd;color:#607493;border-color:#e2eafa}.ui-v4 .location-panel-heading svg{color:#7194cf}.ui-v4 .attendance-map{border-color:#dfe8f7;border-radius:16px}.ui-v4 .map-recenter{color:#426ba9;border-color:#dbe6f8;width:44px;height:44px;border-radius:12px}.ui-v4 .attendance-map .leaflet-bar a{width:36px;height:36px;line-height:36px}.ui-v4 .location-action .button{color:#2e5bb8;background:#edf3ff;border-color:#d4e2fc;border-radius:13px;min-height:46px}.ui-v4 .attendance-flow .location-action .button:hover:not(:disabled){background:#e2ecff;color:#244a97;border-color:#b9cef6}.ui-v4 .location-action p,.ui-v4 .location-privacy{font-size:11px}.ui-v4 .attendance-identity-panel{border-color:#e5ecf8}.ui-v4 .attendance-note textarea{background:#f8faff;border-color:#dee7f7;font-size:13px}.ui-v4 .attendance-identity-panel .attendance-save{background:linear-gradient(130deg,#3584ff,#275df5);min-height:48px;border-radius:13px}.ui-v4 .attendance-identity-panel .attendance-save:disabled{background:#eaf0fa;color:#6f82a4;box-shadow:none}.ui-v4 .face-check.facecheck-v3{--face-lime: #aecafa;border-color:#e2eafa;background:#fcfdff}.ui-v4 .face-check.facecheck-v3 h3,.ui-v4 .facecheck-prep-instruction{color:#233c64}.ui-v4 .face-check.facecheck-v3 .facecheck-intro,.ui-v4 .face-check.facecheck-v3 .facecheck-prep-hint,.ui-v4 .facecheck-v3 .facecheck-location-state,.ui-v4 .facecheck-v3 .facecheck-privacy,.ui-v4 .facecheck-prep-top{color:#607493}.ui-v4 .facecheck-v3 .facecheck-start{background:linear-gradient(130deg,#3584ff,#275df5);color:#fff;border-color:#3776f2;border-radius:13px}.ui-v4 .facecheck-v3 .facecheck-start:hover{background:#2454d9}.ui-v4 .facecheck-v3 .facecheck-start:disabled{background:#edf2fa;color:#7284a0;border-color:#e2eafa}.ui-v4 .facecheck-v3 .facecheck-start:focus-visible{outline-color:#275df5}@media(max-width:760px){.ui-v4 .attendance-note textarea{font-size:16px}.ui-v4 .attendance-flow-steps li{font-size:10px}}@media(max-height:950px){.ui-v4 .sidebar-note{display:none}}@media(min-width:1600px){.ui-v4 .sidebar{width:250px;padding-left:20px;padding-right:20px}.ui-v4 .main-shell{margin-left:282px;width:calc(100% - 282px)}.ui-v4 .main-content{padding:38px 46px 26px}.ui-v4 .hero{min-height:290px;padding:36px 42px}}@media(min-width:761px)and (max-width:1200px){.ui-v4 .sidebar{width:211px;left:12px;top:12px;bottom:12px;padding-left:12px;padding-right:12px}.ui-v4 .main-shell{margin-left:235px;width:calc(100% - 235px)}.ui-v4 .topbar{padding:16px 24px}.ui-v4 .main-content{padding:26px 24px 20px}.ui-v4 .hero{padding:28px}.ui-v4 .hero-art{width:165px;margin-right:-10px}.ui-v4 .metric{padding:18px}.ui-v4 .hero h2{font-size:28px}}@media(min-width:761px)and (max-width:1000px){.ui-v4 .hero-art{display:none}.ui-v4 .role-hero .hero-copy{max-width:100%}.ui-v4 .metrics-grid.three{grid-template-columns:1fr}.ui-v4 .metrics-grid.three .metric{min-height:120px}.ui-v4 .quick-actions,.ui-v4 .events-grid,.ui-v4 .institutes-grid,.ui-v4 .reports-grid{grid-template-columns:1fr}.ui-v4 .section-title{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.ui-v4 .sidebar{display:none}.ui-v4 .main-shell{margin-left:0;width:100%}.ui-v4 .topbar{padding:10px 20px;min-height:72px;padding-top:max(10px,env(safe-area-inset-top))}.ui-v4 .breadcrumb{font-size:12px;gap:8px}.ui-v4 .topbar-right{gap:10px}.ui-v4 .mobile-menu{background:#fffa;border:1px solid #e0e9f8;width:42px;height:42px;border-radius:13px}.ui-v4 .main-content{padding:25px 20px calc(132px + env(safe-area-inset-bottom))}.ui-v4 .dashboard-heading,.ui-v4 .section-title{margin-bottom:23px}.ui-v4 .dashboard-heading h1{font-size:27px;line-height:1.3}.ui-v4 .section-title h1{font-size:28px}.ui-v4 .section-title{align-items:flex-start;flex-direction:column;gap:16px}.ui-v4 .section-title p{max-width:100%;font-size:12px}.ui-v4 .section-title .button{font-size:12px;min-height:44px;padding:12px 16px}.ui-v4 .section-title .button svg{width:17px;height:17px}.ui-v4 .hero{padding:27px 26px;min-height:0;border-radius:23px;margin-bottom:21px}.ui-v4 .hero h2{font-size:29px;letter-spacing:-.9px}.ui-v4 .hero-label{font-size:8px;letter-spacing:1.5px;margin-bottom:15px}.ui-v4 .hero p{font-size:12px;line-height:1.8}.ui-v4 .hero-button{margin-top:22px;min-height:45px;font-size:12px;white-space:normal;text-align:left}.ui-v4 .hero-art{display:none}.ui-v4 .metrics-grid{gap:12px;margin-bottom:21px}.ui-v4 .metric{padding:17px 15px;border-radius:18px;min-height:148px}.ui-v4 .metric-top{align-items:flex-start;font-size:11px;line-height:1.5}.ui-v4 .metric-icon{width:31px;height:31px;border-radius:10px}.ui-v4 .metric>strong{font-size:25px;margin-top:15px;letter-spacing:-.8px}.ui-v4 .metric>p{font-size:10px}.ui-v4 .metric.metric-text>strong{font-size:20px;letter-spacing:-.7px}.ui-v4 .metrics-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-v4 .metrics-grid.three .metric:last-child{grid-column:1 / -1;min-height:130px}.ui-v4 .metrics-grid.three .metric-top{font-size:11px}.ui-v4 .metrics-grid.three .metric-icon{width:31px;height:31px;border-radius:10px}.ui-v4 .metrics-grid.three .metric-icon svg{width:18px;height:18px}.ui-v4 .metrics-grid.three .metric{padding:17px}.ui-v4 .quick-actions{gap:11px;margin-bottom:21px}.ui-v4 .quick-actions>button{padding:16px;gap:13px}.ui-v4 .quick-actions strong{font-size:13px}.ui-v4 .quick-actions small{font-size:11px}.ui-v4 .panel-heading{padding:21px 20px 18px;gap:13px}.ui-v4 .panel-heading h2{font-size:14px}.ui-v4 .panel-heading p{font-size:11px}.ui-v4 .panel-heading .text-button{font-size:11px;min-height:40px}.ui-v4 .panel-heading select{max-width:150px;font-size:16px;min-height:42px}.ui-v4 .panel-heading>div{min-width:0}.ui-v4 .task-preview-list{padding:0 20px 10px}.ui-v4 .task-preview-list strong{font-size:12px;max-width:none;white-space:normal;line-height:1.6}.ui-v4 .task-preview-list small{font-size:10px}.ui-v4 .task-preview-list .badge{font-size:9px}.ui-v4 .task-preview-list>button{gap:10px;flex-wrap:wrap}.ui-v4 .task-preview-list>button>div:last-child{display:flex;width:100%;align-items:center;justify-content:space-between;padding-left:18px}.ui-v4 .task-preview-list>button>div:last-child small{margin:0}.ui-v4 .completion-chart{padding:10px 20px 26px;gap:21px}.ui-v4 .completion-ring{width:120px;height:120px;padding:9px;flex-shrink:0}.ui-v4 .completion-ring strong{font-size:26px}.ui-v4 .chart-legend>span{font-size:10px}.ui-v4 .main-footer{align-items:flex-start;flex-direction:column;gap:8px;padding:20px 0 4px}.ui-v4 .main-footer>span{max-width:none}.ui-v4 .main-footer button{min-height:38px}.ui-v4 .page-search{margin-bottom:23px}.ui-v4 .page-search input{font-size:16px;min-height:45px}.ui-v4 .filter-bar>select{width:100%;max-width:none;min-height:45px;font-size:16px}.ui-v4 .tabs{max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:5px}.ui-v4 .tabs::-webkit-scrollbar{display:none}.ui-v4 .tabs button{white-space:nowrap;min-height:42px;font-size:12px;flex-shrink:0;padding:10px 12px}.ui-v4 .badge{font-size:10px}.ui-v4 .settings-grid .panel-heading,.ui-v4 .padded-panel>.panel-heading{padding-left:0;padding-right:0}.ui-v4 .settings-grid .panel,.ui-v4 .padded-panel{padding-left:20px;padding-right:20px}.ui-v4 .role-hierarchy{gap:9px}.ui-v4 .role-hierarchy>div{padding:14px}.ui-v4 .role-hierarchy>div:last-child{grid-column:1 / -1}.ui-v4 .profile-summary{padding-left:20px;padding-right:20px}.ui-v4 .profile-summary>div{min-width:0;overflow-wrap:anywhere}.ui-v4 .report-range{flex-direction:column;align-items:stretch;padding:0 20px 8px;gap:0}.ui-v4 .report-range>span{display:none}.ui-v4 .report-range input{font-size:16px}.ui-v4 .report-card .button{min-height:45px;font-size:12px}.ui-v4 .toast{bottom:calc(112px + env(safe-area-inset-bottom));left:50%}}@media(max-width:380px){.ui-v4 .main-content,.ui-v4 .topbar{padding-left:16px;padding-right:16px}.ui-v4 .hero{padding:25px 23px}.ui-v4 .hero h2{font-size:26px}.ui-v4 .dashboard-heading h1{font-size:24px}.ui-v4 .metric{padding:16px 13px}.ui-v4 .metric>strong{font-size:23px}.ui-v4 .metric-top{font-size:10px}.ui-v4 .metric-icon{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}