@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-variable.ttf) format("truetype")}.vinpro-app,.payroll-app,body.auth-page{background-color:var(--paper-2);background-image:radial-gradient(ellipse at 72% 0%,var(--ambient),transparent 65%);color:var(--text)}.vinpro-app .app-shell-layout{gap:20px;padding:16px 20px 0;align-items:flex-start}.vinpro-app .app-main-content{padding:12px 4px 48px 0!important}.vinpro-app .uat-topbar,.payroll-app .dl-topbar{background:var(--paper)!important;border-bottom-color:var(--line);box-shadow:0 2px 24px #00141006}.vinpro-app .uat-header-search button,.payroll-app .dl-topbar-search button{border:1px solid var(--line)!important;border-radius:12px!important;background:var(--glass-panel)!important;box-shadow:inset 0 1px 0 var(--glass-edge)}.vinpro-app .org-switcher-trigger,.vinpro-app .uat-account-trigger,.payroll-app .dl-acct{border-radius:12px;background:var(--glass-panel);border-color:var(--line)}.vinpro-app .app-sidebar{top:80px!important;height:calc(100dvh - 100px)!important;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:18px;box-shadow:var(--surface-shadow)}.vinpro-app .vp-sidebar-caption{padding:22px 20px 12px;font-size:10px;letter-spacing:.09em}.vinpro-app .vp-nav-scroll{padding:6px 10px 12px!important;scrollbar-width:thin}.vinpro-app .vp-nav-item{border:1px solid transparent!important;border-radius:10px!important;min-height:40px;font-size:12px!important}.vinpro-app .vp-nav-item:hover{background:var(--teal-soft)!important}.vinpro-app .vp-nav-item[aria-current=page],.payroll-app .dl-nav[aria-current=page]{background:linear-gradient(100deg,var(--teal-soft-2),var(--teal-soft))!important;border-color:var(--ring)!important;color:var(--teal-2)!important;box-shadow:inset 3px 0 0 var(--teal),inset 0 1px 0 var(--glass-edge),0 0 20px var(--teal-soft)}.vinpro-app .vp-nav-section{padding-top:22px!important;color:var(--text-3)!important;font-size:10px!important}.vinpro-app .vp-sidebar-footer{border-color:var(--line);font-size:11px}.vinpro-app .vp-glass-surface,.vinpro-app .vp-kpi,.vinpro-app .vp-workforce,.vinpro-app .vp-attendance,.payroll-app .dl-card,.payroll-app .dl-metric{background:var(--glass-panel)!important;border:1px solid var(--line);border-radius:16px!important;box-shadow:var(--surface-shadow)!important}.vinpro-app .vp-section-heading{background:transparent;border-bottom-color:var(--line)!important}.vinpro-app .vp-section-heading h3,.vinpro-app .vp-panel-heading h2,.payroll-app .dl-card h2{font-weight:600;letter-spacing:-.025em}.vinpro-app .vp-section-heading p,.vinpro-app .vp-panel-heading p{line-height:1.6}.vinpro-app .app-button{border-radius:10px;letter-spacing:-.01em}.vinpro-app .app-button:focus-visible,.payroll-app button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.vinpro-app .uat-page-header h1,.payroll-app .dl-page-head h1{letter-spacing:-.045em;font-weight:550}.vinpro-app .vp-directory-table thead th{background:var(--paper-3);color:var(--text-2)}.vinpro-app .vp-directory-table tbody tr:hover{background:var(--teal-soft)}.vinpro-app .vp-directory-search,.vinpro-app .vp-directory-filters select{border-radius:10px}.vinpro-app .vp-directory-toolbar{border-color:var(--line)}.vinpro-app .vp-directory-filters,.vinpro-app .vp-directory-footer{background:transparent}.vinpro-app .future-dashboard{display:flex;gap:20px}.future-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(230px,.73fr);grid-template-areas:"hero hero tasks" "metrics metrics tasks" "workforce attendance team" "quick quick company" "holidays holidays holidays";grid-template-rows:170px 130px minmax(302px,auto) auto;gap:18px 16px;align-items:stretch;min-width:0}.future-dashboard-grid>*{min-width:0}.future-dashboard-holidays{grid-area:holidays}.future-holidays{min-width:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--glass-panel);box-shadow:var(--surface-shadow);color:var(--text)}.future-holidays-heading,.employee-card-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.future-holidays h2,.employee-home-card h2{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em}.future-holidays h2 svg,.employee-home-card h2 svg{color:var(--teal);flex-shrink:0}.future-text-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;padding:5px 0;color:var(--teal);font:inherit;font-size:12px;font-weight:500;cursor:pointer}.future-holidays-calendar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0 4px;color:var(--text-2);font-size:11px}.future-holidays-calendar label{display:flex;align-items:center;gap:8px}.future-holidays-calendar select{max-width:200px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--text);font:inherit}.future-holidays-message{color:var(--text-2);margin:18px 0 4px;line-height:1.7;font-size:13px}.future-holiday-list{margin:8px 0 0;padding:0;list-style:none}.future-holiday-list li{display:flex;align-items:center;gap:13px;min-width:0;padding:14px 0;border-bottom:1px solid var(--line)}.future-holiday-list li:last-child{border-bottom:0}.future-holiday-date{flex:0 0 44px;text-align:center;padding:7px 0;border:1px solid var(--line);border-radius:11px;background:var(--teal-soft);color:var(--teal)}.future-holiday-date strong{display:block;font-size:19px;font-weight:500;line-height:1.2}.future-holiday-date span{font-size:10px}.future-holiday-list li>div{flex:1;min-width:0}.future-holiday-list li>div strong{display:block;font-weight:500;font-size:13px;overflow-wrap:anywhere}.future-holiday-list time{display:block;color:var(--text-2);font-size:11px;margin-top:5px}.future-holiday-distance{font-size:10px;color:var(--text-2);text-align:right}.future-dashboard-holidays .future-holiday-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));column-gap:28px}.payroll-app .future-holidays{margin-top:22px}.future-employee-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.95fr);gap:20px;grid-template-areas:"welcome welcome punch" "leave leave shortcuts" "onboarding onboarding holidays" "attendance attendance payslip" "performance performance performance" "details details details"}.future-employee-grid>*{min-width:0}.employee-welcome{grid-area:welcome;position:relative;isolation:isolate;padding:28px 30px 20px;border:1px solid var(--line);border-radius:20px;background:var(--glass-panel);box-shadow:var(--surface-shadow);overflow:hidden}.employee-welcome:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-70px;right:-140px;bottom:0;left:30%;background:url(/ui/orbit-glass.webp) center/contain no-repeat;opacity:var(--hero-art-opacity)}.employee-welcome-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.employee-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-2)}.employee-welcome time{font-size:11px;color:var(--teal);border:1px solid var(--line);background:var(--paper);padding:6px 9px;border-radius:8px}.employee-welcome>p{font-size:16px;color:var(--text-2);margin:24px 0 0}.vinpro-app .employee-welcome h1{margin:4px 0 12px;font-size:clamp(36px,4vw,60px);line-height:1.12;font-weight:500;letter-spacing:-.055em;overflow-wrap:anywhere}.employee-welcome>.employee-welcome-description{margin:0;font-size:13px;line-height:1.7}.employee-welcome-description span{display:block}.employee-activity-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:22px 0 14px;font-size:11px;align-items:center;color:var(--text-2)}.employee-activity{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;margin:0;list-style:none;gap:10px}.employee-activity li{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;color:var(--text-2)}.employee-activity-marker{height:10px;width:100%;border-radius:6px;background:var(--paper-3);border:1px solid var(--line);transform-origin:left}.employee-activity [data-status=present] .employee-activity-marker{background:var(--teal);border-color:var(--teal)}.employee-activity [data-status=late] .employee-activity-marker{background:var(--amber);border-color:var(--amber)}.employee-activity [data-status=absent] .employee-activity-marker{background:var(--red);border-color:var(--red)}.employee-activity-legend{display:flex;gap:13px;flex-wrap:wrap;margin-top:16px;font-size:9px;color:var(--text-2)}.employee-activity-legend span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:var(--teal)}.employee-activity-legend span:nth-child(2):before{background:var(--amber)}.employee-activity-legend span:nth-child(3):before{background:var(--red)}.employee-activity-legend span:nth-child(4):before{background:var(--text-3)}.employee-home-card{padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--glass-panel);box-shadow:var(--surface-shadow);color:var(--text)}.employee-punch{grid-area:punch}.employee-punch>.vp-surface{height:100%}.employee-punch>.vp-surface>div{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.employee-shift-icon{width:90px;height:90px;display:grid;place-items:center;border:4px solid var(--teal-soft-2);border-top-color:var(--teal);border-radius:50%;color:var(--teal);align-self:center;margin-bottom:16px}.employee-shift-title{font-size:17px;font-weight:500;text-align:center;margin:0 0 20px;letter-spacing:-.02em}.employee-punch .app-button{min-width:0!important}.employee-punch .app-button:disabled{opacity:.6}.employee-shortcuts{grid-area:shortcuts}.employee-shortcuts nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.employee-shortcuts button{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:78px;padding:10px 4px;border:1px solid var(--line);background:var(--paper);border-radius:12px;color:var(--text-2);cursor:pointer;font:inherit;font-size:10px}.employee-shortcuts button svg{color:var(--teal)}.employee-shortcuts button:hover{border-color:var(--teal);background:var(--teal-soft)}.employee-checklist{grid-area:onboarding}.employee-checklist-summary{display:flex;align-items:baseline;gap:10px;margin:20px 0 12px}.employee-checklist-summary strong{font-size:27px;font-weight:500;font-variant-numeric:tabular-nums}.employee-checklist-summary>span{font-size:12px;color:var(--text-2)}.employee-progress-track{height:6px;border-radius:8px;background:var(--paper-3);overflow:hidden}.employee-progress-track>span{display:block;height:100%;background:var(--teal);border-radius:inherit}.employee-checklist ul{list-style:none;padding:0;margin:16px 0 0}.employee-checklist li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.employee-checklist li:last-child{border-bottom:0}.employee-checklist li>span:nth-child(2){flex:1}.employee-checklist small{color:var(--text-2);font-size:10px}.employee-check-done,.employee-check-pending{display:grid;place-items:center;border-radius:50%;padding:4px;color:var(--teal);background:var(--teal-soft)}.employee-check-pending{background:var(--paper-3);color:var(--text-2)}.employee-muted,.employee-activity-loading{color:var(--text-2);font-size:12px;line-height:1.7}.employee-holidays{grid-area:holidays}.employee-holidays>.future-holidays{height:100%}.employee-payslip{grid-area:payslip}.employee-pay-amount{display:block;font-size:clamp(25px,3vw,38px);line-height:1.5;font-weight:500;letter-spacing:-.04em;overflow-wrap:anywhere}.employee-payslip .app-button{margin-top:18px}.employee-leave{grid-area:leave}.employee-leave>.vp-surface{height:100%}.employee-attendance{grid-area:attendance}.employee-attendance-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start}.employee-attendance-log{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.employee-performance{grid-area:performance}.employee-details{grid-area:details;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--glass-panel)}.employee-details>summary{cursor:pointer;color:var(--text-2);font-size:13px}.employee-details[open]>summary{margin-bottom:20px}.future-employee :is(button,summary):focus-visible,.future-holidays :is(button,select):focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (prefers-reduced-motion: no-preference){.employee-welcome,.employee-home-card,.employee-leave>.vp-surface,.employee-punch>.vp-surface,.employee-attendance,.employee-holidays>.future-holidays,.future-dashboard-holidays>.future-holidays{animation:future-panel-reveal .35s ease-out backwards}.employee-home-card{animation-delay:80ms}.employee-activity-marker,.employee-progress-track>span{animation:future-bar-grow .75s ease-out backwards}.employee-progress-track>span{transform-origin:left}.employee-shortcuts button{transition:background-color .16s ease,border-color .16s ease}}@media (max-width: 1150px){.future-employee-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"welcome welcome" "punch shortcuts" "leave leave" "onboarding holidays" "attendance attendance" "payslip payslip" "performance performance" "details details"}}@media (max-width: 650px){.future-employee-grid{grid-template-columns:minmax(0,1fr);gap:16px;grid-template-areas:"welcome" "punch" "shortcuts" "leave" "holidays" "onboarding" "payslip" "attendance" "performance" "details"}.employee-welcome{padding:22px}.employee-home-card,.future-holidays{padding:20px}.employee-attendance-detail{grid-template-columns:minmax(0,1fr)}}@media print{.future-employee-grid{display:block}.future-employee-grid>*{margin-bottom:16px;break-inside:avoid}.employee-home-card,.employee-welcome,.future-holidays{background:var(--paper);box-shadow:none;animation:none!important}.employee-welcome:before{display:none}.employee-activity-marker,.employee-progress-track>span{animation:none!important}}.future-hero{grid-area:hero;position:relative;isolation:isolate;height:170px;margin-right:44px;display:flex;align-items:flex-start}.future-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-22px;right:-44px;width:min(105%,900px);height:410px;background:url(/ui/orbit-glass.webp) center / contain no-repeat;opacity:var(--hero-art-opacity);-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}.future-hero .uat-page-header{position:relative;display:block;width:100%;padding:32px 0 0!important}.future-hero .uat-page-header h1{font-size:clamp(46px,5.2vw,78px)!important;font-weight:500!important;line-height:1.08;letter-spacing:-.055em!important;margin-top:12px;white-space:nowrap}.future-title-accent{color:var(--hero-accent)}.future-hero .uat-page-header nav{color:var(--text-2);font-size:9px!important;letter-spacing:.2em!important;text-transform:uppercase!important}.future-hero .uat-page-header p{font-size:clamp(12px,1.2vw,17px)!important;max-width:570px;margin-top:12px!important;line-height:1.6}.future-summary{grid-area:metrics;display:grid;grid-template-columns:1fr 1.18fr 1fr 1.17fr;gap:12px;margin-right:44px}.future-metric{padding:18px 20px;height:130px;min-height:130px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:var(--glass-panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--surface-shadow)}button.future-metric{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}button.future-metric:hover{border-color:var(--teal);box-shadow:var(--surface-shadow),0 0 16px var(--ambient)}.vinpro-app :is(button.future-metric,.vp-workforce-open,.vp-workforce-mode,.future-approvals button):focus-visible{outline:2px solid var(--teal);outline-offset:3px}.future-metric>.future-metric-arrow{position:absolute;right:12px;top:12px;width:15px;height:15px;color:var(--teal)}.future-number{font-variant-numeric:tabular-nums}.future-metric>svg{margin-bottom:9px;color:var(--text-2);width:20px;height:20px}.future-metric>strong{font-size:28px;line-height:1.1;font-weight:500;letter-spacing:-.045em}.future-metric>span{font-size:13px;margin-top:3px;color:var(--text-2);line-height:1.2}.future-metric small{position:absolute;right:12px;bottom:12px;max-width:55%;text-align:right;font-size:8px;color:var(--text-3);line-height:1.4}.future-metric:nth-child(3) small{display:none}.future-metric-payday small{position:static;max-width:none;text-align:left;margin-top:5px}.future-metric-payday>strong{font-size:clamp(18px,1.75vw,27px)}.future-metric-attendance{justify-content:center}.future-metric-attendance small{bottom:12px}.future-attendance-ring{position:relative;width:64px;height:64px;margin-top:-5px}.future-attendance-ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.future-attendance-ring circle{fill:none;stroke-width:5}.future-ring-track{stroke:var(--paper-3)}.future-ring-progress{stroke:var(--teal);stroke-linecap:round;filter:drop-shadow(0 0 4px var(--ring))}.future-attendance-ring strong{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-weight:600}.future-dashboard-tasks{grid-area:tasks;margin-left:0;width:100%;align-self:stretch;min-height:318px;height:100%}.future-dashboard-tasks>.vp-surface,.future-dashboard-team>.vp-surface{height:100%}.future-dashboard-tasks>.vp-surface{max-height:318px;overflow:auto;scrollbar-width:thin}.vinpro-app .future-dashboard .dl-task{padding:11px 18px;min-height:65px;gap:11px}.vinpro-app .future-dashboard .dl-task:hover{background:var(--teal-soft)}.future-task-avatar{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;flex-shrink:0}.vinpro-app .future-dashboard .dl-task-title{font-size:11px;line-height:1.5;font-weight:500}.vinpro-app .future-dashboard .dl-task-sub{font-size:9px;line-height:1.5;margin-top:3px}.future-panel-count{padding:5px 9px;border:1px solid var(--line);border-radius:7px;font-size:11px;color:var(--text-2)}.future-dashboard-workforce{grid-area:workforce}.future-dashboard-attendance{grid-area:attendance}.future-dashboard-team{grid-area:team}.future-dashboard-attendance>.vp-attendance,.future-dashboard-workforce>.vp-workforce{height:100%}.vinpro-app .future-dashboard .vp-section-heading{padding:18px!important;gap:8px!important;flex-wrap:wrap;border-bottom:0!important}.vinpro-app .future-dashboard .vp-section-heading h3,.future-dashboard .vp-panel-heading h2{font-size:14px!important}.vinpro-app .future-dashboard .vp-team-row{padding:12px 17px;flex-wrap:nowrap;gap:10px;border-bottom:0}.vinpro-app .future-dashboard .vp-team-name{font-size:11px;font-weight:500}.vinpro-app .future-dashboard .vp-team-role{font-size:9px;margin-top:4px}.vinpro-app .future-dashboard .vp-team-joined{font-size:8px}.future-dashboard-quick{grid-area:quick;padding:12px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;background:var(--glass-panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--surface-shadow)}.future-dashboard-quick>strong{font-size:12px;font-weight:500;margin-right:6px}.future-dashboard-quick .app-button{font-size:10px!important;min-height:40px;padding:8px 11px!important;background:var(--glass-panel);box-shadow:inset 0 1px 0 var(--glass-edge)}.future-quick-payroll{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:inherit}.future-dashboard-quick .app-button svg{width:16px}.future-dashboard-company{grid-area:company;padding:10px 18px;display:flex;align-items:center;gap:12px;background:var(--glass-panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--surface-shadow)}.future-dashboard-company>svg{color:var(--text-2);flex-shrink:0}.future-dashboard-company>div{min-width:0}.future-dashboard-company small{font-size:9px}.future-dashboard-company strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.6;font-weight:500}.future-dashboard-company span{display:block;font-size:9px;color:var(--text-3);margin-top:3px}.future-secondary-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}.future-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.vinpro-app .future-dashboard .vp-workforce{padding:17px 16px}.vp-workforce-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 19px}.vp-workforce-tabs,.vp-chart-modes{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--paper-2)}.vp-workforce-tabs{width:100%}.vp-workforce-tabs button,.vp-chart-modes button{border:0;background:transparent;color:var(--text-2);font:inherit;font-size:9px;border-radius:6px;padding:6px 7px;cursor:pointer}.vp-workforce-tabs button{flex:1;white-space:nowrap}.vp-workforce-tabs button[aria-pressed=true],.vp-chart-modes button[aria-pressed=true]{background:linear-gradient(110deg,var(--teal-soft-2),var(--teal-soft));color:var(--teal-2);box-shadow:inset 0 1px 0 var(--glass-edge),0 0 12px var(--ambient)}.vp-workforce-bars{list-style:none;display:flex;flex-direction:column;gap:17px}.vp-workforce-bars li{display:grid;grid-template-columns:7px minmax(0,.8fr) 23px minmax(45px,1fr);align-items:center;gap:8px}.vp-workforce-bars .vp-department-dot{border-radius:50%}.vp-workforce-bars .vp-department-name{font-size:10px}.vp-workforce-bars strong{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.vp-department-track{height:9px;border-radius:99px;background:var(--paper-3);overflow:hidden}.vp-department-track span{display:block;height:100%;border-radius:inherit;box-shadow:inset 0 1px #ffffff40}.vp-workforce-mode{border:1px solid var(--line);border-radius:7px;width:25px;height:25px;color:var(--text-2);background:var(--glass-panel);font:inherit;font-size:13px;cursor:pointer}.vp-workforce-mode{display:grid;place-items:center;flex-shrink:0}.vp-workforce-open{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.vp-workforce-open>svg{color:var(--teal);flex-shrink:0}.vp-workforce-open:hover{color:var(--teal)}.future-approvals{color:var(--text);line-height:1.6}.future-approvals>p{color:var(--text-2);margin:0 0 18px;font-size:13px}.future-approvals ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.future-approvals li button{display:flex;width:100%;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text);font:inherit;text-align:left;cursor:pointer}.future-approvals li button:hover{background:var(--teal-soft);border-color:var(--teal)}.future-approvals li svg{flex-shrink:0;color:var(--teal)}.future-approvals li span{flex:1;min-width:0;overflow-wrap:anywhere}.future-approvals li strong{display:block;font-size:13px;font-weight:600}.future-approvals li small{display:block;margin-top:4px;color:var(--text-2);font-size:11px}@media (prefers-reduced-motion: no-preference){.future-metric,.future-dashboard-workforce>.vp-workforce,.future-dashboard-attendance>.vp-attendance,.future-dashboard-tasks>.vp-surface,.future-dashboard-team>.vp-surface{animation:future-panel-reveal .18s ease-out backwards}.future-metric:nth-child(2){animation-delay:40ms}.future-metric:nth-child(3){animation-delay:80ms}.future-metric:nth-child(4){animation-delay:.12s}.future-dashboard-workforce>.vp-workforce,.future-dashboard-attendance>.vp-attendance{animation-delay:.1s}.future-ring-progress[data-ready=true]{animation:future-ring-draw .75s ease-out backwards;transition:stroke-dashoffset .18s ease}.vp-workforce-bars .vp-department-track span{transform-origin:left center;animation:future-bar-grow .75s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--bar-order, 0) * 35ms)}}@keyframes future-panel-reveal{0%{opacity:0}to{opacity:1}}@keyframes future-ring-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:var(--ring-offset)}}@keyframes future-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.vinpro-app .future-dashboard .vp-attendance{position:relative;padding:17px 16px!important}.future-attendance-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.future-attendance-heading select{min-width:0;max-width:120px;border:1px solid var(--line);border-radius:6px;padding:5px 7px;font:inherit;font-size:10px;color:var(--text-2);background:var(--paper)}.future-attendance-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:14px}.future-attendance-stats>div+div{border-left:1px solid var(--line);padding-left:12px}.future-attendance-stats strong{display:block;font-size:23px;line-height:1.15;font-weight:500;letter-spacing:-.04em}.future-attendance-stats>div>span{display:block;color:var(--text-2);font-size:9px;margin-top:3px;line-height:1.5}.future-attendance-plot{margin-left:-10px;height:145px!important}.vp-attendance>.vp-chart-modes{align-self:flex-end;margin-top:0;padding:1px}.vp-attendance>.vp-chart-modes button{padding:3px 7px;font-size:8px}.vinpro-app .future-employee>.uat-page-header{position:relative;min-height:180px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--glass-panel);overflow:hidden}.vinpro-app .future-employee>.uat-page-header:before{content:"";position:absolute;pointer-events:none;top:-80px;right:-30px;bottom:-100px;left:40%;background:url(/ui/orbit-glass.webp) center / contain no-repeat;opacity:var(--hero-art-opacity);-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.vinpro-app .future-employee>.uat-page-header>*{position:relative}@media (min-width: 901px){.vinpro-app{--future-sidebar-width: 220px}.vinpro-app:has(.app-sidebar.is-collapsed){--future-sidebar-width: 68px}.vinpro-app .uat-topbar{position:fixed!important;top:0!important;left:0;right:0;height:72px!important;padding:0 20px!important;background:var(--paper)!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:var(--shadow-xs);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vinpro-app .uat-topbar button,.vinpro-app .uat-topbar a,.vinpro-app .uat-topbar [role=dialog],.vinpro-app .org-switcher{pointer-events:auto}.vinpro-app .uat-header-brand{position:static;min-width:200px!important;width:200px;flex-shrink:0;gap:12px!important}.vinpro-app .uat-header-brand>img{display:block!important;width:140px!important;max-width:140px!important;height:auto!important}.vinpro-app .uat-header-brand>button{background:transparent!important;border-color:transparent!important}.vinpro-app .uat-header-search{position:static;transform:none;min-width:150px;max-width:550px;padding:0 20px!important}.vinpro-app .uat-header-search button{height:40px;width:100%;max-width:none!important;border-radius:12px!important;font-size:10px!important}.vinpro-app .uat-header-actions{margin-left:auto;gap:12px}.vinpro-app .uat-region,.vinpro-app .uat-header-actions>.uat-payroll-link{display:none!important}.vinpro-app .uat-account-trigger{background:transparent;border-color:transparent;font-size:10px;padding:0 0 0 12px}.vinpro-app .app-shell-layout{padding:72px 0 0;gap:0}.vinpro-app .app-main-content{max-width:none!important;padding:22px 24px 32px!important}.vinpro-app .app-sidebar{width:var(--future-sidebar-width)!important;top:72px!important;height:calc(100dvh - 72px)!important;border-radius:0;border-top:0!important;border-left:0!important;background:var(--paper)!important;z-index:90}.vinpro-app .future-sidebar-brand{display:none}.vinpro-app .app-sidebar.is-collapsed .future-sidebar-brand{padding:25px 6px}.vinpro-app .vp-nav-scroll{padding:16px 10px 20px!important}.vinpro-app .vp-nav-item{min-height:40px;padding:10px 13px!important;margin-bottom:5px!important;font-size:10px!important;gap:14px!important}.vinpro-app .vp-sidebar-footer{display:none}.vinpro-app .org-switcher{position:relative;left:auto;bottom:auto;width:clamp(150px,16vw,230px)}.vinpro-app .org-switcher-trigger{width:100%;padding:9px 10px;font-size:12px;gap:7px}.vinpro-app .org-switcher-panel{top:calc(100% + 12px);bottom:auto;left:auto;right:0;max-height:calc(100dvh - 100px)}}.future-payroll-shortcut,.future-modules-toggle{display:flex;align-items:center;gap:11px;width:100%;text-decoration:none;color:var(--text-2);font:inherit;padding:10px 12px;background:transparent;cursor:pointer;text-align:left}.future-modules-toggle{margin-top:12px!important}.future-payroll-shortcut svg,.future-modules-toggle svg{flex-shrink:0}.future-sidebar-brand{padding:18px;display:flex;justify-content:center}.vinpro-app .vp-trial-banner{position:sticky;top:0;z-index:110;height:36px}.vinpro-app .vp-trial-banner a{flex-shrink:0;text-decoration:underline;text-underline-offset:3px}@media (min-width: 901px){.vinpro-app .vp-trial-banner{position:fixed;left:0;right:0}.vinpro-app:has(>.vp-trial-banner) .uat-topbar{top:36px!important}.vinpro-app:has(>.vp-trial-banner) .app-shell-layout{padding-top:108px}.vinpro-app:has(>.vp-trial-banner) .app-sidebar{top:108px!important;height:calc(100dvh - 108px)!important}}@media (max-width: 900px){.vinpro-app .vp-trial-banner{height:56px;padding:8px 12px!important;font-size:11px!important}.vinpro-app:has(>.vp-trial-banner) .uat-topbar{top:56px!important}.vinpro-app:has(>.vp-trial-banner) .app-sidebar{top:120px!important;height:calc(100dvh - 120px)!important}.vinpro-app:has(>.vp-trial-banner) .app-shell-layout:after{top:120px!important}}.payroll-app .dl-shell{gap:20px;padding:16px 20px 0;align-items:start}.payroll-app .dl-side{top:80px;height:calc(100dvh - 100px);background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--surface-shadow)}.payroll-app .dl-main{padding:12px 4px 48px 0}.payroll-app .dl-nav{border:1px solid transparent;border-radius:10px}.payroll-app .dl-metric-value{font-weight:550;letter-spacing:-.045em}.payroll-app .dl-page-head{position:relative;isolation:isolate;padding:14px 0 22px}.payroll-app .dl-page-head:before{content:"";position:absolute;pointer-events:none;z-index:-1;top:-70px;right:0;bottom:-130px;left:48%;background:url(/ui/orbit-glass.webp) center / contain no-repeat;opacity:calc(var(--hero-art-opacity) * .5)}.payroll-app .dl-page-head h1{font-size:clamp(26px,3vw,40px)}.payroll-app .dl-btn{border-radius:10px}.payroll-app .dl-table{background:transparent}.future-payroll-brand{display:none}@media (min-width: 901px){.payroll-app{--future-sidebar-width: 220px}.payroll-app:has(.dl-shell.is-collapsed){--future-sidebar-width: 68px}.payroll-app .dl-topbar{position:fixed;top:0;left:0;right:0;height:72px;padding:0 20px;background:var(--paper)!important;border:0;border-bottom:1px solid var(--line);box-shadow:var(--shadow-xs);backdrop-filter:none;-webkit-backdrop-filter:none}.payroll-app .dl-topbar button,.payroll-app .dl-topbar a,.payroll-app .dl-topbar [role=menu],.payroll-app .dl-topbar [role=dialog]{pointer-events:auto}.payroll-app .dl-topbar-left{position:static;min-width:200px;width:200px;flex-shrink:0;gap:12px}.payroll-app .dl-topbar-brand-link{display:inline-flex}.payroll-app .dl-topbar-brand-link img{width:140px!important;max-width:140px!important;height:auto!important}.payroll-app .dl-topbar-city{display:none}.payroll-app .dl-sidebar-toggle{background:transparent;border-color:transparent}.payroll-app .dl-topbar-search{position:static;transform:none;min-width:150px;max-width:550px;padding:0 20px}.payroll-app .dl-topbar-search button{height:40px;font-size:10px}.payroll-app .dl-topbar-right{margin-left:auto;gap:12px}.payroll-app .dl-acct{background:transparent;border-color:transparent;font-size:10px}.payroll-app .dl-shell{padding:72px 0 0;gap:0}.payroll-app .dl-side{width:var(--future-sidebar-width);top:72px;height:calc(100dvh - 72px);padding:16px 10px 12px;border-radius:0;border-top:0;border-left:0;background:var(--paper);z-index:90}.payroll-app .dl-shell.is-collapsed .dl-side{width:68px;padding:16px 6px 12px}.payroll-app .future-payroll-brand{display:none}.payroll-app .dl-main{padding:22px 24px 32px}.payroll-app .dl-side .dl-nav{min-height:40px;padding:10px 13px;font-size:10px;gap:14px}.payroll-app .dl-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payroll-app .dl-nav-section{font-size:8px;padding:14px 13px 6px}.payroll-app .dl-side-foot{padding:12px 6px 0;font-size:10px}.payroll-app .dl-ws{border:0;padding:6px 0;background:transparent}.payroll-app .dl-ws-mark{width:24px;height:24px;font-size:9px}.payroll-app .dl-ws-name{font-size:10px}.payroll-app .dl-ws-sub{font-size:9px}.payroll-app .dl-side-foot>.dl-btn{font-size:10px}}@media (min-width: 901px) and (max-width: 1200px){.payroll-app .payroll-switch-label{display:none}}body.auth-page{position:relative;isolation:isolate}body.auth-page:before{content:"";position:fixed;pointer-events:none;z-index:-1;top:0;right:0;bottom:0;left:30%;background:url(/ui/orbit-glass.webp) center / 115% auto no-repeat;opacity:var(--hero-art-opacity);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}.auth-page .left{border-right:1px solid var(--line);background:transparent}.auth-page .right{background:transparent}.auth-page .card{background:var(--glass-panel);border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:var(--surface-shadow)}.auth-page .card-head h2{font-weight:550;font-size:30px;letter-spacing:-.045em}.auth-page .right-copy{padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--glass-panel);box-shadow:var(--surface-shadow)}.auth-page .right-copy h1{font-size:clamp(28px,3.2vw,46px);font-weight:550;line-height:1.15;letter-spacing:-.045em}.auth-page .right-copy .headline-line{white-space:nowrap}.auth-page:not(.employee-auth) .right-copy{max-width:min(560px,100%)}.auth-page .form-input,.auth-page .btn-signin,.auth-page .sso-btn{border-radius:10px}.auth-page .form-input,.auth-page .btn-signin{height:48px}.auth-page .auth-dialog{box-shadow:var(--surface-shadow)}.employee-auth-trace{display:block;width:100%;height:44px;margin:0 0 22px;color:var(--teal)}.employee-auth-trace path{stroke:currentColor;stroke-width:2;stroke-linecap:round}.employee-auth-eyebrow{display:block;margin-bottom:10px;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-2)}.employee-auth .right-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.05}.employee-auth-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.employee-auth-features span{border:1px solid var(--line);border-radius:20px;color:var(--text-2);background:var(--paper);padding:7px 11px;font-size:10px}@media (prefers-reduced-motion: no-preference){.employee-auth .card,.employee-auth .right-copy{animation:future-panel-reveal .4s ease-out backwards}.employee-auth-trace path{stroke-dasharray:100;animation:employee-auth-draw 1.1s ease-out both}}@keyframes employee-auth-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media (min-width: 901px) and (max-width: 1150px){.future-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"hero hero" "metrics metrics" "workforce attendance" "tasks team" "quick quick" "company company" "holidays holidays"}.future-dashboard-grid{grid-template-rows:auto}.future-hero,.future-summary{margin-right:0}.future-hero:before{right:0}.future-dashboard-tasks{margin-left:0;height:auto;min-height:0}}@media (max-width: 900px){.vinpro-app .app-shell-layout,.payroll-app .dl-shell{gap:0;padding:0}.vinpro-app .app-main-content,.payroll-app .dl-main{padding:22px 16px 40px!important}.vinpro-app .app-sidebar,.payroll-app .dl-side{top:64px!important;height:calc(100dvh - 64px)!important;border-radius:0 18px 18px 0}.future-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero hero" "metrics metrics" "tasks tasks" "workforce attendance" "team team" "quick quick" "company company" "holidays holidays";gap:16px;grid-template-rows:auto}.future-hero{height:auto;min-height:170px;margin-right:0}.future-summary{margin-right:0;grid-template-columns:repeat(2,minmax(0,1fr))}.future-dashboard-tasks{margin-left:0;height:auto;min-height:0}.future-hero .uat-page-header{padding:8px 0!important}.future-hero:before{right:-16px;width:90%;height:310px;top:-60px}.future-hero .uat-page-header h1{font-size:clamp(34px,7vw,48px)!important}.vinpro-app .future-dashboard-kpis .vp-kpi{padding:16px!important}.future-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page .right-copy{padding:24px}}@media (max-width: 600px){.future-dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "metrics" "tasks" "workforce" "attendance" "team" "quick" "company" "holidays"}.future-hero .uat-page-header p{font-size:12px!important}.future-hero .uat-page-header h1{max-width:340px;white-space:normal}.future-metric{padding:16px}.future-attendance-stats strong{font-size:22px}.vinpro-app .future-dashboard-kpis .vp-kpi-value{font-size:32px!important}.future-dashboard-quick>strong{flex-basis:100%}.auth-page .card{padding:24px}.auth-page .right-copy h1{font-size:30px}body.auth-page:before{top:10%;right:-30%;bottom:0;left:0;background-size:150% auto}}@media (prefers-reduced-motion: reduce){.vinpro-app *,.payroll-app *,.auth-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.future-dashboard *,.future-summary *{animation:none!important;transition:none!important}.vinpro-app,.payroll-app,body.auth-page{background:#fff!important}.vinpro-app .uat-topbar,.vinpro-app .app-sidebar,.vinpro-app .vp-trial-banner{display:none!important}.vinpro-app .app-shell-layout,.vinpro-app:has(>.vp-trial-banner) .app-shell-layout{padding:0;gap:0}.future-hero:before,.future-employee>.uat-page-header:before,.dl-page-head:before,body.auth-page:before{display:none!important}.vinpro-app .vp-glass-surface,.vinpro-app .vp-kpi,.vinpro-app .vp-workforce,.vinpro-app .vp-attendance,.payroll-app .dl-card,.payroll-app .dl-metric,.future-metric,.future-dashboard-quick,.future-dashboard-company,.auth-page .card,.auth-page .right-copy{background:var(--paper)!important;box-shadow:none!important}}.vp-revision-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:232px}.vp-revision-actions>button{width:100%;min-height:34px;justify-content:center;white-space:nowrap}:root{--vp-safe-top: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px))}@media (max-width: 900px){html body .vinpro-app,html body .payroll-app{padding-top:var(--vp-safe-top)}html body .vinpro-app .uat-topbar,html body .payroll-app .dl-topbar{top:var(--vp-safe-top)!important}html body .vinpro-app .vp-trial-banner{top:var(--vp-safe-top)}html body .vinpro-app:has(>.vp-trial-banner) .uat-topbar{top:calc(56px + var(--vp-safe-top))!important}html body .vinpro-app .app-sidebar,html body .payroll-app .dl-side{top:calc(64px + var(--vp-safe-top))!important;height:calc(100dvh - 64px - var(--vp-safe-top))!important}html body .vinpro-app:has(>.vp-trial-banner) .app-sidebar{top:calc(120px + var(--vp-safe-top))!important;height:calc(100dvh - 120px - var(--vp-safe-top))!important}html body .vinpro-app .app-shell-layout:after{top:calc(64px + var(--vp-safe-top))!important}html body .vinpro-app:has(>.vp-trial-banner) .app-shell-layout:after{top:calc(120px + var(--vp-safe-top))!important}html body .payroll-app .dl-shell:not(.is-collapsed) .payroll-nav-scrim{top:calc(64px + var(--vp-safe-top))}}