@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,1,0);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);.animate-fade-in{animation:fadeIn .5s ease-in-out}.sidebar{background:var(--hr-surface);border-right:1px solid var(--hr-border);bottom:0;display:flex;flex-direction:column;font-family:var(--hr-font);left:0;margin-top:0;position:fixed;top:0;transition:width .18s cubic-bezier(.4,0,.2,1);width:var(--hr-sidebar-w);z-index:var(--hr-z-sidebar)}.sidebar.sidebar--collapsed{width:var(--hr-sidebar-w-collapsed)}.sidebar-brand{align-items:center;border-bottom:1px solid var(--hr-border);color:var(--hr-text);display:flex;flex:0 0 64px;flex:0 0 var(--navbar-context-height,64px);font-size:14px;font-weight:700;gap:10px;height:64px;height:var(--navbar-context-height,64px);overflow:hidden;padding:0 16px;white-space:nowrap}.sidebar-brand img{border-radius:5px;flex:0 0 32px;height:32px;object-fit:contain;width:32px}.sidebar-brand .sidebar-brand-name{max-width:190px;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:max-width .18s ease,opacity .14s ease}.sidebar--collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-brand-name.is-hidden{max-width:0;opacity:0}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 12px}.sidebar-section+.sidebar-section{margin-top:4px}.sidebar-section-title{color:var(--hr-text-3);font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px;white-space:nowrap}.sidebar-divider{background:var(--hr-border);height:1px;margin:8px 10px}.sidebar-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-row{gap:2px}.nav-link,.nav-row{align-items:center;display:flex}.nav-link{border-radius:var(--hr-radius-md);color:var(--hr-text-2);flex:1 1 auto;font-size:13.5px;font-weight:500;gap:10px;height:38px;line-height:1;min-width:0;padding:0 10px;text-decoration:none;transition:background-color .12s ease,color .12s ease}.nav-link:hover{background:var(--hr-hover);color:var(--hr-text)}.nav-link:focus-visible{outline:2px solid var(--hr-primary);outline-offset:-2px}.nav-link.is-active{color:var(--hr-primary-text);font-weight:600}.nav-link.is-active,.nav-link.is-active:hover{background:var(--hr-primary-soft)}.nav-link.is-parent-active{color:var(--hr-primary-text);font-weight:600}.nav-icon-wrap{display:inline-flex;flex-shrink:0;position:relative}.nav-icon-wrap svg{color:inherit}.nav-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{align-items:center;background:#0000;border:0;border-radius:var(--hr-radius-sm);color:var(--hr-text-3);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;padding:0;width:28px}.nav-chevron svg{color:inherit;transition:transform .15s ease}.nav-chevron:hover{background:var(--hr-hover);color:var(--hr-text)}.nav-chevron:focus-visible{outline:2px solid var(--hr-primary);outline-offset:-2px}.nav-chevron[aria-expanded=false] svg{transform:rotate(-90deg)}.nav-badge{align-items:center;background:var(--hr-danger-solid);border-radius:var(--hr-radius-pill);color:#fff;display:inline-flex;flex-shrink:0;font-size:10.5px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.nav-badge--dot{border:2px solid var(--hr-surface);box-sizing:initial;height:8px;min-width:0;padding:0;position:absolute;right:-4px;top:-3px;width:8px}.nav-sub{border-left:1px solid var(--hr-border);display:flex;flex-direction:column;gap:1px;list-style:none;margin:2px 0 4px 19px;padding:0 0 0 10px}.nav-sub.nav-sub--d2{margin-left:10px}.nav-link--sub{font-size:13px;height:32px;padding:0 10px}.sidebar--collapsed .sidebar-nav{padding:8px 12px 12px}.sidebar--collapsed .nav-link--top{gap:0;height:42px;justify-content:center;padding:0}.sidebar--collapsed .nav-link--top .nav-icon-wrap svg{height:20px;width:20px}.nav-flyout{animation:nav-flyout-in .14s ease-out;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);font-family:var(--hr-font);overflow-y:auto;padding:6px;position:fixed;width:228px;z-index:var(--hr-z-popover)}.nav-flyout-title{color:var(--hr-text-3);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 10px 6px;text-decoration:none}.nav-flyout-title:hover{color:var(--hr-text)}.nav-flyout-list{list-style:none;margin:0;padding:0}.nav-flyout-list.nav-flyout-list--d1{padding-left:8px}.nav-flyout-link{border-radius:var(--hr-radius-sm);color:var(--hr-text-2);display:block;font-size:13px;font-weight:500;padding:7px 10px;text-decoration:none;transition:background-color .12s ease,color .12s ease}.nav-flyout-link:hover{background:var(--hr-hover);color:var(--hr-text)}.nav-flyout-link:focus-visible{outline:2px solid var(--hr-primary);outline-offset:-2px}.nav-flyout-link.is-active{background:var(--hr-primary-soft);color:var(--hr-primary-text);font-weight:600}.nav-flyout-link.nav-flyout-link--group{color:var(--hr-text);font-weight:600}.nav-flyout-link.nav-flyout-link--group.is-parent-active{color:var(--hr-primary-text)}.nav-tooltip{background:var(--hr-text);border-radius:var(--hr-radius-sm);color:var(--hr-surface);font-family:var(--hr-font);font-size:12px;font-weight:500;padding:5px 10px;pointer-events:none;position:fixed;transform:translateY(-50%);white-space:nowrap;z-index:var(--hr-z-popover)}@keyframes nav-flyout-in{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.sidebar-footer{border-top:1px solid var(--hr-border);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 12px 10px}.sidebar-collapse-btn{align-items:center;background:#0000;border:0;border-radius:var(--hr-radius-md);color:var(--hr-text-3);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;height:36px;padding:0 10px;transition:background-color .12s ease,color .12s ease;width:100%}.sidebar-collapse-btn svg{color:inherit;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--hr-hover);color:var(--hr-text)}.sidebar-collapse-btn:focus-visible{outline:2px solid var(--hr-primary);outline-offset:-2px}.sidebar--collapsed .sidebar-collapse-btn{justify-content:center;padding:0}.sidebar-overlay{display:none}@media(max-width:992px){.sidebar{box-shadow:none;transform:translateX(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1),visibility 0s linear .22s;visibility:hidden;width:min(288px,86vw)}.sidebar.sidebar--open{box-shadow:var(--hr-shadow-pop);transform:translateX(0);transition:transform .22s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;visibility:visible}.sidebar-collapse-btn{display:none}.sidebar-overlay{background:#0f172a73;bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease;z-index:var(--hr-z-overlay)}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}.nav-link{height:42px}.nav-link--sub{height:38px}.nav-chevron{height:36px;width:36px}}@media(prefers-reduced-motion:reduce){.nav-chevron svg,.nav-flyout,.sidebar,.sidebar-overlay{animation:none;transition:none}}@media print{.sidebar,.sidebar-overlay{display:none!important}}.input-field{display:flex;flex-direction:column;width:100%}.input-field label{color:#1e293b;color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem}.input-field label .required-asterisk{color:#dc2626;font-weight:700}.input-field input{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;color:#333;font-size:1rem;padding:10px;width:100%}.input-field input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.input-field input::placeholder{color:#999}.lg-page{background:#fff;color:#14142b;display:grid;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}.lg-page :focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.lg-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:0ms;transition-delay:calc(var(--i, 0)*80ms)}.lg-page--in .lg-reveal{opacity:1;transform:none}.lg-top{background:#fff;border-bottom:1px solid #e7e9f3;padding:.65rem clamp(.75rem,3vw,2rem)}.lg-apps__grid{display:flex;gap:.65rem;margin:0 auto;max-width:1180px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-color:#d5d8ee #0000;scrollbar-width:thin}.lg-apps__grid>*{flex:1 0 210px;max-width:300px;scroll-snap-align:start}.lg-apps__grid::-webkit-scrollbar{height:6px}.lg-apps__grid::-webkit-scrollbar-thumb{background:#d5d8ee;border-radius:999px}@media(max-width:800px){.lg-apps__grid>*{flex:0 0 200px}}.lg-app{align-items:center;background:#fff;border:1px solid #e7e9f3;border-radius:12px;color:#14142b;display:flex;gap:.6rem;min-width:0;padding:.4rem .7rem .4rem .4rem;text-decoration:none;transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s,box-shadow .2s}.lg-app:hover{background:var(--soft);border-color:var(--c);box-shadow:0 8px 18px -8px var(--c);transform:translateY(-2px)}.lg-app:hover .lg-app__go{opacity:1;transform:translate(2px,-2px)}.lg-app__icon{background:var(--soft);border-radius:9px;box-shadow:inset 0 0 0 1px var(--c);display:grid;flex:none;height:36px;place-items:center;width:36px}.lg-app__name{flex:1 1;font-size:.95rem;font-weight:700;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-app__go{color:var(--c);flex:none;opacity:.55;transition:transform .2s cubic-bezier(.2,.7,.2,1),opacity .2s}.lg-app__img{height:22px;object-fit:contain;width:22px}.lg-app__letter{color:var(--c);font-size:1rem;font-weight:800}.lg-app--skeleton{pointer-events:none}.lg-app--skeleton .lg-app__icon{background:#eef0f8;box-shadow:none}.lg-app--skeleton .sk{flex:1 1}.lg-main{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}@media(min-width:1024px){.lg-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.lg-left{flex-direction:column;min-width:0;overflow:hidden}.lg-left,.lg-left__body{display:flex;min-height:0}.lg-left__body{align-items:center;flex:1 1;justify-content:center;overflow-y:auto;padding:clamp(1rem,3vh,2rem) clamp(1.25rem,4vw,3.5rem)}.lg-brand{display:block;height:auto;margin:0 auto 1rem;width:min(100%,15rem)}.lg-pane{animation:lgSlide .6s cubic-bezier(.2,.7,.2,1) both;max-width:26rem;width:100%}.lg-pane h2{font-size:clamp(1.6rem,3.4vh,2rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .25rem}.lg-sub{color:#6b6f85;font-size:.92rem;margin:0 0 1.2rem}.lg-fields{grid-gap:.85rem;display:grid;gap:.85rem}.lg-fields label{color:#374151;font-size:.8rem;font-weight:600}.lg-fields input{background:#fff;border:1px solid #d9dcec;border-radius:10px;box-shadow:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.lg-fields input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e529;outline:none}.lg-row2{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:1fr 1fr}.lg-btn{align-items:center;background:linear-gradient(180deg,#6366f1,#4338ca);border:0;border-radius:10px;box-shadow:0 8px 20px -6px #4f46e58c;color:#fff;cursor:pointer;display:flex;font:700 .95rem Plus Jakarta Sans,sans-serif;gap:.5rem;justify-content:center;overflow:hidden;padding:.78rem 1rem;position:relative;transition:transform .2s,box-shadow .2s;width:100%}.lg-btn:after{background:linear-gradient(105deg,#0000 35%,#ffffff59 50%,#0000 65%);content:"";inset:0;position:absolute;transform:translateX(-120%);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.lg-btn:hover:not(:disabled){transform:translateY(-1px)}.lg-btn:hover:not(:disabled):after{transform:translateX(120%)}.lg-btn:disabled{cursor:not-allowed;opacity:.7}.lg-link{background:none;border:0;color:#4f46e5;cursor:pointer;font:600 .875rem Plus Jakarta Sans,sans-serif}.lg-link:hover{color:#4338ca;text-decoration:underline}.lg-msg{animation:lgPop .35s cubic-bezier(.2,.7,.2,1)}.lg-right{background:radial-gradient(circle at 85% 0,#818cf847,#0000 50%),radial-gradient(#4f46e524 1px,#0000 0) 0 0/18px 18px,#f3f2ff;border-radius:0;display:none;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:clamp(1rem,3vh,1.75rem) clamp(1rem,2vw,1.75rem)}@media(min-width:1024px){.lg-right{display:flex}}.lg-slide{animation:lgSlide .6s cubic-bezier(.2,.7,.2,1) both;display:flex;flex:1 1;flex-direction:column;min-height:0}.lg-copy{flex:none;margin:0 auto;max-width:46rem;text-align:center;width:100%}.lg-copy h2{font-size:clamp(1.7rem,4vh,2.2rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .4rem}.lg-copy p{color:#6b6f85;font-size:1.05rem;line-height:1.5;margin:0 0 .8rem}.lg-copy .lead{color:#14142b;font-weight:600}.lg-feats{grid-gap:.8rem 1.6rem;display:grid;gap:.8rem 1.6rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:1rem auto 0;max-width:44rem;padding:0;text-align:left;width:100%}.lg-feats li{align-items:center;animation:lgSlide .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.2s + var(--n)*.08s);display:flex;font-size:.98rem;font-weight:600;gap:.55rem}.lg-feats li svg{background:#4f46e524;border-radius:50%;color:#4f46e5;flex:none;height:16px;padding:2px;width:16px}.lg-foot-note{font-size:.98rem!important;margin:1rem 0 0!important}.lg-winwrap{flex:1 1;margin:1.4rem auto 0;max-width:640px;min-height:0;width:92%}.lg-ctrl{align-items:center;display:flex;flex:none;gap:.9rem;justify-content:center;margin-top:.8rem}.lg-arrow{background:#fff;border:1px solid #d5d8ee;border-radius:50%;color:#4f46e5;cursor:pointer;display:grid;height:30px;place-items:center;transition:background .2s;width:30px}.lg-arrow:hover{background:#eef0ff}.lg-dots{display:flex;gap:.4rem}.lg-dot{background:#cfd2ec;border:0;border-radius:999px;cursor:pointer;height:8px;overflow:hidden;padding:0;position:relative;transition:width .4s cubic-bezier(.2,.7,.2,1);width:8px}.lg-dot span{background:#4f46e5;inset:0;position:absolute;width:0}.lg-dot.is-active{width:34px}.lg-dot.is-active span{animation:lgFill 7s linear forwards}.win{animation:lgWin .8s cubic-bezier(.2,.7,.2,1) both;background:#fff;border:1px solid #e7e9f3;border-radius:16px;box-shadow:0 30px 60px -24px #4f46e559;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.win__bar{align-items:center;background:#f8f8fd;border-bottom:1px solid #e7e9f3;display:flex;flex:none;gap:5px;height:32px;padding:0 12px}.win__bar i{background:#d8dbee;border-radius:50%;height:8px;width:8px}.win__bar span{color:#6b6f85;font-size:.7rem;font-weight:700;margin-left:8px}.win__body{grid-gap:.6rem;display:grid;flex:1 1;gap:.6rem;min-height:0;padding:.7rem;position:relative}.card{background:#fff;border:1px solid #eceef6;border-radius:12px;min-height:0;overflow:hidden;padding:.6rem}.sk{animation:lgSkel 1.8s linear infinite;background:linear-gradient(90deg,#eceef7,#f8f9fd,#eceef7) 0 0/200% 100%;border-radius:4px;display:block;height:7px;margin-bottom:6px;width:100%;width:var(--w,100%)}.sk--a{animation:lgW 1.2s cubic-bezier(.2,.7,.2,1) both;background:linear-gradient(90deg,#818cf8,#4f46e5);height:9px}.av{background:linear-gradient(135deg,#818cf8,#c084fc);border-radius:50%;flex:none;height:24px;width:24px}.toast{align-items:center;animation:lgPop .6s cubic-bezier(.2,.7,.2,1) 1.3s both,lgFloat 4s ease-in-out 2.3s infinite;background:#fff;border:1px solid #e7e9f3;border-radius:10px;bottom:.8rem;box-shadow:0 14px 30px -8px #14142b47;display:flex;font-size:.72rem;font-weight:700;gap:6px;padding:.45rem .7rem;position:absolute;right:.8rem}.toast svg{background:#16a34a;border-radius:50%;color:#fff;height:16px;padding:2px;width:16px}.win__body--pay{grid-template-columns:1.1fr 1fr}.pay__who{align-items:center;display:flex;gap:8px;margin-bottom:.7rem}.pay__who>div{flex:1 1}.pay__row{display:flex;gap:10px;justify-content:space-between}.cal__grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-top:.5rem}.cal__grid .d{aspect-ratio:1;background:#eef0f8;border-radius:5px}.cal__grid .d.ok{--to:#22c55e}.cal__grid .d.ok,.cal__grid .d.wait{animation:lgCell .5s both;animation-delay:calc(.6s + var(--n)*.05s)}.cal__grid .d.wait{--to:#f59e0b}.win__body--hr{grid-template-columns:repeat(3,1fr);grid-template-rows:auto minmax(0,1fr)}.kpi{grid-column:span 1}.kpi svg{height:26px;margin-top:4px;overflow:visible;width:100%}.kpi path{fill:none;stroke:var(--c);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lgDraw 1.4s ease forwards;animation-delay:calc(.3s + var(--n)*.2s)}.chart{grid-column:span 2}.bars,.chart{align-items:flex-end;display:flex}.bars{gap:8%;height:100%;padding:0 4%;width:100%}.bars span{animation:lgBar 1s cubic-bezier(.2,.7,.2,1) both,lgPulse 3.2s ease-in-out infinite;animation-delay:calc(var(--n)*.1s),calc(1.4s + var(--n)*.25s);background:linear-gradient(180deg,#818cf8,#4f46e5);border-radius:5px 5px 2px 2px;flex:1 1;height:var(--h);transform-origin:bottom}.donut{display:grid;place-items:center}.donut svg{max-width:90px;transform:rotate(-90deg);width:78%}.donut circle{fill:none;stroke-width:10;stroke-linecap:round}.donut .bg{stroke:#eceef7}.donut .fg{stroke:#4f46e5;stroke-dasharray:251;stroke-dashoffset:251;animation:lgRing 1.8s cubic-bezier(.2,.7,.2,1) .4s forwards}.win__body--chat{grid-template-columns:.8fr 1.6fr}.list .li{align-items:center;border-radius:8px;display:flex;gap:8px;padding:6px}.list .li>div{flex:1 1}.list .li.on{background:#eef0ff}.thread{display:flex;flex-direction:column;font-size:.76rem;gap:.45rem}.thread p{animation:lgPop .5s cubic-bezier(.2,.7,.2,1) both;border-radius:14px;margin:0;max-width:85%;padding:.45rem .7rem}.thread .q{align-self:flex-start;animation-delay:.2s;background:#f1f2f9;border-bottom-left-radius:4px}.thread .a{align-self:flex-end;animation-delay:1.2s;background:#4f46e5;border-bottom-right-radius:4px;color:#fff;font-weight:600}.thread .typing{align-self:flex-start;animation:lgPop .4s cubic-bezier(.2,.7,.2,1) .7s both;background:#f1f2f9;border-radius:14px;display:flex;gap:4px;padding:.5rem .7rem}.thread .typing i{animation:lgTyping 1s infinite;background:#6b6f85;border-radius:50%;height:6px;width:6px}.thread .typing i:nth-child(2){animation-delay:.15s}.thread .typing i:nth-child(3){animation-delay:.3s}.thread .input{border:1px solid #e7e9f3;border-radius:10px;margin-top:auto;padding:.5rem}.thread .input .sk{margin:0}.lg-recover{align-items:center;animation:lgSlide .6s cubic-bezier(.2,.7,.2,1) both;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:26rem;text-align:center}.lg-recover h1{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem}.lg-recover p{color:#6b6f85;margin:0 0 .6rem}.lg-shield{background:#fff;border-radius:50%;box-shadow:0 16px 36px -10px #4f46e573;color:#4f46e5;display:grid;height:88px;margin-bottom:1.2rem;place-items:center;position:relative;width:88px}.lg-shield:after,.lg-shield:before{animation:lgRipple 2.8s ease-out infinite;border:1.5px solid #4f46e5;border-radius:50%;content:"";inset:0;position:absolute}.lg-shield:after{animation-delay:1.4s}.lg-note{background:#fff;border:1px solid #e7e9f3;border-radius:12px;color:#14142b;font-size:.88rem;font-weight:600;margin-top:.6rem;padding:.8rem 1rem}.lg-foot{align-items:center;background:radial-gradient(55% 160% at 50% 130%,#d6a42c52,#0000 70%),#0c0d16;display:flex;height:clamp(74px,12vh,98px);justify-content:center;overflow:hidden;position:relative}.lg-foot:before{animation:lgLine 7s linear infinite;background:linear-gradient(90deg,#0000,#d6a42c,#fff3c8,#d6a42c,#0000) 0 0/40% 100% no-repeat;content:"";height:1px;left:0;position:absolute;right:0;top:0}.lg-logo{aspect-ratio:1000/644;display:block;height:clamp(52px,8.5vh,74px);position:relative}.lg-logo__glow{animation:lgBreath 5s ease-in-out infinite;background:radial-gradient(closest-side,#f5c5424d,#0000 70%);border-radius:50%;inset:-40% -60%;position:absolute}.lg-logo__art{clip-path:inset(0 50% 0 50%);display:block;height:100%;position:relative;transition:clip-path 1.8s cubic-bezier(.2,.7,.2,1) .9s}.lg-page--in .lg-logo__art{clip-path:inset(0)}.lg-logo__art img{display:block;height:100%;width:100%}.lg-logo__shine{animation:lgShine 6s ease-in-out 3s infinite;background:linear-gradient(105deg,#0000 38%,#fffae1f2 50%,#0000 62%);background-position:160% 0;background-size:260% 100%;inset:0;-webkit-mask-image:var(--logo);mask-image:var(--logo);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute}.lg-star{animation:lgTwinkle 3.2s ease-in-out infinite;animation-delay:calc(2.4s + var(--d));height:16px;left:var(--x);opacity:0;pointer-events:none;top:var(--y);width:16px}.lg-star,.lg-star:after,.lg-star:before{position:absolute;transform:translate(-50%,-50%)}.lg-star:after,.lg-star:before{content:"";left:50%;top:50%}.lg-star:before{background:linear-gradient(90deg,#0000,#fff,#0000);height:2px;width:100%}.lg-star:after{background:linear-gradient(180deg,#0000,#fff,#0000);height:100%;width:2px}.lg-spark{animation:lgRise 6s ease-in infinite;animation-delay:var(--d);background:#f5c542;border-radius:50%;bottom:10%;height:3px;left:var(--x);opacity:0;position:absolute;width:3px}@keyframes lgSlide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lgWin{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes lgFill{to{width:100%}}@keyframes lgFloat{50%{transform:translateY(-6px)}}@keyframes lgW{0%{width:0}to{width:100%;width:var(--w,100%)}}@keyframes lgPop{0%{opacity:0;transform:scale(.85) translateY(6px)}to{opacity:1;transform:none}}@keyframes lgBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lgPulse{50%{filter:brightness(1.12)}}@keyframes lgRing{to{stroke-dashoffset:60}}@keyframes lgDraw{to{stroke-dashoffset:0}}@keyframes lgSkel{to{background-position:-200% 0}}@keyframes lgCell{to{background:var(--to)}}@keyframes lgTyping{40%{opacity:.5;transform:translateY(-4px)}}@keyframes lgRipple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes lgBreath{50%{opacity:.5;transform:scale(1.06)}}@keyframes lgShine{0%{background-position:160% 0}40%,to{background-position:-60% 0}}@keyframes lgLine{0%{background-position:-50% 0}to{background-position:150% 0}}@keyframes lgTwinkle{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(45deg)}70%{opacity:0}}@keyframes lgRise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-45px)}}@media(max-height:600px){.lg-page{height:auto;min-height:100vh;overflow-y:auto}.lg-main{min-height:520px}}@media(prefers-reduced-motion:reduce){.lg-page *,.lg-page :after,.lg-page :before{animation:none!important;transition-delay:0s!important;transition-duration:.01ms!important}.kpi path{stroke-dashoffset:0}.donut .fg{stroke-dashoffset:60}.cal__grid .ok{background:#22c55e}.cal__grid .wait{background:#f59e0b}.lg-spark,.lg-star{opacity:0}}.loading-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffb3;inset:0;position:absolute;z-index:10}.loading-screen .loading-message{align-items:center;display:flex;flex-direction:column;gap:10px}.loading-screen .loading-message .icon{height:50px;width:50px}.loading-screen .loading-message .icon.spinner{animation:spin 1s linear infinite;color:#3b82f6}.loading-screen .loading-message .icon.success{color:#36c76c}.loading-screen .loading-message .icon.error{color:#ff6692}.loading-screen .loading-message .loader-text{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600}.dashboard-page{color:#172033}.dashboard-page__inner{grid-gap:16px;display:grid;gap:16px;margin:0 auto;width:100%}.dashboard-header-root{grid-gap:14px;display:grid;gap:14px;min-width:0}.dashboard-hero,.dashboard-metric-tile,.dashboard-widget--celebrations>*,.dashboard-widget__surface{background:#fff;border:1px solid #e1e7f0;border-radius:14px;box-shadow:0 1px 3px rgba(16,24,40,.045)}.dashboard-hero{background:radial-gradient(ellipse at 100% 0,rgba(37,99,235,.075),#0000 37%),#fff;margin:0;overflow:hidden;position:relative}.dashboard-hero__inner{padding:18px 20px;position:relative}.dashboard-hero__avatar-wrap{flex:0 0 auto;position:relative}.dashboard-hero__avatar{align-items:center;background:#fff;border:1px solid #e1e7f0;border-radius:14px;display:flex;height:56px;justify-content:center;overflow:hidden;width:56px}.dashboard-hero__name{color:#172033;font-size:1.35rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-hero .uppercase{letter-spacing:0;text-transform:none}.dashboard-quote-wrap{flex:0 1 auto;width:min(32vw,390px)}.dashboard-quote{background:#f8faffeb;border:1px solid #e7edf7;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:80px;overflow:hidden;padding:12px 15px;position:relative}.dashboard-quote blockquote{font-size:.9rem;font-weight:600;line-height:1.45;margin:0 0 7px}.dashboard-quote cite{font-size:.72rem;letter-spacing:0;text-transform:none}.dashboard-metric-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;overflow-x:auto;scrollbar-width:thin}.dashboard-metric-tile{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:32px minmax(0,1fr) auto;min-height:82px;min-width:0;padding:8px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.dashboard-metric-tile:hover{border-color:#cbd7e8;box-shadow:0 5px 14px #10182812;transform:translateY(-1px)}.dashboard-metric-tile__icon{align-items:center;border-radius:10px;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.dashboard-metric-tile__content{min-width:0}.dashboard-metric-tile__label{font-size:11px;font-weight:650;letter-spacing:-.015em;line-height:1.3;min-width:0;white-space:nowrap}.dashboard-metric-tile__value-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.dashboard-metric-tile__value{font-feature-settings:"tnum";font-size:clamp(1rem,1vw,1.2rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1;white-space:nowrap}.dashboard-metric-tile__trend{align-items:center;display:flex;font-size:.72rem;font-weight:650;gap:4px}.dashboard-highlights{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;min-width:0}.dashboard-highlights>*{background:#fff;border:1px solid #e1e7f0;border-radius:14px;box-shadow:0 1px 3px rgba(16,24,40,.045);height:176px;min-width:0;overflow:hidden}.dashboard-widgets{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(0,1.25fr) minmax(230px,.8fr) minmax(0,1.25fr)}.dashboard-widget{min-height:300px;min-width:0}.dashboard-attendance-timeline,.dashboard-widget--celebrations>*,.dashboard-widget__performer,.dashboard-widget__surface{height:100%;min-height:300px;overflow:hidden}.dashboard-attendance-timeline{background:#0000;border-radius:inherit;display:flex;flex-direction:column}.dashboard-attendance-timeline>:first-child{border-bottom-color:#edf1f6;padding:12px 15px}.dashboard-attendance-timeline>:nth-child(2){padding:12px}.dashboard-attendance-timeline>:nth-child(2)>.grid{gap:8px}.dashboard-attendance-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1500}.dashboard-attendance-modal__panel{animation:dashboard-modal-enter .16s ease-out both;background:#fff;border:1px solid #e1e7f0;border-radius:16px;box-shadow:0 24px 70px #0f172a3d;display:flex;flex-direction:column;max-height:min(760px,100dvh - 48px);overflow:hidden;width:min(760px,100%)}.dashboard-attendance-modal__footer,.dashboard-attendance-modal__header{align-items:center;display:flex;justify-content:space-between;padding:14px 18px}.dashboard-attendance-modal__header{border-bottom:1px solid #edf1f6}.dashboard-attendance-modal__header h2{color:#172033;font-size:1rem;font-weight:700;margin:0}.dashboard-attendance-modal__header p{color:#738096;font-size:.78rem;margin:3px 0 0}.dashboard-attendance-modal__header>button{background:#f1f4f8;border:0;border-radius:9px;color:#475569;cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.dashboard-attendance-modal__header>button:hover{background:#e7edf5}.dashboard-attendance-modal__list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto;padding:14px 18px}.dashboard-attendance-modal__footer{border-top:1px solid #edf1f6;justify-content:flex-end}.dashboard-attendance-modal__footer>button{align-items:center;background:#f8faff;border:1px solid #d9e3f2;border-radius:9px;color:#315a9d;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:7px;padding:8px 11px}.dashboard-attendance-modal__footer>button:hover{background:#edf4ff;border-color:#bfd2f0}@keyframes dashboard-modal-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-widget__performer{background:#fff;border:1px solid #e1e7f0;border-radius:14px;box-shadow:0 1px 3px rgba(16,24,40,.045);overflow:hidden}.dashboard-widget__performer>*{height:100%}.dashboard-widget__performer>*>*{border-radius:13px}.dashboard-widget--celebrations>*{border-radius:14px}@media(max-width:1100px){.dashboard-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widget--timeline{grid-column:1/-1}.dashboard-metric-grid{grid-template-columns:repeat(6,minmax(220px,1fr))}}@media(max-width:720px){.dashboard-hero__inner{padding:14px}.dashboard-hero__inner>.flex{align-items:flex-start}.dashboard-hero__inner>.flex>.flex:first-child{align-items:flex-start;gap:12px}.dashboard-quote-wrap{display:none}.dashboard-highlights,.dashboard-widgets{grid-template-columns:minmax(0,1fr)}.dashboard-widget--timeline{grid-column:auto}.dashboard-attendance-modal{padding:12px}.dashboard-attendance-modal__list{grid-template-columns:minmax(0,1fr);padding:12px}}.hr-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hr-muted{color:#64748b;color:var(--hr-text-3)}[class*=" hr-"] svg,[class^=hr-] svg{color:inherit}.hr-card{background:#fff;background:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:12px;border-radius:var(--hr-radius-lg);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--hr-shadow-card);color:#0f172a;color:var(--hr-text)}.hr-btn,.hr-card{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font)}.hr-btn{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--hr-radius-pill);cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;height:36px;height:var(--hr-control-h);justify-content:center;line-height:1;padding:0 14px;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease;white-space:nowrap}.hr-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.hr-btn:disabled{cursor:not-allowed;opacity:.55}.hr-btn--lg{height:40px;height:var(--hr-control-h-lg);padding:0 16px}.hr-btn--primary{background:#2563eb;background:var(--hr-primary);color:#fff;color:var(--hr-on-primary)}.hr-btn--primary:hover:not(:disabled){background:#1d4ed8;background:var(--hr-primary-hover);color:#fff;color:var(--hr-on-primary);text-decoration:none}.hr-btn--secondary{background:#fff;background:var(--hr-surface);border-color:#d5dbe5;border-color:var(--hr-border-strong);color:#0f172a;color:var(--hr-text)}.hr-btn--secondary:hover:not(:disabled){background:#f1f5f9;background:var(--hr-hover);color:#0f172a;color:var(--hr-text);text-decoration:none}.hr-btn--danger{background:#dc2626;background:var(--hr-danger-solid);color:#fff}.hr-btn--danger:hover:not(:disabled){color:#fff;filter:brightness(.92)}.hr-btn--create{background:#36c76c;background:var(--success-color);color:#fff}.hr-btn--create:hover:not(:disabled){color:#fff;filter:brightness(.92);text-decoration:none}.hr-iconbtn{align-items:center;background:#e3e9ff;border:0;border-radius:20px;border-radius:var(--hr-radius-sm);color:#64748b;color:var(--hr-text-3);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:background-color .12s ease,color .12s ease;width:32px}.hr-iconbtn:hover,.hr-iconbtn[aria-expanded=true]{background:#f1f5f9;background:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.hr-iconbtn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:1px}.hr-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;justify-content:space-between}.hr-page-header__main{min-width:0}.hr-breadcrumbs ol{align-items:center;color:#64748b;color:var(--hr-text-3);display:flex;flex-wrap:wrap;font-size:12.5px;gap:6px;list-style:none;margin:0 0 6px;padding:0}.hr-breadcrumbs ol a{color:#2563eb;color:var(--hr-primary);text-decoration:none}.hr-breadcrumbs ol a:hover{text-decoration:underline}.hr-breadcrumbs ol [aria-current=page]{color:#0f172a;color:var(--hr-text);font-weight:500}.hr-page-title{color:#0f172a;color:var(--hr-text);display:none;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0}.hr-page-subtitle{color:#64748b;color:var(--hr-text-3);font-size:13.5px;margin:4px 0 0}.hr-page-header__actions{align-items:center;display:flex;gap:8px}.hr-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.hr-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.hr-summary-grid{grid-template-columns:minmax(0,1fr)}}.hr-summary{--summary-accent:var(--hr-primary);grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) auto;min-height:78px;padding:10px 12px;position:relative;transition:transform .14s ease,box-shadow .14s ease}.hr-summary:hover{box-shadow:0 5px 14px #0f172a14;transform:translateY(-1px)}.hr-summary__icon{align-items:center;background:#e3e9ff;border-radius:10px;color:#2563eb;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.hr-summary__icon .material-symbols-outlined{font-size:22px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 22;line-height:1}.hr-summary--success{--summary-accent:#16a34a}.hr-summary--warning{--summary-accent:#d97706}.hr-summary--danger{--summary-accent:#dc2626}.hr-summary--success .hr-summary__icon{background:#7cf69a;color:#15803d}.hr-summary--warning .hr-summary__icon{background:#ffddb7;color:#b45309}.hr-summary--danger .hr-summary__icon{background:#ffe1e1;color:#b91c1c}.hr-summary--primary .hr-summary__icon{background:#e3e9ff;color:#2563eb}.hr-summary__body{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:0}.hr-summary__label{font-size:14px;font-weight:650;letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:none}.hr-summary__label,.hr-summary__value{color:#0f172a;color:var(--hr-text);white-space:nowrap}.hr-summary__value{font-size:1.55rem;font-weight:700;justify-self:end;letter-spacing:-.02em;line-height:1;margin:0}.hr-summary__hint{color:#64748b;color:var(--hr-text-3);font-size:12.5px;line-height:1.3;margin-top:2px}@media(max-width:560px){.hr-summary{gap:8px;grid-template-columns:36px minmax(0,1fr) auto;min-height:68px;padding:9px}.hr-summary__icon{height:36px;width:36px}.hr-summary__label{font-size:12.5px}.hr-summary__hint{font-size:11px}.hr-summary__value{font-size:1.3rem}}.hr-badge{align-items:center;background:#f1f5f9;background:var(--hr-neutral-bg);border-radius:999px;border-radius:var(--hr-radius-pill);color:#475569;color:var(--hr-neutral-fg);display:inline-flex;font-size:12px;font-weight:600;height:22px;line-height:1;padding:0 9px;white-space:nowrap}.hr-badge--approved{background:#dcfce7;background:var(--hr-success-bg);color:#15803d;color:var(--hr-success-fg)}.hr-badge--pending{background:#fef3c7;background:var(--hr-warning-bg);color:#b45309;color:var(--hr-warning-fg)}.hr-badge--rejected{background:#fee2e2;background:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.hr-badge--cancelled,.hr-badge--neutral{background:#f1f5f9;background:var(--hr-neutral-bg);color:#475569;color:var(--hr-neutral-fg)}.hr-filter-bar{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 16px;padding:10px 14px}.hr-field--tabs{flex:0 0 auto;max-width:100%}.hr-filter-bar__tabs{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-height:36px;min-height:var(--hr-control-h)}.hr-filter-bar__fields{align-items:flex-end;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:8px 10px;justify-content:flex-end;min-width:0}.hr-filter-bar__fields>.hr-btn,.hr-filter-bar__fields>.hr-field{flex:0 0 auto}.hr-filter-bar__fields .hr-btn{height:36px;height:var(--hr-control-h)}.hr-filter-bar__fields .hr-select__control{min-width:130px}.hr-filter-bar__fields .hr-daterange{flex-wrap:nowrap}.hr-filter-bar__fields .hr-daterange .hr-input{flex:0 0 auto;width:132px}.hr-filter-bar__fields>.hr-field--grow{flex:1 1 180px;min-width:180px}.hr-chip{background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);color:#475569;color:var(--hr-text-2);cursor:pointer;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13px;font-weight:600;height:30px;line-height:1;padding:0 12px;transition:background-color .12s ease,color .12s ease,border-color .12s ease;white-space:nowrap}.hr-chip:hover{background:#f1f5f9;background:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.hr-chip:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.hr-chip.is-active{background:#2563eb;background:var(--hr-primary);border-color:#2563eb;border-color:var(--hr-primary);color:#fff;color:var(--hr-on-primary)}.hr-field{display:flex;flex-direction:column;gap:4px;min-width:0}.hr-field__label{color:#64748b;color:var(--hr-text-3);font-size:11.5px;font-weight:600;line-height:1.2;margin-bottom:0}.hr-field--grow{flex:1 1 240px}.hr-input{background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);color:#0f172a;color:var(--hr-text);color-scheme:light;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13.5px;height:36px;height:var(--hr-control-h);padding:0 10px;transition:border-color .12s ease,box-shadow .12s ease}.hr-input::placeholder{color:#64748b;color:var(--hr-text-3)}.hr-input:hover{border-color:#64748b;border-color:var(--hr-text-3)}.hr-input:focus,.hr-input:focus-visible{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}[data-theme=dark] .hr-input{color-scheme:dark}.hr-search{position:relative}.hr-search .hr-input{padding-left:32px;padding-right:30px;width:100%}.hr-search__icon{left:10px;pointer-events:none}.hr-search__clear,.hr-search__icon{color:#64748b;color:var(--hr-text-3);position:absolute;top:50%;transform:translateY(-50%)}.hr-search__clear{align-items:center;background:#0000;border:0;border-radius:6px;cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;right:4px;width:26px}.hr-search__clear:hover{background:#f1f5f9;background:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.hr-daterange{align-items:center;display:flex;gap:6px}.hr-daterange .hr-input{width:148px}.hr-daterange__sep{color:#64748b;color:var(--hr-text-3);font-size:13px}.hr-select__control{appearance:none;background-color:#fff;background-color:var(--hr-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:11px;border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);color:#0f172a;color:var(--hr-text);color-scheme:light;cursor:pointer;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13.5px;height:36px;height:var(--hr-control-h);min-width:160px;padding:0 32px 0 10px}.hr-select__control:hover{border-color:#64748b;border-color:var(--hr-text-3)}.hr-select__control:focus,.hr-select__control:focus-visible{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}[data-theme=dark] .hr-select__control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color-scheme:dark}.hr-select__control--sm{font-size:13px;height:32px;height:var(--hr-control-h-sm);min-width:70px}.hr-table-card{min-width:0;overflow:hidden}.hr-table-card__header{padding:16px 16px 0}.hr-table-card__header h2{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;margin:0}.hr-table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 16px 12px}.hr-table-toolbar__right{align-items:center;display:flex;gap:10px}.hr-table-count{font-size:13px}.hr-pagesize,.hr-table-count{color:#64748b;color:var(--hr-text-3)}.hr-pagesize{align-items:center;display:inline-flex;font-size:12.5px;gap:8px}.hr-table-scroll{border-top:1px solid #e6eaf0;border-top:1px solid var(--hr-border);max-height:min(68vh,720px);max-width:100%;overflow:auto}.hr-table-scroll:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:-2px}.hr-table{border-collapse:initial;border-spacing:0;color:#0f172a;color:var(--hr-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13px;min-width:960px;width:100%}.hr-table th{background:#f8fafc;background:var(--hr-surface-muted);color:#475569;color:var(--hr-text-2);font-size:12.5px;font-weight:600;height:40px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.hr-table td,.hr-table th{border-bottom:1px solid #e6eaf0;border-bottom:1px solid var(--hr-border);padding:0 12px}.hr-table td{height:48px;vertical-align:middle}.hr-table tbody tr:last-child td{border-bottom:0}.hr-table tbody tr:hover td{background:#f8fafc;background:var(--hr-surface-muted)}.hr-table tr.is-clickable{cursor:pointer}.hr-table tr.is-clickable:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:-2px}.hr-table .is-center{text-align:center}.hr-table .is-right{text-align:right}.hr-th-btn{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:4px;padding:0;white-space:nowrap}.hr-th-btn svg{opacity:.45}.hr-th-btn:hover{color:#0f172a;color:var(--hr-text)}.hr-th-btn:focus-visible{border-radius:4px;outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.hr-th-btn.is-sorted{color:#094afc;color:var(--hr-primary-text)}.hr-th-btn.is-sorted svg{opacity:1}.hr-truncate{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-table-footer{border-top:1px solid #e6eaf0;border-top:1px solid var(--hr-border);color:#64748b;color:var(--hr-text-3);flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:12px 16px}.hr-pager,.hr-table-footer{align-items:center;display:flex}.hr-pager{gap:4px}.hr-pager__btn{align-items:center;background:#fff;background:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:20px;border-radius:var(--hr-radius-sm);color:#475569;color:var(--hr-text-2);cursor:pointer;display:inline-flex;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px}.hr-pager__btn:hover:not(:disabled){background:#f1f5f9;background:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.hr-pager__btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:1px}.hr-pager__btn:disabled{cursor:not-allowed;opacity:.45}.hr-pager__btn.is-current{background:#a5cbff;background:var(--hr-primary-soft);border-color:#2563eb;border-color:var(--hr-primary);color:#094afc;color:var(--hr-primary-text);font-weight:700}.hr-pager__gap{color:#64748b;color:var(--hr-text-3);padding:0 4px}.hr-menu{animation:hr-pop-in .12s ease-out;background:#fff;background:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:12px;border-radius:var(--hr-radius-lg);box-shadow:0 12px 32px #0f172a24;box-shadow:var(--hr-shadow-pop);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);min-width:190px;padding:6px;position:fixed;z-index:1100;z-index:var(--hr-z-popover)}.hr-menu__item{align-items:center;background:#0000;border:0;border-radius:20px;border-radius:var(--hr-radius-sm);color:#0f172a;color:var(--hr-text);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:10px;height:36px;padding:0 10px;text-align:left;width:100%}.hr-menu__item:focus-visible,.hr-menu__item:hover{background:#f1f5f9;background:var(--hr-hover);outline:none}.hr-menu__item--danger{color:#b91c1c;color:var(--hr-danger-fg)}.hr-menu__item--danger:focus-visible,.hr-menu__item--danger:hover{background:#fee2e2;background:var(--hr-danger-bg)}.hr-drawer-root{inset:0;position:fixed;z-index:1200;z-index:var(--hr-z-drawer)}.hr-dialog-overlay,.hr-drawer-overlay{animation:hr-fade-in .16s ease-out;background:#0f172a73;inset:0;position:absolute}.hr-drawer{animation:hr-slide-in .22s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--hr-surface);bottom:0;box-shadow:-12px 0 32px #0f172a29;box-shadow:var(--hr-shadow-drawer);color:#0f172a;color:var(--hr-text);display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);outline:none;position:absolute;right:0;top:0;width:min(440px,100%)}.hr-drawer__header{align-items:center;border-bottom:1px solid #e6eaf0;border-bottom:1px solid var(--hr-border);display:flex;gap:12px;padding:16px 20px}.hr-drawer__header h2{color:#0f172a;color:var(--hr-text);flex:1 1;font-size:16px;font-weight:700;margin:0;min-width:0}.hr-drawer__body{flex:1 1;min-height:0;overflow-y:auto;padding:8px 20px 20px}.hr-drawer__footer{border-top:1px solid #e6eaf0;border-top:1px solid var(--hr-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:14px 20px}.hr-detail{margin:0}.hr-detail__row{grid-gap:12px;border-bottom:1px solid #e6eaf0;border-bottom:1px solid var(--hr-border);display:grid;gap:12px;grid-template-columns:130px minmax(0,1fr);padding:12px 0}.hr-detail__row:last-child{border-bottom:0}.hr-detail__row dt{color:#64748b;color:var(--hr-text-3);font-size:13px}.hr-detail__row dd{color:#0f172a;color:var(--hr-text);font-size:13.5px;font-weight:500;margin:0;word-break:break-word}@media(max-width:420px){.hr-detail__row{gap:4px;grid-template-columns:minmax(0,1fr)}}.hr-chip-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.hr-chip-list li{background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:20px;border-radius:var(--hr-radius-sm);font-size:12.5px;font-weight:500;padding:3px 9px}.hr-dialog-root{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1300;z-index:var(--hr-z-modal)}.hr-dialog{animation:hr-pop-in .16s ease-out;background:#fff;background:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:16px;border-radius:var(--hr-radius-xl);box-shadow:0 12px 32px #0f172a24;box-shadow:var(--hr-shadow-pop);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);outline:none;padding:22px;position:relative;width:min(420px,100%)}.hr-dialog,.hr-dialog h2{color:#0f172a;color:var(--hr-text)}.hr-dialog h2{font-size:16px;font-weight:700;margin:0 0 8px}.hr-dialog p{color:#475569;color:var(--hr-text-2);font-size:13.5px;line-height:1.55;margin:0}.hr-dialog__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.hr-state{align-items:center;border-top:1px solid #e6eaf0;border-top:1px solid var(--hr-border);display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:6px;padding:36px 16px;text-align:center}.hr-state h3{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;margin:6px 0 0}.hr-state p{font-size:13px;margin:0;max-width:380px}.hr-state p,.hr-state__icon{color:#64748b;color:var(--hr-text-3)}.hr-state__icon{align-items:center;background:#f1f5f9;background:var(--hr-neutral-bg);border-radius:12px;border-radius:var(--hr-radius-lg);display:inline-flex;height:44px;justify-content:center;width:44px}.hr-state--error .hr-state__icon{background:#fee2e2;background:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.hr-state__actions{margin-top:10px}.hr-skeleton{animation:hr-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e6eaf0 37%,#f1f5f9 63%);background:linear-gradient(90deg,var(--hr-hover) 25%,var(--hr-border) 37%,var(--hr-hover) 63%);background-size:400% 100%;border-radius:6px;display:block;height:14px;width:100%}.hr-skeleton--short{height:28px;width:40px}@keyframes hr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hr-slide-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes hr-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hr-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.hr-dialog,.hr-dialog-overlay,.hr-drawer,.hr-drawer-overlay,.hr-menu,.hr-skeleton{animation:none}}.general-table-wrapper{--gt-radius:var(--hr-radius-lg);--gt-radius-sm:var(--hr-radius-sm);--gt-header-py:10px;--gt-header-px:12px;--gt-cell-py:12px;--gt-cell-px:12px;--gt-row-font:13px;--gt-header-font:12.5px;font-feature-settings:"tnum" 1;background-color:#fff;background-color:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:var(--gt-radius);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--hr-shadow-card);color:#0f172a;color:var(--hr-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);overflow:hidden}.general-table-wrapper.density-comfortable{--gt-header-py:12px;--gt-cell-py:14px;--gt-row-font:13.5px}.general-table-wrapper.density-spacious{--gt-header-py:14px;--gt-cell-py:18px;--gt-row-font:14px}.general-table-wrapper .table-heading-column{display:flex;flex-direction:column}.general-table-wrapper .table-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px;width:100%}.general-table-wrapper .table-header .table-title-wrapper{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:12px;min-width:0}.general-table-wrapper .table-header .table-title-actions{align-items:center;display:inline-flex;gap:8px}.general-table-wrapper .table-header .table-title{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;letter-spacing:-.005em;line-height:1.3;margin:0}.general-table-wrapper .table-header .select-all-section{align-items:center;display:flex;gap:10px}.general-table-wrapper .table-header .select-all-section .selected-count{background-color:#f8fafc;background-color:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);color:#64748b;color:var(--hr-text-3);font-size:12px;font-weight:500;padding:3px 8px;white-space:nowrap}.general-table-wrapper .table-header .select-all-section .checkbox-label{margin:0}.general-table-wrapper .table-header-controls{align-items:center;display:flex;flex:0 1 auto;gap:10px;justify-content:flex-end;min-width:0}.general-table-wrapper .table-header-controls .table-controls{align-items:center;display:flex;gap:8px;margin-left:0}.general-table-wrapper .table-header-controls .page-size-selector .page-size-select{appearance:none;background-color:#fff;background-color:var(--hr-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:11px;border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);color:#0f172a;color:var(--hr-text);color-scheme:light;cursor:pointer;font-family:inherit;font-size:13px;height:36px;height:var(--hr-control-h);padding:0 30px 0 10px;width:118px}.general-table-wrapper .table-header-controls .page-size-selector .page-size-select:hover{border-color:#64748b;border-color:var(--hr-text-3)}.general-table-wrapper .table-header-controls .page-size-selector .page-size-select:focus-visible{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.general-table-wrapper .table-header-controls .search-input-wrapper{max-width:300px;min-width:220px;position:relative}.general-table-wrapper .table-header-controls .search-input-wrapper .search-icon{color:#64748b;color:var(--hr-text-3);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.general-table-wrapper .table-header-controls .search-input-wrapper .search-input{background-color:#fff;background-color:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);color:#0f172a;color:var(--hr-text);font-family:inherit;font-size:13.5px;height:36px;height:var(--hr-control-h);padding:0 30px 0 32px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.general-table-wrapper .table-header-controls .search-input-wrapper .search-input::placeholder{color:#64748b;color:var(--hr-text-3)}.general-table-wrapper .table-header-controls .search-input-wrapper .search-input:hover{border-color:#64748b;border-color:var(--hr-text-3)}.general-table-wrapper .table-header-controls .search-input-wrapper .search-input:focus,.general-table-wrapper .table-header-controls .search-input-wrapper .search-input:focus-visible{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.general-table-wrapper .table-header-controls .search-input-wrapper .clear-search-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--hr-text-3);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:24px}.general-table-wrapper .table-header-controls .search-input-wrapper .clear-search-btn:hover{background-color:#f1f5f9;background-color:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.general-table-wrapper .table-header-controls .search-input-wrapper .clear-search-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:1px}.general-table-wrapper .search-bar-container{padding:0 16px 10px;width:100%}.general-table-wrapper .search-bar-container .search-results-info{font-size:12px;margin-top:0}.general-table-wrapper .search-bar-container .search-results-info .no-results{color:#b91c1c;color:var(--hr-danger-fg);font-weight:500}.general-table-wrapper .search-bar-container .search-results-info .results-count{color:#15803d;color:var(--hr-success-fg);font-weight:500}.general-table-wrapper .table-container{border-top:1px solid #e6eaf0;border-top:1px solid var(--hr-border);max-height:calc(100vh - 324px);max-height:calc(100vh - var(--navbar-height, 64px) - 260px);overflow:auto;position:relative;width:100%}.general-table-wrapper .table-container::-webkit-scrollbar{height:8px;width:8px}.general-table-wrapper .table-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--hr-surface-muted)}.general-table-wrapper .table-container::-webkit-scrollbar-thumb{background:#d5dbe5;background:var(--hr-border-strong);border-radius:20px}.general-table-wrapper .table-container::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--hr-text-3)}.general-table-wrapper .general-table{border-collapse:initial;border-spacing:0;min-width:100%;width:100%}.general-table-wrapper .general-table .align-left{text-align:left}.general-table-wrapper .general-table .align-center{text-align:center}.general-table-wrapper .general-table .align-right{text-align:right}.general-table-wrapper .general-table .table-head{position:sticky;top:0;z-index:10}.general-table-wrapper .general-table .table-head .table-header-cell{background-color:#f8fafc;background-color:var(--hr-surface-muted);border-bottom:1px solid #e6eaf0;border-bottom:1px solid var(--hr-border);color:#475569;color:var(--hr-text-2);font-size:var(--gt-header-font);font-weight:600;padding:var(--gt-header-py) var(--gt-header-px);-webkit-user-select:none;user-select:none;white-space:nowrap}.general-table-wrapper .general-table .table-head .table-header-cell.sortable{cursor:pointer}.general-table-wrapper .general-table .table-head .table-header-cell.sortable:hover{background-color:#f1f5f9;background-color:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.general-table-wrapper .general-table .table-head .table-header-cell:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:-2px}.general-table-wrapper .general-table .table-head .table-header-cell.sticky-column{box-shadow:1px 0 0 0 #e6eaf0;box-shadow:1px 0 0 0 var(--hr-border);left:0;position:sticky;z-index:11}.general-table-wrapper .general-table .table-head .table-header-cell.sticky-column-right{box-shadow:-1px 0 0 0 #e6eaf0;box-shadow:-1px 0 0 0 var(--hr-border);position:sticky;right:0;z-index:11}.general-table-wrapper .general-table .table-head .table-header-cell .header-content{align-items:center;display:flex;gap:4px}.general-table-wrapper .general-table .table-head .table-header-cell .header-content .header-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.general-table-wrapper .general-table .table-head .table-header-cell .header-content .sort-icon{color:#64748b;color:var(--hr-text-3);flex-shrink:0;opacity:.55}.general-table-wrapper .general-table .table-head .table-header-cell .header-content .sort-icon--active{color:#2563eb;color:var(--hr-primary);opacity:1}.general-table-wrapper .general-table .table-head .table-header-cell.align-center .header-content{justify-content:center}.general-table-wrapper .general-table .table-head .table-header-cell.align-right .header-content{justify-content:flex-end}.general-table-wrapper .general-table .table-body .table-row{--gt-row-tint:#0000;background-color:#fff;background-color:var(--hr-surface);background-image:linear-gradient(var(--gt-row-tint),var(--gt-row-tint));transition:background-color .12s ease}.general-table-wrapper .general-table .table-body .table-row:hover{--gt-row-tint:var(--hr-surface-muted)}.general-table-wrapper .general-table .table-body .table-row--clickable{cursor:pointer}.general-table-wrapper .general-table .table-body .table-row--selected,.general-table-wrapper .general-table .table-body .table-row--selected:hover{--gt-row-tint:var(--hr-primary-soft)}.general-table-wrapper .general-table .table-body .table-row:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:-2px}.general-table-wrapper .general-table .table-body .table-row .table-cell{border-bottom:1px solid #e6eaf0;border-bottom:1px solid var(--hr-border);color:#0f172a;color:var(--hr-text);font-size:var(--gt-row-font);line-height:1.4;max-width:320px;padding:var(--gt-cell-py) var(--gt-cell-px);vertical-align:middle}.general-table-wrapper .general-table .table-body .table-row .table-cell.first-column{font-weight:500}.general-table-wrapper .general-table .table-body .table-row .table-cell.sticky-column,.general-table-wrapper .general-table .table-body .table-row .table-cell.sticky-column-right{background-color:#fff;background-color:var(--hr-surface);background-image:linear-gradient(var(--gt-row-tint),var(--gt-row-tint));position:sticky;z-index:6}.general-table-wrapper .general-table .table-body .table-row .table-cell.sticky-column{box-shadow:1px 0 0 0 #e6eaf0;box-shadow:1px 0 0 0 var(--hr-border);left:0}.general-table-wrapper .general-table .table-body .table-row .table-cell.sticky-column-right{box-shadow:-1px 0 0 0 #e6eaf0;box-shadow:-1px 0 0 0 var(--hr-border);right:0}.general-table-wrapper .general-table .table-body .table-row .table-cell .cell-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.general-table-wrapper .general-table .table-body .table-row .table-cell .cell-dash{color:#64748b;color:var(--hr-text-3)}.general-table-wrapper .general-table .table-body .table-row:last-child .table-cell{border-bottom:none}.general-table-wrapper .general-table .table-body .table-row--skeleton:hover{--gt-row-tint:#0000}.general-table-wrapper .general-table .table-body .table-row--skeleton .skeleton-bar{animation:gt-skeleton-pulse 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e6eaf0 37%,#f1f5f9 63%);background:linear-gradient(90deg,var(--hr-hover) 25%,var(--hr-border) 37%,var(--hr-hover) 63%);background-size:400% 100%;border-radius:6px;display:block;height:12px;width:70%}@keyframes gt-skeleton-pulse{0%{background-position:100% 50%}to{background-position:0 50%}}.general-table-wrapper .empty-state{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:40px 20px;text-align:center}.general-table-wrapper .empty-state .empty-icon{align-items:center;background:#f1f5f9;background:var(--hr-neutral-bg);border-radius:12px;border-radius:var(--hr-radius-lg);color:#64748b;color:var(--hr-text-3);display:inline-flex;height:44px;justify-content:center;margin-bottom:4px;width:44px}.general-table-wrapper .empty-state .empty-text{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;margin:0}.general-table-wrapper .empty-state .empty-subtext{color:#64748b;color:var(--hr-text-3);font-size:13px;margin:0;max-width:340px}.general-table-wrapper .empty-state .empty-state-action{background:#2563eb;background:var(--hr-primary);border:none;border-radius:10px;border-radius:var(--hr-radius-md);color:#fff;color:var(--hr-on-primary);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;height:36px;height:var(--hr-control-h);margin-top:10px;padding:0 16px}.general-table-wrapper .empty-state .empty-state-action:hover{background:#1d4ed8;background:var(--hr-primary-hover)}.general-table-wrapper .empty-state .empty-state-action:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.general-table-wrapper .status-chip{align-items:center;border-radius:999px;border-radius:var(--hr-radius-pill);display:inline-flex;font-size:12px;font-weight:600;height:22px;line-height:1;padding:0 9px;text-transform:capitalize;white-space:nowrap}.general-table-wrapper .status-chip--success{background:#dcfce7;background:var(--hr-success-bg);color:#15803d;color:var(--hr-success-fg)}.general-table-wrapper .status-chip--warning{background:#fef3c7;background:var(--hr-warning-bg);color:#b45309;color:var(--hr-warning-fg)}.general-table-wrapper .status-chip--danger{background:#fee2e2;background:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.general-table-wrapper .status-chip--neutral{background:#f1f5f9;background:var(--hr-neutral-bg);color:#475569;color:var(--hr-neutral-fg)}.general-table-wrapper .employee-cell{align-items:center;display:flex;gap:10px;min-width:0}.general-table-wrapper .employee-cell .employee-avatar{align-items:center;background:#2563eb;background:var(--hr-primary);border-radius:50%;color:#fff;color:var(--hr-on-primary);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.general-table-wrapper .employee-cell .employee-avatar--img{background:none;object-fit:cover}.general-table-wrapper .employee-cell .employee-info{display:flex;flex-direction:column;line-height:1.25;min-width:0}.general-table-wrapper .employee-cell .employee-info .employee-name{color:#0f172a;color:var(--hr-text);font-size:var(--gt-row-font);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.general-table-wrapper .employee-cell .employee-info .employee-designation{color:#64748b;color:var(--hr-text-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.general-table-wrapper .row-actions{align-items:center;display:flex;gap:2px}.general-table-wrapper .row-actions .row-action-btn{align-items:center;background:none;border:none;border-radius:20px;border-radius:var(--hr-radius-sm);color:#64748b;color:var(--hr-text-3);cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;transition:background-color .12s ease,color .12s ease;width:30px}.general-table-wrapper .row-actions .row-action-btn .row-action-icon{font-size:16px}.general-table-wrapper .row-actions .row-action-btn:hover{background-color:#f1f5f9;background-color:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.general-table-wrapper .row-actions .row-action-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:1px}.general-table-wrapper .row-actions .row-action-btn--danger:hover{background-color:#fee2e2;background-color:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.general-table-wrapper .pagination-container{align-items:center;background-color:#fff;background-color:var(--hr-surface);border-top:1px solid #e6eaf0;border-top:1px solid var(--hr-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.general-table-wrapper .pagination-container .pagination-text{color:#64748b;color:var(--hr-text-3);font-size:13px}.general-table-wrapper .pagination-container .pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn{align-items:center;background-color:#fff;background-color:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:20px;border-radius:var(--hr-radius-sm);color:#475569;color:var(--hr-text-2);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:background-color .12s ease,border-color .12s ease}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background-color:#f1f5f9;background-color:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:disabled{cursor:not-allowed;opacity:.45}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:1px}.general-table-wrapper .pagination-container .pagination-controls .pagination-btn.pagination-btn-number.active{background-color:#a5cbff;background-color:var(--hr-primary-soft);border-color:#2563eb;border-color:var(--hr-primary);color:#094afc;color:var(--hr-primary-text);font-weight:700}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump{align-items:center;border-left:1px solid #e6eaf0;border-left:1px solid var(--hr-border);display:flex;gap:6px;margin-left:8px;padding-left:10px}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-label{color:#64748b;color:var(--hr-text-3);font-size:13px;white-space:nowrap}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-input{background-color:#fff;background-color:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:20px;border-radius:var(--hr-radius-sm);color:#0f172a;color:var(--hr-text);font-family:inherit;font-size:13px;height:32px;padding:0 6px;text-align:center;width:52px}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-input:focus,.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-input:focus-visible{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-input::-webkit-inner-spin-button,.general-table-wrapper .pagination-container .pagination-controls .pagination-jump .pagination-jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media(max-width:768px){.general-table-wrapper .table-header{align-items:center;gap:8px}.general-table-wrapper .table-header-controls{flex:1 1 100%;justify-content:flex-start}.general-table-wrapper .table-header-controls .table-controls{flex-wrap:wrap;margin-left:0}.general-table-wrapper .table-header-controls .search-input-wrapper{flex:1 1;max-width:none;min-width:auto}.general-table-wrapper .table-container{max-height:calc(100vh - 276px);max-height:calc(100vh - var(--navbar-height, 56px) - 220px)}.general-table-wrapper .general-table{min-width:640px}.general-table-wrapper .pagination-container{align-items:stretch;flex-direction:column}.general-table-wrapper .pagination-container .pagination-controls{justify-content:center}}@media(max-width:480px){.general-table-wrapper .table-header-controls .search-input{font-size:16px}}@media print{.general-table-wrapper{border:1px solid #000;box-shadow:none}.general-table-wrapper .pagination-container,.general-table-wrapper .search-bar-container,.general-table-wrapper .table-header-controls{display:none}.general-table-wrapper .table-container{max-height:none;overflow:visible}.general-table-wrapper .table-cell.sticky-column,.general-table-wrapper .table-header-cell.sticky-column{box-shadow:none;position:static}}@media(prefers-contrast:high){.general-table-wrapper{border-width:2px}.general-table-wrapper .table-cell,.general-table-wrapper .table-header-cell{border-color:currentColor;border-width:1px}}@media(prefers-reduced-motion:reduce){.general-table-wrapper .clear-search-btn,.general-table-wrapper .pagination-btn,.general-table-wrapper .row-action-btn,.general-table-wrapper .table-row{transition:none}.general-table-wrapper .skeleton-bar{animation:none}}[data-theme=dark] .general-table-wrapper .page-size-selector .page-size-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color-scheme:dark}.my-leave{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.my-leave__type{font-weight:600}.my-leave__dates,.my-leave__type{white-space:nowrap}@media(max-width:576px){.my-leave{gap:12px}}.hr-form-field{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:6px;min-width:0}.hr-form-field .hr-input,.hr-form-field .hr-select__control,.hr-form-field .hr-textarea{height:40px;height:var(--hr-control-h-lg);width:100%}.hr-form-field .hr-select__control{min-width:0}.hr-form-label{color:#0f172a;color:var(--hr-text);font-size:13px;font-weight:600;margin:0}.hr-required{color:#dc2626;color:var(--hr-danger-solid);margin-left:3px}.hr-form-error,.hr-form-hint{font-size:12px;line-height:1.4;margin:0}.hr-form-hint{color:#64748b;color:var(--hr-text-3)}.hr-form-error{color:#b91c1c;color:var(--hr-danger-fg);font-weight:500}.hr-textarea{background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);color:#0f172a;color:var(--hr-text);display:block;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13.5px;line-height:1.5;min-height:104px;padding:10px 12px;resize:vertical;transition:border-color .12s ease,box-shadow .12s ease}.hr-textarea::placeholder{color:#64748b;color:var(--hr-text-3)}.hr-textarea:hover{border-color:#64748b;border-color:var(--hr-text-3)}.hr-textarea:focus,.hr-textarea:focus-visible{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.hr-form-field .hr-textarea{height:auto}.hr-form-field [aria-invalid=true]{border-color:#dc2626;border-color:var(--hr-danger-solid)}.hr-form-field [aria-invalid=true]:focus,.hr-form-field [aria-invalid=true]:focus-visible{border-color:#dc2626;border-color:var(--hr-danger-solid);box-shadow:0 0 0 3px #dc262626}.hr-segmented{grid-gap:2px;background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:10px;border-radius:var(--hr-radius-md);display:grid;gap:2px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px}.hr-segmented__btn{background:#0000;border:0;border-radius:20px;border-radius:var(--hr-radius-sm);color:#475569;color:var(--hr-text-2);cursor:pointer;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13px;font-weight:500;height:34px;padding:0 10px;transition:background-color .12s ease,color .12s ease;white-space:nowrap}.hr-segmented__btn:hover:not(.is-active){background:#f1f5f9;background:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.hr-segmented__btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:1px}.hr-segmented__btn.is-active{box-shadow:0 0 0 1px #dbeafe,0 1px 2px #0f172a0a;box-shadow:0 0 0 1px var(--hr-primary-soft-border),var(--hr-shadow-card);color:#094afc;color:var(--hr-primary-text);font-weight:600}.hr-pill-btn,.hr-segmented__btn.is-active{background:#fff;background:var(--hr-surface)}.hr-pill-btn{border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);color:#475569;color:var(--hr-text-2);cursor:pointer;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:12.5px;font-weight:500;height:30px;padding:0 12px;transition:background-color .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.hr-pill-btn:hover{border-color:#2563eb;border-color:var(--hr-primary);color:#094afc;color:var(--hr-primary-text)}.hr-pill-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.hr-pill-btn.is-active{background:#a5cbff;background:var(--hr-primary-soft);border-color:#2563eb;border-color:var(--hr-primary);color:#094afc;color:var(--hr-primary-text);font-weight:600}.hr-link-btn{background:none;border:0;color:#2563eb;color:var(--hr-primary);cursor:pointer;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:12.5px;font-weight:600;padding:0}.hr-link-btn:hover{text-decoration:underline}.hr-link-btn:focus-visible{border-radius:4px;outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.apply-leave{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:12px;min-width:0;padding-bottom:82px;width:100%}.apply-leave__layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.apply-leave__main{display:flex;flex-direction:column;gap:12px;min-width:0}.apply-card{padding:16px}.apply-card h2{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;margin:0 0 4px}@media(max-width:576px){.apply-card{padding:16px}}.apply-card__heading{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-bottom:4px}.apply-card__heading h2{margin:0}.apply-card__error{margin:10px 0 0}.leave-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.leave-cards:focus{outline:none}.leave-cards:focus-visible{border-radius:10px;border-radius:var(--hr-radius-md);outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:4px}.leave-card{grid-gap:2px 7px;align-items:center;background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:12px;border-radius:var(--hr-radius-lg);color:#0f172a;color:var(--hr-text);cursor:pointer;display:grid;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:2px 7px;grid-template-areas:"mark name remaining" "meta meta remaining" "bar bar bar" "badge badge badge";grid-template-columns:16px minmax(0,1fr) auto;min-height:66px;padding:8px 10px;position:relative;text-align:left;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.leave-card:hover:not(:disabled):not(.is-selected){background:#f8fafc;background:var(--hr-surface-muted);border-color:#2563eb;border-color:var(--hr-primary)}.leave-card:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.leave-card.is-selected{background:#a5cbff;background:var(--hr-primary-soft);border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 1px #2563eb;box-shadow:0 0 0 1px var(--hr-primary)}.leave-card:disabled{background:#f8fafc;background:var(--hr-surface-muted);border-color:#e6eaf0;border-color:var(--hr-border);cursor:not-allowed}.leave-card:disabled,.leave-card:disabled .leave-card__remaining{color:#64748b;color:var(--hr-text-3)}.leave-card:disabled .leave-card__bar,.leave-card:disabled .leave-card__meta{display:none}.leave-card__name{font-size:12.5px;font-weight:600;grid-area:name;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leave-card__remaining{color:#0f172a;color:var(--hr-text);font-size:1.05rem;font-weight:700;grid-area:remaining;line-height:1;margin:0}.leave-card__remaining small{color:#64748b;color:var(--hr-text-3);display:block;font-size:9px;font-weight:500;margin:3px 0 0;text-align:right}.leave-card__meta{color:#64748b;color:var(--hr-text-3);font-size:10px;grid-area:meta;margin:0}.leave-card__bar{background:#e6eaf0;background:var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);display:block;grid-area:bar;height:3px;margin-top:3px;overflow:hidden;width:100%}.leave-card__bar span{background:#2563eb;background:var(--hr-primary);border-radius:inherit;display:block;height:100%}.leave-card__check{background:#2563eb;background:var(--hr-primary);border-radius:50%;color:#fff;color:var(--hr-on-primary);display:grid;grid-area:mark;height:16px;place-items:center;position:static;width:16px}.leave-card__badge{background:#fee2e2;background:var(--hr-danger-bg);border-radius:999px;border-radius:var(--hr-radius-pill);color:#b91c1c;color:var(--hr-danger-fg);font-size:9.5px;font-weight:600;grid-area:badge;justify-self:start;margin-top:2px;padding:1px 6px}.apply-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.apply-form-grid .is-full{grid-column:1/-1}.apply-form-grid__half,.apply-form-grid__optional-holiday{grid-column:span 2}@media(max-width:900px){.apply-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apply-form-grid .is-full,.apply-form-grid__half,.apply-form-grid__optional-holiday{grid-column:1/-1}.apply-form-grid .apply-form-grid__dates{display:grid;grid-column:span 2}}@media(max-width:600px){.apply-form-grid{grid-template-columns:minmax(0,1fr)}.apply-form-grid .apply-form-grid__dates{grid-column:auto;grid-template-columns:minmax(0,1fr)}}.apply-form-grid__dates{display:contents;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:420px){.apply-form-grid__dates{grid-template-columns:minmax(0,1fr)}}.reason-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.apply-leave__action-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--hr-surface);border:1px solid #cdd8e8e6;border-radius:12px;border-radius:var(--hr-radius-lg);bottom:12px;box-shadow:0 8px 26px #19284124;display:flex;gap:18px;justify-content:space-between;left:102px;left:calc(var(--sidebar-width, 90px) + 12px);padding:10px 14px 10px 16px;position:fixed;right:52px;right:calc(var(--marketplace-width, 40px) + 12px);z-index:100}.apply-leave__action-bar .hr-btn{flex:0 0 auto;min-height:40px;padding:0 18px}.apply-leave__action-details{grid-gap:10px 16px;display:grid;flex:1 1 auto;gap:10px 16px;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0}.apply-leave__action-detail{display:flex;flex-direction:column;line-height:1.3;min-width:0}.apply-leave__action-detail span{color:#64748b;color:var(--hr-text-3);font-size:10px}.apply-leave__action-detail strong{color:#0f172a;color:var(--hr-text);font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apply-leave__action-detail small{font-size:9px;font-weight:600;white-space:nowrap}.apply-leave__action-detail small,.apply-leave__action-detail strong.is-negative{color:#b91c1c;color:var(--hr-danger-fg)}@media(max-width:992px){.apply-leave__action-bar{left:12px;right:12px}.apply-leave__action-details{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:576px){.apply-leave__action-bar{gap:10px;max-height:38vh;overflow-y:auto;padding:8px 10px}.apply-leave__action-bar .hr-btn{font-size:12px;min-height:38px;padding:0 12px;width:100%}.apply-leave__action-details{grid-template-columns:repeat(2,minmax(0,1fr))}.apply-leave__action-detail strong{font-size:11px}}.apply-skeleton-title{height:16px;margin-bottom:16px;width:160px}.apply-skeleton-card{border-radius:12px;border-radius:var(--hr-radius-lg);height:118px}.status-card{align-items:center;background:#f1f5f9;background:var(--hr-neutral-bg);border-radius:999px;border-radius:var(--hr-radius-pill);color:#475569;color:var(--hr-neutral-fg);display:inline-flex;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:12px;font-weight:600;height:22px;line-height:1;padding:0 9px;white-space:nowrap}.status-card--success{background:#dcfce7;background:var(--hr-success-bg);color:#15803d;color:var(--hr-success-fg)}.status-card--warning{background:#fef3c7;background:var(--hr-warning-bg);color:#b45309;color:var(--hr-warning-fg)}.status-card--danger{background:#fee2e2;background:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.status-card--info{background:#a5cbff;background:var(--hr-primary-soft);color:#094afc;color:var(--hr-primary-text)}.status-card--neutral{background:#f1f5f9;background:var(--hr-neutral-bg);color:#475569;color:var(--hr-neutral-fg)}.fallback-page{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.fallback-page .general-table-wrapper{margin:0}.fallback-actions{align-items:center;display:inline-flex;gap:6px}.fallback-btn{font-size:12.5px;height:30px;padding:0 10px}.fallback-btn--approve{border-color:#16a34a;border-color:var(--hr-success-solid);color:#15803d;color:var(--hr-success-fg)}.fallback-btn--approve:hover:not(:disabled){background:#dcfce7;background:var(--hr-success-bg);color:#15803d;color:var(--hr-success-fg)}.fallback-btn--reject{border-color:#dc2626;border-color:var(--hr-danger-solid);color:#b91c1c;color:var(--hr-danger-fg)}.fallback-btn--reject:hover:not(:disabled){background:#fee2e2;background:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.warning-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.warning-popup{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;width:320px}.warning-popup-title{color:red;font-size:1.25rem;font-weight:700;margin-bottom:10px}.warning-popup-message{color:#666;font-size:1rem;margin-bottom:20px}.warning-popup-actions{display:flex;gap:10px;justify-content:space-evenly}.warning-popup-button{border:none;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 16px;transition:background-color .2s ease}.warning-popup-button.decline{background:#f8c20a;color:#fff}.warning-popup-button.decline:hover{background:#c99d06}.warning-popup-button.accept{background:#36c76c;color:#fff}.warning-popup-button.accept:hover{background:#2b9f56}.my-logs-page{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.my-logs-page .general-table-wrapper{margin:0}.ml-view-toggle{background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:10px;border-radius:var(--hr-radius-md);display:inline-flex;gap:2px;padding:3px}.ml-view-toggle__btn{align-items:center;background:#0000;border:0;border-radius:20px;border-radius:var(--hr-radius-sm);color:#475569;color:var(--hr-text-2);cursor:pointer;display:inline-flex;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13px;font-weight:500;gap:6px;height:32px;padding:0 12px;transition:background-color .12s ease,color .12s ease}.ml-view-toggle__btn:hover:not(.is-active){background:#f1f5f9;background:var(--hr-hover);color:#0f172a;color:var(--hr-text)}.ml-view-toggle__btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:1px}.ml-view-toggle__btn.is-active{background:#fff;background:var(--hr-surface);box-shadow:0 0 0 1px #dbeafe,0 1px 2px #0f172a0a;box-shadow:0 0 0 1px var(--hr-primary-soft-border),var(--hr-shadow-card);color:#094afc;color:var(--hr-primary-text);font-weight:600}.ml-order-btn{height:36px;height:var(--hr-control-h);min-width:132px}.ml-time{display:flex;flex-direction:column;gap:1px;line-height:1.3}.ml-time__value{font-weight:500}.ml-time__note{color:#64748b;color:var(--hr-text-3);font-size:11.5px;max-width:200px}.ml-note,.ml-time__note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-note{display:block;max-width:260px}.ml-note strong{color:#475569;color:var(--hr-text-2);font-weight:600}@media(max-width:576px){.my-logs-page .ml-view-toggle{width:100%}.ml-view-toggle__btn{flex:1 1;justify-content:center}}.my-timesheet-page{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.my-timesheet-page .general-table-wrapper{margin:0}.ts-tasks{display:flex;flex-direction:column;gap:2px}.ts-tasks__item{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-edit-btn{font-size:12.5px;height:30px;padding:0 10px}.ts-edit-date{color:#64748b;color:var(--hr-text-3);font-size:13px;margin:8px 0 12px}.ts-edit-task{background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:12px;border-radius:var(--hr-radius-lg);display:flex;flex-direction:column;gap:12px;margin:0 0 16px;padding:16px}.ts-edit-task legend{color:#0f172a;color:var(--hr-text);float:none;font-size:13px;font-weight:700;margin:0;padding:0 6px;width:auto}.ts-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ts-field label{color:#0f172a;color:var(--hr-text);font-size:13px;font-weight:600;margin:0}.ts-field .hr-input{height:40px;height:var(--hr-control-h-lg);width:100%}.ts-field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ts-hint{color:#64748b;color:var(--hr-text-3);font-size:12px;margin:0}.holidays-page{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.holidays-page .general-table-wrapper{margin:0}.loh-branches{display:flex;flex-wrap:wrap;gap:4px}.loh-branch{align-items:center;background:#a5cbff;background:var(--hr-primary-soft);border-radius:999px;border-radius:var(--hr-radius-pill);color:#094afc;color:var(--hr-primary-text);display:inline-flex;font-size:12px;font-weight:600;height:22px;padding:0 9px;white-space:nowrap}.loh-branch--muted{background:#f1f5f9;background:var(--hr-neutral-bg);color:#475569;color:var(--hr-neutral-fg)}.policy-page{color:#0f172a;color:var(--hr-text);display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:14px;min-width:0;width:100%}.policy-eyebrow{align-items:center;color:#2563eb;color:var(--hr-primary);display:inline-flex;font-size:11.5px;font-weight:700;gap:7px;letter-spacing:.01em}.policy-eyebrow svg{stroke-width:2.2}.policy-status{align-items:center;border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;gap:7px;min-height:32px;padding:0 11px}.policy-status.is-pending{background:#fef3c7;background:var(--hr-warning-bg);border-color:#fef3c7;border-color:var(--hr-warning-bg);color:#b45309;color:var(--hr-warning-fg)}.policy-status.is-accepted{background:#dcfce7;background:var(--hr-success-bg);border-color:#dcfce7;border-color:var(--hr-success-bg);color:#15803d;color:var(--hr-success-fg)}.policy-overview{align-items:center;background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:12px;border-radius:var(--hr-radius-lg);display:flex;flex-wrap:wrap;gap:16px;min-height:48px;padding:8px 13px}.policy-overview__item{align-items:center;color:#475569;color:var(--hr-text-2);display:inline-flex;font-size:12.5px;gap:8px}.policy-overview__item strong{color:#0f172a;color:var(--hr-text);font-weight:700}.policy-overview__icon{background:#fff;background:var(--hr-surface);border-radius:8px;color:#2563eb;color:var(--hr-primary);display:inline-grid;height:28px;place-items:center;width:28px}.policy-overview__divider{background:#d5dbe5;background:var(--hr-border-strong);height:22px;width:1px}.policy-overview__note{color:#64748b;color:var(--hr-text-3);font-size:12px;margin-left:auto}.policy-sections{display:flex;flex-direction:column;gap:10px}.policy-section{grid-gap:14px;animation:policy-rise .22s ease both;border-radius:12px;border-radius:var(--hr-radius-lg);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--hr-shadow-card);display:grid;gap:14px;grid-template-columns:42px minmax(0,1fr);padding:17px 20px}.policy-section:first-child{animation-delay:25ms}.policy-section:nth-child(2){animation-delay:50ms}.policy-section:nth-child(3){animation-delay:75ms}.policy-section:nth-child(4){animation-delay:.1s}.policy-section:nth-child(5){animation-delay:125ms}.policy-section:nth-child(6){animation-delay:.15s}.policy-section:nth-child(7){animation-delay:175ms}.policy-section:nth-child(8){animation-delay:.2s}.policy-section__index{font-feature-settings:"tnum";background:#a5cbff;background:var(--hr-primary-soft);border:1px solid #dbeafe;border:1px solid var(--hr-primary-soft-border);border-radius:11px;color:#2563eb;color:var(--hr-primary);display:grid;font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;height:36px;place-items:center;width:36px}.policy-section__content{min-width:0}.policy-section__meta{align-items:center;color:#64748b;color:var(--hr-text-3);display:flex;font-size:10.5px;font-weight:650;gap:8px}.policy-section__dot{background:#d5dbe5;background:var(--hr-border-strong);border-radius:50%;height:3px;width:3px}.policy-section h2{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;letter-spacing:-.015em;line-height:1.4;margin:4px 0 6px}.policy-section__body{color:#475569;color:var(--hr-text-2);font-size:13px;line-height:1.65}.policy-section__body p{margin:0;white-space:pre-line}.policy-section__body p+p{margin-top:8px}.policy-section--loading{display:flex;flex-direction:column;gap:10px;min-height:118px}.policy-skeleton{display:block;height:11px;width:100%}.policy-skeleton--short{height:9px;width:22%}.policy-skeleton--medium{width:68%}.policy-feedback{padding:24px}.policy-accept{align-items:center;background:linear-gradient(110deg,#fff 55%,#a5cbff 180%);background:linear-gradient(110deg,var(--hr-surface) 55%,var(--hr-primary-soft) 180%);border-color:#dbeafe;border-color:var(--hr-primary-soft-border);display:flex;gap:18px;justify-content:space-between;padding:15px 18px}.policy-check{align-items:flex-start;cursor:pointer;display:flex;flex:1 1 auto;gap:11px;margin:0}.policy-check input{accent-color:#2563eb;accent-color:var(--hr-primary);cursor:pointer;flex:0 0 17px;height:17px;margin-top:2px;width:17px}.policy-check__text{color:#64748b;color:var(--hr-text-3);display:flex;flex-direction:column;font-size:11.5px;gap:2px;line-height:1.45}.policy-check__text strong{color:#0f172a;color:var(--hr-text);font-size:13px;font-weight:700}.policy-accept__button{flex-shrink:0}.policy-confirmed{align-items:center;background:#dcfce7;background:var(--hr-success-bg);border-color:#dcfce7;border-color:var(--hr-success-bg);color:#15803d;color:var(--hr-success-fg);display:flex;gap:11px;padding:13px 16px}.policy-confirmed>span:last-child{display:flex;flex-direction:column;gap:1px}.policy-confirmed strong{font-size:13px}.policy-confirmed small{font-size:11.5px}.policy-confirmed__icon{background:#fff;background:var(--hr-surface);border-radius:50%;display:grid;flex:0 0 32px;height:32px;place-items:center;width:32px}@keyframes policy-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.policy-overview{gap:10px}.policy-overview__note{flex-basis:100%;margin-left:36px}.policy-section{gap:10px;grid-template-columns:32px minmax(0,1fr);padding:14px}.policy-section__index{border-radius:9px;font-size:11px;height:30px;width:30px}.policy-accept{align-items:stretch;flex-direction:column}.policy-accept__button{width:100%}}@media(prefers-reduced-motion:reduce){.policy-section{animation:none}}.reimbursements-page{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.reimbursements-page .general-table-wrapper{margin:0}.rb-card{padding:20px}.rb-card h2{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;margin:0 0 4px}@media(max-width:576px){.rb-card{padding:16px}}.rb-card__desc{color:#64748b;color:var(--hr-text-3);font-size:13px;margin:0 0 16px}.rb-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.rb-grid{grid-template-columns:minmax(0,1fr)}}.rb-field{display:flex;flex-direction:column;gap:6px;min-width:0}.rb-field>label{color:#0f172a;color:var(--hr-text);font-size:13px;font-weight:600;margin:0}.rb-field .hr-input,.rb-field .hr-select__control{height:40px;height:var(--hr-control-h-lg);min-width:0;width:100%}.rb-field--full{grid-column:1/-1}.rb-textarea{background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);color:#0f172a;color:var(--hr-text);display:block;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:13.5px;line-height:1.5;min-height:96px;padding:10px 12px;resize:vertical;transition:border-color .12s ease,box-shadow .12s ease;width:100%}.rb-textarea::placeholder{color:#64748b;color:var(--hr-text-3)}.rb-textarea:hover{border-color:#64748b;border-color:var(--hr-text-3)}.rb-textarea:focus,.rb-textarea:focus-visible{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.rb-currency{position:relative}.rb-currency .hr-input{padding-left:26px}.rb-currency__symbol{color:#64748b;color:var(--hr-text-3);font-size:14px;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rb-file{align-items:center;display:flex;gap:10px;min-height:40px;min-height:var(--hr-control-h-lg);min-width:0;position:relative}.rb-file__native{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.rb-file__native:focus-visible+.rb-file__btn{outline:2px solid #2563eb;outline:2px solid var(--hr-primary);outline-offset:2px}.rb-file__btn{cursor:pointer;flex-shrink:0;margin:0}.rb-file__name{color:#64748b;color:var(--hr-text-3);font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-error{color:#b91c1c;color:var(--hr-danger-fg);font-size:12px;font-weight:500;line-height:1.4;margin:0}.rb-link{background:none;border:0;color:#2563eb;color:var(--hr-primary);cursor:pointer;font:inherit;font-weight:600;padding:0}.rb-link:hover{text-decoration:underline}.rb-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:576px){.rb-actions .hr-btn{width:100%}}.rb-attachment{align-items:center;display:flex;gap:4px;min-width:0}.rb-attachment__icon{color:#64748b;color:var(--hr-text-3);display:inline-flex;flex-shrink:0}.rb-attachment__name{margin-right:2px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-cancel-btn{border-color:#dc2626;border-color:var(--hr-danger-solid);color:#b91c1c;color:var(--hr-danger-fg);font-size:12.5px;height:30px;padding:0 10px}.rb-cancel-btn:hover:not(:disabled){background:#fee2e2;background:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.emergency-funds-page{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.emergency-funds-page .general-table-wrapper{margin:0}.ef-card{padding:20px}.ef-card h2{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;margin:0 0 4px}@media(max-width:576px){.ef-card{padding:16px}}.ef-card__desc{color:#64748b;color:var(--hr-text-3);font-size:13px;margin:0 0 16px}.ef-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.ef-grid{grid-template-columns:minmax(0,1fr)}}.ef-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ef-field .ef-label,.ef-field label{color:#0f172a;color:var(--hr-text);font-size:13px;font-weight:600;margin:0}.ef-field .hr-input,.ef-field .hr-select__control{height:40px;height:var(--hr-control-h-lg);min-width:0;width:100%}.ef-currency{position:relative}.ef-currency .hr-input{padding-left:26px}.ef-currency__symbol{color:#64748b;color:var(--hr-text-3);font-size:14px;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ef-installment{align-items:center;background:#f8fafc;background:var(--hr-surface-muted);border:1px dashed #d5dbe5;border:1px dashed var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);color:#0f172a;color:var(--hr-text);display:flex;font-size:14px;font-weight:600;height:40px;height:var(--hr-control-h-lg);padding:0 12px}.ef-error{background:#fee2e2;background:var(--hr-danger-bg);border-radius:20px;border-radius:var(--hr-radius-sm);color:#b91c1c;color:var(--hr-danger-fg);font-size:13px;font-weight:500;margin:12px 0 0;padding:8px 10px}.ef-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:576px){.ef-actions .hr-btn{width:100%}}.ef-cancel-btn{border-color:#dc2626;border-color:var(--hr-danger-solid);color:#b91c1c;color:var(--hr-danger-fg);font-size:12.5px;height:30px;padding:0 10px}.ef-cancel-btn:hover:not(:disabled){background:#fee2e2;background:var(--hr-danger-bg);color:#b91c1c;color:var(--hr-danger-fg)}.access-denied{align-items:center;background-color:#fff;background-color:var(--bg-primary);border-radius:20px;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.access-denied h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.access-denied p{font-size:1.2rem;margin-bottom:2rem}.access-denied .bouncing-avatar{animation:bounce 1s infinite;width:150px}.access-denied .upgrade-btn{background-color:#fff;border:.1px solid #ccc;border-radius:20px;padding:10px}.access-denied .upgrade-btn:hover{background-color:#3b82f6;color:#fff;transform:scale(1.1)}.payroll-page{display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);gap:16px;min-width:0;width:100%}.payroll-page .general-table-wrapper{margin:0}.payroll-year{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.payroll-year h2{color:#0f172a;color:var(--hr-text);font-size:15px;font-weight:700;margin:0}.payroll-year p{color:#64748b;color:var(--hr-text-3);font-size:13px;margin:2px 0 0}.payroll-year__controls{align-items:center;display:flex;gap:6px}.payroll-year__arrow{background:#fff;background:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);height:36px;width:36px}.payroll-year__arrow:disabled{cursor:not-allowed;opacity:.45}.payroll-year__input{appearance:textfield;font-weight:600;text-align:center;width:96px}.payroll-year__input::-webkit-inner-spin-button,.payroll-year__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payroll-actions{display:inline-flex;gap:6px}.payroll-btn{font-size:12.5px;height:30px;padding:0 10px}.payslip-root{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1300;z-index:var(--hr-z-modal)}.payslip-overlay{background:#0f172a99;inset:0;position:absolute}.payslip-modal{background:#fff;background:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:16px;border-radius:var(--hr-radius-xl);box-shadow:0 12px 32px #0f172a24;box-shadow:var(--hr-shadow-pop);color:#0f172a;color:var(--hr-text);display:flex;flex-direction:column;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);max-height:92vh;outline:none;overflow:hidden;position:relative;width:min(1100px,100%)}.payslip-modal__header{align-items:center;border-bottom:1px solid #e6eaf0;border-bottom:1px solid var(--hr-border);display:flex;gap:12px;padding:14px 20px}.payslip-modal__header h2{flex:1 1;font-size:16px;font-weight:700;margin:0;min-width:0}.payslip-modal__body{background:#f8fafc;background:var(--hr-surface-muted);flex:1 1;min-height:0}.payslip-frame{background:#fff;border:0;display:block;height:min(70vh,760px);width:100%}.payslip-empty{color:#64748b;color:var(--hr-text-3);margin:0;padding:40px 20px;text-align:center}.payslip-modal__footer{border-top:1px solid #e6eaf0;border-top:1px solid var(--hr-border);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 20px}.custom-ess-container{display:flex;flex-direction:column;margin:5px;min-height:100vh}.custom-menu,.custom-submenu-container{display:none!important}.custom-menu-legacy{display:flex;flex-wrap:wrap;gap:8px;margin:0 10px 10px;position:sticky;top:-10px;z-index:100}@media(max-width:768px){.custom-menu-legacy{-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:16px;scrollbar-width:none}.custom-menu-legacy::-webkit-scrollbar{display:none}}.custom-menu-item{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px;justify-content:center;min-height:42px;min-width:128px;padding:0;position:relative;transition:var(--transition-smooth);white-space:nowrap}.custom-menu-item,.custom-menu-item a{color:#1e293b;color:var(--text-primary);text-decoration:none}.custom-menu-item:focus{outline:none}.custom-menu-item:hover{border-color:#cbd5e1;border-color:var(--border-hover);color:#1e293b;color:var(--text-primary);transform:translateY(-1px)}.custom-menu-item.custom-active,.custom-menu-item:hover{background-color:#3b82f6;background-color:var(--active-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);font-weight:600}.custom-menu-item.custom-active,.custom-menu-item.custom-active .arrow-icon,.custom-menu-item.custom-active a{color:#fff;color:var(--text-inverse)}.custom-menu-item .arrow-icon{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:1rem;transition:transform .3s ease-out,color .3s ease-out}@media(max-width:768px){.custom-menu-item{font-size:13px;min-width:120px}}.custom-menu-link{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;padding:5px;transition:all .2s ease;width:100%}.custom-menu-link,.custom-menu-link:hover{color:#1e293b;color:var(--text-primary);text-decoration:none}@media(max-width:768px){.custom-menu-link{padding:12px}}.custom-menu-link .innermenu-notification-badge{align-items:center;background-color:#ff6692;background-color:var(--danger-color);border-radius:9999px;box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--bg-primary);color:#fff;color:var(--text-inverse);display:flex;font-size:12px;font-weight:600;height:1.25rem;justify-content:center;line-height:1;min-height:1.25rem;min-width:1.25rem;padding:.15rem;transition:all .2s ease;width:1.25rem}.custom-menu-link .innermenu-notification-badge:empty{display:none}.custom-menu-link .innermenu-notification-badge:hover{transform:scale(1.05)}.custom-submenu-container{animation:slideDown .3s ease-out;border-radius:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-analytics-submenu{border-radius:0;display:flex;flex-wrap:wrap;gap:16px;margin:0 auto;padding:0 10px 10px}@media(max-width:768px){.custom-analytics-submenu{-ms-overflow-style:none;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:12px;scrollbar-width:none}.custom-analytics-submenu::-webkit-scrollbar{display:none}}.custom-submenu-item{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);display:inline-flex;font-size:14px;font-weight:400;justify-content:space-evenly;min-height:42px;min-width:128px;padding:5px;text-decoration:none;transition:var(--transition-smooth);white-space:nowrap}.custom-submenu-item:hover{background-color:#f1f5f9;background-color:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-hover);color:#3b82f6;color:var(--active-color);text-decoration:none;transform:translateY(-2px)}.custom-submenu-item.custom-active,.custom-submenu-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);font-weight:600}.custom-submenu-item.custom-active{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;border-color:var(--active-color);color:#fff;color:var(--text-inverse)}@media(max-width:768px){.custom-submenu-item{font-size:13px;justify-content:center;padding:5px;width:100%}}.custom-content{background-color:#f8fafc;background-color:var(--bg-tertiary);flex:1 1;padding:32px}@media(max-width:768px){.custom-content{padding:24px}}@media(max-width:480px){.custom-content{padding:16px}}.custom-menu-item.loading{opacity:.6;pointer-events:none}.custom-menu-item.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:12px;margin-left:8px;width:12px}.custom-menu-item[data-badge]:after,.custom-submenu-item[data-badge]:after{background-color:#ff6692;background-color:var(--danger-color);border-radius:10px;color:#fff;color:var(--text-inverse);content:attr(data-badge);font-size:11px;font-weight:600;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.custom-menu-item:focus,.custom-submenu-item:focus{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}@media(prefers-contrast:high){.custom-menu-item,.custom-submenu-item{border-width:2px}.custom-menu-item.custom-active,.custom-submenu-item.custom-active{outline:2px solid #fff;outline:2px solid var(--text-inverse);outline-offset:-2px}}@media(prefers-reduced-motion:reduce){.arrow-icon,.custom-menu-item,.custom-menu-link,.custom-submenu-item{transition:none}.custom-submenu-container{animation:none}}.ess-shell{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1600px;max-width:var(--hr-content-max);width:100%}.ess-page,.ess-shell{min-width:0}.ess-page .hr-page-header{display:none}.coming-soon{align-items:center;animation:fadeIn .5s ease-in;background-color:#fff;background-color:var(--bg-primary);border:.1px solid #e2e8f0;border:.1px solid var(--border-secondary);border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:90dvh;justify-content:center;overflow-x:hidden;overflow-y:hidden;padding:0;text-align:center}@media(max-width:992px){.coming-soon{border-radius:10px;height:80vh;margin-left:10px;margin-top:10px}}.coming-soon h1{animation:textFadeIn 1s ease-in-out;font-size:2.5rem;font-weight:700;margin-bottom:20px}.coming-soon h1,.coming-soon p{color:#1e293b;color:var(--text-primary)}.coming-soon p{animation:textFadeIn 1.5s ease-in-out;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.character-animation{animation:bounce 2s infinite;height:auto;margin-bottom:20px;width:120px}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.coming-soon h1{font-size:1.8rem}.coming-soon p{font-size:1rem}.coming-soon .character-animation{width:100px}}.profile-icon{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;overflow:hidden}.profile-icon__image{height:100%;width:100%}.profile-icon--small{box-shadow:0 1px 2px #0000004d;height:40px;width:40px}.profile-icon--medium{height:50px;width:50px}.profile-icon--large{height:60px;width:60px}.punch-in-container .open-modal-button{align-items:center;background:#36c76c;border:none;border-radius:20px;box-shadow:0 4px 12px #017bfe4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-width:140px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.punch-in-container .open-modal-button{font-size:15px;min-height:44px;min-width:120px;padding:14px 28px}}@media(max-width:480px){.punch-in-container .open-modal-button{font-size:14px;margin:0 auto;max-width:280px;min-width:auto;padding:12px 24px;width:100%}}.punch-in-container .open-modal-button:hover{background:#2b9f56;transform:translateY(-2px)}.punch-in-container .open-modal-button:active{transform:translateY(0)}.punch-in-container .open-modal-button:focus{box-shadow:0 0 0 3px #017bfe4d;outline:none}.punch-in-container .open-modal-button.punched-in{background:#ff6692}.punch-in-container .open-modal-button.punched-in:hover{background:#ff336e}.punch-in-container .modal-overlay{align-items:center;animation:punchInFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:999}@media(max-width:768px){.punch-in-container .modal-overlay{align-items:flex-start;padding:5vh 10px 10px}}@media(max-width:480px){.punch-in-container .modal-overlay{align-items:flex-end;padding:0}}.punch-in-container .modal-overlay .modal-content{animation:punchInSlideUp .3s ease-out;background:#fff;background:var(--bg-primary,#fff);border:1px solid #fff3;border:1px solid var(--border-color,#fff3);border-radius:20px;box-shadow:0 20px 60px #00000026,0 8px 20px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:100%}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content{border-radius:16px;margin:0;max-height:85vh;max-width:100%;padding:24px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content{border-radius:16px 16px 0 0;max-height:95vh;padding:20px;width:100vw}}.punch-in-container .modal-overlay .modal-content h3{color:#1e293b;color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 10px;text-align:center}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content h3{font-size:20px;margin-bottom:20px;padding-right:36px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content h3{font-size:18px;padding-right:32px}}.punch-in-container .modal-overlay .modal-content .timesheet-close-button{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px solid #ccc;border:2px solid var(--border-color,#ccc);border-radius:50%;color:#475569;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-close-button{font-size:18px;height:36px;right:12px;top:12px;width:36px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-close-button{font-size:16px;height:32px;right:10px;top:10px;width:32px}}.punch-in-container .modal-overlay .modal-content .timesheet-close-button:hover{background:#ff66921a;border-color:#ff6692;color:#ff6692;transform:rotate(90deg)}.punch-in-container .modal-overlay .modal-content .timesheet-close-button:focus{box-shadow:0 0 0 3px #ff669233;outline:none}.punch-in-container .modal-overlay .modal-content .timesheet-close-button:active{transform:rotate(90deg) scale(.95)}.punch-in-container .modal-overlay .modal-content .location-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:20px}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .location-buttons{gap:10px;margin-bottom:16px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .location-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.punch-in-container .modal-overlay .modal-content .location-buttons .location-button{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #ccc;border:2px solid var(--border-color,#ccc);border-radius:20px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;min-width:100px;padding:12px 20px;text-align:center;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .location-buttons .location-button{font-size:13px;min-width:80px;padding:10px 16px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .location-buttons .location-button{font-size:12px;min-width:auto;padding:8px 12px}}.punch-in-container .modal-overlay .modal-content .location-buttons .location-button:hover{background:#017bfe1a;border-color:#3b82f6;transform:translateY(-1px)}.punch-in-container .modal-overlay .modal-content .location-buttons .location-button:focus{box-shadow:0 0 0 3px #017bfe33;outline:none}.punch-in-container .modal-overlay .modal-content .location-buttons .location-button.selected{background:linear-gradient(135deg,#3b82f6,#0056b3);border-color:#3b82f6;box-shadow:0 4px 12px #017bfe4d;color:#fff}.punch-in-container .modal-overlay .modal-content .error-message{background:#ff66921a;border:1px solid #ff66924d;border-radius:8px;color:#ff6692;font-size:14px;margin-bottom:16px;padding:8px 12px}.punch-in-container .modal-overlay .modal-content .notes-textarea{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:2px solid #ccc;border:2px solid var(--border-color,#ccc);border-radius:20px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:1.6;margin-bottom:20px;min-height:100px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .notes-textarea{font-size:13px;margin-bottom:16px;min-height:80px;padding:14px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .notes-textarea{min-height:60px;padding:12px}}.punch-in-container .modal-overlay .modal-content .notes-textarea:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.punch-in-container .modal-overlay .modal-content .notes-textarea::placeholder{color:#475569;color:var(--text-secondary,#999);font-weight:400}.punch-in-container .modal-overlay .modal-content .timesheet-box{background:#f8fafc;background:var(--bg-secondary,#00000005);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;margin-bottom:20px;padding:20px}.punch-in-container .modal-overlay .modal-content .timesheet-box .time-section{margin-bottom:10px}.punch-in-container .modal-overlay .modal-content .timesheet-box .time-section label{color:#475569;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;margin-bottom:8px}.punch-in-container .modal-overlay .modal-content .timesheet-box .time-buttons{display:flex;flex-wrap:wrap;gap:6px}.punch-in-container .modal-overlay .modal-content .timesheet-box .time-buttons .time-btn{background:#f8fafc;background:var(--bg-secondary);border:1px solid #ccc;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:400;min-width:30px;padding:5px;transition:all .2s ease}.punch-in-container .modal-overlay .modal-content .timesheet-box .time-buttons .time-btn:hover{background:#017bfe1a;border-color:#3b82f6;border-color:var(--active-color)}.punch-in-container .modal-overlay .modal-content .timesheet-box .time-buttons .time-btn.active{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;border-color:var(--active-color);color:#fff}.punch-in-container .modal-overlay .modal-content .timesheet-box .time-inputs{display:flex;flex-direction:column;gap:12px;min-width:150px}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .time-inputs{min-width:100%}.punch-in-container .modal-overlay .modal-content .timesheet-box{margin-bottom:16px;padding:16px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box{padding:12px}}.punch-in-container .modal-overlay .modal-content .timesheet-box h3{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px;padding-right:0;text-align:left}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box h3{font-size:16px;margin-bottom:16px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box h3{font-size:15px;margin-bottom:12px}}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry{background:#fff;background:var(--bg-primary,#fff);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s ease}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry{border-radius:10px;margin-bottom:12px;padding:16px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry{border-radius:8px;padding:12px}}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry:hover{border-color:#017bfe4d;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry>span{color:#1e293b;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:16px}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry>span{font-size:13px;margin-bottom:12px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry>span{font-size:12px;margin-bottom:10px}}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container{align-items:flex-start;display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container{flex-direction:column;gap:12px}}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .time-inputs{display:flex;flex-direction:column;gap:8px;min-width:120px}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .time-inputs{flex-direction:row;gap:8px;min-width:auto;width:100%}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .time-inputs{flex-direction:column;gap:6px}}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .time-inputs .time-select{background-color:#f8fafc;background-color:var(--bg-secondary);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);font-family:Manrope,sans-serif;font-size:13px;font-weight:500;min-height:20px;padding:10px 12px;transition:all .3s ease}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .time-inputs .time-select{flex:1 1;padding:8px 10px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .time-inputs .time-select{width:100%}}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .time-inputs .time-select:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .message-input{background-color:#f8fafc;background-color:var(--bg-secondary);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:Manrope,sans-serif;font-size:13px;font-weight:400;margin:0;min-height:98px;padding:10px 12px;resize:vertical;transition:all .3s ease}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .message-input{min-height:80px;padding:8px 10px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .message-input{min-height:60px}}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .message-input:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.punch-in-container .modal-overlay .modal-content .timesheet-box .project-entry .time-message-container .message-input::placeholder{color:#475569;color:var(--text-secondary,#999)}.punch-in-container .modal-overlay .modal-content .timesheet-box .add-project{background:#36c76c;border:none;border-radius:20px;box-shadow:0 4px 12px #36c76c4d;color:#1e293b;cursor:pointer;display:block;font-size:14px;font-weight:600;margin:20px auto 0;min-height:44px;padding:12px 24px;transition:all .3s ease}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .timesheet-box .add-project{font-size:13px;margin-top:16px;padding:10px 20px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .timesheet-box .add-project{margin-top:12px;width:100%}}.punch-in-container .modal-overlay .modal-content .timesheet-box .add-project:hover{background:linear-gradient(135deg,#0b63f3,#3b82f6);box-shadow:0 6px 16px #36c76c66;transform:translateY(-2px)}.punch-in-container .modal-overlay .modal-content .timesheet-box .add-project:active{transform:translateY(0)}.punch-in-container .modal-overlay .modal-content .timesheet-box .add-project:focus{box-shadow:0 0 0 3px #36c76c4d;outline:none}.punch-in-container .modal-overlay .modal-content .button-group{display:flex;gap:16px;justify-content:center;margin-top:24px}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .button-group{gap:12px;margin-top:20px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .button-group{flex-direction:column;gap:12px;margin-top:16px}}.punch-in-container .modal-overlay .modal-content .button-group button{align-items:center;background-color:#3b82f6;border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:20px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;max-width:200px;min-height:44px;padding:12px 24px;transition:all .3s ease}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .button-group button{font-size:13px;padding:10px 20px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content .button-group button{max-width:none;width:100%}}.punch-in-container .modal-overlay .modal-content .button-group button:hover{background-color:#0b63f3;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.punch-in-container .modal-overlay .modal-content .button-group button:active{transform:translateY(0)}.punch-in-container .modal-overlay .modal-content .button-group button:focus{box-shadow:0 0 0 3px #017bfe4d;outline:none}.punch-in-container .modal-overlay .modal-content input[type=number],.punch-in-container .modal-overlay .modal-content input[type=text],.punch-in-container .modal-overlay .modal-content input[type=time]{background:#f8fafc;background:var(--bg-secondary);border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:Manrope,sans-serif;font-size:13px;font-weight:500;padding:10px 12px;transition:all .3s ease;width:100%}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content input[type=number],.punch-in-container .modal-overlay .modal-content input[type=text],.punch-in-container .modal-overlay .modal-content input[type=time]{font-size:12px;padding:8px 10px}}.punch-in-container .modal-overlay .modal-content input[type=number]:focus,.punch-in-container .modal-overlay .modal-content input[type=text]:focus,.punch-in-container .modal-overlay .modal-content input[type=time]:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.punch-in-container .modal-overlay .modal-content input[type=number]::placeholder,.punch-in-container .modal-overlay .modal-content input[type=text]::placeholder,.punch-in-container .modal-overlay .modal-content input[type=time]::placeholder{color:#475569;color:var(--text-secondary,#999)}.punch-in-container .modal-overlay .modal-content textarea{background:#f8fafc;background:var(--bg-secondary);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary,#1e293b);font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:1.6;margin-top:20px;min-height:100px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content textarea{font-size:13px;min-height:80px;padding:14px}}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content textarea{min-height:60px;padding:12px}}.punch-in-container .modal-overlay .modal-content textarea:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.punch-in-container .modal-overlay .modal-content textarea::placeholder{color:#475569;color:var(--text-secondary,#999)}.punch-in-container .modal-overlay .modal-content label{color:#1e293b;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content label{font-size:13px}}.punch-in-container .modal-overlay .modal-content::-webkit-scrollbar{width:6px}@media(max-width:480px){.punch-in-container .modal-overlay .modal-content::-webkit-scrollbar{width:4px}}.punch-in-container .modal-overlay .modal-content::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:3px}.punch-in-container .modal-overlay .modal-content::-webkit-scrollbar-thumb{background:#017bfe4d;border-radius:3px}.punch-in-container .modal-overlay .modal-content::-webkit-scrollbar-thumb:hover{background:#017bfe80}.punch-in-container .modal-overlay .modal-content :focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.punch-in-container .modal-overlay .modal-content .location-map-loading{background-color:#f3f4f6;border-radius:8px;margin-bottom:1.5rem;padding:2rem;text-align:center}.punch-in-container .modal-overlay .modal-content .location-map-loading .loading-content{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.punch-in-container .modal-overlay .modal-content .location-map-loading .loading-icon,.punch-in-container .modal-overlay .modal-content .location-map-loading .loading-text{color:#3b82f6;font-size:1.125rem;margin-bottom:.5rem}.punch-in-container .modal-overlay .modal-content .location-map-loading .loading-subtext{color:#6b7280;font-size:.875rem}.punch-in-container .modal-overlay .modal-content .location-map-error{align-items:flex-start;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.punch-in-container .modal-overlay .modal-content .location-map-error .error-icon{color:#ef4444;flex-shrink:0;font-size:1.25rem}.punch-in-container .modal-overlay .modal-content .location-map-error .error-content{flex:1 1}.punch-in-container .modal-overlay .modal-content .location-map-error .error-content .error-title{color:#991b1b;font-weight:500;margin-bottom:.25rem}.punch-in-container .modal-overlay .modal-content .location-map-error .error-content .error-message{color:#dc2626;font-size:.875rem}.punch-in-container .modal-overlay .modal-content .location-map-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem}.punch-in-container .modal-overlay .modal-content .location-map-container .location-map-iframe{border:0;display:block}.punch-in-container .modal-overlay .modal-content .location-map-container .location-map-footer{background-color:#f9fafb;color:#6b7280;font-size:.75rem;padding:.5rem 1rem;text-align:center}@media(max-width:768px){.punch-in-container .modal-overlay .modal-content .location-map-loading{padding:1.5rem}.punch-in-container .modal-overlay .modal-content .location-map-container .location-map-header{padding:.5rem .75rem}.punch-in-container .modal-overlay .modal-content .location-map-container .location-map-header .location-header-content .location-icon{font-size:1rem}.punch-in-container .modal-overlay .modal-content .location-map-container .location-map-header .location-coordinates{font-size:.75rem}.punch-in-container .modal-overlay .modal-content .location-map-container .location-map-iframe{height:200px}}.punch-in-container .punch-button{align-items:center;border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-flex;font-weight:600;height:40px;justify-content:center;margin:0;max-height:40px;max-width:40px;min-height:40px;min-width:40px;padding:0;transition:all .3s ease;width:40px}.punch-in-container .punch-button.punch-in{background:#36c76c;box-shadow:0 4px 12px #10b9814d;color:#fff}.punch-in-container .punch-button.punch-out{background:#ff6692;box-shadow:0 4px 12px #ef44444d;color:#fff}.punch-in-container .punch-button:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.punch-in-container .modal-close-button{background:none;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;font-size:18px;height:32px;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px}.punch-in-container .modal-close-button:hover{border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.punch-in-container .attendance-type-selector{margin-bottom:24px}.punch-in-container .attendance-type-selector h4{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.punch-in-container .attendance-type-selector .attendance-options{display:flex;flex-wrap:wrap;gap:8px}.punch-in-container .attendance-type-selector .attendance-options .attendance-option{background:#fff;border:2px solid #e5e7eb;border-radius:20px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s ease}.punch-in-container .attendance-type-selector .attendance-options .attendance-option:hover{background:#eff6ff;border-color:#3b82f6}.punch-in-container .attendance-type-selector .attendance-options .attendance-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.punch-in-container .timesheet-section{align-items:center;border-radius:12px;display:flex;flex-direction:column;justify-content:center;width:100%}.punch-in-container .timesheet-section h3{color:#1f2937;font-size:16px}.punch-in-container .timesheet-section .project-entry{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px;width:100%}.punch-in-container .timesheet-section .project-entry .project-name-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.punch-in-container .timesheet-section .project-entry .project-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.punch-in-container .timesheet-section .project-entry .time-message-container{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.punch-in-container .timesheet-section .project-entry .time-message-container{flex-direction:column}}.punch-in-container .timesheet-section .project-entry .time-message-container .time-inputs{min-width:200px}.punch-in-container .timesheet-section .project-entry .time-message-container .time-inputs .time-section{margin-bottom:12px}.punch-in-container .timesheet-section .project-entry .time-message-container .time-inputs .time-section label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.punch-in-container .timesheet-section .project-entry .time-message-container .time-inputs .time-section .time-buttons{display:flex;flex-wrap:wrap;gap:4px}.punch-in-container .timesheet-section .project-entry .time-message-container .time-inputs .time-section .time-buttons .time-btn{background:#fff;border:1px solid #d1d5db;border-radius:16px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.punch-in-container .timesheet-section .project-entry .time-message-container .time-inputs .time-section .time-buttons .time-btn:hover{border-color:#3b82f6}.punch-in-container .timesheet-section .project-entry .time-message-container .time-inputs .time-section .time-buttons .time-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.punch-in-container .timesheet-section .project-entry .time-message-container .task-description{border:1px solid #d1d5db;border-radius:6px;flex:1 1;min-height:80px;padding:8px 12px;resize:vertical}.punch-in-container .timesheet-section .project-entry .time-message-container .task-description:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.punch-in-container .timesheet-section .add-project-btn{background:#36c76c;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;padding:8px 16px;transition:all .3s ease}.punch-in-container .timesheet-section .add-project-btn:hover{background:#2b9f56;transform:translateY(-1px)}.punch-in-container .modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}@media(max-width:480px){.punch-in-container .modal-actions{flex-direction:column}}.punch-in-container .error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px}.punch-in-container .notes-input{border:1px solid #d1d5db;border-radius:6px;margin-bottom:20px;min-height:100px;padding:12px;resize:vertical;width:100%}.punch-in-container .notes-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@keyframes punchInFadeIn{0%{opacity:0}to{opacity:1}}@keyframes punchInSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){@keyframes punchInSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media(hover:none)and (pointer:coarse){.punch-in-container .add-project,.punch-in-container .button-group button,.punch-in-container .location-button,.punch-in-container .timesheet-close-button{min-height:44px}.punch-in-container .add-project:hover,.punch-in-container .location-button:hover,.punch-in-container .project-entry:hover,.punch-in-container .timesheet-close-button:hover{transform:none}}@media(prefers-contrast:high){.punch-in-container .location-button,.punch-in-container .modal-content,.punch-in-container .project-entry,.punch-in-container input,.punch-in-container textarea{border-width:2px}}@media(prefers-reduced-motion:reduce){.punch-in-container *,.punch-in-container .modal-content,.punch-in-container .modal-overlay{animation:none!important;transition:none!important}.punch-in-container .add-project:hover,.punch-in-container .location-button:hover,.punch-in-container .open-modal-button:hover,.punch-in-container .project-entry:hover,.punch-in-container .timesheet-close-button:hover{transform:none}}.button-with-icon{align-items:center;background-color:#3b82f6;background-color:var(--active-color);border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon .button-icon{font-size:20px}.button-with-icon:hover{background-color:#3b82f6;background-color:var(--active-color);box-shadow:0 6px 8px #00000026;filter:brightness(90%)}.button-with-icon:active{background-color:#3b82f6;box-shadow:0 3px 5px #0003}.button-with-icon:focus{box-shadow:0 0 0 3px #007bff80;outline:none}.button-with-icon:disabled{background-color:#e0e0e0;box-shadow:none;color:#a0a0a0;cursor:not-allowed}.button-with-icon.large{font-size:18px;padding:12px 24px}.button-with-icon.small{font-size:14px;padding:8px 16px}.button-with-icon.secondary{background-color:#6c757d}.button-with-icon.secondary:hover{background-color:#5a6268}.button-with-icon.secondary:active{background-color:#545b62}.button-with-icon.submit-button{align-items:center;background-color:#36c76c;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon.submit-button:hover{background-color:#2b9f56}.button-with-icon.submit-button:active{background-color:#36c76c}.button-with-icon.submit-button:focus{box-shadow:0 0 0 3px #28a74580}.button-with-icon.cancel-button{align-items:center;background-color:#ff6692;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon.cancel-button:hover{background-color:#ff336e}.button-with-icon.cancel-button:active{background-color:#ff6692}.button-with-icon.cancel-button:focus{box-shadow:0 0 0 3px #dc354580}.button-with-icon.cancel-button:disabled{background-color:#e0e0e0;box-shadow:none;color:#a0a0a0;cursor:not-allowed}.button-with-icon.edit-button{align-items:center;background-color:#f8c20a;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:space-evenly;margin:10px;max-width:250px;min-width:200px;padding-left:20px;padding-right:20px;text-align:center;transition:background-color .3s ease,box-shadow .3s ease}.button-with-icon.edit-button:hover{background-color:#c99d06}.button-with-icon.edit-button:active{background-color:#f8c20a}.button-with-icon.edit-button:focus{box-shadow:0 0 0 3px #17a2b880}.button-with-icon.success{background-color:#36c76c}.button-with-icon.success:hover{background-color:#2b9f56}.button-with-icon.success:active{background-color:#36c76c}.button-with-icon.danger{background-color:#f8c20a}.button-with-icon.danger:hover{background-color:#c99d06}.button-with-icon.danger:active{background-color:#f8c20a}.button-with-icon.icon-only{border-radius:50%;height:40px;padding:0;width:40px}.button-with-icon.icon-only .button-icon{margin-right:0}.button-with-icon.text-only .button-icon{display:none}.button-with-icon.outline{background-color:#0000;border:2px solid #3b82f6;color:#3b82f6}.button-with-icon.outline:hover{background-color:#007bff1a}.button-with-icon.outline.success{border-color:#36c76c;color:#36c76c}.button-with-icon.outline.success:hover{background-color:#28a7451a}.button-with-icon.outline.danger{border-color:#ff6692;color:#ff6692}.button-with-icon.outline.danger:hover{background-color:#dc35451a}.button-with-icon.outline.info{border-color:#46caeb;color:#46caeb}.button-with-icon.outline.info:hover{background-color:#17a2b81a}.button-with-icon.form-action{min-width:120px}@media(max-width:768px){.button-with-icon{font-size:14px;height:35px;padding:10px}.button-with-icon .button-icon{font-size:18px;margin-right:15px}.button-with-icon.form-action{min-width:100px}}@media(max-width:480px){.button-with-icon{font-size:12px;height:30px;padding:8px 15px}.button-with-icon .button-icon{font-size:16px;margin-right:10px}.button-with-icon.form-action{min-width:80px}}.notification-center{display:inline-block;position:relative}.notification-center .notification-bell{align-items:center;background-color:#0000;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;justify-content:center;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-center .notification-bell:hover{background-color:#eff4fa;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.notification-center .notification-bell:active{transform:translateY(0)}.notification-center .notification-bell svg{stroke-width:1.8}.notification-center .notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6692,#b32a4c);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #ff66924d;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;position:absolute;right:0;top:0}.notification-center .notification-dropdown{animation:dropdownSlide .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc3;border-radius:10px;box-shadow:0 20px 60px #0000001f,0 8px 25px #00000014;color:#1e293b;color:var(--text-primary);max-height:520px;overflow:hidden;position:absolute;right:0;top:100%;width:300px;z-index:1000}.notification-center .notification-dropdown .notification-header{align-items:center;border-bottom:.1px solid #000;display:flex;justify-content:space-between;padding:10px}.notification-center .notification-dropdown .notification-header h3{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0}.notification-center .notification-dropdown .notification-header .mark-all-read{background:none;border:none;border-radius:8px;color:#3b82f6;color:var(--active-color);cursor:pointer;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease}.notification-center .notification-dropdown .notification-header .mark-all-read:hover{background-color:#3b82f614;color:#0b63f3}.notification-center .notification-dropdown .notification-list{max-height:440px;overflow-y:auto;scrollbar-color:#cccccc4d #0000;scrollbar-width:thin}.notification-center .notification-dropdown .notification-list::-webkit-scrollbar{width:6px}.notification-center .notification-dropdown .notification-list::-webkit-scrollbar-track{background:#0000}.notification-center .notification-dropdown .notification-list::-webkit-scrollbar-thumb{background:#cccccc4d;border-radius:3px}.notification-center .notification-dropdown .notification-list::-webkit-scrollbar-thumb:hover{background:#cccccc80}.notification-center .notification-dropdown .notification-list .notification-item{background:#fff;border-bottom:1px solid #cccccc14;cursor:pointer;display:flex;padding:10px;position:relative;transition:all .2s ease}.notification-center .notification-dropdown .notification-list .notification-item:last-child{border-bottom:none}.notification-center .notification-dropdown .notification-list .notification-item.unread{background:#daf4fb;border-left:3px solid #3b82f6}.notification-center .notification-dropdown .notification-list .notification-item.unread:hover{background-color:#ace6f6}.notification-center .notification-dropdown .notification-list .notification-item .notification-content{flex:1 1;overflow:hidden}.notification-center .notification-dropdown .notification-list .notification-item .notification-content .notification-inner-header{color:#0a2540;font-size:14px;font-weight:600;letter-spacing:-.01em}.notification-center .notification-dropdown .notification-list .notification-item .notification-content .notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#40587f;display:-webkit-box;font-size:13px;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.notification-center .notification-dropdown .notification-list .notification-item .notification-content .notification-time{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.notification-center .notification-dropdown .notification-list .notification-item .notification-actions{align-items:flex-start;display:flex;margin-top:10px}.notification-center .notification-dropdown .notification-list .notification-item .notification-actions .mark-read-btn{align-items:center;background:#fff;border:1px solid #ccc3;border-radius:8px;box-shadow:0 2px 4px #0000000a;color:#3b82f6;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.notification-center .notification-dropdown .notification-list .notification-item .notification-actions .mark-read-btn:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.notification-center .notification-dropdown .notification-list .notification-item .notification-actions .mark-read-btn svg{stroke-width:2}.notification-center .notification-dropdown .notification-list .no-notifications{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:500;padding:48px 24px;text-align:center}.notification-center .notification-dropdown .notification-list .no-notifications:before{content:"🔔";display:block;font-size:32px;margin-bottom:12px;opacity:.5}.notification-center .notification-dropdown .notification-list .error-state{align-items:center;background:linear-gradient(135deg,#ffccdb,#ffccdbcc);border-radius:12px;color:#ff6692;display:flex;flex-direction:column;font-size:13px;margin:12px;padding:24px 20px}.notification-center .notification-dropdown .notification-list .error-state svg{stroke-width:1.5;margin-bottom:8px}.notification-center .notification-dropdown .notification-list .error-state .retry-connection-btn{background:linear-gradient(135deg,#ff6692,#b32a4c);border:none;border-radius:8px;box-shadow:0 2px 8px #ff66924d;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;margin-top:12px;padding:8px 16px;transition:all .2s ease}.notification-center .notification-dropdown .notification-list .error-state .retry-connection-btn:hover{box-shadow:0 4px 16px #ff669266;transform:translateY(-1px)}.notification-center .notification-dropdown .notification-list .reconnecting-state{align-items:center;background:linear-gradient(135deg,#fff9e5,#fff9e5cc);border-radius:10px;color:#f8c20a;display:flex;font-size:13px;font-weight:500;justify-content:center;margin:12px;padding:20px;text-align:center}.notification-center .notification-dropdown .notification-list .reconnecting-state:before{animation:spin 1s linear infinite;border:2px solid #f8c20a;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:16px;margin-right:10px;width:16px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.notification-center .notification-dropdown{right:-200px;width:320px}.notification-center .notification-dropdown .notification-header{padding:16px 20px 12px}.notification-center .notification-dropdown .notification-header h3{font-size:16px}.notification-center .notification-dropdown .notification-list .notification-item{padding:12px 16px}.notification-center .notification-dropdown .notification-list .notification-item .notification-content{padding-left:12px}.notification-center .notification-dropdown .notification-list .notification-item .notification-content .notification-inner-header{font-size:13px}.notification-center .notification-dropdown .notification-list .notification-item .notification-content .notification-message{font-size:12px}}header.navbar{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border-bottom:1px solid var(--hr-border);box-shadow:none;box-sizing:border-box;color:var(--hr-text);display:flex;flex-wrap:nowrap;font-family:var(--hr-font);gap:6px;height:var(--navbar-height);left:var(--sidebar-width);max-height:none;padding:0;position:fixed;right:auto;top:0;transition:left .18s cubic-bezier(.4,0,.2,1),width .18s cubic-bezier(.4,0,.2,1),height .18s ease;width:calc(100% - var(--sidebar-width));z-index:var(--hr-z-navbar)}header.navbar .navbar-left{align-items:center;align-self:stretch;display:flex;flex:1 1;gap:10px;min-width:0}header.navbar .navbar-left .navbar-menu-btn{align-items:center;background:#0000;border:0;border-radius:var(--hr-radius-md);color:var(--hr-text);cursor:pointer;display:none;height:38px;justify-content:center;padding:0;width:38px}header.navbar .navbar-left .navbar-menu-btn svg{color:inherit}header.navbar .navbar-left .navbar-menu-btn:hover{background:var(--hr-hover)}header.navbar .search-container .search-icon{color:var(--hr-text-3);left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}header.navbar .search-container .search-input{background:var(--hr-surface-muted);border:1px solid var(--hr-border);border-radius:var(--hr-radius-md);box-sizing:border-box;color:var(--hr-text);font-family:inherit;font-size:var(--hr-fs-md);height:var(--hr-control-h-lg);outline:none;padding:0 62px 0 40px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;width:100%}header.navbar .search-container .search-input::placeholder{color:var(--hr-text-3)}header.navbar .search-container .search-input:hover{border-color:var(--hr-border-strong)}header.navbar .search-container .search-input:focus{background:var(--hr-surface);border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26}header.navbar .search-container .search-shortcut{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:6px;color:var(--hr-text-3);font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;padding:2px 7px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}header.navbar .search-container .filtered-menu{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);left:0;max-height:280px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:var(--hr-z-popover)}header.navbar .search-container .filtered-menu .filtered-item{border-radius:var(--hr-radius-sm);color:var(--hr-text);display:block;font-size:var(--hr-fs-md);padding:9px 12px;text-decoration:none}header.navbar .search-container .filtered-menu .filtered-item:focus-visible,header.navbar .search-container .filtered-menu .filtered-item:hover{background:var(--hr-primary-soft);color:var(--hr-primary-text);outline:none}header.navbar .search-container .filtered-menu .filtered-empty{color:var(--hr-text-3);font-size:var(--hr-fs-sm);padding:12px}header.navbar .navbar-right{align-items:center;display:flex;gap:6px;justify-content:flex-end;min-width:0}header.navbar .navbar-right .nav-menu-host{position:relative}header.navbar .navbar-right .updates-button .update-dot{background:var(--hr-danger-solid);border:2px solid var(--hr-surface);border-radius:50%;box-sizing:initial;height:8px;position:absolute;right:8px;top:7px;width:8px}header.navbar .navbar-right .updates-menu{animation:nav-pop-in .15s ease-out;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);color:var(--hr-text);max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:var(--hr-z-popover)}header.navbar .navbar-right .updates-menu .updates-header{border-bottom:1px solid var(--hr-border);padding:14px 18px}header.navbar .navbar-right .updates-menu .updates-header h4{color:var(--hr-text);font-size:var(--hr-fs-sm);font-weight:700;margin:0}header.navbar .navbar-right .updates-menu .update-item{border-bottom:1px solid var(--hr-border);padding:14px 18px}header.navbar .navbar-right .updates-menu .update-item:hover{background:var(--hr-surface-muted)}header.navbar .navbar-right .updates-menu .update-item .version{background:var(--hr-primary-soft);border-radius:6px;color:var(--hr-primary-text);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}header.navbar .navbar-right .updates-menu .update-item p{color:var(--hr-text-2);font-size:var(--hr-fs-sm);line-height:1.5;margin:0}header.navbar .navbar-right .updates-menu .view-all{color:var(--hr-primary-text);display:block;font-size:var(--hr-fs-sm);font-weight:600;padding:12px;text-align:center;text-decoration:none}header.navbar .navbar-right .updates-menu .view-all:hover{background:var(--hr-primary-soft)}header.navbar .navbar-right .quick-access-menu{animation:nav-pop-in .15s ease-out;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);color:var(--hr-text);max-width:calc(100vw - 24px);min-width:210px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--hr-z-popover)}header.navbar .navbar-right .quick-access-menu a{border-radius:var(--hr-radius-sm);color:var(--hr-text);display:block;font-size:var(--hr-fs-md);padding:9px 12px;text-decoration:none}header.navbar .navbar-right .quick-access-menu a:focus-visible,header.navbar .navbar-right .quick-access-menu a:hover{background:var(--hr-primary-soft);color:var(--hr-primary-text);outline:none}header.navbar .navbar-right .open-modal-button,header.navbar .navbar-right .punchin-button{background:var(--hr-success-solid);border:0;border-radius:var(--hr-radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--hr-fs-md);font-weight:600;height:var(--hr-control-h-lg);padding:0 16px;transition:background-color .12s ease,box-shadow .12s ease;white-space:nowrap}header.navbar .navbar-right .open-modal-button:hover,header.navbar .navbar-right .punchin-button:hover{background:var(--hr-success-fg);box-shadow:0 2px 8px #16a34a4d}header.navbar .navbar-right .punch-in-container{position:relative}header.navbar .navbar-right .punch-in-container .punch-in-button.punched-in{background:var(--hr-success-bg);color:var(--hr-success-fg)}header.navbar .navbar-right .punch-in-container .punch-dropdown{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);color:var(--hr-text);min-width:240px;padding:16px;position:absolute;right:0;top:calc(100% - 20px);z-index:var(--hr-z-popover)}header.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option{border-radius:var(--hr-radius-sm);cursor:pointer;font-size:var(--hr-fs-md);margin-bottom:4px;padding:10px 12px}header.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option:last-child{margin-bottom:0}header.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option.selected,header.navbar .navbar-right .punch-in-container .punch-dropdown .punch-type-option:hover{background:var(--hr-primary-soft);color:var(--hr-primary-text)}header.navbar .navbar-right .punch-in-container .punch-dropdown .punch-comment-box{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-sm);color:var(--hr-text);font-family:inherit;font-size:var(--hr-fs-md);height:80px;margin:12px 0;outline:none;padding:12px;resize:none;width:100%}header.navbar .navbar-right .punch-in-container .punch-dropdown .punch-comment-box:focus{border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb26}header.navbar .navbar-right .punch-in-container .punch-dropdown .punch-comment-box::placeholder{color:var(--hr-text-3)}header.navbar .navbar-right .punch-in-container .punch-dropdown .button-with-icon{background:var(--hr-primary);border:0;border-radius:var(--hr-radius-sm);color:var(--hr-on-primary);cursor:pointer;font-family:inherit;font-size:var(--hr-fs-md);font-weight:600;padding:10px 16px;width:100%}header.navbar .navbar-right .punch-in-container .punch-dropdown .button-with-icon:hover{background:var(--hr-primary-hover)}header.navbar .navbar-right .notification-bell:after{background:var(--hr-danger-solid);border:2px solid var(--hr-surface);border-radius:50%;box-sizing:initial;content:"";height:8px;opacity:0;position:absolute;right:8px;top:7px;transition:opacity .2s ease;width:8px}header.navbar .navbar-right .notification-bell.has-notifications:after{opacity:1}header.navbar .navbar-right .profile-button{align-items:center;background:#0000;border:0;border-radius:var(--hr-radius-md);color:var(--hr-text);cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:4px 8px 4px 4px;transition:background-color .12s ease}header.navbar .navbar-right .profile-button:hover,header.navbar .navbar-right .profile-button[aria-expanded=true]{background:var(--hr-hover)}header.navbar .navbar-right .profile-button .profile-avatar{border-radius:50%;height:34px;object-fit:cover;width:34px}header.navbar .navbar-right .profile-button .profile-meta{align-items:flex-start;display:flex;flex-direction:column;line-height:1.25;text-align:left}header.navbar .navbar-right .profile-button .profile-meta .profile-meta-name{color:var(--hr-text);font-size:var(--hr-fs-sm);font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header.navbar .navbar-right .profile-button .profile-meta .profile-meta-role{color:var(--hr-text-3);font-size:11.5px}header.navbar .navbar-right .profile-button .profile-chevron{color:var(--hr-text-3);transition:transform .2s ease}header.navbar .navbar-right .profile-button[aria-expanded=true] .profile-chevron{transform:rotate(180deg)}header.navbar .navbar-right .profile-menu{animation:nav-pop-in .15s ease-out;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);color:var(--hr-text);max-width:calc(100vw - 24px);min-width:240px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--hr-z-popover)}header.navbar .navbar-right .profile-menu .profile-info{align-items:center;border-bottom:1px solid var(--hr-border);display:flex;gap:12px;margin-bottom:6px;padding:8px 8px 12px}header.navbar .navbar-right .profile-menu .profile-info .profile-details{flex:1 1;min-width:0}header.navbar .navbar-right .profile-menu .profile-info .profile-details .profile-name{color:var(--hr-text);font-size:var(--hr-fs-md);font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header.navbar .navbar-right .profile-menu .profile-info .profile-details .profile-role .role{background:var(--hr-primary-soft);border-radius:var(--hr-radius-pill);color:var(--hr-primary-text);font-size:11px;font-weight:600;letter-spacing:.3px;padding:2px 8px}header.navbar .navbar-right .profile-menu .profile-options a,header.navbar .navbar-right .profile-menu .profile-options button{align-items:center;background:#0000;border:0;border-radius:var(--hr-radius-sm);color:var(--hr-text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--hr-fs-md);height:36px;padding:0 10px;text-align:left;text-decoration:none;width:100%}header.navbar .navbar-right .profile-menu .profile-options a:focus-visible,header.navbar .navbar-right .profile-menu .profile-options a:hover,header.navbar .navbar-right .profile-menu .profile-options button:focus-visible,header.navbar .navbar-right .profile-menu .profile-options button:hover{background:var(--hr-primary-soft);color:var(--hr-primary-text);outline:none}header.navbar .navbar-right .profile-menu .profile-options .logout-a{color:var(--hr-danger-fg)}header.navbar .navbar-right .profile-menu .profile-options .logout-a:focus-visible,header.navbar .navbar-right .profile-menu .profile-options .logout-a:hover{background:var(--hr-danger-bg);color:var(--hr-danger-fg)}header.navbar .navbar-center{display:flex;flex:0 1 320px;justify-content:center;max-width:420px;min-width:0}header.navbar .search-container{position:relative}header.navbar .search-trigger{align-items:center;display:inline-flex;justify-content:center}header.navbar .search-popup{animation:nav-pop-in .15s ease-out;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);left:50%;padding:10px;position:absolute;top:calc(100% + 10px);transform:translateX(-50%);width:min(420px,100vw - 24px);z-index:var(--hr-z-popover)}header.navbar .search-field{align-items:center;background:var(--hr-surface-muted);border:1px solid var(--hr-border);border-radius:var(--hr-radius-md);color:var(--hr-text-3);display:flex;gap:9px;height:42px;padding:0 10px}header.navbar .search-field input{background:#0000;border:0;color:var(--hr-text);flex:1 1;font:inherit;min-width:0;outline:0}header.navbar .search-field kbd{font-size:10px;white-space:nowrap}header.navbar .search-popup .filtered-menu{border:0;box-shadow:none;margin-top:7px;max-height:min(330px,100dvh - 130px);overflow:auto;position:static}header.navbar.has-context{align-content:flex-start;flex-wrap:wrap;height:auto;min-height:64px}header.navbar .navbar-context{align-self:stretch;flex:1 1;flex-wrap:nowrap;gap:10px;justify-content:flex-start;margin-top:0;padding:0 15px;white-space:nowrap}header.navbar .navbar-context,header.navbar .navbar-context-subtabs{align-content:center;align-items:center;display:flex;height:auto;min-width:0;overflow:visible;position:relative}header.navbar .navbar-context-subtabs{animation:navbar-submenu-in .18s ease-out both;background:#f5f6f8;border-top:1px solid #eae8e2;flex:0 0 calc(100% - var(--marketplace-width));flex-wrap:nowrap;gap:7px;margin:0;min-height:50px;order:4;padding:0 0 0 20px;width:calc(100% - var(--marketplace-width))}header.navbar .navbar-overflow-host{align-items:center;display:flex;flex:0 0 auto;position:relative}header.navbar .navbar-more-button{align-items:center;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-pill);color:var(--hr-text-2);cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;padding:0;transition:background-color .12s ease,border-color .12s ease,color .12s ease;width:38px}header.navbar .navbar-more-button.has-active-item,header.navbar .navbar-more-button:hover,header.navbar .navbar-more-button[aria-expanded=true]{background:var(--hr-primary-soft);border-color:var(--hr-primary);color:var(--hr-primary-text)}header.navbar .navbar-more-button:focus-visible{outline:2px solid var(--hr-primary);outline-offset:2px}header.navbar .navbar-overflow-menu{animation:nav-pop-in .14s ease-out;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--hr-radius-lg);box-shadow:var(--hr-shadow-pop);display:flex;flex-direction:column;gap:3px;max-height:min(360px,100dvh - var(--navbar-height) - 12px);max-width:min(320px,100vw - 24px);min-width:210px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% - 2px);z-index:var(--hr-z-popover)}header.navbar .navbar-overflow-menu-item{align-items:center;background:#0000;border:0;border-radius:var(--hr-radius-md);color:var(--hr-text-2);cursor:pointer;display:flex;font:inherit;font-size:13px;gap:9px;min-height:36px;padding:7px 10px;text-align:left;text-decoration:none;white-space:nowrap;width:100%}header.navbar .navbar-overflow-menu-item.is-active,header.navbar .navbar-overflow-menu-item:hover{background:var(--hr-primary-soft);color:var(--hr-primary-text)}header.navbar .navbar-overflow-menu-item .navbar-context-icon{flex:0 0 auto;height:16px;width:16px}header.navbar .navbar-overflow-measure{display:flex;flex-wrap:nowrap;gap:inherit;height:0;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;visibility:hidden;white-space:nowrap;width:max-content}header.navbar .navbar-overflow-measure-item{display:inline-flex;flex:0 0 auto;width:max-content}header.navbar .navbar-overflow-measure .navbar-context-link{align-self:center;flex:0 0 auto}header.navbar .navbar-context-link:not(.navbar-context-link--sub){align-items:center;align-self:stretch;border-radius:0;color:var(--hr-text-2);display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:600;gap:9px;height:auto;min-height:54px;padding:0 12px;position:relative;text-decoration:none;transition:color .14s ease;white-space:nowrap}header.navbar .navbar-context-link:not(.navbar-context-link--sub):after{background:var(--hr-primary);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:10px;position:absolute;right:10px;transform:scaleX(0);transform-origin:left center;transition:transform .16s ease}header.navbar .navbar-context-link:not(.navbar-context-link--sub).is-active:after{transform:scaleX(1)}header.navbar .navbar-context-link:not(.navbar-context-link--sub) .navbar-context-icon{color:currentColor;flex:0 0 auto;height:17px;opacity:.86;transition:transform .14s ease;width:17px}header.navbar .navbar-context-link--sub{align-items:center;display:inline-flex;flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;font-size:14px;gap:8px;height:36px;min-height:36px;min-width:max-content;padding:0 15px;white-space:nowrap}header.navbar .navbar-context-link--sub .navbar-context-icon{flex:0 0 auto;height:16px;width:16px}header.navbar .navbar-context-link:not(.navbar-context-link--sub).is-active,header.navbar .navbar-context-link:not(.navbar-context-link--sub):hover{background:#0000;color:var(--hr-primary-text)}header.navbar .navbar-context-link:not(.navbar-context-link--sub):hover .navbar-context-icon{transform:translateY(-1px)}.nav-button,header.navbar .navbar-right .notification-bell,header.navbar .navbar-right .punch-in-container .punch-in-button{align-items:center;background:#0000;border:0;border-radius:var(--hr-radius-md);color:var(--hr-text-2);cursor:pointer;display:flex;flex-shrink:0;font-size:19px;height:38px;justify-content:center;padding:0;position:relative;transition:background-color .12s ease,color .12s ease;width:38px}.nav-button svg,header.navbar .navbar-right .notification-bell svg,header.navbar .navbar-right .punch-in-container .punch-in-button svg{color:inherit}.nav-button:hover,.nav-button[aria-expanded=true],header.navbar .navbar-right .notification-bell:hover,header.navbar .navbar-right .punch-in-container .punch-in-button:hover,header.navbar .navbar-right .punch-in-container [aria-expanded=true].punch-in-button,header.navbar .navbar-right [aria-expanded=true].notification-bell{background:var(--hr-hover);color:var(--hr-text)}.nav-button:focus-visible,header.navbar .navbar-right .notification-bell:focus-visible,header.navbar .navbar-right .punch-in-container .punch-in-button:focus-visible{outline:2px solid var(--hr-primary);outline-offset:2px}@media(max-width:1200px){header.navbar .navbar-right .profile-button .profile-meta{display:none}}@media(min-width:769px)and (max-width:992px){header.navbar{gap:12px;left:0;padding:0 12px;width:100%}header.navbar .navbar-left .navbar-menu-btn{display:inline-flex}}@media(max-width:768px){header.navbar{display:flex;gap:8px;justify-content:space-between;left:0;padding:0 8px;width:100%}header.navbar .navbar-center{display:flex;flex:0 0 auto}header.navbar .navbar-right{flex:0 1 auto;gap:2px}header.navbar.has-context{display:flex;flex-wrap:wrap;gap:0 8px;min-height:50px}header.navbar.has-context .navbar-left{flex:1 1;min-width:0}header.navbar.has-context .navbar-center,header.navbar.has-context .navbar-right{flex:0 0 auto}header.navbar.has-context .navbar-context{min-width:0}header.navbar.has-context .navbar-context-subtabs{flex-basis:calc(100% - var(--marketplace-width));margin:0;padding-left:8px;padding-right:0;width:calc(100% - var(--marketplace-width))}}@media(min-width:769px)and (max-width:992px){header.navbar .navbar-context-subtabs{flex-basis:calc(100% - var(--marketplace-width));margin:0;padding-left:12px;padding-right:0;width:calc(100% - var(--marketplace-width))}}@media(max-width:576px){header.navbar .navbar-right .profile-menu,header.navbar .navbar-right .quick-access-menu,header.navbar .navbar-right .updates-menu{left:8px;max-width:none;min-width:0;position:fixed;right:8px;top:calc(var(--navbar-height) + 6px);width:auto}header.navbar .navbar-right .punch-in-container .punch-dropdown{left:8px;min-width:0;position:fixed;right:8px;top:calc(var(--navbar-height) + 6px)}}@keyframes nav-pop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes navbar-submenu-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){header.navbar *{animation:none!important;transition:none!important}}@media print{header.navbar{display:none!important}}.subsctiption{background-color:#fff;background-color:var(--bg-primary);border-radius:16px;color:#1e293b;color:var(--text-primary);min-height:90dvb;padding:40px 20px}.subsctiption .card-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.subsctiption .card{background-color:#fff;background-color:var(--bg-primary);border-radius:16px;box-shadow:0 4px 12px #00000014;color:#1e293b;color:var(--text-primary);padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:max-content}.subsctiption .card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.subsctiption .card p{font-size:.95rem;margin:8px 0}.subsctiption .card p,.subsctiption .card p strong{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.subsctiption .card p strong{display:inline-block;font-weight:600;min-width:130px}.subsctiption .error{color:red;font-weight:500;text-align:center}.payroll-hr-confirmation .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.payroll-hr-confirmation .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 12px 24px #00000026;color:var(--text-color);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.payroll-hr-confirmation .stat-card:before{content:"";height:4px;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.payroll-hr-confirmation .stat-card:hover{box-shadow:0 16px 32px #0003;transform:translateY(-2px)}.payroll-hr-confirmation .stat-card.total-gross:before{background:linear-gradient(90deg,#36c76c,#85dea6)}.payroll-hr-confirmation .stat-card.total-deductions:before{background:linear-gradient(90deg,#ff6692,#ffccdb)}.payroll-hr-confirmation .stat-card.earned-net:before,.payroll-hr-confirmation .stat-card.total-net:before{background:linear-gradient(90deg,#46caeb,#a2e4f5)}.payroll-hr-confirmation .stat-card.total-employer:before{background:linear-gradient(90deg,#f8c20a,#fbdb6d)}.payroll-hr-confirmation .stat-card.total-ctc:before{background:linear-gradient(90deg,#3b82f6,#9dc0fa)}.payroll-hr-confirmation .stat-card.earned-gross:before{background:linear-gradient(90deg,#36c76c,#85dea6)}.payroll-hr-confirmation .stat-card.total-paid:before{background:linear-gradient(90deg,#f8c20a,#fbdb6d)}.payroll-hr-confirmation .stat-card .stat-icon{flex-shrink:0;font-size:2rem;opacity:.8}.payroll-hr-confirmation .stat-card .stat-content{flex:1 1;min-width:0}.payroll-hr-confirmation .stat-card .stat-content h3{color:var(--text-color);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.payroll-hr-confirmation .stat-card .stat-content p{color:var(--text-color);font-size:.85rem;font-weight:500;line-height:1.3;margin:.25rem 0 0;opacity:.8}.payroll-hr-confirmation .table-container{background-color:#fff;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 20px #00000014;color:#1e293b;color:var(--text-primary);overflow-x:auto;scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin;transform:translateZ(0)}.payroll-hr-confirmation .table-container::-webkit-scrollbar{height:8px}.payroll-hr-confirmation .table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.payroll-hr-confirmation .table-container::-webkit-scrollbar-thumb{background-color:#94a3b8;border-radius:4px}.payroll-hr-confirmation .table-container .payroll-table{background-color:#fff;background-color:var(--bg-primary);border-collapse:initial;border-spacing:0;color:#1e293b;color:var(--text-primary);font-size:.875rem;margin:0;min-width:2000px;overflow-x:auto;overflow-y:auto;width:100%}.payroll-hr-confirmation .table-container .payroll-table thead,.payroll-hr-confirmation .table-container .payroll-table thead th{background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);position:sticky;top:0;z-index:10}.payroll-hr-confirmation .table-container .payroll-table thead th{border:.1px solid #e5e7eb;font-size:1rem;font-weight:600;letter-spacing:.05em;padding:10px;text-align:left}.payroll-hr-confirmation .table-container .payroll-table thead th:last-child{border-right:none}.payroll-hr-confirmation .table-container .payroll-table thead th.fixed-column{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;box-shadow:2px 0 8px #0000001a;color:#1e293b;color:var(--text-primary);font-weight:600;left:0;min-width:200px;width:200px}.payroll-hr-confirmation .table-container .payroll-table thead th.fixed-column.employee-column{left:0;position:sticky;z-index:16}.payroll-hr-confirmation .table-container .payroll-table thead th.fixed-column.employee-column,.payroll-hr-confirmation .table-container .payroll-table thead th.scrollable-column{background:#fff;background:var(--bg-primary);border-bottom:2px solid #dee2e6;color:var(--text-color);font-size:1rem;font-weight:800;min-width:80px;padding:0 20px auto;text-align:center;vertical-align:middle}.payroll-hr-confirmation .table-container .payroll-table thead th.scrollable-column{z-index:10}.payroll-hr-confirmation .table-container .payroll-table thead th.fixed-earnings-column{background:#3b82f6;color:#fff;font-weight:700;min-width:150px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table thead th.earned-earnings-column{background:#46caeb;color:#fff;font-weight:700;min-width:150px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table thead th.allowance-column{background:#36c76c;color:#fff;font-weight:700;min-width:140px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table thead th.loan-column,.payroll-hr-confirmation .table-container .payroll-table thead th.reimbursement-column{color:#fff;font-weight:700;min-width:140px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table thead th.deduction-column{background:#ff6692;color:#fff;font-weight:700;min-width:140px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table thead th.net-pay-column{background:#2b9b39;color:#fff;font-size:.9rem;font-weight:700;min-width:150px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table thead th.employer-contrib-column{font-weight:700;min-width:150px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table thead th.fixed-action-column{background:#fff;background:var(--bg-primary);border-left:2px solid #e5e7eb;box-shadow:-2px 0 8px #0000001a;color:#1e293b;color:var(--text-primary);min-width:80px;position:sticky;right:0;text-align:center;width:80px;z-index:11}.payroll-hr-confirmation .table-container .payroll-table tbody tr{background:#fff;color:var(--text-color);transition:all .3s ease}.payroll-hr-confirmation .table-container .payroll-table tbody tr:nth-child(2n){background:#f9fafb}.payroll-hr-confirmation .table-container .payroll-table tbody tr td{border-bottom:1px solid #dee2e6;font-size:1rem;font-weight:600;padding:10px;text-align:center;vertical-align:middle;white-space:nowrap}.payroll-hr-confirmation .table-container .payroll-table tbody tr td input{border:.1px solid #ccc;border-radius:10px;padding:5px}.payroll-hr-confirmation .table-container .payroll-table tbody tr td:last-child{border-right:none}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.fixed-column{background:#fff;border:1px solid #e5e7eb;position:sticky;z-index:5}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.fixed-column.employee-column{background:#fff;background:var(--bg-primary);border-right:2px solid #dee2e6;box-shadow:2px 0 4px #0000001a;color:var(--text-color);font-weight:600;left:0;min-width:200px;position:sticky;text-align:left;z-index:16}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.scrollable-column{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color);font-weight:500;min-width:140px;text-align:center;white-space:nowrap}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.amount-cell{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color);font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.fixed-earnings-column{background:#3b82f60d!important;border-left:3px solid #3b82f64d;color:#3b82f6;font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.earned-earnings-column{background:#06b6d40d!important;border-left:3px solid #06b6d44d;color:#0c4a6e;font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.allowance-column{background:#10b9810d!important;border-left:1px solid #36c76c;color:#065f46;font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.reimbursement-column{background:#8b5cf60d!important;border-left:3px solid #8b5cf64d;color:#581c87;font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.loan-column{background:#f59e0b0d!important;border-left:3px solid #f59e0b4d;color:#92400e;font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.deduction-column{border-left:1px solid #ff6692;font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.net-pay-column{background:#0596691a!important;border-left:1px solid #36c76c;color:#047857;font-size:14px;font-weight:700}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.employer-contrib-column{font-weight:600}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.loss-of-pay{color:#dc2626;font-weight:600;text-align:center}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.deduction-total{color:#ff6692;font-weight:700}.payroll-hr-confirmation .table-container .payroll-table tbody tr td.no-data{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #ccc;border:.1px solid var(--border-primary);color:#1e293b;color:var(--text-primary);font-size:16px;font-style:italic;padding:40px;text-align:center}.payroll-hr-confirmation .table-container .payroll-table tbody tr:hover td.fixed-earnings-column{background:#3b82f61a!important}.payroll-hr-confirmation .table-container .payroll-table tbody tr:hover td.earned-earnings-column{background:#06b6d41a!important}.payroll-hr-confirmation .table-container .payroll-table tbody tr:hover td.allowance-column{background:#10b9811a!important}.payroll-hr-confirmation .table-container .payroll-table tbody tr:hover td.reimbursement-column{background:#8b5cf61a!important}.payroll-hr-confirmation .table-container .payroll-table tbody tr:hover td.loan-column{background:#f59e0b1a!important}.payroll-hr-confirmation .table-container .payroll-table tbody tr:hover td.net-pay-column{background:#05966926!important}.payroll-hr-confirmation .table-container .payroll-table tbody tr .fixed-action-column{background-color:#fff;background-color:var(--bg-primary);border-left:2px solid #e5e7eb;box-shadow:-2px 0 8px #0000001a;color:var(--text-color);min-width:80px;position:sticky;right:0;text-align:center;width:80px;z-index:11}.payroll-hr-confirmation .table-container .action-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding:0 12px 20px}.payroll-hr-confirmation .table-container .action-buttons .download-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.payroll-hr-confirmation .table-container .action-buttons .download-btn:hover:not(.disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.payroll-hr-confirmation .table-container .action-buttons .download-btn.disabled{background:#ccc;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.6;transform:none}.payroll-hr-confirmation .table-container tbody tr:first-child th:first-child,.payroll-hr-confirmation .table-container thead tr:first-child th:first-child{border-top-left-radius:12px}.payroll-hr-confirmation .table-container tbody tr:first-child th:last-child,.payroll-hr-confirmation .table-container thead tr:first-child th:last-child{border-top-right-radius:12px}.payroll-hr-confirmation .table-container tbody tr:last-child td:first-child,.payroll-hr-confirmation .table-container thead tr:last-child td:first-child{border-bottom-left-radius:12px}.payroll-hr-confirmation .table-container tbody tr:last-child td:last-child,.payroll-hr-confirmation .table-container thead tr:last-child td:last-child{border-bottom-right-radius:12px}@media(max-width:1024px){.payroll-hr-confirmation .table-container .payroll-table{font-size:.8rem}.payroll-hr-confirmation .table-container .payroll-table td,.payroll-hr-confirmation .table-container .payroll-table th{padding:10px 8px}.payroll-hr-confirmation .table-container .payroll-table th{font-size:.75rem}}@media(max-width:768px){.payroll-hr-confirmation .table-container .payroll-table{font-size:.75rem}.payroll-hr-confirmation .table-container .payroll-table td,.payroll-hr-confirmation .table-container .payroll-table th{padding:8px 6px}.payroll-hr-confirmation .table-container .payroll-table .fixed-column.employee-column{min-width:150px;width:150px}.payroll-hr-confirmation .table-container .action-buttons{align-items:stretch;flex-direction:column}.payroll-hr-confirmation .table-container .action-buttons .download-btn{width:100%}}.icon-button{align-items:center;background-color:#3b82f6;background-color:var(--active-color);border:none;border-radius:50%;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:0;transition:background-color .3s ease,color .3s ease;width:40px}.icon-button:hover{background-color:#3b82f6}.icon-button:disabled{background-color:#ccc;color:#1e293b;cursor:not-allowed}.icon-button:disabled:hover{background-color:#ccc}.icon-button .iconify{color:#fff;font-size:1.2rem}.icon-button--add{align-items:center;background-color:#36c76c;color:#000;justify-content:center;line-height:10px}.icon-button--add:hover{background-color:#5dd389}.icon-button--info{align-items:center;background-color:#46caeb;color:#000;justify-content:center;line-height:10px}.icon-button--info:hover{background-color:#74d7f0}.icon-button--edit{background-color:#f8c20a;color:#1e293b;line-height:0px}.icon-button--edit:hover{background-color:#f9ce3c}.icon-button--delete{background-color:#ff6692;color:#000}.icon-button--delete:hover{background-color:#ff99b6}.icon-button--save{background-color:#36c76c;color:#000}.icon-button--save:hover{background-color:#5dd389}.icon-button--cancel{background-color:#ff6692;color:#000}.icon-button--cancel:hover{background-color:#ff99b6}@media(max-width:768px){.icon-button{font-size:.9rem;height:35px;width:35px}.iconify{font-size:1rem}}@media(max-width:480px){.icon-button{font-size:.8rem;height:30px;width:30px}.iconify{font-size:.9rem}}.custom-mouse-tooltip{animation:tooltipFadeIn .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#212121f2;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:6px 10px;pointer-events:none;position:fixed;white-space:nowrap;z-index:99999}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.payroll-container{min-height:90dvh}.payroll-container .payroll-selection{background-color:#f8fafc;background-color:var(--bg-secondary);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:10px;padding:10px;position:abasolute}.payroll-container .payroll-selection .heading6{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;position:relative;text-align:center}.payroll-container .payroll-selection .payroll-buttons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:10px}.payroll-container .payroll-selection .payroll-button{align-items:center;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;gap:20px;min-height:88px;overflow:hidden;padding:10px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.payroll-container .payroll-selection .payroll-button:before{background:#3b82f61a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.payroll-container .payroll-selection .payroll-button:hover{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;transform:translateY(-2px)}.payroll-container .payroll-selection .payroll-button:hover:before{left:100%}.payroll-container .payroll-selection .payroll-button.active{background-color:#3b82f6;background-color:var(--active-color);box-shadow:0 0 0 4px #3b82f633;color:#1e293b;color:var(--text-primary)}.payroll-container .payroll-selection .payroll-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.payroll-container .payroll-selection .payroll-button-content{align-items:center;display:flex;gap:20px;width:100%}.payroll-container .payroll-selection .payroll-text{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.payroll-container .payroll-selection .payroll-name{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2}.payroll-container .payroll-selection .payroll-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.1em;padding:6px 12px;width:-moz-fit-content;width:fit-content}.payroll-container .payroll-selection .payroll-type-badge.auto{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.payroll-container .payroll-selection .payroll-type-badge.manual{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.payroll-container .payroll-selection .error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;color:#991b1b;font-weight:600;padding:20px;text-align:center}.payroll-container .payroll-selection .payroll-selection-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;position:relative;width:100%}.payroll-container .payroll-selection .payroll-selection-header>:first-child{left:50%;position:absolute;transform:translateX(-50%)}.payroll-container .payroll-selection .payroll-selection-header>:last-child{margin-left:auto}.payroll-container .month-selection .heading6{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:24px;padding-bottom:16px;position:relative;text-align:center}.payroll-container .month-selection .heading6:after{background:linear-gradient(90deg,#3b82f6,#1d4ed8);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.payroll-container .month-selection .month-cards-grid{margin:0;max-height:135px;max-width:100%}@media(max-width:768px){.payroll-container .month-selection .month-cards-grid{gap:8px;grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.payroll-container .month-selection .month-cards-grid{gap:6px;grid-template-columns:repeat(3,1fr)}}.payroll-container .month-selection .month-card{align-items:center;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:10px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.payroll-container .month-selection .month-card:hover{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-3px)}.payroll-container .month-selection .month-card:hover:before{left:100%}.payroll-container .month-selection .month-card.active{background-color:#3b82f6;background-color:var(--active-color);border:1px solid #3b82f6;border:1px solid var(--active-color);box-shadow:0 0 0 3px #3b82f633;transform:translateY(-2px)}.payroll-container .month-selection .month-card.active .month-name{color:#fff;color:var(--text-inverse);font-weight:700}.payroll-container .month-selection .month-card.active .month-year{color:#1e293b;color:var(--text-primary)}.payroll-container .month-selection .month-card:disabled{cursor:not-allowed;opacity:.4;transform:none}.payroll-container .month-selection .month-card .month-name{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px}.payroll-container .month-selection .month-card .month-year{color:#64748b;font-size:.75rem;font-weight:500}.payroll-container .month-selection .year-selector{align-items:center;border-radius:20px;box-shadow:0 4px 20px rgba(186,230,253,.267);display:flex;flex-direction:column;gap:7px}.payroll-container .month-selection .year-selector .year-label{color:#0ea5e9;font-size:1rem;font-weight:600;margin-bottom:2px;-webkit-user-select:none;user-select:none}.payroll-container .month-selection .year-selector .year-arrow-controls{align-items:center;display:flex;gap:12px}.payroll-container .month-selection .year-selector .year-arrow-controls .year-arrow{align-items:center;background:#f1f5f9;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(186,230,253,.157);color:#38bdf8;cursor:pointer;display:flex;font-size:1.9rem;height:40px;justify-content:center;outline:none;transition:background .2s,color .2s,box-shadow .2s;width:40px}.payroll-container .month-selection .year-selector .year-arrow-controls .year-arrow .icon{fill:currentColor;display:block;height:1.3em;width:1.3em}.payroll-container .month-selection .year-selector .year-arrow-controls .year-arrow:focus:enabled,.payroll-container .month-selection .year-selector .year-arrow-controls .year-arrow:hover:enabled{background:#bae6fd;color:#0284c7}.payroll-container .month-selection .year-selector .year-arrow-controls .year-arrow:active{background:#38bdf8;color:#fff}.payroll-container .month-selection .year-selector .year-arrow-controls .year-arrow:disabled{cursor:not-allowed;opacity:.5}.payroll-container .month-selection .year-selector .year-arrow-controls .year-value{background:#fff;border:1.5px solid #e0e7ef;border-radius:10px;box-shadow:0 1.5px 4px #bae6fd1c;color:#0ea5e9;font-size:1.1rem;font-weight:600;outline:none;padding:3px 0;text-align:center;transition:background .18s;-webkit-user-select:all;user-select:all;width:80px}.payroll-container .month-selection .year-selector .year-arrow-controls .year-value:focus{background:#e0f2fe;border-color:#38bdf8}@media(max-width:600px){.payroll-container .month-selection .year-selector{min-width:110px;padding:8px 8px 6px}.payroll-container .month-selection .year-selector .year-label{font-size:.88rem}.payroll-container .month-selection .year-selector .year-arrow-controls{gap:8px}.payroll-container .month-selection .year-selector .year-arrow-controls .year-arrow{font-size:1.25rem;height:29px;width:29px}.payroll-container .month-selection .year-selector .year-arrow-controls .year-value{font-size:1.1rem;width:44px}}.payroll-container .month-selection .year-input-field{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .3s ease;width:120px}.payroll-container .month-selection .year-input-field:focus{background:#fefefe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.payroll-container .month-selection .year-input-field:hover{border-color:#d1d5db}.payroll-container .month-selection .year-input-field::placeholder{color:#9ca3af;font-weight:400}.payroll-container .month-selection .year-input-field::-webkit-inner-spin-button,.payroll-container .month-selection .year-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payroll-container .month-selection .year-input-field[type=number]{-moz-appearance:textfield}.payroll-container .month-selection .month-selection{margin-top:24px}.payroll-container .month-selection .month-selection .year-selector{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:8px;margin:20px;padding:16px 20px}.payroll-container .month-selection .month-selection .year-selector label{color:#1e293b;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px}.payroll-container .month-selection .month-selection .year-selector .year-input-field{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#374151;font-size:.95rem;font-weight:600;padding:12px 16px;text-align:center;transition:all .3s ease;width:120px}.payroll-container .month-selection .month-selection .year-selector .year-input-field:focus{background:#fefefe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.payroll-container .month-selection .month-selection .year-selector .year-input-field:hover{border-color:#d1d5db}.payroll-container .month-selection .month-selection .year-selector .year-input-field::placeholder{color:#9ca3af;font-weight:400}.payroll-container .month-selection .month-selection .year-selector .year-input-field::-webkit-inner-spin-button,.payroll-container .month-selection .month-selection .year-selector .year-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payroll-container .month-selection .month-selection .year-selector .year-input-field[type=number]{-moz-appearance:textfield}.payroll-container .month-selection .month-cards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);margin-top:16px}.payroll-container .month-selection .month-cards-grid .month-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:16px 12px;transition:all .3s ease}.payroll-container .month-selection .month-cards-grid .month-card:hover{background:#3b82f6;background:var(--active-color);border-color:#fff;box-shadow:0 0 0 4px #3b82f633;transform:translateY(-2px)}.payroll-container .month-selection .month-cards-grid .month-card.active{background:#3b82f6;background:var(--active-color);border-color:#fff;box-shadow:0 0 0 4px #3b82f633;color:#fff}.payroll-container .month-selection .month-cards-grid .month-card.active .month-year{color:#ffffffe6}.payroll-container .month-selection .month-cards-grid .month-card:disabled{cursor:not-allowed;opacity:.6}.payroll-container .month-selection .month-cards-grid .month-card:disabled:hover{box-shadow:none;transform:none}.payroll-container .month-selection .month-cards-grid .month-card .month-emoji{font-size:1.5rem;margin-bottom:8px}.payroll-container .month-selection .month-cards-grid .month-card .month-name{font-size:.9rem;font-weight:600;margin-bottom:4px}.payroll-container .month-selection .month-cards-grid .month-card .month-year{color:#6b7280;font-size:.8rem;font-weight:500}@media(max-width:768px){.payroll-container .month-selection .year-selector .year-input-field{max-width:200px;width:100%}.payroll-container .month-selection .month-cards-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.payroll-container .month-selection .month-cards-grid .month-card{min-height:85px;padding:12px 8px}.payroll-container .month-selection .month-cards-grid .month-card .month-emoji{font-size:1.3rem;margin-bottom:6px}.payroll-container .month-selection .month-cards-grid .month-card .month-name{font-size:.85rem}.payroll-container .month-selection .month-cards-grid .month-card .month-year{font-size:.75rem}}@media(max-width:480px){.payroll-container .month-selection .month-cards-grid{grid-template-columns:repeat(3,1fr)}.payroll-container .month-selection .month-cards-grid .month-card .month-name{font-size:.8rem}.payroll-container .month-selection .month-cards-grid .month-card .month-year{font-size:.7rem}}.payroll-container .payroll-form{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:32px;padding:32px}.payroll-container .payroll-form .form-row{align-items:flex-start;display:flex;flex-direction:column;gap:32px;justify-content:space-between}@media(max-width:768px){.payroll-container .payroll-form .form-row{flex-direction:column;gap:24px}}.payroll-container .payroll-form .status-info{flex:1 1;min-width:360px}.payroll-container .payroll-form .status-info .status-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;padding:24px}.payroll-container .payroll-form .status-info .status-card .status-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.payroll-container .payroll-form .status-info .status-card .status-header .status-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.payroll-container .payroll-form .status-info .status-card .status-header .status-icon:before{content:"📊"}.payroll-container .payroll-form .status-info .status-card .status-header h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.payroll-container .payroll-form .status-info .status-card .status-details{display:flex;flex-direction:column;gap:16px}.payroll-container .payroll-form .status-info .status-card .status-details .status-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.payroll-container .payroll-form .status-info .status-card .status-details .status-item:last-child{border-bottom:none}.payroll-container .payroll-form .status-info .status-card .status-details .status-item .label{color:#475569;font-size:.9rem;font-weight:600}.payroll-container .payroll-form .status-info .status-card .status-details .status-item .value{color:#1e293b;font-size:.9rem;font-weight:700}.payroll-container .payroll-form .status-info .status-card .unsaved-changes{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:.875rem;font-weight:600;gap:10px;margin-top:20px;padding:16px}.payroll-container .payroll-form .status-info .status-card .unsaved-changes .warning-icon{font-size:1.125rem}.payroll-container .payroll-form .button-group{display:flex;flex-direction:column;gap:16px;min-width:220px}@media(max-width:768px){.payroll-container .payroll-form .button-group{flex-direction:row;justify-content:center;width:100%}}.payroll-container .payroll-form .error{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;color:#991b1b;display:flex;font-weight:600;gap:10px;margin-top:20px;padding:20px}.payroll-container .payroll-form .error:before{content:"⚠️";font-size:1.125rem}.payroll-container .payroll-results{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.payroll-container .payroll-table-wrapper{border:none;max-height:70vh;overflow:auto;position:relative}.payroll-container .payroll-table-wrapper table{background-color:#fff;border-collapse:collapse;font-size:.875rem;min-width:1200px;width:100%}.payroll-container .payroll-table-wrapper table thead{background:linear-gradient(135deg,#1e293b,#334155);position:sticky;top:0;z-index:20}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header{border-bottom:2px solid #fff3;border-right:1px solid #475569;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.15em;padding:10px;position:relative;text-align:center}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header:last-child{border-right:none}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.salary-group{background:linear-gradient(135deg,#065f46,#047857);border-bottom:2px solid #10b981}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.salary-group .status-indicator{background-color:#10b9814d;border-radius:4px;color:#fff;display:inline-block;font-size:.6rem;font-weight:600;margin-left:8px;padding:3px 6px}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.allowance-group{background:#36c76c;border-bottom:2px solid #10b981}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.allowance-group .status-indicator{background-color:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;margin-left:8px;padding:3px 6px}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.deduction-group{background:#ff6692;border-bottom:2px solid #ef4444}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.deduction-group .status-indicator{background-color:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;margin-left:8px;padding:3px 6px}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.employee-column,.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.fixed-column{background-color:#fff;background-color:var(--bg-primary);border-right:3px solid #64748b;left:0;min-width:200px;position:sticky;text-align:left;z-index:25}.payroll-container .payroll-table-wrapper table thead .group-header-row th.group-header.basic-info{color:#fff;min-width:140px;text-align:left}.payroll-container .payroll-table-wrapper table thead .individual-header-row th.sub-header{border-bottom:3px solid #0f172a;border-right:1px solid #475569;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.1em;min-width:140px;padding:14px 20px;text-align:left;white-space:nowrap}.payroll-container .payroll-table-wrapper table thead .individual-header-row th.sub-header:last-child{border-right:none}.payroll-container .payroll-table-wrapper table thead .individual-header-row th.sub-header.allowance-header{background:#36c76c;border-bottom:3px solid #10b981;color:#fff;min-width:160px}.payroll-container .payroll-table-wrapper table thead .individual-header-row th.sub-header.deduction-header{background:#ff6692;border-bottom:3px solid #ef4444;color:#fff;min-width:140px}.payroll-container .payroll-table-wrapper table thead th{border-bottom:3px solid #0f172a;border-right:1px solid #475569;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.1em;padding:16px 20px;text-align:left;white-space:nowrap}.payroll-container .payroll-table-wrapper table thead th:last-child{border-right:none}.payroll-container .payroll-table-wrapper table thead th.employee-column,.payroll-container .payroll-table-wrapper table thead th.fixed-column{background:linear-gradient(135deg,#0f172a,#1e293b);border-right:3px solid #64748b;color:#fff;left:0;min-width:200px;position:sticky;z-index:25}.payroll-container .payroll-table-wrapper table thead th:not(.allowance-header):not(.deduction-header):not(.reimbursement-header):not(.loan-header):not(.fixed-column):not(.employee-column):not(.group-header):not(.sub-header){background:linear-gradient(135deg,#1e293b,#334155);color:#fff;min-width:140px}.payroll-container .payroll-table-wrapper table thead th.allowance-header:not(.sub-header):not(.group-header){background:linear-gradient(135deg,#065f46,#047857);border-bottom:3px solid #10b981;color:#fff;min-width:160px}.payroll-container .payroll-table-wrapper table thead th.allowance-header:not(.sub-header):not(.group-header) .status-indicator{background-color:#10b98133;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;margin-left:10px;padding:4px 8px}.payroll-container .payroll-table-wrapper table thead th.deduction-header:not(.sub-header):not(.group-header){background:linear-gradient(135deg,#991b1b,#dc2626);border-bottom:3px solid #ef4444;color:#fff;min-width:140px}.payroll-container .payroll-table-wrapper table thead th.deduction-header:not(.sub-header):not(.group-header) .status-indicator{background-color:#ef444433;border-radius:6px;color:#fff;font-size:.7rem;font-weight:600;margin-left:10px;padding:4px 8px}.payroll-container .payroll-table-wrapper table thead th.reimbursement-header{background:#1e40af;border-bottom:3px solid #3b82f6;color:#fff;min-width:160px}.payroll-container .payroll-table-wrapper table thead th.loan-header{background:#c2410c;border-bottom:3px solid #f97316;color:#fff;min-width:140px}.payroll-container .payroll-table-wrapper table tbody tr{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color);transition:all .2s ease}.payroll-container .payroll-table-wrapper table tbody tr td{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;font-size:1rem;font-weight:600;padding:10px;vertical-align:middle}.payroll-container .payroll-table-wrapper table tbody tr td:last-child{border-right:none}.payroll-container .payroll-table-wrapper table tbody tr td:first-child{background-color:#fff;background-color:var(--bg-primary);border-right:3px solid #e2e8f0;color:var(--text-color);font-weight:700;left:0;min-width:200px;position:sticky;transition:all .2s ease;z-index:1}.payroll-container .payroll-table-wrapper table tbody tr td:first-child .disabled-input{background-color:#0000;border:none;color:#1e293b;font-size:.9rem;font-weight:700;padding:10px}.payroll-container .payroll-table-wrapper table tbody tr td .disabled-input,.payroll-container .payroll-table-wrapper table tbody tr td input{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.9rem;font-weight:600;padding:5px;transition:all .2s ease;width:max-content;width:100%}.payroll-container .payroll-table-wrapper table tbody tr td .disabled-input:focus,.payroll-container .payroll-table-wrapper table tbody tr td input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.payroll-container .payroll-table-wrapper table tbody tr td .disabled-input:disabled,.payroll-container .payroll-table-wrapper table tbody tr td input:disabled{background-color:#fff;background-color:var(--bg-primary);border:none;color:#939393}.payroll-container .payroll-table-wrapper table tbody tr td.allowance-cell{background:#f0fdf480}.payroll-container .payroll-table-wrapper table tbody tr td.allowance-cell input{border-color:#10b981;color:#065f46;font-weight:600}.payroll-container .payroll-table-wrapper table tbody tr td.allowance-cell input:focus{border-color:#059669;box-shadow:0 0 0 4px #10b9811a}.payroll-container .payroll-table-wrapper table tbody tr td.deduction-cell{background:#fef2f280}.payroll-container .payroll-table-wrapper table tbody tr td.deduction-cell input{border-color:#ef4444;color:#991b1b;font-weight:600;min-width:100px}.payroll-container .payroll-table-wrapper table tbody tr td.deduction-cell input:focus{border-color:#dc2626;box-shadow:0 0 0 4px #ef44441a}.payroll-container .payroll-table-wrapper table tbody tr td.reimbursement-cell{background:#eff6ff80}.payroll-container .payroll-table-wrapper table tbody tr td.reimbursement-cell input{border-color:#3b82f6;color:#1e40af;font-weight:600}.payroll-container .payroll-table-wrapper table tbody tr td.reimbursement-cell input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #3b82f61a}.payroll-container .payroll-table-wrapper table tbody tr td.loan-cell{background:#fed7aa80}.payroll-container .payroll-table-wrapper table tbody tr td.loan-cell input{border-color:#f97316;color:#c2410c;font-weight:600}.payroll-container .payroll-table-wrapper table tbody tr td.loan-cell input:focus{border-color:#ea580c;box-shadow:0 0 0 4px #f973161a}.payroll-container .status-indicator{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:6px 12px}.payroll-container .status-indicator.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46}.payroll-container .status-indicator.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.payroll-container .status-indicator.error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.payroll-container .status-indicator.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#1e40af}.payroll-container .loading-skeleton{animation:loading 2s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:12px}@media(max-width:1200px){.payroll-container{padding:24px}.payroll-container .display6{font-size:2rem}.payroll-container .month-selection,.payroll-container .payroll-form,.payroll-container .payroll-selection{padding:24px}.payroll-container .payroll-buttons-grid{grid-template-columns:1fr}}@media(max-width:768px){.payroll-container{padding:16px}.payroll-container .display6{font-size:1.75rem}.payroll-container .month-selection,.payroll-container .payroll-form,.payroll-container .payroll-selection{padding:20px}.payroll-container .payroll-table-wrapper{max-height:50vh}}.salary-registry{min-height:100vh}.salary-registry__header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:40px;padding:32px 0;text-align:center}.salary-registry__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#2563eb);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.salary-registry__subtitle{color:#64748b;font-size:1.125rem;font-weight:500;margin:0}.salary-registry__error{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#991b1b;display:flex;font-weight:600;gap:12px;margin-bottom:24px;padding:20px 24px}.salary-registry__error .error-icon{flex-shrink:0;font-size:1.25rem}.salary-registry__actions{flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:24px}.salary-registry__actions .action-btn{font-size:.875rem;font-weight:600;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.salary-registry__actions .action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.salary-registry__actions .action-btn:hover:before{left:100%}.salary-registry__actions .action-btn.primary,.salary-registry__actions .action-btn.secondary{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.salary-registry__actions .action-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.salary-registry__actions .action-btn.secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.salary-registry__actions .action-btn.success{background:#36c76c;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.salary-registry__actions .action-btn.success:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.salary-registry__table-container{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-bottom:32px}.salary-registry__table-container:before{background:linear-gradient(90deg,#fff,#36c76c 50%,#46caeb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.salary-registry .salary-registry__summary{margin-top:32px}.salary-registry .salary-registry__summary .summary-title{color:var(--text-color);font-size:1.75rem;font-weight:700;margin-bottom:24px;text-align:center}.salary-registry .salary-registry__summary .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.salary-registry .salary-registry__summary .stats-grid .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 12px 24px #00000026;color:var(--text-color);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.salary-registry .salary-registry__summary .stats-grid .stat-card:before{content:"";height:4px;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.salary-registry .salary-registry__summary .stats-grid .stat-card:hover{box-shadow:0 16px 32px #0003;transform:translateY(-2px)}.salary-registry .salary-registry__summary .stats-grid .stat-card.total-gross:before{background:linear-gradient(90deg,#36c76c,#85dea6)}.salary-registry .salary-registry__summary .stats-grid .stat-card.total-deductions:before{background:linear-gradient(90deg,#ff6692,#ffccdb)}.salary-registry .salary-registry__summary .stats-grid .stat-card.total-net:before{background:linear-gradient(90deg,#46caeb,#a2e4f5)}.salary-registry .salary-registry__summary .stats-grid .stat-card.total-employer:before{background:linear-gradient(90deg,#f8c20a,#fbdb6d)}.salary-registry .salary-registry__summary .stats-grid .stat-card.total-ctc:before{background:linear-gradient(90deg,#3b82f6,#9dc0fa)}.salary-registry .salary-registry__summary .stats-grid .stat-card.other-allowances:before{background:linear-gradient(90deg,#8b5cf6,#d0bdfb)}.salary-registry .salary-registry__summary .stats-grid .stat-card.total-paid:before{background:linear-gradient(90deg,#10b981,#40efb5)}.salary-registry .salary-registry__summary .stats-grid .stat-card.earned-gross:before{background:linear-gradient(90deg,#36c76c,#85dea6)}.salary-registry .salary-registry__summary .stats-grid .stat-card.earned-net:before{background:linear-gradient(90deg,#46caeb,#a2e4f5)}.salary-registry .salary-registry__summary .stats-grid .stat-card .stat-icon{flex-shrink:0;font-size:2rem;opacity:.8}.salary-registry .salary-registry__summary .stats-grid .stat-card .stat-content{flex:1 1;min-width:0}.salary-registry .salary-registry__summary .stats-grid .stat-card .stat-content h3{color:var(--text-color);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.salary-registry .salary-registry__summary .stats-grid .stat-card .stat-content p{color:var(--text-color);font-size:.85rem;font-weight:500;line-height:1.3;margin:.25rem 0 0;opacity:.8}.salary-registry__empty{background-color:#f8fafc;background-color:var(--bg-secondary);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:64px 24px;text-align:center}.salary-registry__empty .empty-state .empty-icon{display:block;font-size:4rem;margin-bottom:20px;opacity:.7}.salary-registry__empty .empty-state h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:12px}.salary-registry__empty .empty-state p{color:var(--text-color);font-size:1rem;line-height:1.6}.salary-registry .bulk-actions{align-items:center;display:flex;gap:20px;justify-content:center}.payroll-selection{background-color:#f8fafc;background-color:var(--bg-secondary);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:100%;margin-bottom:10px;overflow:hidden;padding:10px;position:relative}.payroll-selection .year-selector{align-items:center;display:flex;flex-direction:column;gap:7px}.payroll-selection .year-selector .year-label{color:#0ea5e9;font-size:1rem;font-weight:600;margin-bottom:2px;-webkit-user-select:none;user-select:none}.payroll-selection .year-selector .year-arrow-controls{align-items:center;display:flex;gap:12px}.payroll-selection .year-selector .year-arrow-controls .year-arrow{align-items:center;background:#f1f5f9;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(186,230,253,.157);color:#38bdf8;cursor:pointer;display:flex;font-size:1.9rem;height:40px;justify-content:center;outline:none;transition:background .2s,color .2s,box-shadow .2s;width:40px}.payroll-selection .year-selector .year-arrow-controls .year-arrow .icon{fill:currentColor;display:block;height:1.3em;width:1.3em}.payroll-selection .year-selector .year-arrow-controls .year-arrow:focus:enabled,.payroll-selection .year-selector .year-arrow-controls .year-arrow:hover:enabled{background:#bae6fd;color:#0284c7}.payroll-selection .year-selector .year-arrow-controls .year-arrow:active{background:#38bdf8;color:#fff}.payroll-selection .year-selector .year-arrow-controls .year-arrow:disabled{cursor:not-allowed;opacity:.5}.payroll-selection .year-selector .year-arrow-controls .year-value{background:#fff;border:1.5px solid #e0e7ef;border-radius:10px;box-shadow:0 1.5px 4px #bae6fd1c;color:#0ea5e9;font-size:1.1rem;font-weight:600;outline:none;padding:3px 0;text-align:center;transition:background .18s;-webkit-user-select:all;user-select:all;width:85px}.payroll-selection .year-selector .year-arrow-controls .year-value:focus{background:#e0f2fe;border-color:#38bdf8}.payroll-selection .heading6{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;position:relative;text-align:center}.payroll-selection .payroll-buttons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:10px}.payroll-selection .payroll-button{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:20px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;gap:20px;min-height:88px;overflow:hidden;padding:10px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.payroll-selection .payroll-button:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.payroll-selection .payroll-button:hover{background:#3b82f6;background:var(--active-color);border-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.payroll-selection .payroll-button:hover:before{left:100%}.payroll-selection .payroll-button:hover .payroll-name{color:#1e293b;color:var(--text-primary)}.payroll-selection .payroll-button:hover .payroll-type-badge{background:#fff3;border-color:#ffffff4d;color:#fff}.payroll-selection .payroll-button.active{background:#3b82f6;background:var(--active-color);border-color:#fff;box-shadow:0 0 0 4px #3b82f633}.payroll-selection .payroll-button.active .payroll-name{color:#fff;font-weight:700}.payroll-selection .payroll-button.active .payroll-type-badge{background:#fff3;border-color:#ffffff4d;color:#fff}.payroll-selection .payroll-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.payroll-selection .payroll-button-content{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.payroll-selection .payroll-button-content .payroll-text{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.payroll-selection .payroll-name{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3;text-align:center}.payroll-selection .payroll-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.05em;padding:8px 16px;transition:all .3s ease}.payroll-selection .payroll-type-badge.auto{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #36c76c;color:#065f46}.payroll-selection .payroll-type-badge.manual{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f8c20a;color:#92400e}.payroll-selection .payroll-type-badge .badge-icon{font-size:.875rem}.payroll-selection .error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#991b1b;font-weight:600;padding:24px;text-align:center}.payroll-selection .loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:20px}.payroll-selection .payroll-selection-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;position:relative;width:100%}.payroll-selection .payroll-selection-header>:first-child{left:50%;position:absolute;transform:translateX(-50%)}.payroll-selection .payroll-selection-header>:last-child{margin-left:auto}.month-selection{border-top:1px solid #e2e8f0}.month-selection .month-cards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);max-height:135px;padding:10px}.month-selection .month-card{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #ccc;border:2px solid var(--border-primary);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:120px;overflow:hidden;padding:10px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.month-selection .month-card:hover{background:#3b82f6;background:var(--active-color);border-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.month-selection .month-card:hover:before{left:100%}.month-selection .month-card.active{background:#3b82f6;background:var(--active-color);border-color:#fff;box-shadow:0 0 0 4px #3b82f633}.month-selection .month-card.active .month-name,.month-selection .month-card.active .month-year{color:#fff}.month-selection .month-card:disabled{cursor:not-allowed;opacity:.5;transform:none}.month-selection .month-emoji{font-size:1.5rem;margin-bottom:8px}.month-selection .month-name{color:var(--text-color);font-size:.9rem;font-weight:600;line-height:1.2}.month-selection .month-year{color:var(--text-color);font-size:.75rem;font-weight:500}.salary-table{background:#fff;border-collapse:collapse;font-size:.9rem}.salary-table td,.salary-table th{border-bottom:1px solid #e2e8f0;padding:10px;text-align:left;vertical-align:middle}.salary-table th{border-bottom:2px solid #cbd5e1;color:#fff;color:var(--text-inverse);font-size:.9rem;font-weight:700;letter-spacing:.05em;position:sticky;top:0;z-index:10}.salary-table tbody tr{transition:all .2s ease}.salary-table tbody tr,.salary-table tbody tr:nth-child(2n):hover{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.salary-table .employee-name{color:#1e293b;color:var(--text-primary);font-weight:600;min-width:150px}.salary-table .currency{color:#1e293b}.salary-table .total-highlight{color:#92400e;font-weight:700}.salary-table .net-pay{background:#a7f3d0;color:#065f46;font-weight:700}.salary-table .reimbursement-cell .table-input{border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.salary-table .reimbursement-cell .table-input:focus{border-color:#fff;box-shadow:0 0 0 3px #3b82f61a;outline:none}.salary-table .editing-row{background:linear-gradient(135deg,#fef3c7,#fef3c780)}.salary-table .editing-row td{border-color:#f8c20a}@media(max-width:1200px){.salary-registry{padding:16px}.salary-registry__title{font-size:2rem}.salary-registry .payroll-selection{padding:24px}.salary-registry .payroll-selection .payroll-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.salary-registry .month-cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(max-width:768px){.salary-registry{padding:12px}.salary-registry__title{font-size:1.75rem}.salary-registry__actions{justify-content:center}.salary-registry .payroll-selection{padding:20px}.salary-registry .payroll-selection .payroll-buttons-grid{grid-template-columns:1fr}.salary-registry .month-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.salary-registry .salary-table{font-size:.75rem}.salary-registry .salary-table td,.salary-registry .salary-table th{padding:10px}.salary-registry .salary-table--compact{font-size:.6875rem}.salary-registry .summary-grid{grid-template-columns:1fr}}.loading-screen{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-screen .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#fff;height:48px;width:48px}.salary-registry__table-container{background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 2px 8px #0000001a;margin:20px 0;max-width:100%;overflow:hidden;overflow-x:auto;position:relative}.salary-table{border-collapse:initial;border-spacing:0;font-size:14px;position:relative;width:100%}.salary-table thead{background:#fff;position:sticky;top:0;z-index:10}.salary-table thead th.fixed-earnings-header{background-color:#99e3b5;color:#154f2b;z-index:10}.salary-table thead th{color:var(--text-color);font-size:1rem;font-weight:800;min-width:80px;padding:0 20px auto;text-align:center;vertical-align:middle;z-index:10}.salary-table thead th,.salary-table thead th:first-child{background:#fff;background:var(--bg-primary);border-bottom:2px solid #dee2e6}.salary-table thead th:first-child{box-shadow:2px 0 4px #0000001a;left:0;min-height:90px;min-width:150px;position:sticky;z-index:15}.salary-table thead .action-column{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color);position:sticky;right:0;z-index:16}.salary-table thead th.earnings-header{background-color:#36c76c;color:#fff;z-index:10}.salary-table thead th.deductions-header{background-color:#ff6692;color:#fff}.salary-table thead th.contributions-header{background-color:#46caeb;color:#fff}.salary-table thead th.neutral-header{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color)}.salary-table tbody tr:nth-child(2n){background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.salary-table tbody tr td{border-bottom:1px solid #dee2e6;font-size:1rem;font-weight:600;text-align:center;vertical-align:middle;white-space:nowrap}.salary-table tbody tr td:first-child{background:#fff;background:var(--bg-primary);border-right:2px solid #dee2e6;box-shadow:2px 0 4px #0000001a;color:var(--text-color);font-weight:600;left:0;min-width:200px;position:sticky;text-align:left;z-index:16}.salary-table tbody tr .fixed-earnings-column{background-color:#e6f5e9;border-left:1px solid #5dd389;color:#155724;font-weight:500}.salary-table tbody tr .fixed-earnings-column:hover{background-color:#ceebd4}.salary-table tbody tr .action-column{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color);position:sticky;right:0;z-index:16}.salary-table .earnings-column{background-color:#d4edda;border-left:1px solid #36c76c;color:#155724;font-weight:500}.salary-table .earnings-column:hover{background-color:#c3e6cb}.salary-table .deductions-column{background-color:#f8d7da;border-left:1px solid #ff6692;color:#721c24;font-weight:600}.salary-table .deductions-column:hover{background-color:#f1aeb5}.salary-table .contributions-column{background-color:#d1ecf1;border-left:1px solid #46caeb;color:#0c5460;font-weight:500}.salary-table .contributions-column:hover{background-color:#bee5eb}.salary-table .neutral-column{background-color:#fff;background-color:var(--bg-primary);color:var(--text-color);font-weight:500}.salary-table .neutral-column:hover{background-color:#dee2e6}@media(max-width:768px){.salary-registry__table-container{border-radius:0;margin:10px -15px}.salary-table{font-size:11px}.salary-table thead th{font-size:.75rem;min-width:60px;padding:8px 4px}.salary-table thead th:nth-child(2){left:50px;min-width:120px}.salary-table tbody td{padding:8px 4px}.salary-table tbody td:nth-child(2){left:50px;min-width:120px}.salary-registry__table-container{border-radius:0;margin:10px -15px}.salary-table{font-size:11px}.salary-table td,.salary-table th{min-width:60px;padding:6px 4px}.salary-table tbody td:nth-child(2){left:50px;max-width:100px}.salary-table thead th:nth-child(2){left:50px}}.table-loading .salary-table tbody tr td{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;color:#0000}.table-input{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:12px;padding:4px 8px;width:100%}.table-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.editing-row{background-color:#fff3cd}.editing-row:hover{background-color:#ffeaa7}.reimbursement-cell{min-width:120px}.salary-registry__summary{margin:20px 0}.salary-registry__summary .summary-card{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:20px}.salary-registry__summary .summary-card h3{color:#495057;font-size:18px;margin:0 0 15px}.salary-registry__summary .summary-card .summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.salary-registry__summary .summary-card .summary-grid .summary-item{border-left:4px solid #dee2e6;border-radius:6px;padding:15px}.salary-registry__summary .summary-card .summary-grid .summary-item.highlight{background-color:#f8f9fa;border-left-color:#007bff}.salary-registry__summary .summary-card .summary-grid .summary-item .summary-label{color:#6c757d;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.salary-registry__summary .summary-card .summary-grid .summary-item .summary-value{display:block;font-size:16px;font-weight:600}.salary-registry__summary .summary-card .summary-grid .summary-item .summary-value.success{color:#28a745}.salary-registry__summary .summary-card .summary-grid .summary-item .summary-value.danger{color:#dc3545}.salary-registry__summary .summary-card .summary-grid .summary-item .summary-value.info{color:#17a2b8}.salary-registry__summary .summary-card .summary-grid .summary-item .summary-value.warning{color:#ffc107}.salary-registry__actions{display:flex;gap:10px;margin:20px 0}.salary-registry__actions .action-btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:10px;transition:all .2s ease}.salary-registry__actions .action-btn.primary{background-color:#36c76c;color:#fff}.salary-registry__actions .action-btn.primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.salary-registry__actions .action-btn.secondary{background-color:#36c76c;color:#fff}.salary-registry__actions .action-btn.secondary:hover{background-color:#545b62}.salary-registry__actions .action-btn.success{background-color:#36c76c;color:#fff}.salary-registry__actions .action-btn.success:hover{background-color:#2b9f56}.colored-checkbox{align-items:center;display:flex;padding:5px}.colored-checkbox label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex!important;margin:0;min-width:max-content}.colored-checkbox label .checkbox-label{margin-top:5px}.colored-checkbox input[type=checkbox]{appearance:none;background-color:#fff;background-color:var(--bg-input);border:1px solid #000;border-radius:4px;color:#1e293b;color:var(--text-primary);cursor:pointer;height:18px;margin-right:6px;position:relative;transition:background-color .2s ease,border-color .2s ease;width:18px}.colored-checkbox input[type=checkbox]:checked{background-color:currentColor;border-color:currentColor}.colored-checkbox input[type=checkbox]:disabled{background-color:#f1f5f9;background-color:var(--bg-disabled);border-color:#e2e8f0;border-color:var(--border-secondary);cursor:not-allowed}.colored-checkbox input[type=checkbox]:before{border:solid #fff;border:solid var(--text-inverse);border-width:0 3px 3px 0;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px}.colored-checkbox input[type=checkbox]:checked:before{opacity:1}.colored-checkbox input[type=checkbox]:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--border-focus);outline-offset:2px}.colored-checkbox .checkbox-label{color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:15px;font-weight:400;margin:0 0 0 20px}.colored-checkbox.blue input[type=checkbox]{color:#3b82f6;color:var(--active-color)}.colored-checkbox.green input[type=checkbox]{color:#36c76c;color:var(--success-color)}.colored-checkbox.red input[type=checkbox]{color:#ff6692;color:var(--danger-color)}.colored-checkbox.yellow input[type=checkbox]{color:#f8c20a;color:var(--warning-color)}.colored-checkbox.purple input[type=checkbox]{color:#46caeb;color:var(--info-color)}.colored-checkbox:hover input[type=checkbox]:not(:disabled){border-color:#cbd5e1;border-color:var(--border-hover);transform:translateY(-2px)}.colored-checkbox:active input[type=checkbox]:not(:disabled){transform:scale(.95)}@media(max-width:768px){.colored-checkbox{padding:8px}.colored-checkbox input[type=checkbox]{height:22px;width:22px}.colored-checkbox .checkbox-label{font-size:13px;margin-left:12px}}.watermark{bottom:30px;opacity:.4;pointer-events:none;position:fixed;right:100px;z-index:1000}.watermark .watermark-prefix{font-size:1rem}.watermark span{color:#1e293b;color:var(--text-primary);font-size:1rem;-webkit-user-select:none;user-select:none}.profile-section-container{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);margin:0 auto;min-height:100vh;padding:0;position:relative}.profile-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.profile-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border:4px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:4px solid #3b82f6;height:40px;margin-bottom:16px;width:40px}.profile-loading p{color:#475569;color:var(--text-secondary);font-size:16px}.profile-header{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;margin:20px;overflow:hidden;position:relative}.profile-header .cover-section{height:200px;overflow:hidden;position:relative}.profile-header .cover-section .cover-image{height:100%;object-fit:cover;width:100%}.profile-header .cover-section .cover-overlay{background:linear-gradient(180deg,#0000001a,#0006);bottom:0;left:0;position:absolute;right:0;top:0}.profile-header .profile-info{align-items:center;display:flex;flex-direction:column;margin-top:-60px;padding:0 32px 32px;position:relative}.profile-header .profile-info .profile-avatar{margin-bottom:16px;position:relative;z-index:2}.profile-header .profile-info .profile-avatar .profile-icon{background:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 32px #00000026;height:120px;object-fit:cover;width:120px}.profile-header .profile-info .profile-details{margin-bottom:24px;text-align:center}.profile-header .profile-info .profile-details .profile-name{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.profile-header .profile-info .profile-details .profile-role{color:#475569;color:var(--text-secondary);font-size:16px;font-weight:500;margin:0 0 20px;text-transform:capitalize}.profile-header .profile-info .profile-details .social-links{display:flex;gap:12px;justify-content:center}.profile-header .profile-info .profile-details .social-links .social-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.profile-header .profile-info .profile-details .social-links .social-btn.twitter{background:#1da1f2;color:#fff}.profile-header .profile-info .profile-details .social-links .social-btn.twitter:hover{background:#0c85d0;transform:translateY(-2px)}.profile-header .profile-info .profile-details .social-links .social-btn.facebook{background:#4267b2;color:#fff}.profile-header .profile-info .profile-details .social-links .social-btn.facebook:hover{background:#34518d;transform:translateY(-2px)}.profile-header .profile-info .profile-details .social-links .social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.profile-header .profile-info .profile-details .social-links .social-btn.instagram:hover{filter:brightness(1.1);transform:translateY(-2px)}.profile-header .profile-info .edit-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:absolute;right:20px;top:-40px;transition:all .3s ease;width:48px}.profile-header .profile-info .edit-btn:hover{background:#0b63f3;transform:scale(1.05)}.profile-content{margin:0 20px 20px}.profile-content .tab-navigation{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:20px;padding:4px}.profile-content .tab-navigation .tab-btn{background:#0000;border:none;border-radius:12px;color:#475569;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;transition:all .3s ease}.profile-content .tab-navigation .tab-btn.active{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.profile-content .tab-navigation .tab-btn:hover:not(.active){background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#1e293b;color:var(--text-primary)}.profile-content .tab-content .info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.profile-content .tab-content .info-grid .info-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px}.profile-content .tab-content .info-grid .info-card h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:12px;position:relative}.profile-content .tab-content .info-grid .info-card h3:after{background:#3b82f6;border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40px}.profile-content .tab-content .info-grid .info-card .info-item{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.profile-content .tab-content .info-grid .info-card .info-item .label{color:#475569;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px}.profile-content .tab-content .info-grid .info-card .info-item .value{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:500;word-break:break-word}.profile-content .tab-content .info-grid .info-card .info-item:last-child{margin-bottom:0}.profile-content .tab-content .info-grid .info-card .authorities-list{display:flex;flex-wrap:wrap;gap:8px}.profile-content .tab-content .info-grid .info-card .authorities-list .authority-tag{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:20px;color:#1e293b;color:var(--text-primary);font-size:12px;font-weight:500;padding:6px 12px;text-transform:capitalize}.profile-content .tab-content .info-grid .info-card .education-list .education-item{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:12px;padding:16px}.profile-content .tab-content .info-grid .info-card .education-list .education-item .education-degree{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.profile-content .tab-content .info-grid .info-card .education-list .education-item .education-institution{color:#475569;color:var(--text-secondary);font-size:14px;margin-bottom:4px}.profile-content .tab-content .info-grid .info-card .education-list .education-item .education-date,.profile-content .tab-content .info-grid .info-card .education-list .education-item .education-percentage{color:#475569;color:var(--text-secondary);font-size:12px;font-weight:500}.profile-content .tab-content .info-grid .info-card .education-list .education-item:last-child{margin-bottom:0}.profile-content .tab-content .info-grid .info-card .no-data{color:#475569;color:var(--text-secondary);font-style:italic;margin:0;padding:20px;text-align:center}@media(max-width:768px){.profile-container{padding:0}.profile-header{border-radius:20px;margin:10px}.profile-header .cover-section{height:150px}.profile-header .profile-info{margin-top:-40px;padding:0 20px 24px}.profile-header .profile-info .profile-avatar .profile-icon{height:80px;width:80px}.profile-header .profile-info .profile-details .profile-name{font-size:22px}.profile-header .profile-info .profile-details .profile-role{font-size:14px}.profile-header .profile-info .profile-details .social-links .social-btn{font-size:16px;height:36px;width:36px}.profile-header .profile-info .edit-btn{font-size:18px;height:40px;right:15px;top:-30px;width:40px}.profile-content{margin:0 10px 10px}.profile-content .tab-navigation .tab-btn{font-size:14px;padding:10px 16px}.profile-content .tab-content .info-grid{gap:16px;grid-template-columns:1fr}.profile-content .tab-content .info-grid .info-card{padding:20px}.profile-content .tab-content .info-grid .info-card h3{font-size:16px}.profile-content .tab-content .info-grid .info-card .info-item .label{font-size:11px}.profile-content .tab-content .info-grid .info-card .info-item .value{font-size:13px}}@media(max-width:480px){.profile-header{border-radius:16px;margin:5px}.profile-header .profile-info{padding:0 16px 20px}.profile-header .profile-info .profile-details .profile-name{font-size:20px}.profile-header .profile-info .profile-details .social-links{gap:8px}.profile-header .profile-info .profile-details .social-links .social-btn{font-size:14px;height:32px;width:32px}.profile-content{margin:0 5px 5px}.profile-content .tab-navigation{padding:3px}.profile-content .tab-navigation .tab-btn{font-size:12px;padding:8px 12px}.profile-content .tab-content .info-grid .info-card{padding:16px}.profile-content .tab-content .info-grid .info-card .education-list .education-item{padding:12px}.profile-content .tab-content .info-grid .info-card .education-list .education-item .education-degree{font-size:14px}}@media(prefers-color-scheme:dark){.profile-content .info-card,.profile-content .tab-navigation,.profile-header{background:#fff;background:var(--bg-primary);border-color:#ffffff1a;border-color:var(--border-color,#ffffff1a)}.profile-content .info-card .authorities-list .authority-tag,.profile-content .info-card .education-list .education-item{background:#f8fafc;background:var(--bg-secondary,#ffffff0d)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.apply-leave-container{box-sizing:border-box}.apply-leave-container .subtitle{color:#a0a0a0;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:400;margin-bottom:2rem;text-align:center}.apply-leave-container .form-section{width:100%}.apply-leave-container form{display:flex;flex-direction:column;gap:2rem}.apply-leave-container .section-label{color:var(--text-color);display:block;font-size:clamp(.9rem,2vw,1.1rem);font-weight:500;margin-bottom:1rem}.apply-leave-container .table-section .leave-balance-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.apply-leave-container .table-section .leave-balance-card{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:16px;color:#1e293b;color:var(--text-primary);cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.apply-leave-container .table-section .leave-balance-card:hover:not(.disabled){border-color:#3b82f6;box-shadow:0 8px 25px #017bfe26;transform:translateY(-2px)}.apply-leave-container .table-section .leave-balance-card.selected{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;color:#fff;transform:translateY(-2px)}.apply-leave-container .table-section .leave-balance-card.selected .stat-label,.apply-leave-container .table-section .leave-balance-card.selected .stat-value,.apply-leave-container .table-section .leave-balance-card.selected .stat-value.remaining,.apply-leave-container .table-section .leave-balance-card.selected .stat-value.used,.apply-leave-container .table-section .leave-balance-card.selected h4{color:#fff}.apply-leave-container .table-section .leave-balance-card.disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.apply-leave-container .table-section .leave-balance-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.apply-leave-container .table-section .leave-balance-card .card-header h4{font-size:1.1rem;margin:0}.apply-leave-container .table-section .leave-balance-card .card-stats{display:flex;justify-content:space-around;margin-bottom:1rem}.apply-leave-container .table-section .leave-balance-card .card-stats .stat-item{text-align:center}.apply-leave-container .table-section .leave-balance-card .card-stats .stat-item .stat-value{font-size:1.5rem;font-weight:600}.apply-leave-container .table-section .leave-balance-card .card-stats .stat-item .stat-value.used{color:#ff6692}.apply-leave-container .table-section .leave-balance-card .card-stats .stat-item .stat-value.remaining{color:#36c76c}.apply-leave-container .table-section .leave-balance-card .card-stats .stat-item .stat-label{color:#6c757d;font-size:.75rem}.apply-leave-container .table-section .leave-balance-card .progress-bar{background-color:#e9ecef;border-radius:3px;height:6px}.apply-leave-container .table-section .leave-balance-card .progress-bar .progress-fill{background-color:#3b82f6;border-radius:3px;height:100%}.apply-leave-container .form-apply-leave-row,.apply-leave-container .form-fields{display:flex;flex-direction:column;gap:1.5rem}.apply-leave-container .form-apply-leave-row{width:100%}.apply-leave-container .apply-leave-duration-container .button-group-apply-leave{display:flex;flex-direction:column;gap:.75rem;width:100%}.apply-leave-container .apply-leave-duration-container .button-group-apply-leave button{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:25px;color:#1e293b;color:var(--text-primary);cursor:pointer;flex-grow:1;padding:.75rem 1rem;transition:all .3s}.apply-leave-container .apply-leave-duration-container .button-group-apply-leave button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.apply-leave-container .form-group{width:100%}.apply-leave-container .form-group label{display:block;margin-bottom:.5rem}.apply-leave-container .form-group input,.apply-leave-container .form-group select,.apply-leave-container .form-group textarea{border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:clamp(.875rem,2vw,1rem);padding:1rem 1.125rem;transition:all .3s;width:100%}.apply-leave-container .form-group input:hover,.apply-leave-container .form-group select:hover,.apply-leave-container .form-group textarea:hover{border-color:#9dc0fa}.apply-leave-container .form-group textarea{min-height:150px}.apply-leave-container .form-group .date-range-container{display:flex;flex-direction:column;gap:1.5rem}.apply-leave-container .form-group .reason-button-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.apply-leave-container .form-group .reason-button-group .reason-button{border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;padding:.75rem 1.125rem;transition:all .3s}.apply-leave-container .form-group .reason-button-group .reason-button:hover{border-color:#3b82f6;color:#3b82f6}.apply-leave-container .button-group{display:flex;justify-content:center;margin-top:1rem}@media(min-width:768px){.apply-leave-container .form-apply-leave-row{align-items:flex-start;flex-direction:row;gap:2rem}.apply-leave-container .form-apply-leave-row>.apply-leave-duration-container,.apply-leave-container .form-apply-leave-row>.form-group{flex:1 1}.apply-leave-container .apply-leave-duration-container .button-group-apply-leave{flex-direction:row}.apply-leave-container .form-group .date-range-container{flex-direction:row;gap:1rem}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes selectionPulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.leave-report-container .filter-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:10px}.leave-report-container .filter-items{align-items:center;display:flex;flex:1 1 200px;gap:.5rem}.leave-report-container .filter-items label{margin-bottom:0;white-space:nowrap}.leave-report-container .leave-report-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.leave-report-container .leave-report-filter-button{background-color:#fff;border:1px solid #ccc;border-radius:30px;cursor:pointer;padding:8px 16px;transition:all .3s}.leave-report-container .leave-report-filter-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.leave-report-container .badge{border-radius:12px;color:#fff;font-size:.9em;padding:.4em .8em}.leave-report-container .badge.badge-requested{background-color:#daf4fb;color:#4ba3be}.leave-report-container .badge.badge-revoke{background-color:#fff9e5;color:#d3b943}.leave-report-container .action-buttons{display:flex;gap:.5rem;justify-content:center}@media(max-width:768px){.leave-report-container .filter-items,.leave-report-container .filter-row{align-items:stretch;flex-direction:column}.leave-report-container .filter-items{max-height:max-content}.leave-report-container .filter-items label{margin-bottom:.5rem}.leave-report-container .leave-report-filter-buttons{justify-content:center}}.leave-toggle-buttons{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:1rem 0}.leave-toggle-buttons .team-leave-role-buttons{display:flex;gap:.75rem}.leave-toggle-buttons .team-leave-role-buttons .team-leave-role-btn{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e2e8f0;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:600;padding:.45rem 1rem;transition:all .25s ease}.leave-toggle-buttons .team-leave-role-buttons .team-leave-role-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.leave-toggle-buttons .team-leave-role-buttons .team-leave-role-btn:hover{border-color:#3b82f6}.leave-toggle-buttons .leave-view-buttons{display:flex;gap:1rem}.leave-toggle-buttons .leave-view-buttons button{background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;padding:10px 20px;transition:all .3s}.leave-toggle-buttons .leave-view-buttons button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.pagination{display:flex;justify-content:end;margin-top:20px}.pagination-ellipsis{color:#6b7280;font-weight:600;padding:0 8px}.pagination-button{background:#fff;border:1px solid #d1d1d1;cursor:pointer;margin:0;padding:8px 12px;transition:background .3s ease}.pagination-button:first-child{border-bottom-left-radius:30px!important;border-top-left-radius:30px!important}.pagination-button:last-child{border-bottom-right-radius:30px!important;border-top-right-radius:30px!important}.pagination-button.disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background:#3b82f6;color:#fff}.pagination-button:hover:not(.active):not(.disabled){background:#f0f0f0}.filters{align-items:start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.filter-item{align-items:center;display:flex;gap:10px;margin-top:-20px}.search-bar{border:1px solid #ccc;border-radius:10px;font-size:14px;outline:none;padding:10px;width:250px}.search-bar:focus{border-color:#007bff}.status-buttons{display:flex;flex-wrap:wrap;gap:10px}.status-button{background-color:#fff;border:1px solid #ccc;border-radius:30px;cursor:pointer;font-size:12px;max-height:40px;padding:10px 20px;transition:background-color .3s ease}.status-button.active,.status-button:hover{background-color:#007bff;color:#fff}.status-button.active{border-color:#007bff}.fallback-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-align:center;transition:all .3s ease;white-space:nowrap}.fallback-status-badge.pending{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.fallback-status-badge.accepted{background-color:#d4edda;border:1px solid #28a745;color:#155724}.fallback-status-badge.rejected{background-color:#f8d7da;border:1px solid #dc3545;color:#721c24}.fallback-status-badge.empty{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.leave-report-container .leave-report-filters{border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px}.leave-report-container .leave-report-filters .filter-select,.leave-report-container .leave-report-filters .input-field{border:1px solid #ddd;border-radius:10px;flex:1 1;min-width:180px;padding:8px}.leave-report-container .leave-report-filters .filter-select,.leave-report-container .leave-report-filters .input-field{margin-right:10px}.leave-report-container .leave-report-filters .filter-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s}.leave-report-container .leave-report-filters .filter-button:hover{background-color:#0056b3}.leave-report-container .leave-report-table{background-color:#fff;border-collapse:collapse;border-radius:30px;box-shadow:0 2px 8px #0000001a;width:100%}.leave-report-container .leave-report-table td,.leave-report-container .leave-report-table th{padding:12px 15px;text-align:left}.leave-report-container .leave-report-table th{color:#000;font-weight:400}.leave-report-container .leave-report-table tbody tr:hover{background-color:#f1f8ff}.leave-report-container .leave-report-table tbody tr td{border-bottom:1px solid #ddd}.leave-report-container .leave-report-table input[type=checkbox]{transform:scale(1.2)}.leave-report-container .leave-report-table .approve-button,.leave-report-container .leave-report-table .reject-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s}.leave-report-container .leave-report-table .approve-button.approve-button,.leave-report-container .leave-report-table .reject-button.approve-button{background-color:#28a745;color:#fff}.leave-report-container .leave-report-table .approve-button.approve-button:hover,.leave-report-container .leave-report-table .reject-button.approve-button:hover{background-color:#218838}.leave-report-container .leave-report-table .approve-button.reject-button,.leave-report-container .leave-report-table .reject-button.reject-button{background-color:#dc3545;color:#fff}.leave-report-container .leave-report-table .approve-button.reject-button:hover,.leave-report-container .leave-report-table .reject-button.reject-button:hover{background-color:#c82333}.leave-report-container .pagination{display:flex;justify-content:right;margin-top:20px}.leave-report-container .pagination .pagination-button{border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:8px 16px}.leave-report-container .pagination .pagination-button.active{background-color:#007bff;border:none;color:#fff}.leave-report-container .pagination .pagination-button:hover{background-color:#f1f1f1}@media(max-width:768px){.leave-report-container{padding:15px}.leave-report-container h1{font-size:20px}.leave-report-container .leave-report-filters{flex-direction:column}.leave-report-container .leave-report-filters .filter-select,.leave-report-container .leave-report-filters .input-field{margin-bottom:10px;width:100%}.leave-report-container .leave-report-filters .filter-button{margin-top:10px;width:100%}.leave-report-container .leave-report-table td,.leave-report-container .leave-report-table th{padding:10px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.team-logs-container .team-logs-title{font-size:24px;text-align:center}.team-logs-container .team-logs-filters,.team-logs-container .team-logs-title{background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);margin-bottom:20px}.team-logs-container .team-logs-filters{border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:0 20px}.team-logs-container .team-logs-filters label{display:flex;flex-direction:column;font-size:14px;font-weight:300;margin-right:8px}.team-logs-container .team-logs-filters select{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:8px;transition:border-color .3s ease;width:200px}.team-logs-container .team-logs-filters select:focus,.team-logs-container .team-logs-filters select:hover{border-color:#007bff}.team-logs-container .team-logs-table-container{background-color:#0000;border-collapse:collapse;width:100%}.team-logs-container .team-logs-table-container .teamlogs-table td,.team-logs-container .team-logs-table-container .teamlogs-table th{font-size:14px;padding:12px;text-align:left}.team-logs-container .team-logs-table-container .teamlogs-table th{border-bottom:2px solid #ddd;color:#000;font-weight:700}.team-logs-container .team-logs-table-container .teamlogs-table tbody tr:nth-child(2n){background-color:#f3f3f3}.team-logs-container .team-logs-table-container .teamlogs-table tbody tr:hover{background-color:#f1f8ff}.team-logs-container .team-logs-table-container .teamlogs-table tbody tr td{border-bottom:1px solid #ddd}.team-logs-container .team-logs-table-container .teamlogs-table input[type=checkbox]{transform:scale(1.2)}.team-logs-container .team-logs-table-container .teamlogs-table .status-card{border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;min-width:60px;padding:6px 12px;text-align:center;text-transform:uppercase;transition:all .2s ease}.team-logs-container .team-logs-table-container .teamlogs-table .status-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.employee-cell{align-items:center;display:flex}.employee-cell .avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.status-card{cursor:default;transition:all .3s ease}.status-card:hover{transform:scale(1.05)}@media(max-width:768px){.team-logs-container{padding:15px}.team-logs-container .team-logs-title{font-size:20px}.team-logs-container .team-logs-filters{flex-direction:column;gap:10px}.team-logs-container .team-logs-filters label,.team-logs-container .team-logs-filters select{margin-bottom:10px;width:100%}.team-logs-container .team-logs-table-container{overflow-x:auto}.team-logs-container .team-logs-table-container .teamlogs-table{min-width:800px}.team-logs-container .team-logs-table-container .teamlogs-table td,.team-logs-container .team-logs-table-container .teamlogs-table th{font-size:12px;padding:8px}.team-logs-container .team-logs-table-container .teamlogs-table .status-card{font-size:10px;min-width:50px;padding:4px 8px}}.status-filter-button{background:#fff;background:var(--bg-primary);border:.1px solid #ccc;border-radius:30px;color:#1e293b;color:var(--text-primary);cursor:pointer;margin-right:8px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.status-filter-button.active{background-color:#007bff;color:#fff}.team-logs-date-filters{align-items:center;display:flex;flex-direction:row;justify-content:center}.team-logs-date-filters label{margin-right:10px}.team-logs-date-filters input{border:.1px solid #ccc;border-radius:10px;padding:10px;transition:border-color .3s ease}.team-logs-date-filters input:focus,.team-logs-date-filters input:hover{border-color:#007bff}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.select-input-field{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.select-input-field label{color:#333;font-size:.875rem;margin-bottom:.5rem}.select-input-field select{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;color:#333;font-size:1rem;padding:12px;width:100%}.select-input-field select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.select-input-field select option{padding:8px}.team-leave-apply-container{color:#0f172a;color:var(--hr-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);min-width:0;padding-bottom:82px;width:100%}.team-leave-apply-container .team-leave-form-section{min-width:0;width:100%}.team-leave-apply-container form{display:flex;flex-direction:column;gap:14px;min-width:0;padding:0;width:100%}.team-leave-apply-container .team-leave-form-content,.team-leave-apply-container .team-leave-form-fields{min-width:0;width:100%}.team-leave-apply-container .team-leave-form-fields{display:flex;flex-direction:column;gap:12px}.team-leave-apply-container .team-leave-form-row,.team-leave-apply-container .team-leave-form-row-select{grid-gap:12px;align-items:start;background:#fff;background:var(--hr-surface);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:12px;border-radius:var(--hr-radius-lg);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--hr-shadow-card);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;padding:14px;width:100%}.team-leave-apply-container .team-leave-form-row-select{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}.team-leave-apply-container .team-leave-form-row--split{grid-template-columns:repeat(2,minmax(0,1fr))}.team-leave-apply-container .team-leave-date-section,.team-leave-apply-container .team-leave-duration-container,.team-leave-apply-container .team-leave-employee-select,.team-leave-apply-container .team-leave-form-group,.team-leave-apply-container .team-leave-type-container{min-width:0}.team-leave-apply-container .team-leave-employee-header{display:flex;flex-direction:column;gap:8px}.team-leave-apply-container .team-leave-role-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:6px;position:static}.team-leave-apply-container .team-leave-role-buttons label{color:#64748b;color:var(--hr-text-3);font-size:12px!important}.team-leave-apply-container .team-leave-role-buttons .team-leave-role-btn{background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);color:#475569;color:var(--hr-text-2);cursor:pointer;font:600 12px/1 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:600 12px/1 var(--hr-font);min-height:30px;padding:0 11px;transition:.12s ease}.team-leave-apply-container .team-leave-role-buttons .team-leave-role-btn:hover{border-color:#2563eb;border-color:var(--hr-primary)}.team-leave-apply-container .team-leave-role-buttons .team-leave-role-btn.active{background:#2563eb;background:var(--hr-primary);border-color:#2563eb;border-color:var(--hr-primary);color:#fff;color:var(--hr-on-primary)}.team-leave-apply-container .select-input-field{display:flex;flex-direction:column;gap:5px;margin:0;width:100%}.team-leave-apply-container .select-input-field label{color:#0f172a;color:var(--hr-text);font-size:13px;font-weight:600;margin:0}.team-leave-apply-container .select-input-field select{background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);box-sizing:border-box;color:#0f172a;color:var(--hr-text);font:13.5px Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:13.5px var(--hr-font);height:40px;height:var(--hr-control-h-lg);min-width:0;padding:0 34px 0 10px;width:100%}.team-leave-apply-container .select-input-field select:focus{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb1f;outline:0}.team-leave-apply-container .team-leave-date-section{display:flex;flex-direction:column;gap:8px}.team-leave-apply-container .team-leave-date-range-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;width:100%}.team-leave-apply-container .team-leave-date-field{min-width:0}.team-leave-apply-container .team-leave-date-field label,.team-leave-apply-container .team-leave-date-field>label{color:#0f172a;color:var(--hr-text);display:block;font-size:13px;font-weight:600;margin:0 0 5px}.team-leave-apply-container .team-leave-date-input{background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);box-sizing:border-box;color:#0f172a;color:var(--hr-text);font:13.5px Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:13.5px var(--hr-font);height:40px;height:var(--hr-control-h-lg);padding:0 10px;width:100%}.team-leave-apply-container .team-leave-date-input:focus{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb1f;outline:0}.team-leave-apply-container .team-leave-fallback-container{margin:0}.team-leave-apply-container .team-leave-date-range-summary,.team-leave-apply-container .team-leave-info-text{background:#a5cbff;background:var(--hr-primary-soft);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:10px;border-radius:var(--hr-radius-md);color:#475569;color:var(--hr-text-2);font-size:12px;margin:0;padding:8px 10px}.team-leave-apply-container .team-leave-date-range-summary p,.team-leave-apply-container .team-leave-info-text p{margin:0}.team-leave-apply-container .team-leave-duration-container h3,.team-leave-apply-container .team-leave-type-container h3{color:#0f172a;color:var(--hr-text);font:600 13px/1.3 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:600 13px/1.3 var(--hr-font);margin:0 0 7px}.team-leave-apply-container .team-leave-button-group{display:flex;flex-wrap:wrap;gap:7px}.team-leave-apply-container .team-leave-button-group button{background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);color:#475569;color:var(--hr-text-2);cursor:pointer;font:600 12.5px/1 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:600 12.5px/1 var(--hr-font);max-width:none;min-height:32px;min-width:0;padding:0 12px;position:relative;text-align:center;transition:.12s ease;white-space:nowrap}.team-leave-apply-container .team-leave-button-group button:before{display:none}.team-leave-apply-container .team-leave-button-group button:hover:not(:disabled){background:#f1f5f9;background:var(--hr-hover);border-color:#2563eb;border-color:var(--hr-primary);box-shadow:none;color:#094afc;color:var(--hr-primary-text);transform:none}.team-leave-apply-container .team-leave-button-group button.active{background:#2563eb;background:var(--hr-primary);border-color:#2563eb;border-color:var(--hr-primary);box-shadow:none;color:#fff;color:var(--hr-on-primary);transform:none}.team-leave-apply-container .team-leave-button-group button.disabled,.team-leave-apply-container .team-leave-button-group button:disabled{background:#f8fafc;background:var(--hr-surface-muted);color:#64748b;color:var(--hr-text-3);cursor:not-allowed;opacity:.55}.team-leave-apply-container .team-leave-reason-container{display:flex;flex-direction:column;gap:6px}.team-leave-apply-container .team-leave-form-group>label{color:#0f172a;color:var(--hr-text);display:block;font-size:13px;font-weight:600;margin:0 0 5px}.team-leave-apply-container .team-leave-reason-container .input-field{margin:0;width:100%}.team-leave-apply-container .team-leave-reason-container .input-field input,.team-leave-apply-container .team-leave-reason-container .input-field textarea{background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);box-sizing:border-box;color:#0f172a;color:var(--hr-text);font:13.5px Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:13.5px var(--hr-font);min-height:40px;min-height:var(--hr-control-h-lg);padding:9px 10px;width:100%}.team-leave-apply-container .team-leave-reason-buttons{display:flex;flex-wrap:wrap;gap:5px;margin:0}.team-leave-apply-container .team-leave-reason-buttons .team-leave-reason-button{background:#f8fafc;background:var(--hr-surface-muted);border:1px solid #e6eaf0;border:1px solid var(--hr-border);border-radius:999px;border-radius:var(--hr-radius-pill);color:#475569;color:var(--hr-text-2);cursor:pointer;font:500 11.5px/1 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:500 11.5px/1 var(--hr-font);min-height:27px;padding:0 9px;transition:.12s ease}.team-leave-apply-container .team-leave-reason-buttons .team-leave-reason-button:hover{background:#a5cbff;background:var(--hr-primary-soft);border-color:#2563eb;border-color:var(--hr-primary);box-shadow:none;color:#094afc;color:var(--hr-primary-text);transform:none}.team-leave-apply-container .team-leave-form-group textarea{background:#fff;background:var(--hr-surface);border:1px solid #d5dbe5;border:1px solid var(--hr-border-strong);border-radius:10px;border-radius:var(--hr-radius-md);box-sizing:border-box;color:#0f172a;color:var(--hr-text);font:13.5px/1.45 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:13.5px/1.45 var(--hr-font);min-height:78px;padding:9px 10px;resize:vertical;width:100%}.team-leave-apply-container .team-leave-form-group textarea:focus{border-color:#2563eb;border-color:var(--hr-primary);box-shadow:0 0 0 3px #2563eb1f;outline:0}.team-leave-apply-container .team-leave-error-text{color:#b91c1c;color:var(--hr-danger-fg);display:block;font-size:12px;margin-top:4px}.team-leave-apply-container .team-leave-error{background:#fee2e2;background:var(--hr-danger-bg);border:1px solid #dc2626;border:1px solid var(--hr-danger-solid);border-radius:10px;border-radius:var(--hr-radius-md);color:#b91c1c;color:var(--hr-danger-fg);font-size:12px;margin:0;padding:10px 14px}.team-leave-apply-container .team-leave-error ul{margin:0;padding-left:18px}.team-leave-apply-container .team-leave-submit-button{align-self:flex-end;background:#2563eb;background:var(--hr-primary);border:1px solid #2563eb;border:1px solid var(--hr-primary);border-radius:999px;border-radius:var(--hr-radius-pill);box-shadow:none;color:#fff;color:var(--hr-on-primary);display:inline-flex;font:600 13px/1 Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font:600 13px/1 var(--hr-font);gap:8px;justify-content:center;margin:0;max-width:none;min-height:36px;min-height:var(--hr-control-h);min-width:120px;padding:0 16px}.team-leave-apply-container .team-leave-submit-button:hover{background:#1d4ed8;background:var(--hr-primary-hover);box-shadow:none;transform:none}@media(max-width:850px){.team-leave-apply-container .team-leave-form-row,.team-leave-apply-container .team-leave-form-row-select{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.team-leave-apply-container form{padding:12px}.team-leave-apply-container .team-leave-date-range-container{grid-template-columns:minmax(0,1fr)}}.mark-team{background:#fff;background:var(--bg-primary);border-radius:20px;color:#1e293b;color:var(--text-primary);width:100%}.mark-team .mark-attendance{display:flex;justify-content:space-between}.mark-team .mark-attendance h1{font-size:24px;margin-bottom:20px}.mark-team .mark-attendance .input-section{flex:.75 1;margin-right:20px;margin-top:20px;max-width:250px}.mark-team .mark-attendance .input-section .form-group{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:1rem;width:100%}.mark-team .mark-attendance .input-section .form-group label{display:block;font-size:1rem;font-weight:700;font-weight:300;margin-bottom:8px}.mark-team .mark-attendance .input-section .form-group input[type=date],.mark-team .mark-attendance .input-section .form-group input[type=text],.mark-team .mark-attendance .input-section .form-group input[type=time]{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);margin-bottom:10px;padding:8px;width:100%}.mark-team .mark-attendance .input-section .date-location-container{display:flex;flex-direction:column;gap:10px}.mark-team .mark-attendance .input-section .date-location-container .date-group,.mark-team .mark-attendance .input-section .date-location-container .location-group{display:flex;flex-direction:column;margin-bottom:10px;width:100%}.mark-team .mark-attendance .input-section .date-location-container .date-group input[type=date],.mark-team .mark-attendance .input-section .date-location-container .date-group select,.mark-team .mark-attendance .input-section .date-location-container .location-group input[type=date],.mark-team .mark-attendance .input-section .date-location-container .location-group select{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:10px;color:#1e293b;color:var(--text-primary);padding:8px}.mark-team .mark-attendance .input-section .time-section{align-items:center;display:flex;flex-direction:column;gap:20px}.mark-team .mark-attendance .input-section .time-section .time-radios{display:flex;gap:1rem}.mark-team .mark-attendance .input-section .time-section .time-radios .time-button{background-color:var(--bg-primary);background-color:#fff;border:1px solid #ccc;border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-weight:500;padding:10px;transition:.2s}.mark-team .mark-attendance .input-section .time-section .time-radios .time-button:hover{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.mark-team .mark-attendance .input-section .time-section .time-radios .time-button.active{background-color:#36c76c;border-color:#4caf50;color:#fff}.mark-team .mark-attendance .input-section .time-section .time-radios .time-button:nth-child(2).active{background-color:#ff6692;border-color:#ff6692}.mark-team .mark-attendance .input-section .time-section .time-input{margin:0}.mark-team .mark-attendance .filter-section{flex:2 1;margin-right:20px}.mark-team .mark-attendance .filter-section .form-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;margin-bottom:10px;padding:10px}.mark-team .mark-attendance .filter-section .form-row input{border:.1px solid #ccc;border-radius:10px;padding:10px;width:30%}@media(max-width:768px){.mark-team .mark-attendance{flex-direction:column}.mark-team .mark-attendance .input-section{margin-right:0;max-width:100%}.mark-team .mark-attendance .date-location-container{flex-direction:column;gap:20px}}.mark-attendance{display:flex;justify-content:space-between}.mark-attendance .filter-section,.mark-attendance .input-section,.mark-attendance .selected-employees{flex:1 1;margin:0 10px}.mark-attendance .submit-button-container{align-items:center;display:flex;justify-content:center;text-align:center}.mark-attendance .bubbles{display:flex;flex-wrap:wrap;gap:10px}.mark-attendance .bubble{align-items:center;background-color:#e0e0e0;border-radius:20px;display:flex;padding:5px 10px}.mark-attendance .remove-button{background:none;border:none;cursor:pointer;font-weight:700;margin-left:5px}.timesheet-container .status-buttons{display:flex;flex-wrap:wrap;gap:10px}.timesheet-container .status-buttons .status-btn{background-color:#fff;border:.1px solid #ccc;border-radius:30px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.timesheet-container .status-buttons .status-btn.active,.timesheet-container .status-buttons .status-btn:hover{background-color:#007bff;color:#fff}@media(max-width:786px){.timesheet-container .status-buttons .status-btn{font-size:12px;padding:8px 16px}}.timesheet-container .timesheet-table{border-radius:10px;border-spacing:0;margin-bottom:20px;overflow:hidden;width:100%}@media(max-width:786px){.timesheet-container .timesheet-table{font-size:12px}}.timesheet-container td,.timesheet-container th{border-bottom:1px solid #eee;padding:12px 15px;text-align:center}@media(max-width:786px){.timesheet-container td,.timesheet-container th{padding:8px 10px}}.timesheet-container th{background-color:#f4f4f4;color:#333}.timesheet-container tr:nth-child(2n){background-color:#f9f9f9}.timesheet-container .pagination{display:flex;justify-content:right;margin-top:20px}.timesheet-container .pagination .pagination-btn{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-right:5px;padding:10px 20px}.timesheet-container .pagination .pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.timesheet-container .pagination .pagination-btn:hover{background-color:#007bff;color:#fff}@media(max-width:786px){.timesheet-container .pagination .pagination-btn{font-size:12px;padding:8px 16px}}.timesheet-container .action-buttons{display:flex;gap:5px;justify-content:center}.timesheet-container .timesheet-controls{display:flex;gap:.5rem}.timesheet-container .control-button{align-items:center;background:#fff;border:.1px solid #ccc;border-radius:20px;color:#000;cursor:pointer;font-size:14px;font-weight:400;gap:8px;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.timesheet-container .control-button:hover{background-color:#3b82f6;color:#fff;transform:translateY(-2px)}.timesheet-container .control-button.active{background:#3b82f6;border-color:#017bfe;box-shadow:0 4px 20px #017bfe4d;color:#fff}.timesheet-container .control-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.timesheet-container .report-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;margin-top:1rem}.timesheet-container .role-toggle-buttons{display:flex;gap:.5rem}.timesheet-container .role-toggle-buttons .role-toggle-btn{background:#fff;border:1px solid #ccc;border-radius:20px;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.timesheet-container .role-toggle-buttons .role-toggle-btn:hover:not(:disabled){background:#3b82f6;background:var(--active-color);color:#fff;transform:translateY(-1px)}.timesheet-container .role-toggle-buttons .role-toggle-btn.active{background:#3b82f6;background:var(--active-color);box-shadow:0 1px 8px #00000026;color:#fff}.timesheet-container .role-toggle-buttons .role-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{background-color:#00000080}.edit-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.edit-modal .modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.edit-modal .modal-header h3{color:#333;font-size:18px;margin:0}.edit-modal .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:background-color .2s;width:30px}.edit-modal .modal-header .close-btn:hover{background-color:#e9ecef;color:#333}.edit-modal .modal-body{padding:20px}.edit-modal .modal-body .timesheet-info{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:20px;padding:15px}.edit-modal .modal-body .timesheet-info p{color:#555;margin:5px 0}.edit-modal .modal-body .work-tasks h4{border-bottom:2px solid #007bff;color:#333;margin-bottom:15px;padding-bottom:5px}.edit-modal .modal-body .work-tasks .task-row{align-items:center;background-color:#fdfdfd;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}@media(max-width:786px){.edit-modal .modal-body .work-tasks .task-row{align-items:flex-start;flex-direction:column;gap:15px}}.edit-modal .modal-body .work-tasks .task-row .task-info{flex:1 1}.edit-modal .modal-body .work-tasks .task-row .task-info label{color:#333;display:block;font-weight:700;margin-bottom:5px}.edit-modal .modal-body .work-tasks .task-row .task-info p{color:#666;font-size:14px;margin:0}.edit-modal .modal-body .work-tasks .task-row .time-inputs{align-items:center;display:flex;gap:15px}@media(max-width:786px){.edit-modal .modal-body .work-tasks .task-row .time-inputs{justify-content:flex-start;width:100%}}.edit-modal .modal-body .work-tasks .task-row .time-inputs .input-group{align-items:center;display:flex;flex-direction:column}.edit-modal .modal-body .work-tasks .task-row .time-inputs .input-group label{color:#666;font-size:12px;font-weight:500;margin-bottom:5px}.edit-modal .modal-body .work-tasks .task-row .time-inputs .input-group .time-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;text-align:center;transition:border-color .2s;width:60px}.edit-modal .modal-body .work-tasks .task-row .time-inputs .input-group .time-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.edit-modal .modal-body .work-tasks .task-row .time-inputs .input-group .time-input:invalid{border-color:#dc3545}.edit-modal .modal-footer{background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.edit-modal .modal-footer .btn{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.edit-modal .modal-footer .btn.btn-cancel{background-color:#ff6692;color:var(--text-color)}.edit-modal .modal-footer .btn.btn-cancel:hover{background-color:#ff336e}.edit-modal .modal-footer .btn.btn-save{background-color:#36c76c;color:var(--text-color)}.edit-modal .modal-footer .btn.btn-save:hover{background-color:#2b9f56}@media(max-width:786px){.edit-modal .modal-footer .btn{flex:1 1;padding:12px}}.team-reimbursement .employee-name-cell{align-items:center;display:flex;gap:12px;padding:4px 0}.team-reimbursement .employee-name-cell .custom-checkbox{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.team-reimbursement .employee-name-cell .custom-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.team-reimbursement .employee-name-cell .custom-checkbox input[type=checkbox]:checked~.checkmark{background:#3b82f6;border-color:#017bfe}.team-reimbursement .employee-name-cell .custom-checkbox input[type=checkbox]:checked~.checkmark:after{display:block}.team-reimbursement .employee-name-cell .custom-checkbox input[type=checkbox]:hover:not(:disabled)~.checkmark{border-color:#017bfe;box-shadow:0 0 0 3px #017bfe1a}.team-reimbursement .employee-name-cell .custom-checkbox .checkmark{background-color:#fff;border:2px solid #cbd5e1;border-radius:4px;height:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:20px}.team-reimbursement .employee-name-cell .custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.team-reimbursement .employee-name-cell .employee-name{color:#1e293b;font-size:14px;font-weight:500}.team-reimbursement .employee-name-cell .employee-name.selectable{cursor:pointer;transition:color .2s ease}.team-reimbursement .employee-name-cell .employee-name.selectable:hover{color:#3b82f6}.team-reimbursement .bulk-actions-bar{align-items:center;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;margin:20px 0;padding:16px 20px;transition:all .3s ease}.team-reimbursement .bulk-actions-bar:hover{box-shadow:0 4px 12px #00000014}.team-reimbursement .bulk-actions-bar .bulk-actions-left{align-items:center;display:flex;gap:16px}.team-reimbursement .bulk-actions-bar .bulk-actions-left .select-all-btn{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.team-reimbursement .bulk-actions-bar .bulk-actions-left .select-all-btn .btn-icon{color:#3b82f6;font-size:18px}.team-reimbursement .bulk-actions-bar .bulk-actions-left .select-all-btn:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #017bfe33;color:#fff;transform:translateY(-1px)}.team-reimbursement .bulk-actions-bar .bulk-actions-left .select-all-btn:hover .btn-icon{color:#fff}.team-reimbursement .bulk-actions-bar .bulk-actions-left .select-all-btn:active{transform:translateY(0)}.team-reimbursement .bulk-actions-bar .bulk-actions-left .selection-count{align-items:center;animation:slideInLeft .3s ease-out;background:#e3f2fd;border-radius:20px;display:flex;gap:8px;padding:6px 14px}.team-reimbursement .bulk-actions-bar .bulk-actions-left .selection-count .count-badge{align-items:center;background:#3b82f6;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 8px}.team-reimbursement .bulk-actions-bar .bulk-actions-left .selection-count .count-text{color:#0d47a1;font-size:13px;font-weight:500}.team-reimbursement .bulk-actions-bar .bulk-actions-right{align-items:center;animation:slideInRight .3s ease-out;display:flex;gap:12px}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn .btn-icon{flex-shrink:0;height:18px;width:18px}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn:hover:before{height:300px;width:300px}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn:hover{transform:translateY(-2px)}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn:active{transform:translateY(0)}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn:disabled:hover{box-shadow:none;transform:none}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn span{position:relative;z-index:1}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn.approve-btn{background:#36c76c;box-shadow:0 4px 12px #36c76c4d;color:#fff}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn.approve-btn:hover{background:#2b9f56;box-shadow:0 6px 20px #36c76c66}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn.reject-btn{background:#ff6692;box-shadow:0 4px 12px #ff66924d;color:#fff}.team-reimbursement .bulk-actions-bar .bulk-actions-right .bulk-action-btn.reject-btn:hover{background:#ff336e;box-shadow:0 6px 20px #ff669266}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.team-reimbursement .reject-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.team-reimbursement .reject-popup{animation:slideUp .3s ease-out;background:#fff;border:1px solid #ccc;border-radius:20px;box-shadow:0 20px 60px #0003,0 8px 24px #00000026;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.team-reimbursement .reject-popup-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 24px 16px}.team-reimbursement .reject-popup-title{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:400;gap:12px;margin:0}.team-reimbursement .reject-popup-icon{align-items:center;background:#ff66921a;border-radius:50%;color:#ff6692;display:inline-flex;font-size:24px;font-style:normal;height:32px;justify-content:center;width:32px}.team-reimbursement .reject-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.team-reimbursement .reject-popup-close:hover:not(:disabled){background:#f1f5f9;color:#1e293b;transform:scale(1.05)}.team-reimbursement .reject-popup-close:disabled{cursor:not-allowed;opacity:.5}.team-reimbursement .reject-popup-form{background-color:#fff;color:#1e293b;display:flex;flex-direction:column;height:100%}.team-reimbursement .reject-popup-content{flex:1 1;padding:24px}.team-reimbursement .reject-popup-message{color:#ff6692;font-size:18px;line-height:1.6;margin:0 0 24px}.team-reimbursement .reject-popup-input-group{margin-bottom:24px}.team-reimbursement .reject-popup-label{color:#1e293b;display:block;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;margin-bottom:8px}.team-reimbursement .reject-popup-label .required{color:#ff6692;margin-left:4px}.team-reimbursement .reject-popup-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-sizing:border-box;color:#1e293b;font-family:Manrope,sans-serif;font-size:14px;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.team-reimbursement .reject-popup-textarea::placeholder{color:#94a3b8}.team-reimbursement .reject-popup-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.team-reimbursement .reject-popup-textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.team-reimbursement .reject-popup-char-count{color:#94a3b8;font-family:Manrope,sans-serif;font-size:12px;margin-top:8px;text-align:right}.team-reimbursement .reject-popup-actions{border-top:1px solid #ccc;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px}.team-reimbursement .reject-popup-button{align-items:center;border:.1px solid #ccc;border-radius:20px;color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;min-width:120px;padding:10px;position:relative;transition:all .2s ease}.team-reimbursement .reject-popup-button.cancel{background:#f8c20a;color:#fff}.team-reimbursement .reject-popup-button.cancel:hover:not(:disabled){background:#c99d06;border-color:#94a3b8;transform:translateY(-1px)}.team-reimbursement .reject-popup-button.reject{background:#ff6692;border-color:#ff6692;color:#fff}.team-reimbursement .reject-popup-button.reject:hover:not(:disabled){background:#ff336e;border-color:#b32a4c}.team-reimbursement .reject-popup-button.reject:active:not(:disabled){transform:translateY(0)}.team-reimbursement .reject-popup-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.team-reimbursement .button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@media(max-width:768px){.team-reimbursement .reject-popup-overlay{padding:16px}.team-reimbursement .reject-popup{border-radius:16px;max-width:100%}.team-reimbursement .reject-popup-header{padding:20px 20px 16px}.team-reimbursement .reject-popup-title{font-size:18px}.team-reimbursement .reject-popup-content{padding:20px}.team-reimbursement .reject-popup-actions{flex-direction:column;padding:16px 20px 20px}.team-reimbursement .reject-popup-actions .reject-popup-button{min-width:0;min-width:auto;width:100%}}.team-reimbursement-stats{display:flex;gap:20px}.team-reimbursement-controls{margin-top:20px}.team-reimbursement-controls .team-reimbursement-togglebutton{align-items:center;background:hwb(0 100% 0);border:.1px solid #ccc;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.team-reimbursement-controls .team-reimbursement-togglebutton.active,.team-reimbursement-controls .team-reimbursement-togglebutton:hover{background-color:#3b82f6;color:#fff}.team-reimbursement-controls .team-reimbursement-togglebutton:disabled{cursor:not-allowed;opacity:.6;transform:none}.team-reimbursement-controls .team-reimbursement-togglebutton:disabled:hover{box-shadow:none;transform:none}.reimbursement-section{background:#fff;background:var(--bg-primary);border-radius:20px;color:#1e293b;color:var(--text-primary);overflow:hidden}.status-badge{font-size:11px}.status-badge.status-requested{background:#fff9e5;border:1px solid #f8c20a;color:#d3b943}.status-badge.status-approved{background:#ebfaf0;border:1px solid #36c76c;color:#2b9b39}.status-badge.status-rejected{background:#ffccdb;border:1px solid #ff6692;color:#b32a4c}.status-badge.status-pending{background:#daf4fb;border:1px solid #46caeb;color:#4ba3be}.status-badge.status-paid{background:#ebfaf0;border:1px solid #36c76c;color:#2b9b39}.status-badge.status-unpaid{background:#ffccdb;border:1px solid #ff6692;color:#b32a4c}.approve-button{background:linear-gradient(135deg,#36c76c,#2b9b39);font-size:11px}.approve-button:hover:not(:disabled){box-shadow:0 4px 15px #36c76c4d;transform:translateY(-1px)}.reject-button{align-items:center;background:linear-gradient(135deg,#ff6692,#b32a4c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;transition:all .3s ease}.reject-button:hover:not(:disabled){box-shadow:0 4px 15px #ff66924d;transform:translateY(-1px)}.reject-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-actions{color:#94a3b8;font-size:12px;font-style:italic}.attachment{padding:5px;width:max-content}.attachment .file-actions{align-items:flex-start;display:flex;flex-direction:row;gap:8px;max-width:max-content}.attachment .file-actions .file-info{align-items:center;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:8px;padding:2px;width:100%}.attachment .file-actions .file-info .file-icon{flex-shrink:0;font-size:16px}.attachment .file-actions .file-info .file-name{color:#495057;cursor:default;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment .file-actions .file-info .file-name:hover{color:#007bff}.attachment .file-actions .file-buttons{align-self:flex-end;display:flex;gap:6px}.attachment .file-actions .file-buttons .file-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.attachment .file-actions .file-buttons .file-action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.attachment .file-actions .file-buttons .file-action-btn:active{transform:translateY(0)}.attachment .file-actions .file-buttons .file-action-btn.view-btn{background-color:#e3f2fd;color:#1976d2}.attachment .file-actions .file-buttons .file-action-btn.view-btn:hover{background-color:#bbdefb}.attachment .file-actions .file-buttons .file-action-btn.download-btn{background-color:#e8f5e8;color:#388e3c}.attachment .file-actions .file-buttons .file-action-btn.download-btn:hover{background-color:#c8e6c8}.attachment .no-file{color:#6c757d;font-size:12px;font-style:italic;padding:8px 0}@media(max-width:1200px){.team-reimbursement{padding:16px}.team-reimbursement-title{font-size:28px}}@media(max-width:768px){.team-reimbursement-header{flex-direction:column;gap:20px;text-align:center}.team-reimbursement-title{font-size:24px}.team-reimbursement-stats{justify-content:center}.action-buttons{flex-direction:column;gap:4px}.approve-button,.reject-button{font-size:10px;padding:6px 12px}.bulk-actions-bar{flex-direction:column;gap:12px;padding:14px 16px}.bulk-actions-bar .bulk-actions-left{align-items:flex-start;flex-direction:column;width:100%}.bulk-actions-bar .bulk-actions-left .select-all-btn,.bulk-actions-bar .bulk-actions-left .selection-count{justify-content:center;width:100%}.bulk-actions-bar .bulk-actions-right{flex-direction:column;width:100%}.bulk-actions-bar .bulk-actions-right .bulk-action-btn{justify-content:center;width:100%}.attachment{max-width:160px;min-width:140px}.attachment .file-actions .file-info{padding:4px 6px}.attachment .file-actions .file-info .file-name{font-size:11px}.attachment .file-actions .file-info .file-icon{font-size:14px}.attachment .file-actions .file-buttons .file-action-btn{font-size:10px;height:24px;width:24px}}@media(max-width:480px){.team-reimbursement{padding:12px}.reimbursement-section .section-header,.team-reimbursement-header{padding:16px}.team-reimbursement-title{font-size:20px}.team-reimbursement-stats{flex-direction:row;gap:12px}.team-reimbursement-stats .stat-card{min-width:100px;padding:12px 16px}.attachment{min-width:120px}.attachment .file-actions .file-buttons{gap:4px}.attachment .file-actions .file-buttons .file-action-btn{height:22px;width:22px}.employee-name-cell{gap:8px}.employee-name-cell .custom-checkbox .checkmark{height:18px;width:18px}.employee-name-cell .custom-checkbox .checkmark:after{height:9px;left:5px;top:1px;width:4px}.employee-name-cell .employee-name{font-size:13px}}.reimbursement-section{animation:fadeIn .6s ease-out}.team-loan-approval .toggle-btn{border:.1px solid gray;border-radius:20px;cursor:pointer;padding:10px 20px;transition:background .3s ease,color .3s ease}.team-loan-approval .toggle-btn.active{background-color:#3b82f6;color:#fff}.team-loan-approval .toggle-btn.inactive{background-color:#fff;background-color:var(--hr-surface);border-color:#d5dbe5;border-color:var(--hr-border-strong);color:#475569;color:var(--hr-text-2)}.team-loan-approval .toggle-btn.inactive:hover{background-color:#f1f5f9;background-color:var(--hr-hover);border-color:#dbeafe;border-color:var(--hr-primary-soft-border);color:#0f172a;color:var(--hr-text)}.team-loan-approval .team-loan-container{margin-top:0}.team-loan-approval .rejection-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.team-loan-approval .rejection-popup{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:500px;min-width:400px;padding:24px}.team-loan-approval .rejection-popup-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 16px}.team-loan-approval .rejection-popup-message{color:#666;font-size:1rem;margin:0 0 16px}.team-loan-approval .rejection-reason-input{border:1px solid #ddd;border-radius:10px;font-family:inherit;font-size:1rem;margin-bottom:20px;padding:12px;resize:vertical;width:100%}.team-loan-approval .rejection-reason-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.team-loan-approval .rejection-reason-input::placeholder{color:#999}.team-loan-approval .rejection-popup-actions{display:flex;gap:12px;justify-content:flex-end}.team-loan-approval .rejection-popup-button{border:none;border-radius:20px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s}.team-loan-approval .rejection-popup-button.cancel{background:#f8c20a;color:#fff}.team-loan-approval .rejection-popup-button.cancel:hover{background:#c99d06}.team-loan-approval .rejection-popup-button.reject{background:#ff6692;color:#fff}.team-loan-approval .rejection-popup-button.reject:hover{background:#ff336e}.team-loan-approval .rejection-popup-button.reject:disabled{background:#ccc;cursor:not-allowed}.payroll-comp{background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);min-height:100vh}.payroll-comp .payroll-selection .payroll-selection-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;position:relative;width:100%}.payroll-comp .payroll-selection .payroll-selection-header>:first-child{left:50%;position:absolute;transform:translateX(-50%)}.payroll-comp .payroll-selection .payroll-selection-header>:last-child{margin-left:auto}.payroll-comp .display6{border-bottom:none;color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;position:relative;text-align:center}.payroll-comp .year-selector{align-items:center;border-radius:20px;box-shadow:0 4px 20px rgba(186,230,253,.267);display:flex;flex-direction:column;gap:7px}.payroll-comp .year-selector .year-label{color:#0ea5e9;font-size:1rem;font-weight:600;margin-bottom:1px;-webkit-user-select:none;user-select:none}.payroll-comp .year-selector .year-arrow-controls{align-items:center;display:flex;gap:12px}.payroll-comp .year-selector .year-arrow-controls .year-arrow{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#38bdf8;cursor:pointer;display:flex;font-size:1.6rem;height:38px;justify-content:center;outline:none;transition:background .2s,color .2s;width:38px}.payroll-comp .year-selector .year-arrow-controls .year-arrow .icon{fill:currentColor;display:block;height:1.15em;width:1.15em}.payroll-comp .year-selector .year-arrow-controls .year-arrow:hover:enabled{background:#bae6fd;color:#0284c7}.payroll-comp .year-selector .year-arrow-controls .year-arrow:active{background:#38bdf8;color:#fff}.payroll-comp .year-selector .year-arrow-controls .year-arrow:disabled{cursor:not-allowed;opacity:.54}.payroll-comp .year-selector .year-arrow-controls .year-value{background:#fff;border:1.4px solid #e0e7ef;border-radius:9px;box-shadow:0 1px 3px rgba(186,230,253,.102);color:#0ea5e9;font-size:1.1rem;font-weight:600;outline:none;padding:3px 0;text-align:center;width:65px}.payroll-comp .year-selector .year-arrow-controls .year-value:focus{background:#e0f2fe;border-color:#38bdf8}.payroll-comp .general-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:20px 0;max-width:100%;overflow:hidden;overflow-x:auto;position:relative}.payroll-comp .general-table-container::-webkit-scrollbar{height:8px}.payroll-comp .general-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.payroll-comp .general-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.payroll-comp .payroll-table{border-collapse:initial;border-spacing:0;font-size:.8rem;position:relative;width:100%}.payroll-comp .payroll-table thead{background:#fff;position:sticky;top:0;z-index:10}.payroll-comp .payroll-table thead th{background:#fff;background:var(--bg-primary);border-bottom:1px solid #dee2e6;color:var(--text-color);font-size:1rem;font-weight:800;letter-spacing:.05em;min-width:140px;padding:10px;text-align:center;vertical-align:middle}.payroll-comp .payroll-table thead th.sticky-first{border-right:2px solid #dee2e6;box-shadow:2px 0 4px #0000001a;left:0;min-width:200px}.payroll-comp .payroll-table thead th.sticky-first,.payroll-comp .payroll-table thead th.sticky-last{background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);position:sticky;z-index:15}.payroll-comp .payroll-table thead th.sticky-last{border-left:2px solid #dee2e6;box-shadow:-2px 0 4px #0000001a;min-width:120px;right:0}.payroll-comp .payroll-table thead th.fixed-earnings-column{background-color:#3b82f6;color:#fff;color:var(--text-inverse)}.payroll-comp .payroll-table thead th.earned-earnings-column{background-color:#46caeb;color:#fff;color:var(--text-inverse)}.payroll-comp .payroll-table thead th.allowance-column{background-color:#36c76c;color:#fff;color:var(--text-inverse)}.payroll-comp .payroll-table thead th.reimbursement-column{background-color:#6f42c1;color:#fff;color:var(--text-inverse)}.payroll-comp .payroll-table thead th.deductions-header{background-color:#ff6692;color:#fff;color:var(--text-inverse)}.payroll-comp .payroll-table thead th.net-pay-column{background-color:#2b9b39;color:#fff;color:var(--text-inverse)}.payroll-comp .payroll-table tbody tr{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);transition:all .2s ease}.payroll-comp .payroll-table tbody tr:hover td.fixed-earnings-column{background:#3b82f61a!important}.payroll-comp .payroll-table tbody tr:hover td.earned-earnings-column{background:#06b6d41a!important}.payroll-comp .payroll-table tbody tr:hover td.allowance-cell{background-color:#10b9811a!important}.payroll-comp .payroll-table tbody tr:hover td.reimbursement-cell{background-color:#8b5cf61a!important}.payroll-comp .payroll-table tbody tr:hover td.deduction-cell{background-color:#f5c6cb}.payroll-comp .payroll-table tbody tr:hover td.net-pay-cell{background-color:#05966926!important}.payroll-comp .payroll-table tbody tr td{border-bottom:1px solid #dee2e6;font-size:1rem;font-weight:600;padding:10px;text-align:center;vertical-align:middle;white-space:nowrap}.payroll-comp .payroll-table tbody tr td.sticky-first{background-color:#fff;background-color:var(--bg-primary);border-right:2px solid #dee2e6;box-shadow:2px 0 4px #0000001a;color:var(--text-color);left:0;position:sticky;z-index:5}.payroll-comp .payroll-table tbody tr td.sticky-last{background-color:#fff;background-color:var(--bg-primary);border-left:2px solid #dee2e6;box-shadow:-2px 0 4px #0000001a;position:sticky;right:0;z-index:5}.payroll-comp .payroll-table tbody tr td.fixed-earnings-column{background:#3b82f60d!important;border-left:3px solid #3b82f64d;color:#3b82f6;font-weight:600}.payroll-comp .payroll-table tbody tr td.earned-earnings-column{background:#06b6d40d!important;border-left:3px solid #06b6d44d;color:#0c4a6e;font-weight:600}.payroll-comp .payroll-table tbody tr td.allowance-cell{background:#10b9810d!important;border-left:1px solid #36c76c;color:#065f46;font-weight:600}.payroll-comp .payroll-table tbody tr td.reimbursement-cell{background:#8b5cf60d!important;border-left:3px solid #8b5cf64d;color:#581c87;font-weight:600}.payroll-comp .payroll-table tbody tr td.deduction-cell{background-color:#f8d7da;border-left:1px solid #ff6692;color:#721c24;font-weight:600}.payroll-comp .payroll-table tbody tr td.net-pay-cell{background:#0596691a!important;color:#047857;font-size:1rem;font-weight:900}.payroll-comp .payroll-table tbody tr td.loss-pay-cell{color:#991b1b;font-weight:700}.payroll-comp .payroll-table tbody tr td.total-deductions-cell{color:#ff6692}.payroll-comp .no-payroll-fallback{background:#fff;background:var(--bg-primary);border:2px dashed #e0e0e0;border-radius:20px;margin:20px 0;padding:60px 20px;text-align:center}.payroll-comp .no-payroll-fallback .fallback-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.payroll-comp .no-payroll-fallback h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:10px}.payroll-comp .no-payroll-fallback p{color:#6c757d;font-size:1rem;margin-bottom:15px}.payroll-comp .no-payroll-fallback .fallback-emoji{font-size:2rem;opacity:.8}.payroll-comp .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.payroll-comp .stats-grid .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-primary);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 12px 24px #00000026;color:var(--text-color);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.payroll-comp .stats-grid .stat-card:before{content:"";height:4px;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease}.payroll-comp .stats-grid .stat-card:hover{box-shadow:0 16px 32px #0003;transform:translateY(-2px)}.payroll-comp .stats-grid .stat-card.total-gross:before{background:linear-gradient(90deg,#36c76c,#85dea6)}.payroll-comp .stats-grid .stat-card.total-deductions:before{background:linear-gradient(90deg,#ff6692,#ffccdb)}.payroll-comp .stats-grid .stat-card.earned-net:before,.payroll-comp .stats-grid .stat-card.total-net:before{background:linear-gradient(90deg,#46caeb,#a2e4f5)}.payroll-comp .stats-grid .stat-card.total-employer:before{background:linear-gradient(90deg,#f8c20a,#fbdb6d)}.payroll-comp .stats-grid .stat-card.total-ctc:before{background:linear-gradient(90deg,#fff,#fff)}.payroll-comp .stats-grid .stat-card.earned-gross:before{background:linear-gradient(90deg,#36c76c,#85dea6)}.payroll-comp .stats-grid .stat-card.total-paid:before{background:linear-gradient(90deg,#f8c20a,#fbdb6d)}.payroll-comp .stats-grid .stat-card .stat-icon{flex-shrink:0;font-size:2rem;opacity:.8}.payroll-comp .stats-grid .stat-card .stat-content{flex:1 1;min-width:0}.payroll-comp .stats-grid .stat-card .stat-content h3{color:var(--text-color);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.payroll-comp .stats-grid .stat-card .stat-content p{color:var(--text-color);font-size:.85rem;font-weight:500;line-height:1.3;margin:.25rem 0 0;opacity:.8}.employee-select-column{align-items:center;display:flex;gap:10px;padding:8px 0}.employee-select-column .employee-info .employee-name{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:4px}.employee-select-column .employee-info .employee-branch{color:#6c757d;font-size:.8rem;font-weight:500}.currency-value{font-size:1rem;font-weight:600}.action-bar{align-items:center;border-radius:20px;bottom:20px;display:flex;justify-content:space-between;margin-top:10px;padding:10px;position:sticky;z-index:100}.action-bar .bulk-actions-buttons{display:flex;gap:10px}.action-bar .bulk-actions-buttons .action-btn{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:10px;transition:all .3s ease}.action-bar .bulk-actions-buttons .action-btn .btn-icon{font-size:1.2rem;font-weight:900}.action-bar .bulk-actions-buttons .action-btn.approve-all{background:#36c76c;color:#fff}.action-bar .bulk-actions-buttons .action-btn.approve-all:hover{background-color:#2b9f56;transform:translateY(-3px)}.action-bar .bulk-actions-buttons .action-btn.approve-all:active{transform:translateY(-1px)}.action-bar .bulk-actions-buttons .action-btn.reject-all{background:#ff6692;color:#fff}.action-bar .bulk-actions-buttons .action-btn.reject-all:hover{background:#ff336e;transform:translateY(-3px)}.action-bar .bulk-actions-buttons .action-btn.reject-all:active{transform:translateY(-1px)}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:40px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-state .empty-icon{display:block;font-size:4rem;margin-bottom:20px}.empty-state h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;margin-bottom:10px}.empty-state p{color:#6c757d;font-size:1rem}.error-state{background:linear-gradient(135deg,#f8d7da,#f1aeb5);border:2px solid #dc3545;border-radius:10px;margin:20px 0;padding:20px;text-align:center}.error-state .error-icon{display:block;font-size:2rem;margin-bottom:10px}.error-state .error-message{color:#721c24;font-size:1.1rem;font-weight:600}@media(max-width:1200px){.payroll-comp{padding:1.5rem}.payroll-comp .display6{font-size:2rem}.payroll-comp .payroll-table{font-size:.8rem}.payroll-comp .payroll-table thead th{font-size:.8rem;min-width:100px;padding:10px 8px}.payroll-comp .payroll-table thead th.sticky-first{min-width:180px}.payroll-comp .payroll-table tbody td{font-size:.8rem;padding:10px 8px}}@media(max-width:768px){.payroll-comp{padding:1rem}.payroll-comp .display6{font-size:1.75rem;margin-bottom:1.5rem}.payroll-comp .payroll-table{font-size:10px}.payroll-comp .payroll-table thead th{font-size:.75rem;min-width:80px;padding:10px 6px}.payroll-comp .payroll-table thead th.sticky-first{min-width:160px}.payroll-comp .payroll-table tbody td{font-size:.8rem;padding:8px 6px}.payroll-comp .action-bar{flex-direction:column;gap:16px;padding:16px}.payroll-comp .action-bar .bulk-actions-buttons{justify-content:center;width:100%}.payroll-comp .action-bar .bulk-actions-buttons .action-btn{flex:1 1;font-size:.9rem;padding:10px 16px}}@media(max-width:480px){.payroll-comp{padding:.5rem}.payroll-comp .display6{font-size:1.5rem}.payroll-comp .general-table-container{border-radius:10px;margin:10px 0}.payroll-comp .payroll-table{font-size:11px}.payroll-comp .payroll-table thead th{font-size:.7rem;min-width:70px;padding:8px 4px}.payroll-comp .payroll-table thead th.sticky-first{min-width:140px}.payroll-comp .payroll-table tbody td{font-size:.75rem;padding:6px 4px}.payroll-comp .employee-select-column{gap:8px}.payroll-comp .employee-select-column .employee-info .employee-name{font-size:.85rem}.payroll-comp .employee-select-column .employee-info .employee-branch{font-size:.7rem}.payroll-comp .action-bar{padding:10px}.payroll-comp .action-bar .selection-summary{flex-direction:column;gap:8px;text-align:center}.payroll-comp .action-bar .selection-summary .selection-text{font-size:1rem}.payroll-comp .action-bar .bulk-actions-buttons .action-btn{font-size:.8rem;padding:10px}}.manage-attendance-container .header-row{align-items:center;display:grid;grid-template-columns:1fr auto}.manage-attendance-container .header-row .display6{margin:0}.manage-attendance-container .view-toggle{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;display:inline-flex;flex-shrink:0;gap:4px;padding:4px}.manage-attendance-container .toggle-item{all:unset;align-items:center;border-radius:999px;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;height:36px;justify-content:center;padding:0 18px;transition:all .2s ease;white-space:nowrap}.manage-attendance-container .toggle-item:hover{background:#e2e8f0}.manage-attendance-container .toggle-item.active{background:#3b82f6;box-shadow:0 4px 12px #3b82f659;color:#fff}.manage-attendance-container .toggle-item:disabled{cursor:not-allowed;opacity:.6}.attendance-toolbar{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #0000000a;display:flex;flex-direction:column;gap:14px;padding:16px 20px}.toolbar-top-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.toolbar-title{align-items:baseline;display:flex;gap:10px}.toolbar-title .display6{font-size:20px;margin:0}.toolbar-title .toolbar-count{color:#64748b;font-size:13px;font-weight:500}.toolbar-filters-row{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.filter-pill{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #cbd5e1;border-radius:999px;color:#475569;display:flex;gap:6px;height:38px;padding:0 12px;transition:border-color .2s ease}.filter-pill svg{color:#64748b;flex-shrink:0}.filter-pill:focus-within{border-color:#3b82f6}.filter-pill input,.filter-pill select{all:unset;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;min-width:0}.filter-pill input[type=text]{cursor:text;width:140px}.filter-pill input[type=date]{cursor:pointer;width:130px}.filter-pill--search{background:#f1f5f9;border-color:#0000}.filter-pill-group{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;display:inline-flex;gap:2px;padding:3px}.filter-pill-btn{all:unset;align-items:center;border-radius:999px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;padding:0 14px;transition:all .2s ease;white-space:nowrap}.filter-pill-btn:hover{background:#e2e8f0}.filter-pill-btn.active{background:#3b82f6;color:#fff}.toolbar-stats-row{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.toolbar-stats-row .stat-card{align-items:flex-start;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:2px;min-width:90px;padding:8px 16px}.toolbar-stats-row .stat-card .stat-value{color:#1e293b;color:var(--text-primary);font-size:17px;font-weight:700;line-height:1.2}.toolbar-stats-row .stat-card .stat-label{color:#64748b;font-size:15px;font-weight:500;line-height:1.2}.text-alert,.toolbar-stats-row .stat-card--alert .stat-value{color:#ff6692}.text-alert{font-weight:600}.manage-attendance-header{align-items:center;background:#3b82f6;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;padding:24px}.manage-attendance-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#000;font-size:32px;font-weight:700;margin:0}.report-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.role-toggle-buttons{display:flex;gap:.5rem}.role-toggle-buttons .role-toggle-btn{border:1px solid #ccc;border-radius:20px;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.role-toggle-buttons .role-toggle-btn:hover:not(:disabled){background:#3b82f6;background:var(--active-color);color:#fff;transform:translateY(-1px)}.role-toggle-buttons .role-toggle-btn.active{background:#3b82f6;background:var(--active-color);box-shadow:0 1px 8px #00000026;color:#fff}.role-toggle-buttons .role-toggle-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.report-header{align-items:flex-start;flex-direction:column}.role-toggle-buttons{justify-content:center;width:100%}.role-toggle-buttons .role-toggle-btn{flex:1 1;min-width:0}}.manage-attendance-controls .control-buttons{display:flex;flex-wrap:wrap;gap:16px}.manage-attendance-controls .control-button{align-items:center;background:#fff;border:.1px solid #ccc;border-radius:20px;color:#000;cursor:pointer;font-size:14px;font-weight:400;gap:8px;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.manage-attendance-controls .control-button:hover{background-color:#3b82f6;color:#fff;transform:translateY(-2px)}.manage-attendance-controls .control-button.active{background:#3b82f6;border-color:#017bfe;box-shadow:0 4px 20px #017bfe4d;color:#fff}.manage-attendance-controls .control-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.manage-attendance-content{margin-bottom:32px}.manage-attendance-content .attendance-section{background:#fff;background:var(--bg-primary);border-radius:20px;color:#1e293b;color:var(--text-primary);overflow:hidden}.manage-attendance-content .attendance-section .section-title{color:#0f172a;font-size:20px;font-weight:700;margin:0}.manage-attendance-content .attendance-section .table-container{overflow-x:auto;padding:0}.action-buttons{align-items:center;display:flex;gap:8px;justify-content:center}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px}.status-badge.status-pending{background:#fff9e5;border:1px solid #f8c20a;color:#d3b943}.status-badge.status-approved,.status-badge.status-present{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.status-badge.status-absent,.status-badge.status-rejected{background:#ffccdb;border:1px solid #ff6692;color:#b32a4c}.status-badge.status-late{color:#ff6692;font-weight:600}.approve-button{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;transition:all .3s ease}.approve-button:hover{box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.approve-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.approve-button:disabled:hover{box-shadow:none;transform:none}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:#fff;background:var(--bg-primary);border-radius:20px;box-shadow:0 20px 60px #0000004d;color:#1e293b;color:var(--text-primary);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#0f172a;font-size:20px;font-weight:700;margin:0}.modal-header .modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-header .modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:24px}.modal-body .employee-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:16px}.modal-body .employee-info p{color:#475569;font-size:14px}.modal-body .employee-info p:last-child{margin-bottom:0}.modal-body .employee-info p strong{color:#0f172a;font-weight:600}.modal-body .time-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.modal-body .time-inputs .time-input-group{display:flex;flex-direction:column;gap:8px}.modal-body .time-inputs .time-input-group label{color:#374151;font-size:14px;font-weight:500}.modal-body .time-inputs .time-input-group input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#0f172a;font-family:Manrope,sans-serif;font-size:16px;padding:12px 16px;transition:all .3s ease}.modal-body .time-inputs .time-input-group input:focus{border-color:#017bfe;box-shadow:0 0 0 3px #017bfe1a;outline:none}.modal-body .time-inputs .time-input-group input::-webkit-inner-spin-button,.modal-body .time-inputs .time-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-body .preview-time{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:2px solid #0ea5e9;border-radius:12px;margin-top:10px;padding:16px}.modal-body .preview-time p{color:#0c4a6e;font-size:16px;margin:0}.modal-body .preview-time p strong{font-weight:600}.modal-footer{border-top:2px solid #e2e8f0;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;padding:24px}.modal-footer .modal-button{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:400;letter-spacing:.5px;padding:10px;transition:all .3s ease}.modal-footer .modal-button--cancel{background:#ff6692;border:2px solid #e2e8f0;color:#fff}.modal-footer .modal-button--cancel:hover{background:#ff336e;transform:translateY(-1px)}.modal-footer .modal-button--approve{background:#3b82f6;color:#fff}.modal-footer .modal-button--approve:hover{background-color:#0b63f3;box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.modal-footer .modal-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-footer .modal-button:disabled:hover{box-shadow:none;transform:none}.manage-attendance-pagination{background:#fff;border-radius:20px;display:flex;justify-content:end;padding:24px}@media(max-width:1200px){.manage-attendance-container{padding:16px}.manage-attendance-title{font-size:28px}.manage-attendance-stats{flex-direction:column;gap:12px}.manage-attendance-stats .stat-card{min-width:100px}}@media(max-width:768px){.manage-attendance-header{flex-direction:column;gap:20px;text-align:center}.manage-attendance-title{font-size:24px}.control-buttons{flex-direction:column}.control-button{justify-content:center;width:100%}.toolbar-top-row{align-items:flex-start;flex-direction:column}.view-toggle{width:100%}.toolbar-stats-row,.view-toggle{justify-content:center}.toolbar-stats-row .stat-card{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;min-width:0}.modal-content{margin:20px;width:95%}.time-inputs{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .modal-button{width:100%}}@media(max-width:480px){.manage-attendance-container{padding:12px}.attendance-section,.attendance-toolbar,.manage-attendance-header,.manage-attendance-pagination{padding:16px}.manage-attendance-title{font-size:20px}.action-buttons{flex-direction:column;gap:4px}}.attendance-section{animation:fadeIn .6s ease-out}.team-container .display6{display:none!important}.team-container .team-page-toolbar-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.team-container .team-page-toolbar-actions>button{border-radius:10px;border-radius:var(--hr-radius-md);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);font-size:12px;font-weight:650;min-height:32px;min-height:var(--hr-control-h-sm);padding:0 10px}.team-container .team-page-toolbar-actions .team-leave-role-buttons{display:inline-flex;gap:5px}.team-container .team-selection-count{color:#64748b;color:var(--hr-text-3);font-size:12px;white-space:nowrap}.file-input-container{display:flex;flex-direction:column;height:100%;width:100%}.file-upload-label{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;padding:4px;width:100%}.file-input{display:none}.file-upload-label:before{align-items:center;border-right:1px solid #ccc;box-sizing:border-box;color:#1e293b;content:"Choose File";display:flex;font-size:12px;height:40px;justify-content:center;margin:0;width:30%}.file-name-container{align-items:center;display:flex;gap:8px;overflow:hidden;padding:0 8px;width:70%}.file-icon{flex-shrink:0;font-size:14px}.file-name{flex:1 1;font-size:x-small;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-button{align-items:center;background:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;gap:2px;padding:4px 8px;transition:all .2s ease}.preview-button:hover{box-shadow:0 2px 4px #007bff4d;transform:translateY(-1px)}.preview-button:active{transform:translateY(0)}.file-upload-label:hover:before{color:var(--text-color)}.upload-instructions{color:#666;margin-left:10px}.file-label{font-size:11px}.error-message{color:#dc3545;font-size:12px;margin-top:4px;padding:0 8px}.modal-overlay{animation:fadeInOverlay .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.file-preview-popup{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border:2px solid #e1e5e9;border-radius:16px;box-shadow:0 20px 40px #0003;left:50%;max-height:80vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1000}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0deg)}}.preview-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #f1f3f4;border-radius:14px 14px 0 0;padding:20px;position:relative}.preview-title{color:#495057;display:block;font-size:16px;font-weight:700;margin-bottom:12px}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:30px;height:50px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease;width:50px}.close-button:hover{background:#6c757d1a;color:#495057;transform:rotate(90deg)}.file-details{display:flex;flex-direction:column;gap:4px}.preview-filename{color:#212529;font-size:14px;font-weight:600;word-break:break-word}.preview-filesize{color:#6c757d;font-size:11px}.preview-content{padding:24px}.image-preview-container{text-align:center}.preview-image{border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 16px #0000001a;margin-bottom:16px;max-height:350px;max-width:100%;object-fit:contain}.image-info p{color:#28a745;font-size:12px;font-weight:600;margin:0}.pdf-preview{text-align:center}.pdf-visual{display:inline-block;margin-bottom:16px;position:relative}.pdf-icon-large{font-size:48px;margin-bottom:8px}.pdf-pages{display:flex;gap:2px;justify-content:center;margin-top:-10px}.pdf-page{background:#fff;border:1px solid #ddd;border-radius:2px;height:24px;position:relative;width:20px}.pdf-page:before{top:2px}.pdf-page:after,.pdf-page:before{background:#ccc;content:"";height:1px;left:2px;position:absolute;right:2px}.pdf-page:after{top:5px}.pdf-info p{font-size:12px;margin:4px 0}.pdf-info p:first-child{color:#212529;font-weight:600}.pdf-info p:nth-child(2){color:#28a745;font-weight:600}.pdf-note{color:#6c757d!important;font-size:10px!important;font-style:italic}.file-preview{text-align:center}.file-visual{display:inline-block;margin-bottom:16px;position:relative}.file-icon-large{font-size:48px;margin-bottom:8px}.file-type-badge{background:#007bff;border-radius:10px;bottom:0;color:#fff;font-size:8px;font-weight:700;padding:2px 6px;position:absolute;right:-5px;transform:translateY(-50%)}.file-info p{font-size:12px;margin:4px 0}.file-info p:first-child{color:#212529;font-weight:600}.file-info p:last-child{color:#28a745;font-weight:600}.profile__form{border:1px solid #ccc;border-radius:20px;margin:0 auto;max-width:100%;overflow:hidden;padding:30px;position:relative}.profile__form,.profile__form .form-container{background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.profile__form .form-container{display:flex;flex-direction:column}.profile__form h2{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.profile__form h2,.profile__form h3{word-wrap:break-word;color:#1e293b;color:var(--text-primary)}.profile__form h3{font-size:22px;font-weight:600;margin-bottom:16px;margin-top:32px}.profile__form p{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:400;line-height:1.6;margin-bottom:32px}.profile__form .form-group{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:32px;width:100%}.profile__form .form-group .input-wrapper,.profile__form .form-group .select-wrapper{display:flex;flex-direction:column;min-width:0}.profile__form .form-group label{color:#1e293b;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.profile__form .form-group input,.profile__form .form-group select,.profile__form .form-group textarea{background-color:#fff;background-color:var(--bg-primary);border:1.5px solid #ccc;border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:15px;font-weight:400;padding:12px 16px;transition:all .2s ease;width:100%}.profile__form .form-group input:focus,.profile__form .form-group select:focus,.profile__form .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.profile__form .form-group input:disabled,.profile__form .form-group select:disabled,.profile__form .form-group textarea:disabled{background-color:#f1f5f9;background-color:var(--bg-disabled,#f5f5f5);border-color:#e6e6e6;color:#94a3b8;color:var(--text-disabled,#999);cursor:not-allowed}.profile__form .form-group input::placeholder,.profile__form .form-group select::placeholder,.profile__form .form-group textarea::placeholder{color:#94a3b8;font-weight:400}.profile__form .form-group textarea{line-height:1.5;max-height:200px;min-height:100px;resize:vertical}.profile__form .form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.profile__form .password-change-section.single-line{background-color:#f8fafc;background-color:var(--bg-secondary,#f8f9fa);border:1px solid #ccc;border-radius:20px;margin:32px 0;padding:32px}.profile__form .password-change-section.single-line .validation-message{background:#ffccdb;border:1px solid #ff669233;border-radius:8px;color:#b32a4c;font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}.profile__form .password-change-section.single-line form{grid-gap:20px;display:grid;flex-wrap:wrap;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:100%}.profile__form .password-change-section.single-line .password-input-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:start}.profile__form .password-change-section.single-line .password-input-wrapper label{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.profile__form .password-change-section.single-line .password-input-wrapper .password-input-container{align-items:center;display:flex;position:relative;width:100%}.profile__form .password-change-section.single-line .password-input-wrapper .password-input-container input{background:#fff;background:var(--bg-primary);border:1.5px solid #ccc;border-radius:20px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:15px;font-weight:400;padding:14px 44px 14px 16px;transition:all .2s ease;width:100%}.profile__form .password-change-section.single-line .password-input-wrapper .password-input-container input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.profile__form .password-change-section.single-line .password-input-wrapper .password-input-container input::placeholder{color:#94a3b8;font-weight:400}.profile__form .password-change-section.single-line .password-input-wrapper .password-input-container .password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;justify-content:center;min-height:32px;min-width:32px;padding:8px;position:absolute;right:12px;top:10px;transition:color .2s ease}.profile__form .password-change-section.single-line .password-input-wrapper .password-input-container .password-toggle-btn:hover{background-color:#3b82f61a;color:#3b82f6}.profile__form .password-change-section.single-line .password-input-wrapper .password-input-container .password-toggle-btn:focus{color:#3b82f6;outline:none}.profile__form .password-change-section.single-line .password-button-container{align-items:flex-end;display:flex;flex-shrink:0;gap:12px}.profile__form .add-qualification,.profile__form .cancel-btn,.profile__form .change-password-btn,.profile__form .edit-btn,.profile__form .submit-btn{align-items:center;border:none;border-radius:20px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.01em;min-height:44px;padding:12px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.profile__form .add-qualification:disabled,.profile__form .cancel-btn:disabled,.profile__form .change-password-btn:disabled,.profile__form .edit-btn:disabled,.profile__form .submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.profile__form .add-qualification.submit-btn,.profile__form .cancel-btn.submit-btn,.profile__form .change-password-btn.submit-btn,.profile__form .edit-btn.submit-btn,.profile__form .submit-btn.submit-btn{background:#36c76c;color:#fff}.profile__form .add-qualification.submit-btn:hover:not(:disabled),.profile__form .cancel-btn.submit-btn:hover:not(:disabled),.profile__form .change-password-btn.submit-btn:hover:not(:disabled),.profile__form .edit-btn.submit-btn:hover:not(:disabled),.profile__form .submit-btn.submit-btn:hover:not(:disabled){background:#2b9b39;box-shadow:0 4px 12px #36c76c4d;transform:translateY(-1px)}.profile__form .add-qualification.cancel-btn,.profile__form .cancel-btn.cancel-btn,.profile__form .change-password-btn.cancel-btn,.profile__form .edit-btn.cancel-btn,.profile__form .submit-btn.cancel-btn{background:#ff6692;color:#fff}.profile__form .add-qualification.cancel-btn:hover:not(:disabled),.profile__form .cancel-btn.cancel-btn:hover:not(:disabled),.profile__form .change-password-btn.cancel-btn:hover:not(:disabled),.profile__form .edit-btn.cancel-btn:hover:not(:disabled),.profile__form .submit-btn.cancel-btn:hover:not(:disabled){background:#b32a4c;box-shadow:0 4px 12px #ff66924d;transform:translateY(-1px)}.profile__form .add-qualification.edit-btn,.profile__form .cancel-btn.edit-btn,.profile__form .change-password-btn.edit-btn,.profile__form .edit-btn.edit-btn,.profile__form .submit-btn.edit-btn{background:#f8c20a;color:#fff}.profile__form .add-qualification.edit-btn:hover:not(:disabled),.profile__form .cancel-btn.edit-btn:hover:not(:disabled),.profile__form .change-password-btn.edit-btn:hover:not(:disabled),.profile__form .edit-btn.edit-btn:hover:not(:disabled),.profile__form .submit-btn.edit-btn:hover:not(:disabled){background:#d3b943;box-shadow:0 4px 12px #f8c20a4d;transform:translateY(-1px)}.profile__form .add-qualification.change-password-btn,.profile__form .cancel-btn.change-password-btn,.profile__form .change-password-btn.change-password-btn,.profile__form .edit-btn.change-password-btn,.profile__form .submit-btn.change-password-btn{background:#46caeb;color:#fff}.profile__form .add-qualification.change-password-btn:hover:not(:disabled),.profile__form .cancel-btn.change-password-btn:hover:not(:disabled),.profile__form .change-password-btn.change-password-btn:hover:not(:disabled),.profile__form .edit-btn.change-password-btn:hover:not(:disabled),.profile__form .submit-btn.change-password-btn:hover:not(:disabled){background:#4ba3be;box-shadow:0 4px 12px #46caeb4d;transform:translateY(-1px)}.profile__form .add-qualification.add-qualification,.profile__form .cancel-btn.add-qualification,.profile__form .change-password-btn.add-qualification,.profile__form .edit-btn.add-qualification,.profile__form .submit-btn.add-qualification{background:#46caeb;color:#fff;margin-bottom:16px}.profile__form .add-qualification.add-qualification:hover:not(:disabled),.profile__form .cancel-btn.add-qualification:hover:not(:disabled),.profile__form .change-password-btn.add-qualification:hover:not(:disabled),.profile__form .edit-btn.add-qualification:hover:not(:disabled),.profile__form .submit-btn.add-qualification:hover:not(:disabled){background:#4ba3be;box-shadow:0 4px 12px #46caeb4d;transform:translateY(-1px)}.validation-message{background:#ffccdb;border:1px solid #ff669233;border-radius:8px;color:#b32a4c;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}.profile-pic-display{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;margin-top:8px}.profile-pic-display .profile-pic-preview{border:3px solid #ccc;border-radius:50%;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:80px;object-fit:cover;transition:all .2s ease;width:80px}.profile-pic-display .profile-pic-preview:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.profile-pic-display .no-profile-pic{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8f9fa);border:2px dashed #ccc;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;height:80px;justify-content:center;text-align:center;width:80px}.view-mode{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px}.view-mode .form-group{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:20px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .2s ease;width:100%}.view-mode .form-group:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.view-mode .form-group p{word-wrap:break-word;color:#1e293b;color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:12px}.view-mode .form-group p strong{color:#1e293b;color:var(--text-primary);display:inline-block;font-weight:600;margin-right:8px;min-width:100px}.view-mode .form-group .form-button{display:flex;justify-content:flex-start;margin-top:16px}.form-container .form-group .input-field{margin-bottom:20px}.form-container .form-group .input-field label{color:#1e293b;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-container .form-group .input-field input,.form-container .form-group .input-field select,.form-container .form-group .input-field textarea{background:#fff;background:var(--bg-primary);border:1.5px solid #ccc;border-radius:10px;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:15px;font-weight:400;padding:14px 16px;transition:all .2s ease;width:100%}.form-container .form-group .input-field input:focus,.form-container .form-group .input-field select:focus,.form-container .form-group .input-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #017bfe1a;outline:none}.form-container .form-group .input-field select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-container .form-group .input-field textarea{line-height:1.5;min-height:100px;resize:vertical}.certification-history .form-section,.profile-form .form-section{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:20px;margin-bottom:10px;padding:10px}.certification-history .form-section>div,.profile-form .form-section>div{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.certification-history .form-section>div:last-child,.profile-form .form-section>div:last-child{grid-template-columns:1fr;justify-items:start}.certification-history .certification-list h3,.profile-form .certification-list h3{border-bottom:2px solid #ccc;color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px;padding-bottom:8px}.certification-history .certification-list .certification-item,.profile-form .certification-list .certification-item{align-items:flex-start;background:#fff;background:var(--bg-primary);border:1px solid #ccc;border-radius:20px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:24px;transition:all .2s ease}.certification-history .certification-list .certification-item:hover,.profile-form .certification-list .certification-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.certification-history .certification-list .certification-item p,.profile-form .certification-list .certification-item p{word-wrap:break-word;color:#1e293b;color:var(--text-primary);flex:1 1;font-size:15px;line-height:1.6;margin:0}.certification-history .certification-list .certification-item p strong,.profile-form .certification-list .certification-item p strong{color:#1e293b;color:var(--text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:4px}.certification-history .certification-list .certification-item .cert-actions,.profile-form .certification-list .certification-item .cert-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.certification-history .certification-list>button,.profile-form .certification-list>button{display:block;margin-left:auto;margin-right:auto;margin-top:16px;max-width:300px;width:100%}.social-links-display{background-color:#fff;background-color:var(--bg-primary);border:1px solid #ccc;border-radius:20px;margin-bottom:32px;padding:32px}.social-links-display h3{border-bottom:2px solid #ccc;color:#1e293b;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px;padding-bottom:8px}.social-links-display p{align-items:center;border-bottom:1px solid #d9d9d9;color:#1e293b;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:15px;gap:12px;justify-content:space-between;line-height:1.5;margin-bottom:16px;padding:12px 0}.social-links-display p:last-of-type{border-bottom:none}.social-links-display p strong{color:#1e293b;color:var(--text-primary);flex-shrink:0;font-weight:600;min-width:100px}.social-links-display p a{color:#3b82f6;flex:1 1;font-weight:500;text-align:right;text-decoration:none;transition:color .2s ease;word-break:break-all}.social-links-display p a:hover{color:#0a59da;text-decoration:underline}.social-links-display p .social-icon{color:#46caeb;flex-shrink:0;font-size:20px}.social-links-display .form-button{display:flex;justify-content:center;margin-top:24px}.social-links-display .form-button button{max-width:200px}.form-section .form-button{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:16px}.form-section .form-button button{flex:1 1;max-width:250px;min-width:120px}.input-field label,.input-wrapper label,.select-wrapper label{color:#1e293b;color:var(--text-primary);display:block;font-size:14px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.input-field textarea,.input-wrapper textarea,.select-wrapper textarea{line-height:1.5;min-height:100px;resize:vertical}.input-field select,.input-wrapper select,.select-wrapper select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}@media(max-width:1024px){.button-container{justify-content:center;margin-bottom:24px;position:static}.view-mode{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.certification-history .form-section>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:768px){.certification-history,.profile-form,.profile__form{border-radius:16px;margin:16px 8px;padding:20px}.certification-history h2,.profile-form h2,.profile__form h2{font-size:24px;text-align:center}.certification-history h3,.profile-form h3,.profile__form h3{font-size:20px;margin-top:24px}.certification-history .form-group,.profile-form .form-group,.profile__form .form-group{gap:20px;grid-template-columns:1fr}.certification-history .button-container,.profile-form .button-container,.profile__form .button-container{flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px;position:static}.certification-history .password-change-section.single-line,.profile-form .password-change-section.single-line,.profile__form .password-change-section.single-line{margin:24px 0;padding:24px}.certification-history .password-change-section.single-line form,.profile-form .password-change-section.single-line form,.profile__form .password-change-section.single-line form{align-items:stretch;flex-direction:column;gap:16px}.certification-history .password-change-section.single-line .password-input-wrapper,.profile-form .password-change-section.single-line .password-input-wrapper,.profile__form .password-change-section.single-line .password-input-wrapper{flex:1 1;min-width:auto}.certification-history .password-change-section.single-line .password-button-container,.profile-form .password-change-section.single-line .password-button-container,.profile__form .password-change-section.single-line .password-button-container{justify-content:center;width:100%}.view-mode{gap:16px;grid-template-columns:1fr}.form-container .form-group{padding:20px}.certification-history .certification-item{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.certification-history .certification-item .cert-actions{flex-direction:row;justify-content:flex-end}.form-section>div{grid-template-columns:1fr}.social-links-display{padding:24px}.social-links-display p{align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.social-links-display p strong{min-width:auto}.social-links-display p a{align-self:stretch;text-align:left}.form-section .form-button{justify-content:center}.form-section .form-button button{max-width:none;width:100%}}@media(max-width:480px){.certification-history,.profile-form,.profile__form{padding:16px}.certification-history h2,.profile-form h2,.profile__form h2{font-size:22px}.certification-history h3,.profile-form h3,.profile__form h3{font-size:18px}.certification-history .button-container,.profile-form .button-container,.profile__form .button-container{align-items:stretch;flex-direction:column;gap:8px}.certification-history .button-container .cancel-btn,.certification-history .button-container .change-password-btn,.certification-history .button-container .edit-btn,.certification-history .button-container .submit-btn,.profile-form .button-container .cancel-btn,.profile-form .button-container .change-password-btn,.profile-form .button-container .edit-btn,.profile-form .button-container .submit-btn,.profile__form .button-container .cancel-btn,.profile__form .button-container .change-password-btn,.profile__form .button-container .edit-btn,.profile__form .button-container .submit-btn{max-width:none;width:100%}.certification-history .certification-item,.certification-history .form-section,.form-container .form-group,.social-links-display,.view-mode .form-group{padding:16px}.certification-history .certification-item .cert-actions{flex-direction:column;gap:8px}.password-change-section.single-line{padding:16px}.password-change-section.single-line .password-button-container{flex-direction:column;gap:8px}.password-change-section.single-line .password-button-container button{width:100%}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:14px 16px}.password-input-container input{font-size:16px;padding:14px 44px 14px 16px}}@media(prefers-reduced-motion:reduce){.certification-history *,.profile__form *,.view-mode *{transition:none!important}.certification-history .certification-item:hover,.view-mode .form-group:hover{transform:none!important}}.add-qualification:focus-visible,.cancel-btn:focus-visible,.change-password-btn:focus-visible,.edit-btn:focus-visible,.submit-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-color-scheme:dark){.password-change-section.single-line{background-color:#f8fafc;background-color:var(--bg-secondary,#ffffff0d)}.certification-history .form-section,.social-links-display,.view-mode .form-group{border-color:#ffffff1a;border-color:var(--border-color,#ffffff1a)}}.account-settings{background-color:#fff;background-color:var(--bg-primary);border-radius:20px;box-shadow:0 4px 12px #0000000d;color:#1e293b;color:var(--text-primary);margin:10px;max-width:100%;overflow:hidden}.account-settings .cover-photo{overflow:hidden;position:relative}.account-settings .cover-photo .cover-image{height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.account-settings .cover-photo .cover-image:hover{transform:scale(1.02)}.account-settings .cover-photo .profile-container{align-items:center;background-color:#3b82f6;background-color:var(--active-color);border:1px solid #0000001a;border:1px solid var(--border-color,#0000001a);border-radius:20px;bottom:-20px;box-shadow:0 6px 20px #00000026;color:#1e293b;color:var(--text-primary);display:flex;gap:20px;left:20px;padding:16px 20px;position:absolute;right:20px;z-index:5}.account-settings .cover-photo .profile-container .profile-image{background-color:#f8fafc;background-color:var(--bg-secondary,#f8f9fa);border:3px solid #fff;border:3px solid var(--bg-primary,#fff);border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:80px;object-fit:cover;width:80px}.account-settings .cover-photo .profile-container .employee-info{flex:1 1;min-width:0}.account-settings .cover-photo .profile-container .employee-info h2{word-wrap:break-word;color:#1e293b;color:var(--text-primary);font-size:1.4rem;font-weight:600;line-height:1.2;margin:0}.account-settings .cover-photo .profile-container .employee-info p{color:#1e293b;color:var(--text-primary);font-size:.95rem;line-height:1.3;margin:4px 0 0;opacity:.8}.account-settings .tabs{background-color:#fff;background-color:var(--bg-primary);border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color,#ccc);border-top:1px solid #ccc;border-top:1px solid var(--border-color,#ccc);color:#1e293b;color:var(--text-primary);display:flex;gap:8px;justify-content:center;margin-top:20px;overflow-x:auto;padding:20px 10px 10px;scrollbar-width:none}.account-settings .tabs::-webkit-scrollbar{display:none}.account-settings .tabs button{background:none;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:1rem;min-width:max-content;padding:12px 18px;position:relative;transition:all .3s ease;white-space:nowrap}.account-settings .tabs button:focus{outline:2px solid #3b82f6;outline-offset:2px}.account-settings .tabs button:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#0000000d);color:#1e293b;color:var(--text-primary)}.account-settings .tabs button.active{background-color:#3b82f61a;background-color:var(--bg-active,#3b82f61a);border-color:#3b82f6;color:#1e293b;color:var(--text-primary);font-weight:600}.account-settings .tabs button:after{background-color:#3b82f64d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.account-settings .tabs button:active:after{height:100px;width:100px}.account-settings .tab-content{background-color:#fff;background-color:var(--bg-primary);border-radius:0 0 20px 20px;color:#1e293b;color:var(--text-primary);min-height:400px;padding:20px}.account-settings .tab-content .profile-form{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:10px}.account-settings .tab-content .profile-form .form-group{display:flex;flex-direction:column;gap:8px}.account-settings .tab-content .profile-form .form-group label{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px}.account-settings .tab-content .profile-form .form-group input,.account-settings .tab-content .profile-form .form-group select,.account-settings .tab-content .profile-form .form-group textarea{background-color:#f8fafc;background-color:var(--bg-secondary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .2s ease}.account-settings .tab-content .profile-form .form-group input:focus,.account-settings .tab-content .profile-form .form-group select:focus,.account-settings .tab-content .profile-form .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.account-settings .tab-content .profile-form .form-group input:hover,.account-settings .tab-content .profile-form .form-group select:hover,.account-settings .tab-content .profile-form .form-group textarea:hover{border-color:#b3b3b3}.account-settings .tab-content .profile-form .form-group textarea{min-height:100px;resize:vertical}.account-settings .tab-content .profile-form .form-actions{border-top:1px solid #ccc;border-top:1px solid var(--border-color,#ccc);display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end;padding-top:20px}.account-settings .tab-content .profile-form .form-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.account-settings .tab-content .profile-form .form-actions .btn.primary{background-color:#3b82f6;color:#fff}.account-settings .tab-content .profile-form .form-actions .btn.primary:hover{background-color:#0b63f3;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.account-settings .tab-content .profile-form .form-actions .btn.secondary{background-color:#f8fafc;background-color:var(--bg-secondary,#f8f9fa);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary)}.account-settings .tab-content .profile-form .form-actions .btn.secondary:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#e9ecef);transform:translateY(-1px)}.account-settings .tab-content .profile-form .form-actions .btn:active{transform:translateY(0)}.account-settings .tab-content.loading{pointer-events:none;position:relative}.account-settings .tab-content.loading:after{align-items:center;background-color:#fffc;border-radius:0 0 20px 20px;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}@media(max-width:1024px){.account-settings{margin:5px}.account-settings .tab-content .profile-form{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.account-settings{border-radius:0;margin:0}.account-settings .cover-photo .cover-image{height:150px}.account-settings .cover-photo .profile-container{bottom:-15px;flex-wrap:wrap;gap:15px;left:15px;padding:12px 16px;right:15px}.account-settings .cover-photo .profile-container .profile-image{border-width:2px;height:70px;width:70px}.account-settings .cover-photo .profile-container .employee-info h2{font-size:1.2rem}.account-settings .cover-photo .profile-container .employee-info p{font-size:.9rem}.account-settings .tabs{gap:4px;justify-content:flex-start;padding:15px 5px 8px}.account-settings .tabs button{font-size:.9rem;min-width:auto;padding:10px 14px}.account-settings .tab-content{padding:20px 15px}.account-settings .tab-content .profile-form{gap:20px;grid-template-columns:1fr}.account-settings .tab-content .profile-form .form-actions{flex-direction:column-reverse}.account-settings .tab-content .profile-form .form-actions .btn{min-width:auto;width:100%}}@media(max-width:480px){.account-settings .cover-photo .cover-image{height:120px}.account-settings .cover-photo .profile-container{bottom:-10px;gap:12px;left:10px;padding:10px 12px;right:10px}.account-settings .cover-photo .profile-container .profile-image{height:60px;width:60px}.account-settings .cover-photo .profile-container .employee-info h2{font-size:1.1rem}.account-settings .cover-photo .profile-container .employee-info p{font-size:.85rem}.account-settings .tabs{padding:12px 5px 6px}.account-settings .tabs button{font-size:.85rem;padding:8px 12px}.account-settings .tab-content{padding:15px 10px}.account-settings .tab-content .profile-form{gap:16px}.account-settings .tab-content .profile-form .form-group label{font-size:.85rem}.account-settings .tab-content .profile-form .form-group input,.account-settings .tab-content .profile-form .form-group select,.account-settings .tab-content .profile-form .form-group textarea{font-size:.95rem;padding:10px 12px}}@media(prefers-color-scheme:dark){.account-settings .cover-photo .profile-container{box-shadow:0 6px 20px #0000004d}.account-settings .tab-content .profile-form .form-group input,.account-settings .tab-content .profile-form .form-group select,.account-settings .tab-content .profile-form .form-group textarea{background-color:#f8fafc;background-color:var(--bg-secondary,#ffffff0d);border-color:#fff3;border-color:var(--border-color,#fff3)}.account-settings .tab-content .profile-form .form-group input:focus,.account-settings .tab-content .profile-form .form-group select:focus,.account-settings .tab-content .profile-form .form-group textarea:focus{background-color:#f8fafc;background-color:var(--bg-secondary,#ffffff14)}}@media(prefers-reduced-motion:reduce){.account-settings .cover-photo .cover-image,.account-settings .tab-content .profile-form .form-actions .btn,.account-settings .tab-content .profile-form .form-group input,.account-settings .tab-content .profile-form .form-group select,.account-settings .tab-content .profile-form .form-group textarea,.account-settings .tabs button{transition:none}.account-settings .tabs button:after{display:none}.account-settings .cover-photo .cover-image:hover,.account-settings .tab-content .profile-form .form-actions .btn:hover{transform:none}}@media(prefers-contrast:high){.account-settings{border:2px solid #1e293b;border:2px solid var(--text-primary)}.account-settings .tabs button{border:1px solid #0000}.account-settings .tabs button:focus{border-color:currentColor}.account-settings .tabs button.active{background-color:#3b82f633;border:1px solid #3b82f6}.account-settings .tab-content .profile-form .form-group input,.account-settings .tab-content .profile-form .form-group select,.account-settings .tab-content .profile-form .form-group textarea{border-width:2px}.account-settings .tab-content .profile-form .form-actions .btn{border:2px solid}}.error-page{align-items:center;display:flex;justify-content:center;min-height:90dvh}.error-page h1{font-size:1rem;font-weight:500;margin-bottom:1rem}.error-page .error-content{flex-direction:column}.bouncing-avatar,.error-page .error-content{align-items:center;display:flex;justify-content:center}.bouncing-avatar{animation:bounce 1s infinite;width:150px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.error-actions button{background-color:#3b82f6;border:.1px solid #ccc;border-radius:20px;color:#fff;margin-right:10px;min-width:100px;padding:10px}.error-actions button:hover{background-color:#fff;color:#3b82f6}
/*!
 * 
 * Super simple WYSIWYG editor v0.9.1
 * https://summernote.org
 *
 * Copyright 2013~ Hackerwins and contributors
 * Summernote may be freely distributed under the MIT license.
 *
 * Date: 2024-10-09T10:28Z
 *
 */.note-frame{border-radius:4px;-ms-box-sizing:border-box;box-sizing:border-box;color:#000;font-family:sans-serif}.note-toolbar{background-color:#f5f5f5;border-bottom:1px solid;border-color:#ddd;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;padding:10px 5px}.note-btn-group{display:inline-block;margin-right:8px;position:relative}.note-btn-group>.note-btn-group{margin-right:0}.note-btn-group>.note-btn:first-child{margin-left:0}.note-btn-group .note-btn+.note-btn,.note-btn-group .note-btn+.note-btn-group,.note-btn-group .note-btn-group+.note-btn,.note-btn-group .note-btn-group+.note-btn-group{margin-left:-1px}.note-btn-group>.note-btn-group:not(:first-child)>.note-btn,.note-btn-group>.note-btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.note-btn-group>.note-btn-group:not(:last-child)>.note-btn,.note-btn-group>.note-btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.note-btn-group.open>.note-dropdown{display:block}.note-btn{background-color:#fff;background-image:none;border:1px solid #dae0e5;border-radius:3px;color:#333;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.4;margin-bottom:0;outline:0;padding:5px 10px;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.note-btn.focus,.note-btn:focus,.note-btn:hover{background-color:#ebebeb;border-color:#dae0e5;color:#333}.note-btn.disabled.focus,.note-btn.disabled:focus,.note-btn[disabled].focus,.note-btn[disabled]:focus,fieldset[disabled] .note-btn.focus,fieldset[disabled] .note-btn:focus{background-color:#fff;border-color:#dae0e5}.note-btn.active,.note-btn.focus,.note-btn:active,.note-btn:focus,.note-btn:hover{background-color:#ebebeb;border:1px solid #dae0e5;border-radius:1px;color:#333;outline:0;text-decoration:none}.note-btn.active,.note-btn:active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn{box-shadow:none;cursor:not-allowed;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);filter:alpha(opacity=65);-webkit-opacity:.65;-khtml-opacity:.65;-moz-opacity:.65;opacity:.65}.note-btn>span.note-icon-caret:first-child{margin-left:-1px}.note-btn>span.note-icon-caret:nth-child(2){margin-right:-5px;padding-left:3px}.note-btn-primary{background:#fa6362;color:#fff}.note-btn-primary.focus,.note-btn-primary:focus,.note-btn-primary:hover{background-color:#fa6362;border:1px solid #dae0e5;border-radius:1px;color:#fff;text-decoration:none}.note-btn-block{display:block;width:100%}.note-btn-block+.note-btn-block{margin-top:5px}input[type=button].note-btn-block,input[type=reset].note-btn-block,input[type=submit].note-btn-block{width:100%}button.close{-webkit-appearance:none;background:#0000;border:0;cursor:pointer;padding:0}.close{color:#000;float:right;font-size:21px;line-height:1;opacity:.2}.close:hover{-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1}.note-dropdown{position:relative}.note-color .dropdown-toggle{padding-left:5px;width:30px}.note-dropdown-menu{background:#fff;background-clip:padding-box;border:1px solid #e2e2e2;box-shadow:0 1px 1px #0000000f;display:none;float:left;left:0;min-width:100px;padding:5px;position:absolute;text-align:left;top:100%;z-index:1000}.note-dropdown-menu>:last-child{margin-right:0}.note-btn-group.open .note-dropdown-menu,.note-dropdown-item{display:block}.note-dropdown-item:hover{background-color:#ebebeb}a.note-dropdown-item,a.note-dropdown-item:hover{color:#000;margin:5px 0;text-decoration:none}.note-modal{bottom:0;display:none;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);left:0;-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1;position:fixed;right:0;top:0;z-index:1050}.note-modal.open{display:block}.note-modal-content{background:#fff;background-clip:initial;border:1px solid #0003;border-radius:5px;box-shadow:0 3px 9px #00000080;margin:30px 20px;outline:0;position:relative;width:auto}.note-modal-header{border:1px solid #ededef;padding:10px 20px}.note-modal-body{padding:20px 30px;position:relative}.note-modal-body kbd{background-color:#000;border-radius:2px;-ms-box-sizing:border-box;box-sizing:border-box;color:#fff;font-weight:700;padding:3px 5px}.note-modal-footer{height:40px;padding:10px;text-align:center}.note-modal-footer a{color:#337ab7;text-decoration:none}.note-modal-footer a:focus,.note-modal-footer a:hover{color:#23527c;text-decoration:underline}.note-modal-footer .note-btn{float:right}.note-modal-title{color:#42515f;font-size:20px;line-height:1.4;margin:0}.note-modal-backdrop{background:#000;bottom:0;display:none;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);left:0;-webkit-opacity:.5;-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;position:fixed;right:0;top:0;z-index:1040}.note-modal-backdrop.open{display:block}@media (min-width:768px){.note-modal-content{margin:30px auto;width:600px}}@media (min-width:992px){.note-modal-content-large{width:900px}}.note-modal .note-help-block{color:#737373;display:block;margin-bottom:10px;margin-top:5px}.note-modal .note-nav{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.note-modal .note-nav-link{-webkit-text-decoration-skip:objects;background-color:initial;color:#007bff;display:block;padding:.5rem 1rem;text-decoration:none}.note-modal .note-nav-link:focus,.note-modal .note-nav-link:hover{color:#0056b3;text-decoration:none}.note-modal .note-nav-link.disabled{color:#868e96}.note-modal .note-nav-tabs{border-bottom:1px solid #ddd}.note-modal .note-nav-tabs .note-nav-item{margin-bottom:-1px}.note-modal .note-nav-tabs .note-nav-link{border:1px solid #0000;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.note-modal .note-nav-tabs .note-nav-link:focus,.note-modal .note-nav-tabs .note-nav-link:hover{border-color:#e9ecef #e9ecef #ddd}.note-modal .note-nav-tabs .note-nav-link.disabled{background-color:initial;border-color:#0000;color:#868e96}.note-modal .note-nav-tabs .note-nav-item.show .note-nav-link{background-color:#fff;border-color:#ddd #ddd #fff;color:#495057}.note-modal .note-tab-content{margin:15px auto}.note-modal .note-tab-content>.note-tab-pane,.note-modal .note-tab-content>.note-tab-pane:target~.note-tab-pane:last-child{display:none}.note-modal .note-tab-content>.note-tab-pane:target,.note-modal .note-tab-content>:last-child{display:block}.note-form-group{padding-bottom:20px}.note-form-group:last-child{padding-bottom:0}.note-form-label{color:#42515f;display:block;font-size:16px;font-weight:700;margin-bottom:10px;width:100%}.note-input{background:#fff;border:1px solid #ededef;-ms-box-sizing:border-box;box-sizing:border-box;display:block;font-size:14px;outline:0;padding:6px 4px;width:100%}.note-input::-webkit-input-placeholder{color:#eee}.note-input:-moz-placeholder,.note-input::-moz-placeholder{color:#eee}.note-input:-ms-input-placeholder{color:#eee}.note-tooltip{display:block;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);font-size:13px;-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;opacity:0;position:absolute;transition:opacity .15s;z-index:1070}.note-tooltip.in{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9}.note-tooltip.top{margin-top:-3px;padding:5px 0}.note-tooltip.right{margin-left:3px;padding:0 5px}.note-tooltip.bottom{margin-top:3px;padding:5px 0}.note-tooltip.left{margin-left:-3px;padding:0 5px}.note-tooltip.bottom .note-tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.note-tooltip.top .note-tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}.note-tooltip.right .note-tooltip-arrow{border-right-color:#000;border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}.note-tooltip.left .note-tooltip-arrow{border-left-color:#000;border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}.note-tooltip-arrow{border-color:#0000;border-style:solid;height:0;position:absolute;width:0}.note-tooltip-content{background-color:#000;color:#fff;font-family:sans-serif;max-width:200px;padding:3px 8px;text-align:center}.note-popover{background:#fff;border:1px solid #ccc;display:block;display:none;font-family:sans-serif;font-size:13px;position:absolute;z-index:1060}.note-popover.in{display:block}.note-popover.top{margin-top:-10px;padding:5px 0}.note-popover.right{margin-left:10px;padding:0 5px}.note-popover.bottom{margin-top:10px;padding:5px 0}.note-popover.left{margin-left:-10px;padding:0 5px}.note-popover.bottom .note-popover-arrow{border-bottom-color:#00000040;border-top-width:0;left:20px;margin-left:-10px;top:-11px}.note-popover.bottom .note-popover-arrow:after{border-bottom-color:#fff;border-top-width:0;content:"\0020";margin-left:-10px;top:1px}.note-popover.top .note-popover-arrow{border-bottom-width:0;border-top-color:#00000040;bottom:-11px;left:20px;margin-left:-10px}.note-popover.top .note-popover-arrow:after{border-bottom-width:0;border-top-color:#fff;bottom:1px;content:"\0020";margin-left:-10px}.note-popover.right .note-popover-arrow{border-left-width:0;border-right-color:#00000040;left:-11px;margin-top:-10px;top:50%}.note-popover.right .note-popover-arrow:after{border-left-width:0;border-right-color:#fff;content:"\0020";left:1px;margin-top:-10px}.note-popover.left .note-popover-arrow{border-left-color:#00000040;border-right-width:0;margin-top:-10px;right:-11px;top:50%}.note-popover.left .note-popover-arrow:after{border-left-color:#fff;border-right-width:0;content:"\0020";margin-top:-10px;right:1px}.note-popover-arrow{border:11px solid #0000;height:0;position:absolute;width:0}.note-popover-arrow:after{border:10px solid #0000;content:"\0020";display:block;height:0;position:absolute;width:0}.note-popover-content{background-color:#fff;color:#000;min-height:30px;min-width:100px;padding:3px 8px;text-align:center}.note-editor .note-editing-area .note-editable table{border-collapse:collapse;width:100%}.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th{border:1px solid #ececec;padding:5px 3px}.note-editor .note-editing-area .note-editable a{background-color:inherit;color:#337ab7;font-family:inherit;font-weight:inherit;text-decoration:inherit}.note-editor .note-editing-area .note-editable a:focus,.note-editor .note-editing-area .note-editable a:hover{color:#23527c;outline:0;text-decoration:underline}.note-editor .note-editing-area .note-editable figure{margin:0}.note-modal .note-modal-body label{display:inline-block;margin-bottom:2px;padding:2px 5px}.note-modal .note-modal-body .help-list-item:hover{background-color:#e0e0e0}.help-list-item label{display:inline-block;margin-bottom:5px}


/*!
 * 
 * Super simple WYSIWYG editor v0.9.1
 * https://summernote.org
 *
 * Copyright 2013~ Hackerwins and contributors
 * Summernote may be freely distributed under the MIT license.
 *
 * Date: 2024-10-09T10:28Z
 *
 */@font-face{font-display:auto;font-family:summernote;font-style:normal;font-weight:400;src:url(/static/media/summernote.5aea53ce2e51f1dc4694.eot?#iefix) format("embedded-opentype"),url(/static/media/summernote.f5bf9564443de5f5237a.woff2) format("woff2"),url(/static/media/summernote.93f401f568b4fc5806b1.woff) format("woff"),url(/static/media/summernote.6587bce42b8e86c39091.ttf) format("truetype")}[class*=" note-icon"]:before,[class^=note-icon]:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none;display:inline-block;font-family:summernote;font-size:inherit;font-style:normal;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle}.note-icon-fw{text-align:center;width:1.25em}.note-icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.note-icon-pull-left{float:left}.note-icon-pull-right{float:right}.note-icon.note-icon-pull-left{margin-right:.3em}.note-icon.note-icon-pull-right{margin-left:.3em}.note-icon-align:before{content:"\ea01"}.note-icon-align-center:before{content:"\ea02"}.note-icon-align-indent:before{content:"\ea03"}.note-icon-align-justify:before{content:"\ea04"}.note-icon-align-left:before{content:"\ea05"}.note-icon-align-outdent:before{content:"\ea06"}.note-icon-align-right:before{content:"\ea07"}.note-icon-arrow-circle-down:before{content:"\ea08"}.note-icon-arrow-circle-left:before{content:"\ea09"}.note-icon-arrow-circle-right:before{content:"\ea0a"}.note-icon-arrow-circle-up:before{content:"\ea0b"}.note-icon-arrows-alt:before{content:"\ea0c"}.note-icon-arrows-h:before{content:"\ea0d"}.note-icon-arrows-v:before{content:"\ea0e"}.note-icon-bold:before{content:"\ea0f"}.note-icon-caret:before{content:"\ea10"}.note-icon-chain-broken:before{content:"\ea11"}.note-icon-circle:before{content:"\ea12"}.note-icon-close:before{content:"\ea13"}.note-icon-code:before{content:"\ea14"}.note-icon-col-after:before{content:"\ea15"}.note-icon-col-before:before{content:"\ea16"}.note-icon-col-remove:before{content:"\ea17"}.note-icon-eraser:before{content:"\ea18"}.note-icon-float-left:before{content:"\ea19"}.note-icon-float-none:before{content:"\ea1a"}.note-icon-float-right:before{content:"\ea1b"}.note-icon-font:before{content:"\ea1c"}.note-icon-frame:before{content:"\ea1d"}.note-icon-italic:before{content:"\ea1e"}.note-icon-link:before{content:"\ea1f"}.note-icon-magic:before{content:"\ea20"}.note-icon-menu-check:before{content:"\ea21"}.note-icon-minus:before{content:"\ea22"}.note-icon-orderedlist:before{content:"\ea23"}.note-icon-pencil:before{content:"\ea24"}.note-icon-picture:before{content:"\ea25"}.note-icon-question:before{content:"\ea26"}.note-icon-redo:before{content:"\ea27"}.note-icon-rollback:before{content:"\ea28"}.note-icon-row-above:before{content:"\ea29"}.note-icon-row-below:before{content:"\ea2a"}.note-icon-row-remove:before{content:"\ea2b"}.note-icon-special-character:before{content:"\ea2c"}.note-icon-square:before{content:"\ea2d"}.note-icon-strikethrough:before{content:"\ea2e"}.note-icon-subscript:before{content:"\ea2f"}.note-icon-summernote:before{content:"\ea30"}.note-icon-superscript:before{content:"\ea31"}.note-icon-table:before{content:"\ea32"}.note-icon-text-height:before{content:"\ea33"}.note-icon-trash:before{content:"\ea34"}.note-icon-underline:before{content:"\ea35"}.note-icon-undo:before{content:"\ea36"}.note-icon-unorderedlist:before{content:"\ea37"}.note-icon-video:before{content:"\ea38"}.note-editor{position:relative}.note-editor .note-dropzone{background-color:#fff;color:#87cefa;display:none;opacity:.95;position:absolute;z-index:100}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:700;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-airframe,.note-editor.note-frame{border:1px solid rgba(0,0,0,.196)}.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable{word-wrap:break-word;overflow:auto;padding:10px}.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]{background-color:hsla(0,0%,50%,.114)}.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{background-color:#222;border:none;border-radius:0;box-shadow:none;-ms-box-sizing:border-box;box-sizing:border-box;color:#ccc;display:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;margin-bottom:0;outline:none;padding:10px;resize:none;width:100%}.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen{left:0;position:fixed;top:0;width:100%!important;z-index:1050}.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output{border:0;border-top:1px solid #e2e2e2;color:#000;display:block;font-size:14px;height:20px;line-height:1.42857143;margin-bottom:0;width:100%}.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty{border-top:0 solid #0000;height:0}.note-editor.note-airframe .note-status-output .pull-right,.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert{background-color:#f5f5f5;border-radius:0;color:#000;margin:-7px 0 0;padding:7px 10px 2px}.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success{background-color:#dff0d8!important;color:#3c763d!important}.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info{background-color:#d9edf7!important;color:#31708f!important}.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning{background-color:#fcf8e3!important;color:#8a6d3b!important}.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger{background-color:#f2dede!important;color:#a94442!important}.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar{background-color:hsla(0,0%,50%,.114);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid rgba(0,0,0,.196)}.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar{cursor:ns-resize;height:9px;padding-top:1px;width:100%}.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{border-top:1px solid rgba(0,0,0,.196);margin:1px auto;width:20px}.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative}.note-editor .note-toolbar,.note-popover .popover-content{margin:0;padding:0 0 5px 5px}.note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin-left:0;margin-right:5px;margin-top:5px}.note-editor .note-toolbar .note-btn-group .note-table,.note-popover .popover-content .note-btn-group .note-table{min-width:0;padding:5px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{cursor:pointer;height:10em;position:absolute!important;width:10em;z-index:3}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;height:5em;position:relative!important;width:5em;z-index:1}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;height:1em;position:absolute!important;width:1em;z-index:2}.note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre,.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-editor .note-toolbar .note-style .dropdown-style h1,.note-editor .note-toolbar .note-style .dropdown-style h2,.note-editor .note-toolbar .note-style .dropdown-style h3,.note-editor .note-toolbar .note-style .dropdown-style h4,.note-editor .note-toolbar .note-style .dropdown-style h5,.note-editor .note-toolbar .note-style .dropdown-style h6,.note-editor .note-toolbar .note-style .dropdown-style p,.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p{margin:0;padding:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{min-width:337px}.note-editor .note-toolbar .note-color .dropdown-toggle,.note-popover .popover-content .note-color .dropdown-toggle{padding-left:5px;width:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{border-bottom:1px solid #eee;font-size:12px;margin:2px 7px;text-align:center}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{border-radius:5px;cursor:pointer;font-size:11px;margin:3px;padding:0 3px;width:100%}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu{min-width:228px;padding:5px}.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,.note-popover .popover-content .note-para .note-dropdown-menu>div+div{margin-left:5px}.note-editor .note-toolbar .note-dropdown-menu,.note-popover .popover-content .note-dropdown-menu{min-width:160px}.note-editor .note-toolbar .note-dropdown-menu.right,.note-popover .popover-content .note-dropdown-menu.right{left:auto;right:0}.note-editor .note-toolbar .note-dropdown-menu.right:before,.note-popover .popover-content .note-dropdown-menu.right:before{left:auto!important;right:9px}.note-editor .note-toolbar .note-dropdown-menu.right:after,.note-popover .popover-content .note-dropdown-menu.right:after{left:auto!important;right:10px}.note-editor .note-toolbar .note-dropdown-menu.note-check a i,.note-popover .popover-content .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,.note-popover .popover-content .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-editor .note-toolbar .note-fontsize-10,.note-popover .popover-content .note-fontsize-10{font-size:10px}.note-editor .note-toolbar .note-color-palette,.note-popover .popover-content .note-color-palette{line-height:1}.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{border:0;border-radius:0;height:20px;margin:0;padding:0;width:20px}.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,.note-popover .popover-content .note-color-palette div .note-color-btn:hover{transform:scale(1.2);transition:all .2s}.note-modal .modal-dialog{border-radius:5px;box-shadow:0 3px 9px #00000080;outline:0}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{border:4px dashed #d3d3d3;color:#d3d3d3;font-size:30px;line-height:4;margin-bottom:10px;min-height:100px;text-align:center}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.note-placeholder{color:gray;display:none;position:absolute}.note-handle .note-control-selection{border:1px solid #000;display:none;position:absolute}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30);height:100%;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;width:100%}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing{border:1px solid #000;height:7px;width:7px}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{border-bottom:none;border-right:none;left:-5px;top:-5px}.note-handle .note-control-selection .note-control-ne{border-bottom:none;border-left:none;right:-5px;top:-5px}.note-handle .note-control-selection .note-control-sw{border-right:none;border-top:none;bottom:-5px;left:-5px}.note-handle .note-control-selection .note-control-se{bottom:-5px;cursor:se-resize;right:-5px}.note-handle .note-control-selection .note-control-se.note-control-holder{border-left:none;border-top:none;cursor:default}.note-handle .note-control-selection .note-control-selection-info{background-color:#000;border-radius:5px;bottom:0;color:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);font-size:12px;margin:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;padding:5px;right:0}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;overflow:auto;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{background-color:#428bca;clear:both;color:#fff;cursor:pointer;display:block;font-weight:400;line-height:1.4;outline:0;text-decoration:none;white-space:nowrap}body .note-fullscreen-body,html .note-fullscreen-body{overflow:hidden!important}.note-editable ol li,.note-editable ul li{list-style-position:inside}.note-toolbar{background:hsla(0,0%,50%,.114)}.note-btn-group .note-btn{border-color:rgba(0,0,0,.196);font-size:13px;padding:.28rem .65rem}.template-content{background:#fff;background:var(--bg-primary);border-radius:12px;max-width:100%;padding:20px;position:relative}.template-content .eventform-header .back-button{align-items:center;background-color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:20px;padding:5px;position:absolute;top:20px;transition:all .3s ease}.template-content .eventform-header .back-button:hover{transform:translateY(-1px)}.template-content .eventform-header .back-button:focus{box-shadow:0 0 0 2px #3b82f64d;outline:none}.template-content .eventform-header .back-button:active{transform:translateY(0)}.template-content .template-form{display:flex;flex-direction:column}.template-content .template-form .form-grid{grid-gap:25px;border-radius:12px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);padding:25px}@media(max-width:900px){.template-content .template-form .form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.template-content .template-form .form-grid{grid-template-columns:1fr;margin:0 10px 20px;padding:20px}}.template-content .template-form .form-group{display:flex;flex-direction:column;height:100%;margin:0;min-height:75px;width:100%}.template-content .template-form .form-group label{font-size:12px;font-weight:400;letter-spacing:.5px}.template-content .template-form .form-group input,.template-content .template-form .form-group select,.template-content .template-form .form-group textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;color:#000;font-size:14px;height:100%;padding:8px 14px;transition:all .3s ease;width:100%}.template-content .template-form .form-group input:focus,.template-content .template-form .form-group select:focus,.template-content .template-form .form-group textarea:focus{background-color:#fdfdfd;border-color:#3b82f6;box-shadow:0 0 8px #3b82f633;outline:none}.template-content .template-form .form-group input:hover,.template-content .template-form .form-group select:hover,.template-content .template-form .form-group textarea:hover{border-color:#9dc0fa}.template-content .template-form .form-group textarea{font-family:inherit;min-height:60px;resize:vertical}.template-content .template-form .form-group .react-select-container .react-select__control{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease}.template-content .template-form .form-group .react-select-container .react-select__control .react-select__value-container{height:40px}.template-content .template-form .form-group .react-select-container .react-select__control:hover{border-color:#9dc0fa}.template-content .template-form .form-group .react-select-container .react-select__control--is-focused{border-color:#3b82f6;box-shadow:0 0 8px #3b82f633}.template-content .template-form .form-group .react-select-container .react-select__control .react-select__input-container{font-size:12px}.template-content .template-form .form-group .react-select-container .react-select__menu{border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026}.template-content .template-form .form-group .react-select-container .react-select__option--is-focused{background-color:#fefeff}.template-content .template-form .form-group .react-select-container .react-select__option--is-selected{background-color:#3b82f6}.template-content .template-form .form-group .react-select-container .react-select__multi-value{background-color:#e6effe;border-radius:6px;margin:2px}.template-content .template-form .form-group .react-select-container .react-select__multi-value .react-select__multi-value__label{color:#094fc2;font-weight:500}.template-content .template-form .form-group .react-select-container .react-select__multi-value .react-select__multi-value__remove{color:#0b63f3}.template-content .template-form .form-group .react-select-container .react-select__multi-value .react-select__multi-value__remove:hover{background-color:#3b82f6;color:#fff}.template-content .template-form .form-with-placeholders{align-items:flex-start;display:flex;gap:25px;justify-content:space-evenly}@media(max-width:768px){.template-content .template-form .form-with-placeholders{flex-direction:column;gap:20px;margin:0 10px}}.template-content .template-form .form-with-placeholders .form-containter{background-color:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:0 0 70%;padding:25px}@media(max-width:768px){.template-content .template-form .form-with-placeholders .form-containter{flex:1 1;padding:20px;width:100%}}.template-content .template-form .form-with-placeholders .form-containter .form-group{margin-bottom:10px}.template-content .template-form .form-with-placeholders .form-containter .form-group label{color:#2c3e50;display:block;font-size:12px;font-weight:400;letter-spacing:.5px;margin-bottom:8px}.template-content .template-form .form-with-placeholders .form-containter .form-group input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;margin:0;min-height:44px;transition:all .3s ease}.template-content .template-form .form-with-placeholders .form-containter .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f633}.template-content .template-form .form-with-placeholders .form-containter textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.template-content .template-form .form-with-placeholders .form-containter textarea:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f633}.template-content .template-form .form-with-placeholders .shared-placeholders-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #0000001a;flex:0 0 25%;max-height:80vh;overflow-y:auto;padding:20px;position:sticky;top:20px}@media(max-width:768px){.template-content .template-form .form-with-placeholders .shared-placeholders-section{flex:1 1;max-height:none;position:static;width:100%}}.template-content .template-form .form-with-placeholders .shared-placeholders-section h4{border-bottom:2px solid #3b82f6;color:#2c3e50;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 16px;padding-bottom:8px;text-align:center}.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-buttons-shared{display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-buttons-shared{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-buttons-shared .placeholder-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#0b63f3);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;min-height:36px;overflow:hidden;padding:10px 12px;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-buttons-shared .placeholder-btn:hover:not(:disabled){background:linear-gradient(135deg,#2372f5,#0a59da);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-buttons-shared .placeholder-btn:active:not(:disabled){transform:translateY(0)}.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-buttons-shared .placeholder-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.6}.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-buttons-shared .placeholder-btn:focus{box-shadow:0 0 8px #3b82f666;outline:none}.template-content .template-form .form-with-placeholders .shared-placeholders-section .placeholder-hint{color:#6c757d;font-size:11px;font-style:italic;line-height:1.4;margin:12px 0 0;text-align:center}.template-content .template-form .quill-editor label{color:#2c3e50;display:block;font-size:12px;font-weight:400;letter-spacing:.5px;margin-bottom:8px}.template-content .template-form .quill-editor .quill .ql-toolbar{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px 8px 0 0}.template-content .template-form .quill-editor .quill .ql-container{background-color:#fff;border:2px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;min-height:150px}.template-content .template-form .quill-editor .quill .ql-container .ql-editor{font-size:14px;line-height:1.6}.template-content .template-form .quill-editor .quill .ql-container .ql-editor:focus{outline:none}.template-content .template-form .quill-editor .quill:focus-within .ql-container,.template-content .template-form .quill-editor .quill:focus-within .ql-toolbar{border-color:#3b82f6}.template-content .template-form .form-time-group{align-items:center;border-radius:12px;display:flex;flex-direction:row;gap:25px;justify-content:center;margin-top:10px;padding:20px}@media(max-width:768px){.template-content .template-form .form-time-group{flex-direction:column;gap:15px}}.template-content .template-form .form-time-group .radio-group{border-radius:8px;display:flex;flex-direction:row;gap:10px}.template-content .template-form .form-time-group .radio-group label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;transition:color .3s ease}.template-content .template-form .form-time-group .radio-group label:hover{color:#3b82f6}.template-content .template-form .form-time-group .radio-group label input[type=radio]{accent-color:#3b82f6;height:18px;margin:0;width:18px}.template-content .template-form .form-time-group .form-group{background-color:#fff;border-radius:8px;margin-bottom:0;min-width:150px;padding:15px}.template-content .template-form .form-time-group .form-group label{color:#2c3e50;font-size:12px;font-weight:600;margin-bottom:8px}.template-content .template-form .form-time-group .form-group input{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:8px 12px}.template-content .template-form .form-time-group .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 4px #3b82f633}.template-content .template-form .form-time-group .cron-preview{background-color:#fff;border-left:4px solid #3b82f6;border-radius:6px;color:#094fc2;font-size:12px;margin-top:10px;padding:8px 12px}.template-content .template-form .submit-button{background-color:#36c76c;border:none;border-radius:20px;box-shadow:0 4px 12px #36c76c40;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.025em;line-height:1.2;margin:8px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-content .template-form .submit-button:hover{background-color:#2b9f56;box-shadow:0 8px 24px #36c76c59;transform:translateY(-2px)}.template-content .template-form .submit-button:active{transform:translateY(-1px)}.toggle-button{background-color:#ccc;border:1px solid #ccc;border-radius:30px;cursor:pointer;display:flex;height:30px;justify-content:center;margin-bottom:0;position:relative;transition:background-color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none;width:75px}.toggle-button:hover{background-color:#e6e6e6}.toggle-button input{height:0;opacity:0;width:0}.toggle-button__slider{background-color:#ccc;border-radius:30px;height:100%;position:relative;transition:background-color .4s ease,transform .4s ease;width:100%}.toggle-button__slider:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:28px;left:1px;position:absolute;top:0;transition:transform .4s ease,background-color .4s ease;width:28px}.toggle-button__label{color:#1e293b;font-size:10px;font-weight:400;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .4s ease}.toggle-button__label--on{color:#fff;left:5px;opacity:0}.toggle-button__label--off{opacity:1;right:3px}input:checked+.toggle-button__slider{background-color:#36c76c}input:checked+.toggle-button__slider:before{transform:translateX(45px)}@media(max-width:768px){input:checked+.toggle-button__slider:before{transform:translateX(35px)}}input:checked+.toggle-button__slider .toggle-button__label--on{opacity:1}input:checked+.toggle-button__slider .toggle-button__label--off{opacity:0}.toggle-button--disabled .toggle-button__slider{background-color:#ccc}.toggle-button--disabled .toggle-button__slider:before{background-color:#b3b3b3}@media(max-width:768px){.toggle-button{height:28px;width:65px}.toggle-button__slider:before{height:24px;transform:translateX(30px);width:24px}.toggle-button__label{font-size:9px}}@media(max-width:480px){.toggle-button{height:25px;width:60px}.toggle-button__slider:before{height:22px;width:22px}.toggle-button__label{font-size:8px}}.email-automation-container{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #e2e8f0;border:.1px solid var(--border-secondary);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#1e293b;color:var(--text-primary);max-width:100%;min-height:90dvh;overflow-x:hidden;padding:10px;position:relative}.email-automation-container .modules-tabs{display:flex;gap:16px;padding-bottom:20px;position:relative}.email-automation-container .top-right-button{background-color:#36c76c;border:.1px solid #ccc;border:.1px solid var(--border-primary);border-radius:20px;box-shadow:0 4px 12px #36c76c40;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.025em;line-height:1.2;margin:8px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.email-automation-container .top-right-button:hover{background-color:#2b9f56;box-shadow:0 8px 24px #36c76c59;transform:translateY(-2px)}.email-automation-container .top-right-button:active{transform:translateY(-1px)}.module-tab{align-items:center;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:400;justify-content:center;letter-spacing:.025em;min-width:140px;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.module-tab:hover{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;box-shadow:0 8px 24px #3b82f640;color:#fff;color:var(--text-inverse);font-weight:600;transform:translateY(-2px)}.module-tab:hover:before{left:100%}.module-tab.active{background-color:#3b82f6;background-color:var(--active-color);border-color:#3b82f6;box-shadow:0 6px 20px #3b82f64d;color:#fff;color:var(--text-inverse);font-weight:600;transform:translateY(-1px)}.templates-tabs{display:flex;gap:8px;margin-bottom:20px}.template-tab{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.025em;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-tab:hover{box-shadow:0 4px 12px #3b82f633;transform:translateY(-1px)}.template-tab.active,.template-tab:hover{background:linear-gradient(135deg,#3b82f6,#629bf8);border-color:#3b82f6;color:#fff}.template-tab.active{box-shadow:0 4px 16px #3b82f640}.email-automation-content{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 6px 24px #0000000f;margin:20px 0;padding:32px}.tables-container{display:flex;flex-direction:column;gap:32px}.settings-icon{background:#fff;border-radius:12px;color:#1e293b;cursor:pointer;position:absolute;right:10px;top:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-icon:hover{color:#3b82f6;color:var(--active-color);transform:rotate(90deg)}@media(max-width:768px){.email-automation-container{margin-top:16px;padding:16px}.modules-tabs{flex-direction:column;gap:8px}.module-tab{justify-content:center;min-width:100%}.table-wrapper{padding:16px}.table-email-automation{font-size:12px}.table-email-automation tbody td,.table-email-automation thead th{padding:5px}.table-email-automation tbody td:first-child,.table-email-automation thead th:first-child{padding-left:16px}.table-email-automation tbody td:last-child,.table-email-automation thead th:last-child{padding-right:16px}.settings-icon{right:16px;top:16px}}.ea-settings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;color:#fff;color:var(--text-inverse);min-height:90dvh;padding:20px;position:relative}.ea-settings,.ea-settings .back-button{background-color:#fff;background-color:var(--bg-primary)}.ea-settings .back-button{align-items:center;border:none;border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;left:20px;padding:5px;position:absolute;top:20px;transition:all .3s ease}.ea-settings .back-button:hover{transform:translateY(-1px)}.ea-settings .back-button:focus{box-shadow:0 0 0 2px #3b82f64d;outline:none}.ea-settings .back-button:active{border:none;transform:translateY(0)}.ea-settings .email-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 12px 40px #0000001a,0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease}.ea-settings .email-card:hover{box-shadow:0 16px 48px #00000026,0 8px 16px #0000001a;transform:translateY(-4px)}.ea-settings .email-card .card-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #cccccc4d;display:flex;justify-content:space-between;padding:0 20px}.ea-settings .email-card .card-header h3{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.ea-settings .email-card .card-header .action-container{display:flex}.ea-settings .email-card .card-header .cancel-button,.ea-settings .email-card .card-header .ea-edit-button,.ea-settings .email-card .card-header .save-button{align-items:center;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ea-settings .email-card .card-header .cancel-button:hover,.ea-settings .email-card .card-header .ea-edit-button:hover,.ea-settings .email-card .card-header .save-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.ea-settings .email-card .card-header .cancel-button:active,.ea-settings .email-card .card-header .ea-edit-button:active,.ea-settings .email-card .card-header .save-button:active{transform:translateY(0)}.ea-settings .email-card .card-header .ea-edit-button{background-color:#f8c20a;border-radius:20px}.ea-settings .email-card .card-header .ea-edit-button:hover{background-color:#c99d06}.ea-settings .email-card .card-header .save-button{background-color:#36c76c;color:#fff}.ea-settings .email-card .card-header .save-button:hover{background-color:#2b9f56}.ea-settings .email-card .card-header .cancel-button{background-color:#ff6692}.ea-settings .email-card .card-header .cancel-button:hover{background-color:#ff336e}.ea-settings .email-card .card-body{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-content:center}.ea-settings .email-card .card-body p{align-items:center;background:#f8fafc4d;border-left:4px solid #3b82f6;border-radius:8px;display:flex;font-size:15px;line-height:1.6;padding:12px 16px}.ea-settings .email-card .card-body p strong{color:#1e293b;font-weight:700;min-width:120px}.ea-settings .email-card .card-body label{color:#1e293b;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ea-settings .email-card .card-body input{background:#ffffffe6;border:2px solid #cccccc4d;border-radius:10px;font-family:inherit;font-size:15px;padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ea-settings .email-card .card-body input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 2px 8px #3b82f633;outline:none;transform:translateY(-2px)}.ea-settings .email-card .card-body input::placeholder{color:#1e293b80}.ea-settings .email-card .card-body .password-input-wrapper{position:relative;width:100%}.ea-settings .email-card .card-body .password-input-wrapper input{padding-right:50px}.ea-settings .email-card .card-body .password-input-wrapper .password-toggle{align-items:center;border-radius:6px;color:#1e293b99;cursor:pointer;display:flex;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease}.ea-settings .ea-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.ea-settings .ea-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 24px 80px #00000040,0 8px 32px #00000026;max-height:90vh;max-width:900px;overflow-y:auto;padding:40px;width:85%}.ea-settings .ea-content .ea-title{color:#1e293b;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:32px;margin-top:0;position:relative;text-align:center}.ea-settings .ea-content .ea-title:after{background:#3b82f6;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.ea-settings .ea-content .ea-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.ea-settings .ea-content .ea-form-group{margin-bottom:0}.ea-settings .ea-content .ea-form-group label{color:#1e293b;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.ea-settings .ea-content .ea-form-group input,.ea-settings .ea-content .ea-form-group select{background:#fff;background:var(--bg-primary);border:2px solid #cccccc4d;border-radius:12px;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ea-settings .ea-content .ea-form-group .password-input-wrapper{position:relative;width:100%}.ea-settings .ea-content .ea-form-group .password-input-wrapper input{background:#fff;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);padding-right:50px}.ea-settings .ea-content .ea-form-group .password-input-wrapper .password-toggle{align-items:center;border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease}.ea-settings .ea-content .checkbox-group{grid-gap:16px;border-radius:12px;display:grid;gap:16px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.ea-settings .ea-content .checkbox-group label{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:500;padding:8px;transition:all .3s ease}.ea-settings .ea-content .checkbox-group label input[type=checkbox]{accent-color:#3b82f6;height:18px;margin-right:12px;width:18px}.ea-settings .ea-content .modal-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.ea-settings .ea-content .modal-actions button{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ea-settings .ea-content .modal-actions button:hover{transform:translateY(-3px)}.ea-settings .ea-content .modal-actions button:active{transform:translateY(-1px)}@media(max-width:768px){.ea-settings{padding:16px}.ea-settings .display6{font-size:22px;margin-bottom:24px}.ea-settings .back-button{font-size:13px;left:16px;padding:8px 16px;top:16px}.ea-settings .content-container{margin-top:48px}.ea-settings .email-card .card-body{padding:24px 20px}.ea-settings .email-config-table{overflow-x:auto;padding:20px}.ea-settings .email-config-table table{min-width:800px}.ea-settings .ea-content{padding:24px;width:95%}.ea-settings .ea-content .ea-form-grid{gap:16px;grid-template-columns:1fr}}.launched-templates-container{padding:24px}.launched-templates-container .launched-templates-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.launched-templates-container .launched-templates-header .back-button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex}.launched-templates-container .launched-templates-tabs{display:flex;gap:8px;margin-bottom:16px}.launched-templates-container .launched-templates-tabs .module-tab{background:none;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.launched-templates-container .launched-templates-tabs .module-tab.active{background:#2f54eb;border-color:#2f54eb;color:#fff}.launched-templates-container .launched-templates-filters{display:flex;gap:8px;margin-bottom:16px}.launched-templates-container .launched-templates-filters .version-toggle{background:#fff;border:1px solid #d9d9d9;border-radius:999px;cursor:pointer;font-size:13px;padding:6px 16px}.launched-templates-container .launched-templates-filters .version-toggle.active{background:#eef1ff;border-color:#2f54eb;color:#2f54eb;font-weight:600}.launched-templates-container .launched-templates-pagination{align-items:center;display:flex;gap:16px;margin-top:16px}.launched-templates-container .launched-templates-pagination button{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;padding:6px 14px}.launched-templates-container .launched-templates-pagination button:disabled{cursor:not-allowed;opacity:.5}.launched-templates-container .review-button{background:#2f54eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.launched-templates-container .review-button:hover{background:#1d39c4}.launched-templates-container .empty-hint{color:#8c8c8c;font-size:14px}.launched-templates-container .error-message{color:#d4380d}.launched-template-review-overlay{align-items:flex-start;background:#00000073;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:1000}.launched-template-review-modal{background:#fff;border-radius:10px;display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:640px;overflow:hidden;position:relative;width:100%}.launched-template-review-modal .review-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.launched-template-review-modal .review-header h2{font-size:18px;margin:0}.launched-template-review-modal .review-header .close-button{background:none;border:none;color:#8c8c8c;cursor:pointer;font-size:22px;line-height:1}.launched-template-review-modal .review-body{flex:1 1;overflow-y:auto;padding:20px}.launched-template-review-modal .field-row{margin-bottom:14px}.launched-template-review-modal .field-row label{color:#595959;display:block;font-size:13px;margin-bottom:4px}.launched-template-review-modal .field-row input,.launched-template-review-modal .field-row select,.launched-template-review-modal .field-row textarea{border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 10px;width:100%}.launched-template-review-modal .field-row.two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.launched-template-review-modal .field-row.dynamic-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr auto;margin-bottom:8px}.launched-template-review-modal .field-hint{color:#8c8c8c;display:block;font-size:12px;margin-top:4px}.launched-template-review-modal .field-hint.warning{color:#d46b08}.launched-template-review-modal .time-picker{align-items:center;display:flex;gap:6px}.launched-template-review-modal .time-picker select{width:auto}.launched-template-review-modal .checkbox-pill{align-items:center;border:1px solid #d9d9d9;border-radius:999px;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;margin:0 8px 8px 0;padding:4px 12px}.launched-template-review-modal .notification-type-checkboxes{display:flex;flex-wrap:wrap}.launched-template-review-modal .template-fieldset{border:1px solid #f0f0f0;border-radius:8px;margin-bottom:16px;padding:14px}.launched-template-review-modal .template-fieldset legend{color:#434343;font-size:13px;font-weight:600;padding:0 6px}.launched-template-review-modal .add-row-button{background:none;border:1px dashed #b3b3b3;border-radius:6px;color:#2f54eb;cursor:pointer;font-size:13px;padding:6px 12px}.launched-template-review-modal .remove-row-button{background:none;border:none;color:#d4380d;cursor:pointer;font-size:13px}.launched-template-review-modal .review-footer{border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.launched-template-review-modal .review-footer .primary-button{background:#2f54eb;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 18px}.launched-template-review-modal .review-footer .primary-button:disabled{cursor:not-allowed;opacity:.6}.launched-template-review-modal .review-footer .secondary-button{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;padding:8px 18px}.launched-template-review-modal .update-confirm-overlay{align-items:center;background:#ffffffeb;display:flex;inset:0;justify-content:center;padding:20px;position:absolute}.launched-template-review-modal .update-confirm-box{background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-width:420px;padding:24px;text-align:center}.launched-template-review-modal .update-confirm-box h3{font-size:16px;margin:0 0 8px}.launched-template-review-modal .update-confirm-box p{color:#595959;font-size:14px;margin:0 0 18px}.launched-template-review-modal .update-confirm-box .update-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}:root{--navbar-height:64px;--sidebar-width:90px;--marketplace-width:40px;--content-max-width:1600px;--border-radius-lg:14px;--border-radius-md:10px;--border-radius-sm:8px;--border-radius-xs:6px;--transition-smooth:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s ease;--shadow-soft:0 1px 2px #0000000a,0 1px 3px #0000000a;--shadow-medium:0 2px 6px #0000000f,0 1px 3px #0000000d;--shadow-sidebar:1px 0 0 #0000000d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--z-index-sticky:100;--z-index-sidebar:102;--z-index-navbar:103;--z-index-modal:104}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;scroll-behavior:smooth}body{background-color:#f5f7fb;background-color:var(--hr-page-bg);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;letter-spacing:-.005em;line-height:1.55;min-height:100dvh;overflow-x:hidden;text-rendering:optimizeLegibility}.display6,body{color:#1e293b;color:var(--text-primary);font-weight:400}.display6{border-bottom:.1px solid #ccc;font-size:1.25rem;margin-bottom:10px;padding:0 10px 10px}.display6,.page-subtitle,.subtitle{display:flex;justify-content:center}.page-subtitle,.subtitle{align-items:center;color:#a0a0a0;font-size:1rem;font-weight:400;margin:0 0 20px}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary);font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:.5em}h1{font-size:clamp(1.375rem,2vw + .5rem,1.875rem);font-weight:600}h2{font-size:clamp(1.1875rem,1.6vw + .4rem,1.5rem)}h3{font-size:clamp(1.0625rem,1.2vw + .3rem,1.25rem)}h4{font-size:clamp(.9375rem,1vw + .25rem,1.0625rem)}h4,h5{font-weight:600}h5{font-size:clamp(.875rem,.8vw + .2rem,1rem)}h6{font-size:clamp(.75rem,.6vw + .15rem,.875rem);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.app{display:flex;flex-direction:column;min-height:100dvh;position:relative}.navbar{background:#fff;background:var(--bg-primary);position:fixed;top:0;width:100%;z-index:103;z-index:var(--z-index-navbar)}.NavbarComp{align-items:center;background-color:#fff;background-color:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary);box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000a;box-shadow:var(--shadow-soft);display:flex;gap:1rem;gap:var(--spacing-md);height:100%;justify-content:space-between;padding:0 1.5rem;padding:0 var(--spacing-lg)}.NavbarComp,.main-content{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.main-content{animation:contentFadeIn .25s ease both;color:#1e293b;color:var(--text-primary);flex:1 1;margin-left:90px;margin-left:var(--sidebar-width);margin-right:40px;margin-right:var(--marketplace-width);margin-top:64px;margin-top:var(--navbar-height);min-height:calc(100dvh - 64px);min-height:calc(100dvh - var(--navbar-height));overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg)}.main-content::-webkit-scrollbar{height:6px;width:6px}.main-content::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-hover);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.custom-content,.custom-master-container,.custom-page-container{border-radius:10px;border-radius:var(--border-radius-md)}.custom-container{max-width:1600px;max-width:var(--content-max-width)}.custom-container,.custom-content{margin:0 auto;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.custom-content{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000a;box-shadow:var(--shadow-soft);color:#1e293b;color:var(--text-primary);min-height:80vh;padding:clamp(1rem,2vw,1.5rem);padding:clamp(var(--spacing-md),2vw,var(--spacing-lg))}.custom-page-container{padding:0;width:100%}.custom-master-container{padding-top:1rem;padding-top:var(--spacing-md);width:100%}.content-with-sidebar{margin-left:90px;margin-left:var(--sidebar-width);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}@media(min-width:1600px){.custom-content,.main-content{padding:1rem;padding:var(--spacing-md)}}@media(max-width:1440px){.main-content{padding:1rem;padding:var(--spacing-md)}}@media(max-width:992px){:root{--sidebar-width:70px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.custom-content{border-radius:8px;border-radius:var(--border-radius-sm);padding:1rem;padding:var(--spacing-md)}.custom-container{padding:0 .5rem;padding:0 var(--spacing-sm)}}@media(max-width:768px){:root{--sidebar-width:60px;--navbar-height:55px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.custom-content,.main-content{padding:.5rem;padding:var(--spacing-sm)}.custom-content{border-radius:8px;border-radius:var(--border-radius-sm)}.navbar{height:64px;height:var(--navbar-height)}.NavbarComp{padding:0 .5rem;padding:0 var(--spacing-sm)}}@media(max-width:576px){:root{--sidebar-width:50px;--navbar-height:50px;--border-radius-md:8px;--border-radius-lg:10px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.custom-content,.main-content{padding:.5rem;padding:var(--spacing-sm)}.custom-content{border-radius:8px;border-radius:var(--border-radius-sm);min-height:70vh}.custom-container{padding:0 .25rem;padding:0 var(--spacing-xs)}body{font-size:.8125rem}}@media(max-width:480px){:root{--sidebar-width:45px;--navbar-height:48px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.custom-content{border-radius:6px;border-radius:var(--border-radius-xs);padding:.5rem;padding:var(--spacing-sm)}body{font-size:.75rem}.NavbarComp{padding:0 .25rem;padding:0 var(--spacing-xs)}}@media(max-width:360px){:root{--sidebar-width:40px;--navbar-height:45px}.content-with-sidebar,.main-content{margin-left:90px;margin-left:var(--sidebar-width)}.content-with-sidebar{width:calc(100% - 90px);width:calc(100% - var(--sidebar-width))}.custom-content{padding:.25rem;padding:var(--spacing-xs)}}select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%230F172A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background:var(--bg-primary) url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%230F172A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-position:right 12px center;background-size:12px;border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:6px;border-radius:var(--border-radius-xs);color:#1e293b;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:.8125rem;min-width:60px;padding:6px 10px;transition:all .15s ease;transition:var(--transition-fast)}select:hover{border-color:#cbd5e1;border-color:var(--border-hover)}select:invalid{color:#1e293b;color:var(--text-primary)}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23F4F4F4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.theme-toggle{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:6px;border-radius:var(--border-radius-xs);color:#1e293b;color:var(--text-primary);cursor:pointer;padding:7px 11px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.theme-toggle:hover{background:#f1f5f9;background:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-hover)}.theme-toggle:active{transform:scale(.96)}*{scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--border-hover) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-hover);border-radius:3px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}a,button,input,select,textarea{transition:all .15s ease;transition:var(--transition-fast)}button:not(:disabled):active{transform:scale(.98)}svg{color:var(--text-color)}@media print{.navbar,.sidebar{display:none!important}.main-content{margin-left:0!important;width:100%!important}.custom-content{border-radius:0!important;box-shadow:none!important}}:root{--hr-primary:#2563eb;--hr-primary-hover:#1d4ed8;--hr-primary-soft:#a5cbff;--hr-primary-soft-border:#dbeafe;--hr-primary-text:#094afc;--hr-on-primary:#fff;--hr-success-bg:#dcfce7;--hr-success-fg:#15803d;--hr-success-solid:#16a34a;--hr-warning-bg:#fef3c7;--hr-warning-fg:#b45309;--hr-warning-solid:#d97706;--hr-danger-bg:#fee2e2;--hr-danger-fg:#b91c1c;--hr-danger-solid:#dc2626;--hr-neutral-bg:#f1f5f9;--hr-neutral-fg:#475569;--hr-page-bg:#f5f7fb;--hr-surface:#fff;--hr-surface-muted:#f8fafc;--hr-hover:#f1f5f9;--hr-border:#e6eaf0;--hr-border-strong:#d5dbe5;--hr-text:#0f172a;--hr-text-2:#475569;--hr-text-3:#64748b;--hr-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--hr-fs-xs:0.75rem;--hr-fs-sm:0.8125rem;--hr-fs-md:0.875rem;--hr-fs-lg:1rem;--hr-fs-xl:1.25rem;--hr-fs-2xl:1.5rem;--hr-radius-sm:20px;--hr-radius-md:10px;--hr-radius-lg:12px;--hr-radius-xl:16px;--hr-radius-pill:999px;--hr-control-h-sm:32px;--hr-control-h:36px;--hr-control-h-lg:40px;--hr-shadow-card:0 1px 2px #0f172a0a;--hr-shadow-pop:0 12px 32px #0f172a24;--hr-shadow-drawer:-12px 0 32px #0f172a29;--hr-sidebar-w:232px;--hr-sidebar-w-collapsed:72px;--hr-content-max:1600px;--hr-z-sticky:100;--hr-z-overlay:998;--hr-z-sidebar:999;--hr-z-navbar:1000;--hr-z-popover:1100;--hr-z-drawer:1200;--hr-z-modal:1300}[data-theme=dark]{--hr-primary:#3b82f6;--hr-primary-hover:#60a5fa;--hr-primary-soft:#60a5fa24;--hr-primary-soft-border:#60a5fa4d;--hr-primary-text:#93c5fd;--hr-on-primary:#fff;--hr-success-bg:#4ade8024;--hr-success-fg:#86efac;--hr-success-solid:#22c55e;--hr-warning-bg:#fbbf2424;--hr-warning-fg:#fcd34d;--hr-warning-solid:#f59e0b;--hr-danger-bg:#f8717124;--hr-danger-fg:#fca5a5;--hr-danger-solid:#ef4444;--hr-neutral-bg:#94a3b824;--hr-neutral-fg:#cbd5e1;--hr-page-bg:#0b1017;--hr-surface:#121923;--hr-surface-muted:#172030;--hr-hover:#1b2536;--hr-border:#243044;--hr-border-strong:#2f3d54;--hr-text:#e6e9ed;--hr-text-2:#b8bfc7;--hr-text-3:#8b929a;--hr-shadow-card:0 1px 2px #00000059;--hr-shadow-pop:0 12px 32px #0000008c;--hr-shadow-drawer:-12px 0 32px #0009}.main-content{color:#0f172a;color:var(--hr-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font)}.main-content>:is(.custom-ess-container,.team-container,.custom-performance-container,.custom-onboarding-container,.custom-offboarding-container,.custom-recruitment-container,.custom-braingym-container,.email-automation-container,.launched-templates-container,.ea-settings,.analytics-dashboard,.profile-section-container,.account-settings,.subsctiption){margin:0 auto;max-width:1600px;max-width:var(--hr-content-max);min-width:0;width:100%}.main-content :is(.custom-content,.custom-page-container){background:#0000;border:0;border-radius:0;box-shadow:none;color:#0f172a;color:var(--hr-text);margin:0;min-height:0;min-width:0;padding:0;transition:none;width:100%}.main-content .custom-braingym-container,.main-content .custom-ess-container,.main-content .custom-offboarding-container,.main-content .custom-onboarding-container,.main-content .custom-performance-container,.main-content .custom-recruitment-container,.main-content .team-container{display:flex;flex-direction:column;gap:14px;margin:0 auto;min-height:0}.main-content :is(.email-automation-container,.analytics-dashboard,.ea-settings,.subsctiption,.profile-section-container){background:#0000;border:0;border-radius:0;box-shadow:none;color:#0f172a;color:var(--hr-text);min-height:0;padding:0}.main-content .launched-templates-container{color:#0f172a;color:var(--hr-text);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font);padding:0}.main-content .display6{border-bottom:1px solid #e6eaf0;border-bottom:1px solid var(--hr-border);color:#0f172a;color:var(--hr-text);display:block;font-size:1.25rem;font-weight:700;justify-content:normal;margin:0 0 14px;padding:0 0 10px;text-align:left}.main-content :is(.card,.info-card,.email-card,.chart-card,.stats-card,.stat-card,.form-section,.form-container,.custom-master-container){border-radius:12px;border-radius:var(--hr-radius-lg);box-shadow:0 1px 2px #0f172a0a;box-shadow:var(--hr-shadow-card)}.main-content :is(.stats-card,.stat-card,.hr-summary,.dashboard-metric-tile){overflow:hidden;position:relative}.main-content :is(.stats-card,.stat-card,.hr-summary,.dashboard-metric-tile)>.stats-card__accent{background:#2563eb;background:var(--stats-accent,var(--summary-accent,var(--hr-primary)));border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0;height:100%;left:0;position:absolute;top:0;width:3px}.main-content :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--hr-font)}@media(max-width:576px){.main-content>:is(.custom-ess-container,.team-container,.custom-performance-container,.custom-onboarding-container,.custom-offboarding-container,.custom-recruitment-container,.custom-braingym-container,.email-automation-container,.launched-templates-container,.ea-settings,.analytics-dashboard,.profile-section-container,.account-settings,.subsctiption){max-width:100%}}.analytics-dashboard{background-color:#fff;background-color:var(--bg-primary);border:.1px solid #e2e8f0;border:.1px solid var(--border-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft);color:#1e293b;color:var(--text-primary);margin:0 auto;min-height:80vh;transition:var(--transition-smooth);width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analytics-dashboard .analytics-placeholder{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px;text-align:center}.analytics-dashboard .analytics-placeholder svg{color:#475569;color:var(--text-secondary);margin-bottom:16px;opacity:.5}.analytics-dashboard .analytics-placeholder h2{color:#475569;color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin:0 0 8px}.analytics-dashboard .analytics-placeholder p{color:#64748b;color:var(--text-muted);font-size:.9rem;margin:0}.analytics-dashboard .stats-grid--compact{gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin-bottom:14px}.analytics-dashboard .stats-card{align-items:center;border-radius:14px;gap:10px;min-height:76px;padding:10px 12px}.analytics-dashboard .stats-card__icon{height:40px;width:40px}.analytics-dashboard .stats-card__title{font-size:.94rem;letter-spacing:0;margin:0;text-transform:none}.analytics-dashboard .stats-card__value{font-size:1.55rem;margin:0}.analytics-dashboard .chart-card{margin-bottom:20px;padding:20px}.analytics-dashboard .chart-card__header{margin-bottom:12px;padding-bottom:12px}.analytics-dashboard .chart-card__title{font-size:1rem;margin:0}.analytics-dashboard .analytics-section{margin-bottom:0;padding:0 20px}.analytics-dashboard .loading-spinner{padding:40px}.analytics-dashboard .loading-spinner .spinner{height:32px;margin-bottom:10px;width:32px}.analytics-dashboard .loading-spinner p{font-size:.85rem}@media(max-width:768px){.analytics-dashboard .stats-grid--compact{gap:12px;grid-template-columns:1fr 1fr}.analytics-dashboard .stats-card{padding:12px}.analytics-dashboard .stats-card__icon{height:32px;width:32px}.analytics-dashboard .stats-card__value{font-size:1.25rem}.analytics-dashboard .chart-card{padding:16px}.analytics-dashboard .analytics-placeholder{min-height:300px;padding:40px}.analytics-dashboard .analytics-placeholder svg{height:36px;width:36px}.analytics-dashboard .analytics-placeholder h2{font-size:1rem}.analytics-dashboard .analytics-placeholder p{font-size:.875rem}}.dashboard-tabs{display:flex;gap:12px;overflow-x:auto;padding:10px 10px 8px;scrollbar-color:#ccc #0000;scrollbar-color:var(--border-primary) #0000;scrollbar-width:thin}.dashboard-tabs::-webkit-scrollbar{height:6px}.dashboard-tabs::-webkit-scrollbar-track{background:#0000}.dashboard-tabs::-webkit-scrollbar-thumb{background:#ccc;background:var(--border-primary);border-radius:3px}.dashboard-content{animation:slideUp .6s cubic-bezier(.25,.46,.45,.94)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.overview-grid{display:flex;flex-direction:column;gap:32px}.analytics-section{animation:fadeInSection .6s cubic-bezier(.25,.46,.45,.94);margin-bottom:48px}@keyframes fadeInSection{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{color:#1e293b;color:var(--text-primary);margin-bottom:24px}.section-header svg{color:#3b82f6;color:var(--active-color);flex-shrink:0}.section-header h2{font-size:1.5rem;font-weight:600;letter-spacing:-.3px;margin:0}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin-bottom:14px}.stats-card{grid-gap:12px;align-items:center;background:#fff;background:var(--bg-card);border:1px solid #dfe6ef;border-radius:14px;display:grid;gap:12px;grid-template-columns:40px minmax(0,1fr) auto;min-height:78px;overflow:hidden;padding:10px 12px;position:relative;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.stats-card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 4px 12px #0f172a0f;transform:translateY(-1px)}.stats-card:hover .stats-card__icon{transform:scale(1.04)}.stats-card__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:transform .2s cubic-bezier(.25,.46,.45,.94);width:40px}.stats-card--blue .stats-card__icon{background:#3b82f61a;color:#3b82f6}.stats-card--blue{--stats-accent:#3b82f6}.stats-card--purple .stats-card__icon{background:#8b5cf61a;color:#8b5cf6}.stats-card--purple{--stats-accent:#8b5cf6}.stats-card--green .stats-card__icon{background:#10b9811a;color:#10b981}.stats-card--green{--stats-accent:#10b981}.stats-card--orange .stats-card__icon{background:#f59e0b1a;color:#f59e0b}.stats-card--orange{--stats-accent:#f59e0b}.stats-card__content{align-self:center;min-width:0}.stats-card__title{color:#475569;color:var(--text-secondary);font-size:.94rem;font-weight:650;letter-spacing:0;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.stats-card__value{color:#1e293b;color:var(--text-primary);font-size:1.55rem;font-weight:700;justify-self:end;line-height:1;margin:0;white-space:nowrap}.stats-card__subtitle{color:#64748b;color:var(--text-muted);font-size:.8125rem;line-height:1.3;margin:2px 0 0}.stats-card__content p{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:24px}.chart-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;overflow:hidden;padding:24px;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.chart-card:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.25,.46,.45,.94)}.chart-card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 8px 20px #00000014}.chart-card:hover:after{opacity:1}.chart-card--full{grid-column:1/-1}.chart-card__header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-secondary);margin-bottom:20px;padding-bottom:16px}.chart-card__title{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.2px;margin:0 0 4px}.chart-card__subtitle{color:#475569;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0}.chart-card__content{position:relative}.chart-card__content .recharts-wrapper{font-family:inherit}.chart-card__content .recharts-cartesian-axis-tick-value{fill:#475569;fill:var(--text-secondary);font-size:12px}.chart-card__content .recharts-legend-item-text{color:#1e293b!important;color:var(--text-primary)!important;font-size:14px}.chart-card__content .recharts-tooltip-wrapper{outline:none}.loading-spinner{align-items:center;color:#475569;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner .spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#3b82f6;border:4px solid var(--border-secondary);border-radius:50%;border-top-color:var(--active-color);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner p{font-size:.9rem;font-weight:500;margin:0}.error-message,.info-message{align-items:center;animation:slideIn .6s cubic-bezier(.25,.46,.45,.94);border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin:20px 0;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.error-message svg,.info-message svg{flex-shrink:0}.error-message{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.error-message svg{color:#dc2626}.info-message{background:#3b82f61a;border:1px solid #3b82f633;color:#1e40af}.info-message svg{color:#3b82f6}@media(max-width:768px){.analytics-dashboard{padding:20px}.stats-grid{gap:16px}.charts-row,.stats-grid{grid-template-columns:1fr}.charts-row{gap:20px}.dashboard-tabs{flex-wrap:nowrap;gap:8px;margin-bottom:20px}.tab-button{font-size:.8125rem;padding:10px 16px}.tab-button span{display:none}.tab-button svg{margin:0}.section-header h2{font-size:1.25rem}.section-header svg{height:24px;width:24px}.stats-card{padding:20px}.stats-card__value{font-size:1.75rem}.chart-card{padding:20px}.chart-card__header{padding-bottom:12px}.chart-card__title{font-size:1rem}}@media(max-width:480px){.analytics-dashboard{padding:16px}.stats-card{align-items:center;gap:8px;grid-template-columns:36px minmax(0,1fr) auto;min-height:68px;padding:9px}.stats-card__icon{height:36px;width:36px}.stats-card__title{font-size:.82rem}.stats-card__value{font-size:1.3rem}.dashboard-tabs{gap:6px}.tab-button{padding:8px 12px}}[data-theme=dark] .analytics-dashboard{background:#fff;background:var(--bg-primary)}[data-theme=dark] .chart-card,[data-theme=dark] .stats-card{background:#f8fafc;background:var(--bg-secondary);border-color:#ccc;border-color:var(--border-primary)}[data-theme=dark] .chart-card:hover,[data-theme=dark] .stats-card:hover{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 8px 20px #0000004d}[data-theme=dark] .stats-card--blue .stats-card__icon{background:#60a5fa26;color:#60a5fa}[data-theme=dark] .stats-card--purple .stats-card__icon{background:#a78bfa26;color:#a78bfa}[data-theme=dark] .stats-card--green .stats-card__icon{background:#34d39926;color:#34d399}[data-theme=dark] .stats-card--orange .stats-card__icon{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .tab-button{background:#f8fafc;background:var(--bg-secondary);border-color:#ccc;border-color:var(--border-primary);color:#475569;color:var(--text-secondary)}[data-theme=dark] .tab-button:hover{background:#f8fafc;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-hover)}[data-theme=dark] .tab-button.active{background:#3b82f6;background:var(--active-color);border-color:#3b82f6;border-color:var(--active-color);box-shadow:0 4px 12px #60a5fa4d;color:#fff;color:var(--text-inverse)}[data-theme=dark] .error-message{background:#f871711a;border-color:#f8717133;color:#f87171}[data-theme=dark] .error-message svg{color:#f87171}[data-theme=dark] .info-message{background:#60a5fa1a;border-color:#60a5fa33;color:#60a5fa}[data-theme=dark] .info-message svg{color:#60a5fa}[data-theme=dark] .chart-card__header{border-bottom-color:#ccc;border-bottom-color:var(--border-primary)}[data-theme=dark] .loading-spinner .spinner{border-color:#ccc;border-color:var(--border-primary);border-top-color:#3b82f6;border-top-color:var(--active-color)}@media print{.analytics-dashboard{padding:0}.dashboard-tabs{display:none}.chart-card,.stats-card{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.section-header{align-items:center;display:flex;gap:12px}.section-header .role-switcher{display:flex;gap:6px;margin-left:auto}.role-toggle-btn{background:#0000;border:1.5px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.role-toggle-btn:hover{border-color:#3b82f6;color:#3b82f6}.role-toggle-btn--active{background:#3b82f6;border-color:#3b82f6;color:#fff}.role-toggle-btn--active:hover{background:#2563eb;border-color:#2563eb;color:#fff}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f8fafc;--bg-hover:#f1f5f9;--bg-card:#fff;--bg-input:#fff;--bg-disabled:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--text-disabled:#94a3b8;--border-primary:#ccc;--border-secondary:#e2e8f0;--border-focus:#3b82f6;--border-hover:#cbd5e1;--active-color:#3b82f6;--button-text:#000;--success-color:#36c76c;--success-light:#ebfaf0;--success-dark:#2b9b39;--info-color:#46caeb;--info-light:#daf4fb;--info-dark:#4ba3be;--warning-color:#f8c20a;--warning-light:#fff9e5;--warning-dark:#d3b943;--danger-color:#ff6692;--danger-light:#ffccdb;--danger-dark:#b32a4c;--disabled-color:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,#3b82f6,#3b82f6);--gradient-secondary:linear-gradient(135deg,#f8fafc,#f1f5f9)}[data-theme=dark]{--bg-tertiary:#232a31;--bg-hover:#2d3339;--bg-card:#1a1f25;--bg-input:#232a31;--bg-disabled:#1a1f25;--text-secondary:#b8bfc7;--text-muted:#8b929a;--text-inverse:#0f1419;--border-secondary:#2d3339;--border-hover:#475569;--success-color:#4ade80;--success-light:#4ade801a;--success-dark:#059669;--info-color:#60a5fa;--info-light:#60a5fa1a;--info-dark:#1d4ed8;--warning-color:#fbbf24;--warning-light:#fbbf241a;--warning-dark:#d97706;--danger-color:#f87171;--danger-light:#f871711a;--danger-dark:#dc2626;--disabled-color:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--gradient-primary:linear-gradient(135deg,#3b82f6,#3b82f6);--gradient-secondary:linear-gradient(135deg,#f8fafc,#f1f5f9);--bg-primary:#0f1419;--bg-secondary:#1a1f25;--bg-tertiary:#1e293b;--bg-hover:#334155;--bg-card:#1e293b;--bg-input:#334155;--bg-disabled:#1e293b;--bg-active:#60a5fa;--text-primary:#e6e9ed;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#0f172a;--text-disabled:#64748b;--border-primary:#3a424a;--border-secondary:#475569;--border-focus:#60a5fa;--border-hover:#64748b;--active-color:#60a5fa;--button-text:#f0f0f0;--success-light:#36c76c1a;--info-light:#46caeb1a;--warning-light:#f8c20a1a;--danger-light:#ff66921a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #00000080;--gradient-primary:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-secondary:linear-gradient(135deg,#1a1f25,#334155)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease}body{font-family:Manrope,sans-serif;margin:0;min-height:100vh;padding:0}.card{background-color:var(--active-20-color);border:1px solid var(--active-20-color);border-radius:20px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:20px}.button{background-color:#3b82f6;background-color:var(--active-color);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.button:disabled{background-color:#94a3b8;background-color:var(--disabled-color);box-shadow:none;cursor:not-allowed;transform:none}.input{background-color:#fff;background-color:var(--bg-input);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:14px;padding:8px 12px}.input:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #017bfe1a;outline:none}.input::placeholder{color:#64748b;color:var(--text-muted)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--active-color);outline-offset:2px}@media print{[data-theme=dark]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--text-primary:#000;--text-secondary:#334155;--border-primary:#cbd5e1}}.updates-page{color:#1e293b;color:var(--text-primary);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:1200px}.updates-page .updates-page-header{margin-bottom:36px}.updates-page .updates-page-header h1{font-size:30px;font-weight:700;letter-spacing:-.4px;margin:0 0 6px}.updates-page .updates-page-header p{color:#1e293b;color:var(--text-primary);font-size:14px;margin:0 0 20px;opacity:.6}.updates-page .updates-filters{display:flex;flex-wrap:wrap;gap:8px}.updates-page .updates-filters .filter-pill{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:20px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;opacity:.7;padding:7px 16px;transition:all .15s ease}.updates-page .updates-filters .filter-pill:hover{border-color:#3b82f6;opacity:1}.updates-page .updates-filters .filter-pill.active{background:#3b82f6;border-color:#3b82f6;color:#fff;opacity:1}.updates-page .updates-page-body{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:220px 1fr}.updates-page .updates-sidebar{position:sticky;top:100px}.updates-page .updates-sidebar .sidebar-label{font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;opacity:.45;padding-left:14px;text-transform:uppercase}.updates-page .updates-sidebar .sidebar-nav{border-left:2px solid #e2e8f0;border-left:2px solid var(--border-secondary);display:flex;flex-direction:column;gap:2px}.updates-page .updates-sidebar .sidebar-item{align-items:flex-start;background:none;border:none;border-left:2px solid #0000;border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:2px;margin-left:-2px;padding:8px 14px;text-align:left;transition:all .15s ease}.updates-page .updates-sidebar .sidebar-item .sidebar-version{font-size:13px;font-weight:600;opacity:.8}.updates-page .updates-sidebar .sidebar-item .sidebar-date{font-size:11px;opacity:.45}.updates-page .updates-sidebar .sidebar-item:hover{background:#017bfe0a}.updates-page .updates-sidebar .sidebar-item.active{background:#017bfe0d;border-left-color:#3b82f6}.updates-page .updates-sidebar .sidebar-item.active .sidebar-version{color:#3b82f6;opacity:1}.updates-page .updates-content{min-width:0}.updates-page .updates-empty{font-size:14px;opacity:.5;padding:60px 0;text-align:center}.updates-page .release-block{margin-bottom:56px;scroll-margin-top:100px}.updates-page .release-block:last-child{margin-bottom:0}.updates-page .release-meta{align-items:baseline;display:flex;gap:10px;margin-bottom:8px}.updates-page .release-meta .release-version{font-size:17px;font-weight:700;letter-spacing:-.2px}.updates-page .release-meta .release-date{color:#1e293b;color:var(--text-primary);font-size:13px;opacity:.5}.updates-page .release-summary{color:#1e293b;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0 0 24px;max-width:640px;opacity:.75}.updates-page .release-items{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.updates-page .release-item{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-secondary);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px 18px;transition:all .15s ease}.updates-page .release-item:hover{border-color:#017bfe4d;box-shadow:0 4px 14px #0000000d}.updates-page .release-item .release-item-text .item-heading{font-size:14px;font-weight:600;margin-bottom:4px}.updates-page .release-item .release-item-text p{font-size:13px;line-height:1.55;margin:0;opacity:.7}.updates-page .type-tag{align-self:flex-start;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.updates-page .type-tag.type-feature{background:#017bfe1a;color:#3b82f6}.updates-page .type-tag.type-improvement{background:#36c76c1a;color:#36c76c}.updates-page .type-tag.type-performance{background:#f5a6231f;color:#b9770e}.updates-page .type-tag.type-design{background:#9b59b61a;color:#8e44ad}.updates-page .type-tag.type-fix{background:#ff66921a;color:#ff6692}@media(max-width:960px){.updates-page .updates-page-body{gap:28px;grid-template-columns:1fr}.updates-page .updates-sidebar{position:static}.updates-page .updates-sidebar .sidebar-nav{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-secondary);border-left:none;flex-direction:row;overflow-x:auto;padding-bottom:4px}.updates-page .updates-sidebar .sidebar-item{align-items:baseline;border-bottom:2px solid #0000;border-left:none;border-radius:8px 8px 0 0;flex-direction:row;gap:6px;margin-bottom:-2px;margin-left:0;white-space:nowrap}.updates-page .updates-sidebar .sidebar-item.active{border-bottom-color:#3b82f6;border-left-color:#0000}.updates-page .release-items{grid-template-columns:1fr}}@media(max-width:600px){.updates-page{padding:84px 18px 50px}.updates-page .updates-page-header h1{font-size:24px}}.navigation-tour-backdrop{animation:tour-backdrop-in .22s ease-out both;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a85;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:12000}.navigation-tour{animation:tour-card-in .38s cubic-bezier(.2,.8,.2,1) both;background:#fff;border:1px solid #fffc;border-radius:22px;box-shadow:0 30px 90px #0f172a4d;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);min-height:395px;overflow:hidden;position:relative;width:min(920px,100%)}.navigation-tour-close{background:#ffffffdb;border:0;border-radius:50%;color:#667085;cursor:pointer;display:grid;height:34px;place-items:center;position:absolute;right:14px;top:14px;transition:color .16s ease,background .16s ease,transform .16s ease;width:34px;z-index:3}.navigation-tour-close:hover{background:#eef4ff;color:#1d4ed8;transform:rotate(90deg)}.navigation-tour-copy{align-items:flex-start;display:flex;flex-direction:column;padding:42px 28px 26px 34px}.navigation-tour-kicker{align-items:center;color:#52627b;display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.075em}.tour-live-dot{animation:tour-pulse 1.7s ease-in-out infinite;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 4px #e8f1ff;height:8px;width:8px}.navigation-tour-copy h2{animation:tour-copy-in .28s ease both;color:#172033;font-size:clamp(25px,3vw,32px);font-weight:700;letter-spacing:-.045em;line-height:1.12;margin:30px 0 10px}.navigation-tour-copy p{animation:tour-copy-in .3s ease 35ms both;color:#65728a;font-size:14px;line-height:1.65;margin:0;max-width:350px}.navigation-tour-controls{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:24px;width:100%}.navigation-tour-progress{display:flex;gap:6px}.navigation-tour-progress button{background:#e5eaf2;border:0;border-radius:99px;cursor:pointer;height:4px;padding:0;transition:width .24s ease,background .24s ease;width:22px}.navigation-tour-progress button.is-current{background:#2878f0;width:34px}.navigation-tour-progress button.is-done{background:#8db8fa}.navigation-tour-step{color:#202b40;font-size:12px;font-weight:700}.navigation-tour-step i{color:#a3adbc;font-style:normal;font-weight:500}.navigation-tour-actions{align-items:center;display:flex;gap:8px;margin-top:20px}.tour-back-button,.tour-next-button,.tour-play-button{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:650;gap:7px;height:38px;justify-content:center;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.tour-back-button:active,.tour-next-button:active,.tour-play-button:active{transform:scale(.97)}.tour-play-button{background:#fff;border:1px solid #e2e8f0;color:#52627b;padding:0 11px}.tour-play-button:hover{background:#f6f8fb}.tour-pause-mark{font-size:13px;font-weight:800}.tour-back-button{background:#fff;border:1px solid #e2e8f0;color:#52627b;width:38px}.tour-next-button{background:#2878f0;border:1px solid #2878f0;box-shadow:0 5px 13px #2878f038;color:#fff;min-width:86px;padding:0 13px}.tour-next-button:hover{background:#1768df;box-shadow:0 7px 18px #2878f04d}.navigation-tour-skip{background:#0000;border:0;color:#8994a7;cursor:pointer;font:inherit;font-size:11px;margin:13px 0 0 4px;padding:4px 0}.navigation-tour-skip:hover{color:#42526b;text-decoration:underline}.navigation-tour-preview{align-items:stretch;background:radial-gradient(ellipse at 78% 14%,#5b95f82e,#0000 42%),linear-gradient(145deg,#f5f8ff,#eef3fa);display:flex;min-width:0;overflow:hidden;padding:38px 30px 28px 0;position:relative}.tour-preview-sidebar{align-items:center;background:#fff;border:1px solid #e1e8f3e6;border-radius:13px 0 0 13px;box-shadow:0 8px 24px #1d2e4b14;color:#77859a;display:flex;flex:0 0 47px;flex-direction:column;gap:12px;margin:24px 0 24px 14px;padding:12px 0;position:relative;z-index:1}.tour-preview-sidebar svg{stroke-width:1.8;height:15px;width:15px}.tour-preview-brand,.tour-preview-collapse,.tour-preview-side-item{display:grid;height:27px;place-items:center;width:27px}.tour-preview-brand img,.tour-preview-brand span{background:linear-gradient(140deg,#236ce5,#73a8ff);border-radius:7px;color:#fff;display:grid;flex:0 0 22px;font-size:12px;font-weight:800;height:22px;object-fit:contain;place-items:center;width:22px}.tour-preview-brand,.tour-preview-collapse,.tour-preview-side-item{overflow:hidden}.tour-preview-brand b,.tour-preview-collapse span,.tour-preview-side-item span{color:#66758b;display:none;font-size:8px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tour-preview-side-item.is-active{background:#eaf2ff;border-radius:8px;color:#2878f0}.tour-preview-collapse{color:#a2adbd;margin-top:auto}.tour-preview-main{animation:tour-window-in .55s cubic-bezier(.2,.8,.2,1) both;background:#fff;border:1px solid #e2e8f1;border-radius:15px;box-shadow:0 16px 38px #1d2e4b21;flex:1 1;min-width:0;overflow:hidden;position:relative}.tour-preview-topbar{border-bottom:1px solid #edf0f5;gap:10px;height:49px;padding:0 13px;white-space:nowrap}.tour-preview-links,.tour-preview-links span,.tour-preview-menu,.tour-preview-topbar{align-items:center;display:flex}.tour-preview-menu{color:#4d5a70;font-size:10px;font-weight:650;gap:7px}.tour-preview-menu svg{height:14px;width:14px}.tour-preview-links{flex:1 1;gap:clamp(8px,1.3vw,18px);justify-content:center;min-width:0}.tour-preview-links span{color:#78859a;font-size:9px;gap:5px;height:49px;position:relative;transition:color .2s ease}.tour-preview-links span svg{height:12px;width:12px}.tour-preview-links span.selected{color:#176fe5}.tour-preview-links span.selected:after{animation:tour-underline-in .24s ease both;background:#2878f0;border-radius:4px 4px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tour-preview-avatar{background:#e4edff;border-radius:50%;color:#3460a7;display:grid;flex:0 0 23px;font-size:9px;font-weight:700;height:23px;place-items:center;width:23px}.tour-preview-subnav{align-items:center;border-bottom:0 solid #e7ecf3;color:#77849a;display:flex;gap:19px;height:0;opacity:0;overflow:hidden;padding:0 17px;transition:height .3s ease,opacity .22s ease,border-width .3s ease;white-space:nowrap}.tour-preview-subnav span{font-size:9px}.tour-preview-subnav .subnav-current{color:#1f2937;font-weight:700}.tour-preview-subnav.is-visible{border-bottom-width:1px;height:37px;opacity:1}.tour-preview-content{padding:17px 18px}.tour-preview-welcome{align-items:center;color:#354156;display:flex;font-size:10px;font-weight:700;justify-content:space-between}.tour-preview-welcome i{background:#edf1f7;border-radius:9px;height:6px;width:44px}.tour-preview-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:13px}.tour-preview-cards i{animation:tour-card-float 2.6s ease-in-out infinite;background:linear-gradient(180deg,#fff 0 46%,#f7f9fc 46% 54%,#fff 54%);border:1px solid #edf0f5;border-radius:8px;box-shadow:0 3px 8px rgba(36,54,82,.035);height:56px}.tour-preview-cards i:nth-child(2){animation-delay:.18s}.tour-preview-cards i:nth-child(3){animation-delay:.36s}.tour-preview-table{grid-gap:8px;border:1px solid #edf0f5;border-radius:8px;display:grid;gap:8px;margin-top:12px;padding:10px}.tour-preview-table i{background:#edf1f6;border-radius:8px;height:5px}.tour-preview-table i:nth-child(2){width:82%}.tour-preview-table i:nth-child(3){width:91%}.tour-preview-table i:nth-child(4){width:68%}.tour-preview-spotlight{background:#f2f7ff;border:1px solid #cfe0fc;border-radius:9px;color:#2878f0;display:grid;height:27px;left:92px;opacity:0;place-items:center;position:absolute;top:13px;transform:translateX(-8px);transition:opacity .2s ease,transform .24s ease;width:27px}.tour-preview-spotlight svg{height:14px;width:14px}.scene-0 .tour-preview-sidebar{align-items:stretch;animation:tour-sidebar-collapse 3.2s ease both}.scene-0 .tour-preview-brand,.scene-0 .tour-preview-collapse,.scene-0 .tour-preview-side-item{align-items:center;display:flex;flex:0 0 auto;gap:6px;justify-content:flex-start;margin-left:5px;margin-right:5px;padding:0 5px;white-space:nowrap;width:calc(100% - 10px)}.scene-0 .tour-preview-brand b,.scene-0 .tour-preview-collapse span,.scene-0 .tour-preview-side-item span{animation:tour-label-fade 3.2s ease both;display:block}.scene-0 .tour-preview-collapse{margin-top:auto}.scene-0 .tour-preview-spotlight,.scene-1 .tour-preview-spotlight{opacity:1;transform:translateX(0)}.scene-1 .tour-preview-spotlight{left:auto;right:83px;top:48px}.scene-2 .tour-preview-spotlight{left:92px;opacity:1;top:54px;transform:translateX(0)}.scene-2 .tour-preview-subnav{box-shadow:0 4px 10px #2a55960f}@keyframes tour-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes tour-card-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tour-copy-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-window-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-underline-in{0%{transform:scaleX(.3)}to{transform:scaleX(1)}}@keyframes tour-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 4px #e8f1ff}50%{box-shadow:0 0 0 7px #e8f1ff73}}@keyframes tour-sidebar-collapse{0%,22%{flex-basis:118px}62%,to{flex-basis:47px}}@keyframes tour-label-fade{0%,25%{max-width:88px;opacity:1}55%,to{max-width:0;opacity:0}}@media(max-width:720px){.navigation-tour-backdrop{padding:14px}.navigation-tour{grid-template-columns:1fr;max-width:480px}.navigation-tour-copy{order:2;padding:24px 24px 20px}.navigation-tour-copy h2{font-size:25px;margin-top:16px}.navigation-tour-copy p{font-size:13px}.navigation-tour-controls{padding-top:17px}.navigation-tour-preview{min-height:205px;padding:20px 17px 0 0}.tour-preview-sidebar{margin-bottom:14px;margin-top:13px}.tour-preview-links span,.tour-preview-topbar{height:42px}.tour-preview-content{padding:12px}.tour-preview-cards i{height:40px}.tour-preview-table{margin-top:8px}.tour-preview-subnav{gap:12px;padding-left:12px;padding-right:8px}.tour-preview-subnav span{font-size:8px}}@media(prefers-reduced-motion:reduce){.navigation-tour,.navigation-tour *,.navigation-tour-backdrop{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.9fc358e2.css.map*/