.site-header{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #e2e8f0e6;min-height:68px;position:fixed;inset:0 0 auto;box-shadow:0 .25rem 1.5rem #1e293b12}.site-nav{justify-content:space-between;align-items:center;max-width:1440px;min-height:68px;margin:0 auto;padding:.45rem 2rem;display:flex}.nav-menu{align-items:center;gap:.3rem;display:flex}.nav-link{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:.75rem;padding:.62rem .9rem;font-weight:600;text-decoration:none}.nav-link:hover{color:#6d28d9;background:#f5f3ff}.nav-link.active{color:#fff;background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 8px 18px #6d28d92e}.logout-link{color:#b91c1c}.nav-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;width:42px;height:42px;padding:9px;display:none}.nav-toggle span{background:#475569;border-radius:2px;height:2px;margin:4px 0;display:block}@media (width<=640px){.site-nav{min-height:68px;padding:.45rem max(1rem, env(safe-area-inset-right)) .45rem max(1rem, env(safe-area-inset-left))}.nav-toggle{min-width:44px;min-height:44px;display:block}.nav-menu{inset:68px max(.8rem, env(safe-area-inset-right)) auto max(.8rem, env(safe-area-inset-left));background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 84px);padding:.7rem;display:none;position:absolute;overflow-y:auto;box-shadow:0 20px 48px #1e293b24}.nav-menu.open{display:flex}.nav-menu .nav-link{text-align:left;width:100%;min-height:44px}}html,body{height:100%;margin:0;overflow:hidden}code{color:#e01a76}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0;transform:scale(1.8)}.navbar-light{background-color:#fff}.app-container{-ms-overflow-style:none;scrollbar-width:none;background-color:#a2a2a2;height:100vh;padding-top:65px;overflow-x:scroll}.app-container::-webkit-scrollbar{display:none}.app-container>div{height:100%}.btn-primary{color:#fff;background-color:#1b6ec2;border-color:#1861ac}#logo{width:80px;height:40px}.employee-list-container{-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;padding:15px 0;overflow-x:scroll}.employee-list-container::-webkit-scrollbar{display:none}.employee-list-item{text-align:center;cursor:default;background-color:#fff;border:1px solid #000;border-radius:15px;justify-content:space-around;width:93%;margin:1.5% auto;display:flex}.employee-list-item-text{justify-content:left;align-items:center;width:70%;font-size:2rem;display:flex;overflow:hidden}.profile-pic-section{background-color:#64029d;justify-content:center;align-items:center;width:100%;height:20%;display:flex}.profile-pic-container{background-image:url(/profile.svg);border-radius:50%;width:14vh;height:14vh}.bio-section{color:#8600d3;background:#fff;flex-direction:column;justify-self:center;align-items:center;width:100%;height:50vh;font-size:1.3rem;display:flex;position:relative}.bio-section input,textarea{border:1px solid #000;border-radius:5px;width:70%}.btns-container{justify-content:center;align-items:center;width:100%;height:15%;display:flex;position:absolute;bottom:0}.btns-container>button,.btns-container>a{color:#fff;background-color:#8600d3;border:none;border-radius:25px;justify-content:center;align-items:center;width:32%;height:73%;margin:5px;display:flex}.dp-container{color:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;height:10vh;display:flex}.dp-fields-container{flex-direction:row;justify-content:center;align-items:center;width:50%;display:flex}.dp-fields-container>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;display:flex}.dp-fields-container input{text-align:center;width:90%;position:relative}.dp-fields-container input[type=date]::-webkit-calendar-picker-indicator{color:#0000;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute}.dp-btn-container{flex-direction:row;justify-content:center;align-items:center;width:50%;height:100%;padding-top:15px;display:flex}.dp-btn{color:#fff;background-color:#8600d3;border:none;border-radius:15px;width:70%}.employee-compare-list-item{background-color:#fff;border:1px solid #000;border-radius:15px;justify-content:space-around;align-items:center;width:97.5%;height:75px;margin:1.5%;display:flex}.employee-compare-list-item>div:first-child:hover{cursor:pointer}.employee-compare-list-item>div:first-child{text-align:center;justify-content:center;align-items:center;width:49%;height:100%;font-size:1.6rem;display:flex}.employee-compare-list-item>div:first-child>span{text-overflow:ellipsis;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.employee-compare-list-item>div:last-child{text-align:center;justify-content:center;width:49%;font-size:1.5rem;display:flex}.turnover-with-checkbox{justify-content:space-between;width:60%;display:flex}.turnover-with-checkbox>span{text-overflow:ellipsis;text-align:end;width:60%;overflow:hidden}@media only screen and (width<=768px){.turnover-with-checkbox{width:75%}.turnover-with-checkbox>span{text-overflow:ellipsis;text-align:center;width:75%;font-size:1.4rem;overflow:hidden}}.compare-btn{color:#fff;background-color:#8600d3;border:none;justify-content:center;align-items:center;width:100%;height:10%;font-size:1.9rem;display:flex;position:fixed;bottom:0}.compare-btn:hover{color:#fff;text-decoration:none}.vertical-stroke{background-color:#000;width:2px;height:70%}.compare-table-container{background-color:#a2a2a2;justify-content:center;align-items:center;width:100%;height:40%;display:flex}.compare-table{background-color:#f1f1f1;width:90%;height:80%;display:block;overflow:scroll}.compare-table,.compare-table th,.compare-table td{text-align:center;color:#000;border:1px solid #000}.compare-table tbody{display:table-row-group}.compare-table tr:nth-of-type(2n){background-color:#d3d3d3}.loading-text{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.employee-report{width:100%;overflow:hidden scroll;height:100%!important}.employee-name{color:#fff;margin-left:15px;font-size:1.9rem}.performance-section{color:#fff;background-color:#8600d3;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.overall-fields-container{flex-direction:row;justify-content:center;align-items:center;width:80%;display:flex}.overall-fields-container>div{flex-direction:row;justify-content:space-between;align-items:center;width:49%;display:flex}.hr-stroke{color:#5f0096;width:100%;height:2px}.ps-fields-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.ps-fields-container{flex-direction:column;justify-content:center;align-items:center;width:49%;display:flex}.ps-fields-container>div{justify-content:space-between;align-items:center;width:80%;margin:3px 0;display:flex}.ps-fields-container input{width:35%}.items-container{flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;height:90%;margin:5px 0;display:flex}.item{justify-content:space-around;align-items:center;width:50%;display:flex}.item label{text-overflow:ellipsis;width:30%;overflow:hidden}.save-btn-container{background-color:#fff;justify-content:space-around;width:100%;padding:0 5% 25%;display:flex}.save-btn-container div:last-child{justify-content:space-between;display:flex}.save-btn-container button{color:#fff;background-color:#8600d3;border-radius:15px;width:48%}.save-btn-container input[type=date]{color:#8600d3;text-align:center;border-color:#8600d3;width:80%;position:relative}.save-btn-container input[type=date]::-webkit-calendar-picker-indicator{color:#0000;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute}#check-img{width:95px;margin:auto;display:block}.success-message{width:100%}#sucess-msg-text{color:#8600d3;text-align:center;margin:20px;font-size:1.9rem}.x-line{background-color:#fff;width:100%;height:2px;margin:3% 0}.y-line{width:2px;height:4vh;margin-right:19px;background-color:#fff!important}.total-container{color:#fff;justify-content:space-around;width:100%;font-size:1.9rem;display:flex}.total-wrapper{background-color:#a2a2a2;width:100%;position:fixed;bottom:10%}.comparison-list-items-container{-ms-overflow-style:none;scrollbar-width:none;height:60%;padding:15px 0;overflow:scroll}.comparison-list-items-container::-webkit-scrollbar{display:none}.section-1{background-color:#64029d}.section-2{background-image:linear-gradient(#004c4a,#009893)}.section-3{background-color:#a63535;background-image:linear-gradient(#531b1b,#a63535)}.section-4{color:#000;background-color:#fff}.section-1,.section-2,.section-3,.section-4{padding:1.5% 0}@media only screen and (width>=768px){#logo{width:100px;height:50px}.dp-fields-container input{width:50%}.employee-list-item{cursor:default;width:58%;height:60px;margin:.5% auto}.btns-container>button,.btns-container>a{width:20%}.bio-section input,textarea{width:35%}.ps-fields-container label{padding:1% 0}#check-img{width:140px}}@media only screen and (width>=1440px){.bio-section input,textarea{width:25%}}.identity-page-container{background-color:#fff;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.login-container,.change-password-container{color:#fff;background-color:#8600d3;border-radius:20px;flex-direction:column;justify-content:space-evenly;align-items:center;width:39rem;height:23rem;margin:50px;display:flex}.login-container{background-color:#8600d3}.change-password-container{background-color:#a2a2a2}.login-container h1{text-align:center}.login-other-options{flex-direction:column;justify-content:center;align-items:flex-start;width:78%;display:flex}.identity-field-container{justify-content:center;align-items:center;margin:5px;display:flex}.identity-field{background-color:#fff;border-color:#0000;border-radius:50px;width:80%;height:2.5rem}.identity-btn{cursor:pointer;background:0 0;border:0;padding:0}.product-modal-field-wrapper{justify-content:space-around;width:100%;display:flex}:root{--ink:#172033;--muted:#64748b;--surface:#fff;--surface-soft:#f8fafc;--line:#e2e8f0;--brand:#6d28d9;--brand-dark:#4c1d95;--cyan:#06b6d4;--success:#059669;--danger:#dc2626;--shadow:0 18px 45px #1e293b14}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,p{margin-top:0}a{color:inherit}button{cursor:pointer}table{border-collapse:collapse}html,body,#root{height:auto;min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:auto}button,input,textarea{font:inherit}button,.btn,.compare-btn{transition:transform .16s,box-shadow .16s,background-color .16s}button:hover,.btn:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #06b6d452}.app-container{background:radial-gradient(circle at 8% 3%,#7c3aed1a,#0000 30rem),radial-gradient(circle at 92% 8%,#06b6d41a,#0000 28rem),#f4f6fb;height:auto;min-height:100vh;padding-top:80px;overflow:visible}.app-container>div{height:auto;min-height:calc(100vh - 80px)}.navbar-light{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;min-height:68px;border-bottom:1px solid #e2e8f0e6!important}.navbar .container{max-width:1440px}.navbar-nav{align-items:center;gap:.3rem}.navbar-light .navbar-nav .nav-link{color:#475569;border-radius:.75rem;padding:.62rem .9rem;font-weight:600}.navbar-light .navbar-nav .nav-link:hover{color:var(--brand);background:#f5f3ff}.navbar-light .navbar-nav .nav-link.active{color:#fff;background:linear-gradient(135deg, var(--brand), #8b5cf6);box-shadow:0 8px 18px #6d28d92e}.navbar-light .navbar-nav .logout-link{color:#b91c1c;cursor:pointer}.brand-lockup{align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand-lockup>span{color:var(--ink);flex-direction:column;line-height:1.1;display:flex}.brand-lockup strong{letter-spacing:-.02em;font-size:1.05rem}.brand-lockup small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-top:.2rem;font-size:.62rem}#logo{object-fit:contain;width:58px;height:34px}.dashboard-page{max-width:1440px;margin:0 auto;padding:2.25rem 2rem 4rem}.dashboard-hero{color:#fff;background:linear-gradient(125deg,#171129 0%,#442080 54%,#075f6d 125%);border-radius:1.5rem;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.6rem;padding:2.1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #43208038}.dashboard-hero:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:22rem;height:22rem;position:absolute;top:-12rem;right:-8rem;box-shadow:0 0 0 3rem #ffffff08,0 0 0 7rem #ffffff06}.dashboard-hero>*{z-index:1;position:relative}.eyebrow{color:#a5f3fc;letter-spacing:.18em;margin:0 0 .65rem;font-size:.72rem;font-weight:800}.dashboard-hero h1{letter-spacing:-.055em;max-width:680px;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.dashboard-hero>div>p:last-child{color:#ddd6fe;max-width:660px;margin:.9rem 0 0}.dashboard-filters{background:#ffffff17;border:1px solid #ffffff26;border-radius:1rem;flex-shrink:0;align-items:flex-end;gap:.65rem;padding:.65rem;display:flex}.dashboard-filters label{color:#ddd6fe;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:.35rem;font-size:.72rem;font-weight:700;display:flex}.dashboard-filters input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172a52;border:1px solid #ffffff2e;border-radius:.7rem;min-width:136px;padding:.62rem .72rem}.dashboard-filters button{color:#3b176d;background:#fff;border:0;border-radius:.7rem;padding:.72rem 1rem;font-weight:800}.dashboard-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.9rem;margin:0 0 1rem;padding:.9rem 1rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.metric-card{background:var(--surface);min-height:150px;box-shadow:var(--shadow);border:1px solid #e2e8f0cc;border-radius:1.2rem;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.metric-card span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;font-weight:800}.metric-card strong{color:var(--ink);letter-spacing:-.045em;margin:.4rem 0;font-size:clamp(1.45rem,2.3vw,2.2rem);display:block}.metric-card small{color:#94a3b8}.metric-card-primary{background:linear-gradient(145deg,#6d28d9,#8b5cf6);border-color:#0000}.metric-card-primary span,.metric-card-primary small{color:#ddd6fe}.metric-card-primary strong{color:#fff}.metric-card .positive{color:var(--success)}.metric-card .negative{color:var(--danger)}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.chart-card{background:var(--surface);min-width:0;box-shadow:var(--shadow);border:1px solid #e2e8f0cc;border-radius:1.2rem;padding:1.25rem}.chart-wide{grid-column:1/-1}.chart-heading{justify-content:space-between;gap:1rem;margin-bottom:.4rem;display:flex}.chart-heading span{color:var(--brand);letter-spacing:.12em;font-size:.68rem;font-weight:800}.chart-heading h2{letter-spacing:-.025em;margin:.2rem 0 0;font-size:1.05rem}.chart-heading .chart-badge{color:#0369a1;background:#e0f2fe;border-radius:99px;height:fit-content;padding:.35rem .55rem}.chart-canvas{width:100%;height:310px}.dashboard-empty{min-height:280px;color:var(--muted);background:#ffffffb3;border:1px dashed #cbd5e1;border-radius:1.2rem;place-items:center;display:grid}.employee-list-container{padding:2rem 1rem 5rem;overflow:visible}.employee-list-item{border:1px solid var(--line);border-radius:1rem;align-items:center;max-width:820px;min-height:76px;padding:.75rem 1.1rem;box-shadow:0 10px 28px #1e293b0f}.employee-list-item:hover{border-color:#c4b5fd;box-shadow:0 16px 38px #6d28d91a}.employee-list-item-text{font-size:1.2rem;font-weight:700}.employee-list-item svg{width:1.5rem;height:1.5rem}.dp-container{height:auto;color:var(--ink);border-bottom:1px solid var(--line);background:#ffffffd9;padding:1.25rem 2rem}.dp-fields-container input,.bio-section input,.bio-section textarea,.identity-field{background:#fff;border:1px solid #cbd5e1;border-radius:.7rem;padding:.7rem .8rem}.dp-btn{background:var(--brand);border-radius:.7rem;max-width:220px;padding:.75rem 1rem;font-weight:700}.comparison-list-items-container{height:auto;min-height:55vh;padding:1.25rem;overflow:visible}.employee-compare-list-item{border:1px solid var(--line);border-radius:1rem;max-width:960px;margin:.65rem auto;box-shadow:0 8px 24px #1e293b0d}.total-wrapper{color:#fff;background:#172033;padding:.8rem 2rem;position:static}.compare-btn{background:linear-gradient(135deg, var(--brand), #8b5cf6);min-height:60px;font-weight:800;position:static}.compare-table-container{background:0 0;align-items:flex-start;height:auto;min-height:calc(100vh - 80px);padding:2rem}.compare-table{width:100%;max-width:1280px;height:auto;max-height:calc(100vh - 150px);box-shadow:var(--shadow);background:#fff;border-radius:1rem}.compare-table,.compare-table th,.compare-table td{border-color:var(--line);padding:.65rem}.profile-pic-section{background:linear-gradient(135deg,#4c1d95,#0891b2);height:220px}.bio-section{height:auto;min-height:520px;color:var(--brand);padding:2rem}.btns-container{margin-top:1.25rem;position:static}.btns-container>button,.btns-container>a{background:var(--brand);border-radius:.75rem;min-height:48px}.identity-page-container{background:0 0;align-items:center;min-height:calc(100vh - 80px);padding:2rem}.login-container,.change-password-container{background:linear-gradient(145deg,#2e1065,#6d28d9);border-radius:1.5rem;height:auto;min-height:390px;padding:2.2rem;box-shadow:0 24px 60px #4c1d9540}.change-password-container{color:var(--ink);background:#fff}.employee-report{min-height:calc(100vh - 80px);overflow:visible;height:auto!important}.performance-section{background:linear-gradient(135deg,#4c1d95,#7c3aed);padding:1.25rem 0}.section-1{background:linear-gradient(135deg,#4c1d95,#7c3aed)}.section-2{background:linear-gradient(135deg,#0f766e,#06b6d4)}.section-3{background:linear-gradient(135deg,#991b1b,#ef4444)}.section-4{background:#fff}@media (width<=980px){.dashboard-hero{flex-direction:column;align-items:stretch}.dashboard-filters{align-self:flex-start}.metric-grid,.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-container{padding-top:68px}.dashboard-page{padding:1rem .8rem 3rem}.dashboard-hero{border-radius:1.1rem;padding:1.4rem}.dashboard-filters{grid-template-columns:1fr 1fr;width:100%;display:grid}.dashboard-filters input{width:100%;min-width:0}.dashboard-filters button{grid-column:1/-1}.metric-grid,.chart-grid{grid-template-columns:1fr}.chart-wide{grid-column:1/-1}.metric-card{min-height:132px}.chart-canvas{height:280px}.navbar-nav{align-items:stretch;padding:.8rem 0}.dp-container{flex-direction:column;align-items:stretch;gap:.8rem;padding:1rem}.dp-fields-container,.dp-btn-container{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.app-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.app-modal{background:#fff;border-radius:1.2rem;width:min(520px,100%);overflow:hidden;box-shadow:0 28px 80px #0f172a47}.app-modal header,.app-modal footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.2rem;display:flex}.app-modal header h2{margin:0;font-size:1.15rem}.app-modal footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.app-modal-body{padding:1.25rem}.modal-close{width:36px;height:36px;color:var(--muted);background:var(--surface-soft);border:0;border-radius:50%;font-size:1.5rem;line-height:1}.modal-btn{color:#fff;border:0;border-radius:.7rem;padding:.68rem 1rem;font-weight:700}.modal-btn.primary{background:var(--brand)}.modal-btn.danger{background:var(--danger)}.modal-btn.secondary{color:#475569;background:#e2e8f0}html{scroll-behavior:smooth;height:auto;min-height:100%;overflow:hidden auto}body,#root,.app-shell{height:auto;min-height:100%;overflow:visible}body{min-width:320px;line-height:1.5}.app-container{width:100%;min-height:100vh;overflow:visible}.app-container>div,.app-container>main{height:auto;min-height:calc(100vh - 80px)}.content-page{width:min(1180px,100% - 2rem);margin:0 auto;padding:2.25rem 0 4rem}.page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.4rem;padding:.35rem .2rem;display:flex}.page-heading h1{letter-spacing:-.045em;margin:.15rem 0 .35rem;font-size:clamp(1.85rem,3vw,2.6rem);line-height:1.08}.page-heading p,.form-heading p,.profile-heading p,.identity-heading p{color:var(--muted);margin:0}.page-kicker,.identity-kicker,.section-heading>span,.profile-heading>span{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.primary-action,.secondary-action{color:#fff;background:linear-gradient(135deg, var(--brand), #8b5cf6);border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.7rem 1rem;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #6d28d933}.primary-action:hover{color:#fff;text-decoration:none}.secondary-action{box-shadow:none;color:#475569!important;background:#eef2f7!important}.empty-state{width:100%;min-height:190px;color:var(--muted);text-align:center;background:#ffffffb8;border:1px dashed #cbd5e1;border-radius:1rem;place-items:center;padding:2rem;display:grid}.employees-page .employee-list-container{gap:.75rem;padding:0;display:grid}.employee-list-item{background:#fffffff0;border:1px solid #e2e8f0f2;justify-content:flex-start;gap:.7rem;width:100%;max-width:none;min-height:78px;margin:0;padding:.75rem .9rem}.employee-avatar{color:#fff;background:linear-gradient(145deg,#4c1d95,#0891b2);border-radius:.8rem;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.employee-list-item-text{flex:1;width:auto;min-width:0;font-size:1rem}.icon-action{width:42px;height:42px;color:var(--brand);background:#f5f3ff;border:0;border-radius:.72rem;flex:0 0 42px;place-items:center;text-decoration:none;display:grid}.icon-action:hover{color:var(--brand-dark);background:#ede9fe}.icon-action.danger-icon{color:#b91c1c;background:#fef2f2}.icon-action svg,.employee-list-item .icon-action svg{width:1rem;height:1rem}.modal-helper{color:var(--muted);margin:.5rem 0 0}.employee-details-page{width:min(880px,100% - 2rem);margin:0 auto;padding:2.25rem 0 4rem}.employee-details-page .profile-pic-section,.employee-report .profile-pic-section{height:auto;min-height:180px;box-shadow:var(--shadow);background:linear-gradient(125deg,#171129 0%,#442080 58%,#075f6d 130%);border-radius:1.4rem 1.4rem 0 0;justify-content:flex-start;gap:1.25rem;padding:2rem}.profile-pic-container{background-position:50%;background-size:cover;border:3px solid #ffffff8c;flex:0 0 90px;width:90px;height:90px;box-shadow:0 12px 34px #0f172a40}.profile-heading{color:#fff}.profile-heading>span{color:#a5f3fc}.profile-heading h1{color:#fff;margin:.2rem 0 .35rem;font-size:clamp(1.65rem,3vw,2.35rem)}.profile-heading p{color:#ddd6fe}.employee-details-page .bio-section{border:1px solid var(--line);min-height:0;color:var(--ink);box-shadow:var(--shadow);border-top:0;border-radius:0 0 1.4rem 1.4rem;align-items:stretch;padding:2rem}.form-heading{margin-bottom:1.5rem}.form-heading h2{margin:0 0 .25rem;font-size:1.2rem}.bio-section label{color:#334155;width:70%;max-width:600px;margin:0 auto .4rem;font-size:.84rem;font-weight:750}.bio-section input,.bio-section textarea{width:70%;max-width:600px;margin:0 auto 1rem}.bio-section textarea{resize:vertical;min-height:150px}.employee-details-page .btns-container{gap:.65rem;height:auto}.employee-details-page .btns-container>button,.employee-details-page .btns-container>a{width:min(220px,42%);margin:0}.manage-page{width:min(1080px,100% - 2rem)}.manage-heading{margin-bottom:.8rem}.manage-page .dp-container{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:1.1rem;justify-content:flex-start;gap:1rem;padding:1rem}.manage-page .dp-fields-container{flex:1;gap:.75rem;width:auto}.manage-page .dp-fields-container>div{text-align:left;flex:1;align-items:stretch;width:auto}.manage-page .dp-fields-container label{color:var(--muted);margin-bottom:.3rem;font-size:.78rem;font-weight:750}.manage-page .dp-fields-container input{width:100%;min-height:44px}.manage-page .dp-btn-container{width:auto;height:auto;padding:1.25rem 0 0}.manage-page .dp-btn{width:auto;min-width:190px;min-height:44px}.manage-page .comparison-list-items-container{min-height:0;padding:1rem 0}.employee-compare-list-item{border:1px solid var(--line);background:#fffffff0;width:100%;max-width:none;height:auto;min-height:72px;margin:0 0 .65rem;padding:.65rem 1rem}.employee-compare-list-item>div:first-child{text-align:left;justify-content:flex-start;font-size:1.05rem;font-weight:750}.employee-compare-list-item>div:last-child{justify-content:flex-end;font-size:1rem}.employee-compare-list-item .vertical-stroke{background:var(--line);width:1px}.turnover-with-checkbox{align-items:center;gap:1rem;width:min(300px,100%)}.turnover-with-checkbox>span{width:auto;color:var(--success);flex:1;font-weight:750}.turnover-with-checkbox input{width:18px;height:18px;accent-color:var(--brand);transform:none}.manage-page .total-wrapper{background:#172033;border-radius:1rem 1rem 0 0;padding:1rem 1.2rem}.manage-page .x-line{display:none}.manage-page .total-container{justify-content:space-between;font-size:1.1rem;font-weight:750}.manage-page .y-line{display:none}.manage-page .compare-btn{border-radius:0 0 1rem 1rem;font-size:1rem}.compare-page{width:min(1380px,100% - 2rem)}.compare-table-container{border:1px solid var(--line);width:100%;min-width:0;min-height:260px;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#c4b5fd #f8fafc;background:#fff;border-radius:1.1rem;padding:0;display:block;overflow:hidden}.compare-table{--comparison-label-width:220px;--comparison-value-width:160px;table-layout:fixed;width:max(100%, calc(var(--comparison-label-width) + var(--comparison-value-columns) * var(--comparison-value-width)));min-width:0;max-width:none;height:auto;max-height:none;box-shadow:none;border:0;border-radius:0;padding:0;display:table;overflow:visible}.comparison-description{color:var(--muted);border-bottom:1px solid var(--line);background:#f8fafc;margin:0;padding:1rem;font-size:.82rem}.comparison-scroll{scrollbar-width:thin;scrollbar-color:#a78bfa #f8fafc;width:100%;overflow-x:auto}.comparison-scroll:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.compare-table th{color:#fff;background:#312e81;font-weight:750;position:static}.compare-table th,.compare-table td{vertical-align:middle;overflow-wrap:anywhere;padding:.9rem .8rem}.compare-table th:first-child,.compare-table td:first-child{width:var(--comparison-label-width)}.compare-table td:first-child{color:#334155;text-align:left;background:#f8fafc;font-weight:700}.compare-table tr:nth-of-type(2n){background:#fafafa}.compare-table tr:hover td{background-color:#f5f3ff}.employee-report{width:min(980px,100% - 2rem);margin:0 auto;padding:2.25rem 0 4rem}.employee-report .profile-pic-section{border-radius:1.4rem}.employee-report .employee-name{margin:.2rem 0 .35rem;font-size:clamp(1.65rem,3vw,2.35rem)}.performance-section{color:var(--ink);border:1px solid var(--line);background:#fffffff5;border-radius:1.2rem;align-items:stretch;margin-top:1rem;padding:1.5rem;box-shadow:0 10px 32px #1e293b0f}.performance-section:before{content:"";background:var(--brand);border-radius:1.2rem 0 0 1.2rem;width:4px;position:absolute;inset:0 auto 0 0}.performance-section.section-1{background:#f5f3ff}.performance-section.section-2{background:#b4cbca}.performance-section.section-3{background:#e3cbcb}.performance-section.section-4{background:#c1ddc7}.performance-section.section-2:before{background:#0891b2}.performance-section.section-3:before{background:#dc2626}.performance-section.section-4:before{background:#059669}.section-heading{width:100%;margin-bottom:1rem}.section-heading h2{margin:.15rem 0 0;font-size:1.15rem}.section-2 .section-heading>span{color:#0e7490}.section-3 .section-heading>span{color:#b91c1c}.section-4 .section-heading>span{color:#047857}.ps-fields-wrapper{align-items:stretch;gap:1.25rem}.ps-fields-container{align-items:stretch;gap:.55rem;width:50%}.ps-fields-container>div{gap:1rem;width:100%;margin:0}.ps-fields-container label,.item label{color:#475569;font-size:.9rem;font-weight:650}.ps-fields-container input,.item input{width:42%;min-height:42px;color:var(--ink);text-align:right;background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;padding:.5rem .65rem}.ps-fields-container input[readonly]{color:#334155;background:#f5f3ff;border-color:#ddd6fe;font-weight:750}.performance-section .vertical-stroke{background:var(--line);height:auto}.items-container{align-items:stretch;gap:.6rem 1.5rem;height:auto;margin:0}.item{justify-content:space-between;width:calc(50% - .75rem)}.item label{width:auto;max-width:58%}.item input{width:38%}.employee-report .save-btn-container{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:1.1rem;align-items:center;margin-top:1rem;padding:1rem 1.25rem}.employee-report .save-btn-container>div{flex:1}.employee-report .save-btn-container>div:last-child{justify-content:flex-end;gap:.65rem}.employee-report .save-btn-container button{border:0;border-radius:.72rem;width:auto;min-height:44px;padding:.65rem 1rem}.employee-report .save-btn-container button:first-child{color:#475569;background:#eef2f7!important}.employee-report .save-btn-container input[type=date]{width:min(220px,100%);min-height:44px;color:var(--ink);border:1px solid #cbd5e1;border-radius:.72rem;padding:.6rem .75rem}.identity-page-container{align-items:center;min-height:calc(100vh - 80px);padding:3rem 1rem}.login-container,.change-password-container{border:1px solid #ffffff1f;align-items:stretch;gap:1rem;width:min(460px,100%);min-height:0;margin:0;padding:2.4rem}.identity-heading{text-align:left;margin-bottom:.4rem}.identity-heading h1{letter-spacing:-.04em;margin:.25rem 0 .4rem;font-size:1.85rem}.login-container .identity-heading p{color:#ddd6fe}.login-container .identity-kicker{color:#a5f3fc}.identity-field{border-radius:.8rem;width:100%;min-height:48px;padding:.75rem 1rem}.identity-btn{color:#3b176d;background:#fff;border-radius:.8rem;justify-content:center;align-items:center;gap:.65rem;width:100%;min-height:48px;padding:.7rem 1rem;font-weight:800;display:inline-flex}.identity-btn svg{width:1rem;height:1rem}.change-password-container .primary-action{width:100%}.product-modal-field-wrapper{align-items:center;gap:.75rem}.product-modal-field-wrapper input{border:1px solid #cbd5e1;border-radius:.65rem;min-height:42px;padding:.55rem .7rem}@media (width<=700px){.content-page,.employee-details-page,.employee-report,.compare-page{width:min(100% - 1rem,1180px);padding-top:1.2rem}.page-heading{flex-direction:column;align-items:stretch;gap:1rem}.add-employee-action{width:100%}.employee-details-page .profile-pic-section,.employee-report .profile-pic-section{min-height:155px;padding:1.25rem}.profile-pic-container{flex-basis:70px;width:70px;height:70px}.employee-details-page .bio-section{padding:1.25rem}.bio-section label,.bio-section input,.bio-section textarea{width:100%}.manage-page .dp-container{align-items:stretch}.manage-page .dp-fields-container{width:100%}.manage-page .dp-btn-container{width:100%;padding-top:0}.manage-page .dp-btn{width:100%;max-width:none}.employee-compare-list-item>div:first-child{width:45%}.employee-compare-list-item>div:last-child{width:55%}.turnover-with-checkbox{width:100%}.ps-fields-wrapper{flex-direction:column}.ps-fields-container{width:100%}.performance-section .vertical-stroke{display:none}.item{width:100%}.employee-report .save-btn-container{flex-direction:column;align-items:stretch;gap:.75rem}.employee-report .save-btn-container>div:last-child{justify-content:stretch}.employee-report .save-btn-container button{flex:1}.identity-page-container{align-items:flex-start;padding:1rem}.login-container,.change-password-container{padding:1.5rem}}@media (width<=430px){.employee-list-item{gap:.45rem}.employee-avatar,.icon-action{flex-basis:38px;width:38px;height:38px}.employee-compare-list-item{padding:.6rem .75rem}.employee-compare-list-item>div:first-child{font-size:.94rem}.turnover-with-checkbox>span{font-size:.9rem}.profile-heading p{display:none}.ps-fields-container>div{gap:.5rem}.ps-fields-container input{width:46%}}html{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}.app-modal{overscroll-behavior:contain;max-height:min(720px,100dvh - 2rem);overflow-y:auto}.comparison-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}@media (width<=640px){.app-container{min-height:100dvh;padding-top:68px;padding-bottom:env(safe-area-inset-bottom)}.dashboard-page{padding:1rem max(.75rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left))}.dashboard-hero{gap:1.25rem;padding:1.25rem}.dashboard-hero h1{font-size:clamp(1.8rem,9vw,2.45rem)}.dashboard-hero>div>p:last-child{font-size:.94rem}.dashboard-filters{gap:.55rem;padding:.55rem}.dashboard-filters input,.dashboard-filters button{min-height:44px}.metric-grid{gap:.75rem}.metric-card{min-height:116px;padding:1rem}.metric-card strong{overflow-wrap:anywhere}.chart-grid{gap:.75rem}.chart-card{padding:1rem .65rem}.chart-heading{padding:0 .35rem}.chart-canvas{height:260px}.content-page,.employee-details-page,.employee-report,.compare-page{width:calc(100% - 1rem);padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))}.page-heading h1{font-size:1.85rem}.page-heading p{font-size:.92rem}.employee-list-item{min-height:70px}.employee-list-item-text{white-space:normal;overflow-wrap:anywhere}.compare-table-container{border-radius:.85rem}.compare-table{--comparison-label-width:140px;--comparison-value-width:136px}.compare-table th,.compare-table td{padding:.8rem .6rem;font-size:.88rem}.compare-table th:first-child,.compare-table td:first-child{z-index:1;width:var(--comparison-label-width);position:sticky;left:0;box-shadow:8px 0 14px #1e293b0f}.compare-table th:first-child{z-index:3;background:#312e81}.performance-section{border-radius:1rem;padding:1.15rem}.section-heading{margin-bottom:.8rem}.ps-fields-container input,.item input{min-height:44px;font-size:16px}.ps-fields-container label,.item label{line-height:1.25}.identity-page-container{min-height:calc(100dvh - 68px)}.identity-field{font-size:16px}.login-container,.change-password-container{border-radius:1.15rem;width:100%}.app-modal-backdrop{padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));align-items:center}.app-modal header,.app-modal footer{padding:.9rem 1rem}.app-modal-body{padding:1rem}.app-modal footer{flex-wrap:wrap}.modal-btn{flex:1;min-height:44px}.product-modal-field-wrapper{text-align:left;flex-direction:column;align-items:stretch}.product-modal-field-wrapper input{width:100%;min-height:44px;font-size:16px}}@media (width<=430px){.brand-lockup small{display:none}.dashboard-filters{grid-template-columns:1fr}.dashboard-filters button{grid-column:auto}.manage-page .dp-fields-container{flex-direction:column}.employee-compare-list-item{grid-template-columns:1fr;gap:.5rem;display:grid}.employee-compare-list-item>div:first-child,.employee-compare-list-item>div:last-child{justify-content:flex-start;width:100%;height:auto}.employee-compare-list-item .vertical-stroke{display:none}.turnover-with-checkbox{justify-content:space-between}.turnover-with-checkbox>span{text-align:left}.employee-details-page .profile-pic-section,.employee-report .profile-pic-section{flex-direction:column;align-items:flex-start;gap:.85rem}.profile-heading h1{overflow-wrap:anywhere;font-size:1.55rem}.employee-details-page .btns-container{flex-direction:column-reverse;align-items:stretch}.employee-details-page .btns-container>button,.employee-details-page .btns-container>a{width:100%}.employee-report .save-btn-container>div:last-child{flex-direction:column}.employee-report .save-btn-container button,.employee-report .save-btn-container input[type=date]{width:100%}.ps-fields-container>div{flex-direction:column;align-items:flex-start}.ps-fields-container input,.item input{width:100%}.item{flex-direction:column;align-items:flex-start}.item label{max-width:100%}}@media (height<=560px) and (orientation:landscape){.identity-page-container,.app-modal-backdrop{align-items:flex-start}}@media (hover:none) and (pointer:coarse){button:hover,.btn:hover{transform:none}button,a,input[type=checkbox]{touch-action:manipulation}}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content-page.compare-page{width:calc(100% - 1rem);max-width:none;padding:1rem 0 .5rem}.compare-page .page-heading{margin-bottom:1rem}.compare-page .page-heading h1{font-size:clamp(1.5rem,2.5vw,2rem)}.compare-page .compare-table-container{min-height:0}.compare-page .comparison-description{padding:.5rem .75rem}.report-view-controls{color:#475569;background:#f8fafc;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.report-view-controls button,.history-back{color:#5b21b6;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:.5rem;padding:.5rem .75rem;font-weight:700}.report-view-controls button{flex-shrink:0}.report-table-viewport{width:100%;overflow-y:hidden}.report-table-viewport:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.report-table-sheet{display:flow-root}.compare-table.compact-report-table{table-layout:auto;width:100%;margin:0}.compact-report-table th,.compact-report-table td{white-space:nowrap;overflow-wrap:normal;padding:.32rem .25rem;font-size:.78rem;line-height:1.25}.compact-report-table th:first-child,.compact-report-table td:first-child{white-space:normal;width:180px;min-width:150px;max-width:180px;box-shadow:none;text-align:left;position:static}.compact-report-table tbody th{color:#334155;background:#f8fafc}.compact-report-table td{font-variant-numeric:tabular-nums}.compact-report-table td:last-child{background:#f5f3ff;font-weight:750}.turnover-with-checkbox{grid-template-columns:max-content minmax(0,1fr) 18px;width:min(280px,100%);min-width:0;display:grid}.turnover-with-checkbox>.history-button-wrapper{flex:none;overflow:visible}.history-button{color:#5b21b6;white-space:nowrap;min-height:40px;box-shadow:none;background:#f3f0ff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.5rem .85rem;font-size:.875rem;font-weight:700;line-height:1.2;transition:background-color .15s,color .15s;display:inline-flex}.history-button svg{opacity:.8;flex:0 0 1rem;width:1rem;height:1rem}.history-button:hover:not(:disabled){color:#4c1d95;box-shadow:none;background:#e9e2ff;transform:none}.history-button:active:not(:disabled){background:#ddd2ff}.history-button:focus-visible{outline-offset:3px;outline:2px solid #7c3aed}.turnover-with-checkbox>.employee-turnover{text-align:right;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;min-width:0;overflow:visible}.turnover-with-checkbox>input[type=checkbox]{margin:0}.history-button:disabled{cursor:not-allowed;opacity:.5}.history-button-wrapper:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.history-limit-hint{color:#92400e;margin:.7rem 0 0;font-size:.85rem}.history-back{align-items:center;min-height:44px;display:inline-flex}.report-heading-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.report-export{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.report-export-button{color:#16633b;cursor:pointer;white-space:nowrap;background:#ecf8f1;border:1px solid #b6d9c7;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .85rem;font-weight:700;display:inline-flex}.report-export-button:hover:not(:disabled){background:#d9f0e3;border-color:#71b78f}.report-export-button:focus-visible{outline-offset:3px;outline:3px solid #71b78f}.report-export-button:disabled{opacity:.55;cursor:not-allowed}.report-export-error{color:#b42318;max-width:28rem;font-size:.85rem}.history-size-controls{border-bottom:1px solid var(--line);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;padding:.4rem .75rem;display:flex}.history-settings-toggle{border:0;border-bottom:1px solid var(--line);color:#334155;text-align:left;width:100%;min-height:44px;box-shadow:none;background:#f8fafc;border-radius:0;align-items:center;gap:.75rem;margin:0;padding:.6rem .75rem;font-size:.85rem;font-weight:750;display:flex}.history-settings-toggle:hover{box-shadow:none;background:#f1f0fa;transform:none}.history-settings-toggle:focus-visible{outline-offset:-3px;outline:2px solid #6d28d9}.history-settings-summary{color:#64748b;margin-left:auto;font-size:.75rem;font-weight:400}.history-settings-chevron{border-bottom:2px solid #64748b;border-right:2px solid #64748b;flex:0 0 8px;width:8px;height:8px;margin:0 4px 4px;transform:rotate(45deg)}.history-settings-toggle[aria-expanded=true] .history-settings-chevron{margin-bottom:-4px;transform:rotate(225deg)}.history-size-caption{color:#334155;flex-direction:column;font-size:.85rem;display:flex}.history-size-caption label{margin:0;font-weight:750}.history-size-caption span{color:#64748b;font-size:.72rem}.history-size-slider{align-items:center;gap:.5rem;min-width:0;display:flex}.history-size-slider input[type=range]{accent-color:#6d28d9;cursor:pointer;width:clamp(110px,18vw,260px);min-width:0;height:36px;margin:0;padding:0}.history-size-slider button{color:#5b21b6;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:.5rem;justify-content:center;align-items:center;width:auto;min-width:36px;height:36px;margin:0;padding:0 .5rem;font-size:1rem;display:inline-flex}.history-size-slider .history-size-reset{font-size:.78rem}.history-size-slider button:disabled{opacity:.45;cursor:default}.history-size-slider output{color:#5b21b6;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:6.5rem;font-size:.85rem;font-weight:750}.history-size-slider output small{color:#475569;font-size:.75rem}.history-size-slider :focus-visible{outline-offset:2px;outline:2px solid #6d28d9}.history-table-viewport{width:100%;overflow:hidden}.history-table-sheet{display:flow-root}.history-data-table th,.history-data-table td{height:var(--history-row-height,36px);padding:clamp(0px, calc((var(--history-row-height,36px) - 24px) / 2), 6px) 3px;font-size:var(--history-font-size,18px);vertical-align:middle;line-height:1.3}.history-data-table th:first-child,.history-data-table td:first-child{width:var(--history-label-width,122px);min-width:0;max-width:var(--history-label-width,122px);border-right:2px solid #b8bfd8}.history-data-table thead th:first-child{position:relative}.history-data-table .comparison-employee-heading{white-space:normal}.history-data-table .comparison-employee-heading>span{white-space:normal;overflow-wrap:anywhere;max-width:12ch;margin-inline:auto;display:block}.history-data-table tbody th:first-child{color:#334155;background:#f8fafc}.history-data-table .history-row-label{width:calc(var(--history-label-width,122px) - 20px);min-width:0;height:auto;color:inherit;font:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:1.1em;font-weight:700;display:block;transform:none}.history-column-resizer{z-index:5;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:14px;display:flex;position:absolute;top:0;bottom:0;right:-7px}.history-column-resizer:after{content:"";background:#c7c9e5;border-radius:2px;width:3px;height:24px;max-height:70%;transition:background .12s,box-shadow .12s}.history-column-resizer:hover:after,.history-column-resizer:focus-visible:after,.history-column-resizing .history-column-resizer:after{background:#fff;box-shadow:0 0 0 3px #8183bd}.history-column-resizer:focus-visible{outline:none}.history-column-resizing,.history-column-resizing *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.history-day{flex-direction:column;align-items:center;line-height:1.1;display:flex}.history-day small{white-space:nowrap;font-size:.6em;font-weight:500}.history-data-table tbody tr{cursor:pointer}.history-data-table tbody tr:hover>*{background:#ede9fe}.history-data-table tbody tr.history-row-selected>*{color:#3b0764;background:#ddd6fe;box-shadow:inset 0 1px #a78bfa,inset 0 -1px #a78bfa}.history-data-table tbody tr.history-row-selected:hover>*{background:#c4b5fd}.history-data-table tbody tr:focus-within>*{box-shadow:inset 0 2px #7c3aed,inset 0 -2px #7c3aed}.history-data-table .history-row-label:focus-visible{outline-offset:-1px;outline:2px solid #6d28d9}.history-table-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a78bfa #f8fafc;overflow:auto}.history-table-scroll:focus-visible{outline-offset:-2px;outline:2px solid #6d28d9}.history-table-scroll .history-table-sheet{width:max-content;min-width:100%}.history-table-scroll .history-data-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.history-table-scroll .history-data-table th,.history-table-scroll .history-data-table td{height:var(--history-row-height,36px);padding:clamp(0px, calc((var(--history-row-height,36px) - 20px) / 2), 8px) .45rem}.history-table-scroll .history-data-table thead th{z-index:3;background:#312e81;position:sticky;top:0}.history-table-scroll .history-data-table th:first-child{z-index:2;position:sticky;left:0}.history-table-scroll .history-data-table thead th:first-child{z-index:4}.history-table-scroll .history-data-table tbody .history-row-label{min-height:min(32px, var(--history-row-height,36px));align-items:center;display:flex}.history-table-fit .history-table-sheet{width:100%}.history-table-fit .history-data-table th,.history-table-fit .history-data-table td{font-size:var(--history-font-size,18px);padding:clamp(0px, calc((var(--history-row-height,36px) - 24px) / 2), 6px) 3px;line-height:1.3}.history-table-fit .history-row-label{width:calc(var(--history-label-width,130px) - 8px);overflow-wrap:anywhere;word-break:normal;font-size:max(14px,1em);line-height:1.3}.history-table-fit .history-day{line-height:1}.history-table-fit .history-day small{font-size:.7em}.history-fit-overflow{scrollbar-width:thin;overflow:auto}.history-fit-overflow .history-data-table thead th{z-index:3;position:sticky;top:0}.history-fit-overflow .history-data-table th:first-child{z-index:2;position:sticky;left:0}.history-fit-overflow .history-data-table thead th:first-child{z-index:4}@media (width>=769px){.content-page.history-page{padding-top:.5rem}.history-page .page-heading{align-items:center;margin-bottom:.5rem;padding:0}.history-page .page-heading h1{margin:.1rem 0;font-size:1.6rem}.history-page .comparison-description{padding:.25rem .75rem}.history-size-controls{grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;padding:.25rem .75rem;display:grid}.history-size-caption{grid-column:1}.history-size-slider{grid-column:2}}@media (width<=640px){.history-settings-toggle{flex-wrap:wrap;gap:.25rem .75rem}.history-settings-summary{flex-basis:100%;order:3;margin-left:0}.history-settings-chevron{margin-left:auto}.history-size-controls{padding:.35rem .5rem}.history-size-slider{gap:.35rem;width:100%}.history-size-slider input[type=range]{flex:1;width:auto;height:44px}.history-size-slider button{min-width:36px;height:44px}.history-page .page-heading{gap:.35rem}.history-page .history-back{align-self:flex-start;min-height:36px;padding:.25rem .5rem;font-size:.8rem}.employee-compare-list-item{gap:.5rem}.employee-compare-list-item>div:last-child{flex:1;width:auto}.turnover-with-checkbox{gap:.65rem;width:100%}.history-button,.report-view-controls button{min-height:44px}.report-view-controls{align-items:flex-start}}